:root{--ink: #3b1d0e;--text: #2a1a12;--muted: #8a6a58;--card: rgba(255, 255, 255, .82);--card-solid: #ffffff;--line: rgba(59, 29, 14, .08);--accent: #f97316;--accent-2: #ea580c;--bg-1: #fff4e6;--bg-2: #ffe1c4;--shadow: 0 1px 0 rgba(59, 29, 14, .06), 0 14px 32px -18px rgba(124, 45, 18, .45);color-scheme:light}@media(prefers-color-scheme:dark){:root{--text: #fff3e8;--muted: #c9ab97;--card: rgba(43, 26, 18, .78);--card-solid: #2b1a12;--line: rgba(255, 255, 255, .07);--bg-1: #1b1420;--bg-2: #2b1a12;--shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 14px 32px -18px rgba(0, 0, 0, .7);color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0}html{background:var(--bg-2)}body{min-height:100vh;font-family:Rubik,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:linear-gradient(180deg,var(--bg-1) 0%,var(--bg-2) 100%);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.bg{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.bg span{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;animation:drift 18s ease-in-out infinite alternate}.bg span:nth-child(1){width:340px;height:340px;background:#fdba74;top:-80px;left:-60px}.bg span:nth-child(2){width:280px;height:280px;background:#fcd34d;top:40%;right:-90px;animation-delay:-6s}.bg span:nth-child(3){width:300px;height:300px;background:#fb7185;bottom:-120px;left:20%;opacity:.3;animation-delay:-12s}@keyframes drift{to{transform:translate3d(30px,40px,0) scale(1.08)}}.page{position:relative;z-index:1;max-width:460px;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) 16px max(28px,env(safe-area-inset-bottom))}.hero{position:relative;text-align:center;padding:6px 8px 18px}.chotyk{position:relative;display:block;width:132px;aspect-ratio:232 / 292;margin:4px auto 2px;cursor:pointer}.chotyk canvas{position:absolute;left:-15%;top:-15%;width:130%;height:130%;pointer-events:none}.logo{display:block;height:34px;width:auto;margin:4px auto 10px}.hero h1{margin:0;font-family:Unbounded,Rubik,sans-serif;font-size:21px;font-weight:900;letter-spacing:-.01em;line-height:1.2}.tagline{margin:8px auto 0;max-width:330px;color:var(--muted);font-size:14px;line-height:1.45}.share{position:absolute;top:6px;right:0;width:40px;height:40px;border:0;border-radius:50%;background:var(--card);color:var(--text);box-shadow:var(--shadow);display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(10px)}.share svg{width:18px;height:18px}.group{margin-top:18px}.group h2{margin:0 4px 10px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.list{display:grid;gap:10px}.btn{display:flex;align-items:center;gap:12px;padding:12px 14px 12px 12px;border-radius:20px;background:var(--card);box-shadow:var(--shadow);color:inherit;text-decoration:none;backdrop-filter:blur(12px);transition:transform .15s ease,box-shadow .15s ease;opacity:0;transform:translateY(10px);animation:rise .45s cubic-bezier(.22,1,.36,1) forwards}.btn:hover{transform:translateY(-2px);box-shadow:0 1px #3b1d0e0f,0 18px 36px -16px #7c2d128c}.btn:active{transform:scale(.98)}.btn:focus-visible,.tile:focus-visible,.share:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.chip{flex:none;width:46px;height:46px;border-radius:15px;display:grid;place-items:center;color:#fff;box-shadow:inset 0 -3px #00000026}.chip svg{width:24px;height:24px}.btn .text{flex:1;min-width:0}.btn .title{display:block;font-weight:600;font-size:16px}.btn .note{display:block;margin-top:2px;color:var(--muted);font-size:13px}.btn .arrow{flex:none;width:20px;height:20px;color:var(--muted)}.btn.primary{background:linear-gradient(180deg,#fdba74,#f97316 55%,#ea580c);color:#fff;border:2px solid var(--ink);box-shadow:0 4px 0 var(--ink),0 16px 30px -14px #f97316cc}.btn.primary .note,.btn.primary .arrow{color:#ffffffd9}.btn.primary .title{font-family:Unbounded,Rubik,sans-serif;font-weight:900;font-size:16px;text-shadow:0 2px 0 rgba(59,29,14,.4)}.btn.primary .chip{background:#ffffff38!important}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tile{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 6px 12px;border-radius:20px;background:var(--card);box-shadow:var(--shadow);color:inherit;text-decoration:none;font-size:13px;font-weight:600;backdrop-filter:blur(12px);transition:transform .15s ease;opacity:0;transform:translateY(10px);animation:rise .45s cubic-bezier(.22,1,.36,1) forwards}.tile:hover{transform:translateY(-2px)}.tile:active{transform:scale(.96)}@keyframes rise{to{opacity:1;transform:translateY(0)}}.foot{margin-top:28px;display:flex;justify-content:center;gap:10px;color:var(--muted);font-size:13px}.foot a{color:var(--accent-2);font-weight:600;text-decoration:none}.toast{position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translate(-50%,20px);padding:10px 16px;border-radius:999px;background:var(--ink);color:#fff;font-size:14px;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:5}.toast.show{opacity:1;transform:translate(-50%)}@media(prefers-reduced-motion:reduce){.bg span,.btn,.tile{animation:none;opacity:1;transform:none}}