:root{--yellow:#ffd000;--purple:#190529;--purple2:#32105b;--white:#fff;--ink:#20152c;--muted:#716879;--line:#eee8f2;--surface:#faf8fc;--green:#16794b}*{box-sizing:border-box}body{margin:0;background:#f7f5fa;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,a{font:inherit}button{cursor:pointer}.topbar{height:76px;padding:10px clamp(16px,4vw,36px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:11px;border:0;background:none;padding:0;text-align:left;color:var(--ink)}.brand img{width:48px;height:48px;border-radius:50%;object-fit:contain;background:var(--purple)}.brand strong{display:block;font-size:15px}.brand small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.install{background:var(--yellow);color:var(--purple);font-weight:800;border:0;border-radius:999px;padding:10px 14px}.hidden{display:none!important}main{max-width:1000px;margin:0 auto;padding:22px 16px 105px}.view{display:none}.view.active{display:block;animation:appear .18s ease}@keyframes appear{from{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:none}}.welcome{background:linear-gradient(120deg,var(--purple),#32105b);color:#fff;border-radius:24px;padding:25px;display:flex;align-items:center;justify-content:space-between;gap:14px;overflow:hidden}.welcome>div{max-width:580px}.welcome img{width:110px;height:110px;border-radius:50%;object-fit:contain;background:var(--yellow);flex-shrink:0}.eyebrow{color:#8e6ab0;font-weight:850;letter-spacing:.13em;font-size:10px;margin:0 0 9px}.welcome .eyebrow{color:var(--yellow)}h1{font-size:clamp(28px,5vw,42px);letter-spacing:-.04em;line-height:1.08;margin:0 0 10px}.welcome p:not(.eyebrow),.page-title>p:last-child{line-height:1.55;color:#e1d9e8;margin:0;font-size:14px}.page-title{padding:14px 2px 24px}.page-title>p:last-child{color:var(--muted);max-width:650px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:26px 0 13px}.section-head h2{font-size:17px;margin:0;letter-spacing:-.02em}.pill,.tag{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800;background:#f0e9f8;color:#57327b}.cards{display:grid;gap:12px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card{display:flex;align-items:center;gap:12px;text-align:left;border:0;border-radius:17px;padding:17px;min-height:112px;color:white}.feature-card.purple{background:var(--purple)}.feature-card.yellow{background:var(--yellow);color:var(--purple)}.feature-card>span:nth-child(2){flex:1;min-width:0}.feature-card b,.feature-card small{display:block}.feature-card b{font-size:14px}.feature-card small{font-size:11px;line-height:1.4;opacity:.76;margin-top:5px}.feature-icon{font-size:25px}.arrow{font-size:20px}.mini-card,.resource-card{background:white;border:1px solid var(--line);border-radius:17px;padding:13px}.mini-art{height:88px;display:grid;place-items:center;background:#fff8d9;border-radius:12px;font-size:36px;margin-bottom:12px}.mini-card b{display:block;font-size:12px}.mini-card small{display:block;color:var(--muted);font-size:11px;line-height:1.45;margin-top:5px}.notice{display:flex;gap:12px;align-items:flex-start;background:#fff8d9;border:1px solid #f4e8a8;border-radius:15px;padding:14px;margin-top:22px;font-size:12px;line-height:1.5}.notice p{margin:0}.notice>span{font-size:20px}.notice.warning{background:#fff1e7;border-color:#f2d4bf}.text-button{border:0;background:none;color:#6c4191;font-size:12px;font-weight:800}.resource-visual{height:130px;border-radius:12px;display:grid;place-items:center;font-size:48px;margin-bottom:14px}.yellow-visual{background:#fff0a5}.purple-visual{background:#eee1ff}.resource-card h3,.offer h3{margin:0 0 8px;font-size:16px}.resource-card p,.offer p{color:var(--muted);font-size:12px;line-height:1.55;margin:0 0 12px}.section-head .price{font-size:22px;font-weight:900;color:var(--purple)}.offer{background:white;border:1px solid #e5d9f0;border-radius:20px;padding:18px;box-shadow:0 8px 24px #32105b0a}.offer-top{display:flex;gap:13px;align-items:flex-start}.offer-icon{display:grid;place-items:center;background:var(--yellow);border-radius:15px;width:54px;height:54px;font-size:26px;flex-shrink:0}.tag.gold{background:#fff0a5;color:#5c4500;margin-bottom:8px}.offer ul{padding-left:20px;color:#4b4055;font-size:12px;line-height:1.9}.primary-link{display:flex;align-items:center;justify-content:space-between;text-decoration:none;background:var(--yellow);color:var(--purple);font-weight:900;border-radius:12px;padding:14px 16px;margin:16px 0 10px}.muted{display:block;color:var(--muted);font-size:10px;line-height:1.5}.security-card{display:flex;gap:13px;background:#fff;border:1px solid #e6dced;border-radius:18px;padding:18px}.lock{display:grid;place-items:center;background:#f0e7fa;width:45px;height:45px;border-radius:13px;font-size:22px;flex-shrink:0}.security-card h3{margin:0 0 6px;font-size:15px}.security-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.tool-list{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden}.tool-list article{display:flex;align-items:center;gap:12px;padding:15px;border-bottom:1px solid var(--line)}.tool-list article:last-child{border-bottom:0}.tool-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#f5effb;font-size:19px}.tool-list article>div{flex:1;min-width:0}.tool-list b,.tool-list small{display:block}.tool-list b{font-size:12px}.tool-list small{font-size:10px;color:var(--muted);margin-top:4px;line-height:1.4}.status{font-size:9px;color:#74518b;background:#f3ebf8;border-radius:999px;padding:6px 8px;white-space:nowrap}.status.ready{background:#e6f7ee;color:var(--green)}.setting-card{display:flex;align-items:center;gap:15px;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:12px}.setting-card>div{flex:1}.setting-card b{font-size:13px}.setting-card p,.setting-card small{display:block;color:var(--muted);font-size:11px;line-height:1.5;margin:5px 0 0}.secondary{border:0;background:var(--purple);color:#fff;border-radius:10px;padding:10px 12px;font-size:11px;font-weight:800;text-decoration:none;white-space:nowrap}.anchor{display:inline-block}.settings-logo{width:58px;height:58px;object-fit:contain;border-radius:50%;background:var(--purple)}.version{text-align:center;color:#988da1;font-size:10px;margin-top:25px}.bottom-nav{position:fixed;z-index:8;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:8px 8px max(8px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 25px #19052908}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:58px;border:0;background:none;color:#93889c;padding:4px 10px}.nav-item span{font-size:21px;line-height:1}.nav-item small{font-size:10px;font-weight:750}.nav-item.selected{color:var(--purple)}.nav-item.selected span{background:var(--yellow);border-radius:10px;padding:3px 11px}.toast{position:fixed;bottom:85px;left:50%;transform:translateX(-50%);background:var(--purple);color:#fff;padding:11px 16px;border-radius:999px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s;max-width:90%;text-align:center}.toast.show{opacity:1}@media(min-width:760px){main{padding-top:30px}.bottom-nav{left:50%;right:auto;transform:translateX(-50%);width:min(600px,90%);bottom:14px;border:1px solid var(--line);border-radius:20px;padding:10px 20px}.welcome{padding:36px}.welcome img{width:140px;height:140px}.feature-card{padding:22px}.resource-visual{height:160px}}@media(max-width:430px){.welcome{padding:20px}.welcome img{width:76px;height:76px}.two{grid-template-columns:1fr}.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mini-card{padding:9px}.mini-art{height:65px}.mini-card b{font-size:11px}.mini-card small{font-size:10px}.tool-list article{gap:8px;padding:12px}.status{font-size:8px;padding:5px 6px}.setting-card{padding:13px}.brand small{font-size:9px}}