:root{color-scheme:dark;font-family:Trebuchet MS,Avenir Next Condensed,Segoe UI,sans-serif;--app-safe-top: env(safe-area-inset-top, 0px);--app-safe-right: env(safe-area-inset-right, 0px);--app-safe-bottom: env(safe-area-inset-bottom, 0px);--app-safe-left: env(safe-area-inset-left, 0px);--app-content-safe-top: var(--app-safe-top);--app-content-safe-right: var(--app-safe-right);--app-content-safe-bottom: var(--app-safe-bottom);--app-content-safe-left: var(--app-safe-left);--app-viewport-height: 100dvh;--app-viewport-stable-height: 100dvh;--app-background-color: #08131d;--bg-0: #050a10;--bg-1: #08131d;--bg-2: #102331;--surface-border: rgba(255, 255, 255, .08);--surface-fill: rgba(7, 12, 20, .78);--copy: rgba(247, 242, 233, .86);--copy-soft: rgba(247, 242, 233, .62);--copy-faint: rgba(247, 242, 233, .48);--mint: #8cf0de;--amber: #ffd29a}*{box-sizing:border-box}html{min-height:100%;background:var(--app-background-color)}body{min-height:100%;margin:0;background:radial-gradient(circle at top,rgba(140,240,222,.12),transparent 26%),radial-gradient(circle at 18% 12%,rgba(255,210,154,.09),transparent 28%),linear-gradient(180deg,var(--bg-0) 0%,var(--bg-1) 44%,var(--bg-2) 100%);color:#f7f2e9;overscroll-behavior-y:contain}button,input,select,textarea{font:inherit;-webkit-tap-highlight-color:transparent}#root{min-height:var(--app-viewport-stable-height)}.miniapp-shell{width:min(1040px,100%);min-height:var(--app-viewport-stable-height);margin:0 auto;padding:calc(16px + var(--app-content-safe-top)) calc(16px + var(--app-content-safe-right)) calc(24px + var(--app-content-safe-bottom)) calc(16px + var(--app-content-safe-left));display:grid;gap:14px;align-content:start}.miniapp-story,.miniapp-card,.miniapp-scene-card,.miniapp-debug-card{border-radius:28px;border:1px solid var(--surface-border);background:radial-gradient(circle at top right,rgba(140,240,222,.12),transparent 36%),linear-gradient(180deg,#ffffff0a,#fff0),var(--surface-fill);box-shadow:0 24px 56px #00000047;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.miniapp-shell[data-performance-mode=reduced] .miniapp-story,.miniapp-shell[data-performance-mode=reduced] .miniapp-card,.miniapp-shell[data-performance-mode=reduced] .miniapp-scene-card,.miniapp-shell[data-performance-mode=reduced] .miniapp-debug-card{box-shadow:0 18px 34px #0003;-webkit-backdrop-filter:none;backdrop-filter:none}.miniapp-shell[data-performance-mode=reduced] .miniapp-story-pill,.miniapp-shell[data-performance-mode=reduced] .miniapp-flow-step{background:#ffffff09}.miniapp-shell[data-art-direction=telegram-mobile]{width:min(100%,720px);gap:10px;padding:calc(10px + var(--app-content-safe-top)) calc(10px + var(--app-content-safe-right)) calc(18px + var(--app-content-safe-bottom)) calc(10px + var(--app-content-safe-left))}.miniapp-shell[data-art-direction=telegram-mobile] .miniapp-scene-card{order:1;padding:8px;gap:8px;border-radius:30px}.miniapp-shell[data-art-direction=telegram-mobile] .miniapp-story{order:2;padding:14px 16px 16px;gap:12px;background:radial-gradient(circle at top right,rgba(140,240,222,.08),transparent 36%),linear-gradient(180deg,#ffffff05,#fff0),#070c1494}.miniapp-shell[data-art-direction=telegram-mobile] .miniapp-story h1{font-size:clamp(1.7rem,8vw,2.5rem);max-width:none}.miniapp-shell[data-art-direction=telegram-mobile] .miniapp-lead{margin-top:8px;font-size:.94rem;line-height:1.5}.miniapp-shell[data-art-direction=telegram-mobile] .miniapp-story-pill{padding:8px 12px;font-size:.82rem}.miniapp-shell[data-art-direction=telegram-mobile] .miniapp-guidance-card-compact{padding:14px;gap:10px;border-radius:22px;background:radial-gradient(circle at top right,rgba(255,210,154,.1),transparent 40%),linear-gradient(180deg,#ffffff08,#fff0),#070c14ad}.miniapp-shell[data-art-direction=telegram-mobile] .miniapp-guidance-card-compact h2{font-size:1.1rem}.miniapp-shell[data-art-direction=telegram-mobile] .miniapp-guidance-card-compact .miniapp-copy{margin-top:6px;font-size:.92rem;line-height:1.45}.miniapp-shell[data-art-direction=telegram-mobile] .miniapp-guidance-card-compact .miniapp-flow-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.miniapp-shell[data-art-direction=telegram-mobile] .miniapp-guidance-card-compact .miniapp-flow-step{min-height:76px;padding:10px 10px 11px;border-radius:18px}.miniapp-shell[data-art-direction=telegram-mobile] .miniapp-guidance-card-compact .miniapp-flow-step strong{font-size:.84rem}.miniapp-shell[data-art-direction=telegram-mobile] .miniapp-guidance-card-compact .miniapp-flow-step span{font-size:.74rem}.miniapp-story{padding:20px;display:grid;gap:16px}.miniapp-story-copy{max-width:720px}.miniapp-eyebrow,.miniapp-section-label{margin:0 0 10px;color:var(--mint);letter-spacing:.14em;text-transform:uppercase;font-size:.76rem}.miniapp-story h1,.miniapp-card h2{margin:0;line-height:.98}.miniapp-story h1{font-size:clamp(2.15rem,10vw,4.6rem);max-width:12ch}.miniapp-card h2{font-size:1.4rem}.miniapp-lead,.miniapp-copy{color:var(--copy);line-height:1.6}.miniapp-lead{max-width:58ch;margin:12px 0 0;font-size:1rem}.miniapp-copy{margin:10px 0 0}.miniapp-story-pills{display:flex;flex-wrap:wrap;gap:8px}.miniapp-story-pill{padding:10px 14px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.07);color:var(--copy);font-size:.92rem}.miniapp-story-pill-accent{border-color:#8cf0de57;background:linear-gradient(180deg,#8cf0de2e,#ffffff0a);color:#f7fff9}.miniapp-scene-card{padding:12px;display:grid;gap:12px}.miniapp-scene-frame,.miniapp-guidance-card{min-width:0}.miniapp-card{padding:18px;display:grid;gap:12px}.miniapp-guidance-card{align-content:start}.miniapp-scene{display:block;min-width:0}.miniapp-flow-strip{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.miniapp-flow-step{padding:12px 13px;border-radius:20px;border:1px solid rgba(255,255,255,.07);background:#ffffff08;display:grid;gap:4px}.miniapp-flow-step strong{font-size:.95rem}.miniapp-flow-step span{color:var(--copy-soft);font-size:.8rem;line-height:1.4}.miniapp-flow-step[data-state=current]{border-color:#8cf0de57;background:linear-gradient(180deg,#8cf0de29,#ffffff0a)}.miniapp-flow-step[data-state=done]{border-color:#ffd29a42;background:linear-gradient(180deg,#ffd29a1f,#ffffff08)}.miniapp-flow-step[data-state=upcoming]{opacity:.78}.miniapp-secondary-button{justify-self:start;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;color:#fff8f0;border-radius:999px;padding:11px 15px;cursor:pointer;touch-action:manipulation}.miniapp-debug-card{overflow:hidden}.miniapp-debug-card summary{padding:16px 18px;cursor:pointer;font-weight:700;list-style:none}.miniapp-debug-card summary::-webkit-details-marker{display:none}.miniapp-debug-card[open] summary{border-bottom:1px solid rgba(255,255,255,.06)}.miniapp-debug-body{padding:0 18px 18px;display:grid;gap:16px}.miniapp-debug-section{display:grid;gap:12px}.miniapp-chip-row{display:flex;flex-wrap:wrap;gap:10px}.miniapp-chip{border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#f7f2e9;border-radius:999px;padding:10px 14px;display:inline-flex;gap:10px;align-items:center;cursor:pointer;min-height:44px;touch-action:manipulation}.miniapp-chip-active{border-color:#8cf0de6b;background:linear-gradient(180deg,#8cf0de33,#ffffff0a);box-shadow:0 10px 26px #8cf0de24}.miniapp-chip-meta{color:var(--copy-soft);font-size:.82rem}.miniapp-debug-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(148px,1fr))}.miniapp-debug-metric{padding:12px 14px;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:#ffffff08;display:grid;gap:4px}.miniapp-debug-metric span{color:var(--copy-faint);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.miniapp-debug-metric strong{font-size:1rem;color:#fffaf2}.miniapp-debug-note{margin:0;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,210,154,.16);background:#ffd29a14;color:#ffe7c6eb;line-height:1.55}@media (min-width: 920px){.miniapp-scene-card{grid-template-columns:minmax(0,1.18fr) minmax(290px,.82fr);align-items:start}.miniapp-shell[data-art-direction=telegram-mobile] .miniapp-scene-card{grid-template-columns:minmax(0,1fr)}.miniapp-guidance-card{height:100%}}@media (max-width: 720px){.miniapp-shell{padding:calc(12px + var(--app-content-safe-top)) calc(12px + var(--app-content-safe-right)) calc(20px + var(--app-content-safe-bottom)) calc(12px + var(--app-content-safe-left));gap:12px}.miniapp-story,.miniapp-card,.miniapp-scene-card,.miniapp-debug-card{border-radius:24px}.miniapp-story h1{max-width:none;font-size:clamp(2rem,12vw,3.4rem)}.miniapp-flow-strip{grid-template-columns:1fr}.miniapp-shell[data-art-direction=telegram-mobile] .miniapp-guidance-card-compact .miniapp-flow-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.miniapp-chip{width:100%;justify-content:space-between}}