@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg: #0b0b0c;--surface: #141416;--text: #f5f5f7;--text-secondary: #a1a1a6;--accent: #0a84ff;--on-accent: #ffffff;--accent-pastel: #a7c7ea;--on-accent-pastel: #10233a;--surface-2: #1c1c1f;--surface-3: #26262a;--hairline: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .22);--fill-subtle: rgba(255, 255, 255, .05);--fill: rgba(255, 255, 255, .09);--sel: var(--text);--ok: #5aa17a;--ok-weak: rgba(90, 161, 122, .13);--ok-border: rgba(90, 161, 122, .3);--warn: #b7912f;--warn-weak: rgba(183, 145, 47, .13);--warn-border: rgba(183, 145, 47, .32);--danger: #bd5c50;--danger-weak: rgba(189, 92, 80, .13);--danger-border: rgba(189, 92, 80, .32);--age: #c08a5a;--age-weak: rgba(192, 138, 90, .14);--av-1: #6f8fb0;--av-2: #b0916f;--av-3: #6fa0a0;--av-4: #b07f8f;--av-glyph: #ffffff;--av-glyph-ink: #111111;--r-8: 8px;--r-12: 12px;--r-16: 16px;--r-24: 24px;--s-4: 4px;--s-8: 8px;--s-12: 12px;--s-16: 16px;--s-24: 24px;--s-32: 32px;--font: "Inter", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", Roboto, sans-serif;--fw-title: 600;--fw-body: 400;--fw-medium: 500;--fs-caption: 12px;--fs-body: 15px;--fs-title: 20px;--fs-display: 28px;--glass-bg: rgba(255, 255, 255, .12);--glass-blur: blur(12px) saturate(160%);--glass-border: rgba(255, 255, 255, .2);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .35);--glass-highlight: inset 0 1px 0 rgba(255, 255, 255, .12);--glass-border-top: 1px solid rgba(255, 255, 255, .2);--dur-fast: .18s;--dur-base: .3s;--dur-slow: .42s;--ease-spring: cubic-bezier(.22, 1, .36, 1);--press-scale: .97;--muted: var(--text-secondary);--radius: var(--r-16);color-scheme:dark;font-family:var(--font)}:root{--page-bg: #050506;--btn-secondary-bg: #1a2534;--icon-accent: #6ea8de;--text-emphasis: #bcd6f2;--scrim: rgba(0, 0, 0, .6);--scrim-strong: rgba(0, 0, 0, .62);--sk-shimmer: rgba(255, 255, 255, .08);--tut-balloon-bg: rgba(255, 255, 255, .16);--tut-balloon-border: rgba(255, 255, 255, .2);--tut-balloon-highlight: inset 0 1px 0 rgba(255, 255, 255, .18)}[data-theme=light]{color-scheme:light;--bg: #f4f2ee;--surface: #fbfaf7;--surface-2: #efece5;--surface-3: #e6e1d8;--text: #1c1a17;--text-secondary: #56524b;--hairline: rgba(40, 33, 20, .09);--border: rgba(40, 33, 20, .13);--border-strong: rgba(40, 33, 20, .26);--fill-subtle: rgba(40, 33, 20, .04);--fill: rgba(40, 33, 20, .07);--sel: var(--text);--ok: #3f8560;--ok-weak: rgba(63, 133, 96, .14);--ok-border: rgba(63, 133, 96, .34);--warn: #8a6a15;--warn-weak: rgba(138, 106, 21, .14);--warn-border: rgba(138, 106, 21, .34);--danger: #b0392c;--danger-weak: rgba(176, 57, 44, .12);--danger-border: rgba(176, 57, 44, .34);--age: #9a6428;--age-weak: rgba(154, 100, 40, .14);--glass-blur: blur(12px);--glass-bg: rgba(255, 255, 255, .4);--glass-border: rgba(255, 255, 255, .2);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .15);--glass-highlight: inset 0 1px 0 rgba(255, 255, 255, .55);--glass-border-top: 1px solid rgba(255, 255, 255, .2);--tut-balloon-bg: rgba(255, 255, 255, .55);--tut-balloon-border: rgba(255, 255, 255, .2);--tut-balloon-highlight: inset 0 1px 0 rgba(255, 255, 255, .6);--scrim: rgba(20, 20, 25, .42);--scrim-strong: rgba(20, 20, 25, .48);--sk-shimmer: rgba(255, 255, 255, .6);--btn-secondary-bg: #e2e9f4;--icon-accent: #2f6fb5;--text-emphasis: #0a52a8}[data-palette=parza]{--bg: #0a0c10;--surface: #141821;--surface-2: #1c2230;--surface-3: #27303f;--accent: #0a84ff;--accent-pastel: #a7c7ea;--on-accent-pastel: #10233a;--btn-secondary-bg: #1a2534;--icon-accent: #6ea8de;--text-emphasis: #bcd6f2}[data-theme=light][data-palette=parza]{--bg: #eef1f6;--surface: #f8fafd;--surface-2: #e5eaf2;--surface-3: #d7deea;--accent: #0a66c9;--accent-pastel: #8fbce8;--on-accent-pastel: #0f2036;--btn-secondary-bg: #e2e9f4;--icon-accent: #2f6fb5;--text-emphasis: #0a52a8}[data-palette=terracota]{--bg: #100b09;--surface: #1c1512;--surface-2: #271c17;--surface-3: #342620;--accent: #e0794f;--accent-pastel: #e8b59a;--on-accent-pastel: #3a1e12;--btn-secondary-bg: #2b1d16;--icon-accent: #d98a63;--text-emphasis: #f0b394}[data-theme=light][data-palette=terracota]{--bg: #f7f0ea;--surface: #fdf8f3;--surface-2: #f1e6dd;--surface-3: #e8d7ca;--accent: #c25a30;--accent-pastel: #e0a988;--on-accent-pastel: #3a1a0e;--btn-secondary-bg: #f0e2d7;--icon-accent: #b25733;--text-emphasis: #a5461f}[data-palette=oliva]{--bg: #0b0d09;--surface: #141710;--surface-2: #1c2016;--surface-3: #262b1e;--accent: #8aa85a;--accent-pastel: #c3d4a0;--on-accent-pastel: #22300f;--btn-secondary-bg: #1e2417;--icon-accent: #9cb56f;--text-emphasis: #c7dba0}[data-theme=light][data-palette=oliva]{--bg: #f1f3ea;--surface: #f9fbf3;--surface-2: #e9ecdd;--surface-3: #dde2cc;--accent: #5f7d34;--accent-pastel: #b3c98c;--on-accent-pastel: #1e2b0d;--btn-secondary-bg: #e6ebd7;--icon-accent: #5e7a37;--text-emphasis: #47611f}[data-palette=vinho]{--bg: #0f0a0c;--surface: #1b1216;--surface-2: #26191e;--surface-3: #332329;--accent: #c05a72;--accent-pastel: #dda9b6;--on-accent-pastel: #33121d;--btn-secondary-bg: #2a1a20;--icon-accent: #c98499;--text-emphasis: #e6adbb}[data-theme=light][data-palette=vinho]{--bg: #f6eff1;--surface: #fdf7f8;--surface-2: #f0e4e7;--surface-3: #e7d4d9;--accent: #9c3450;--accent-pastel: #d199a8;--on-accent-pastel: #2e1019;--btn-secondary-bg: #f0e0e4;--icon-accent: #a85068;--text-emphasis: #8a2942}[data-palette=areia]{--bg: #0e0c09;--surface: #191510;--surface-2: #221d15;--surface-3: #2e281d;--accent: #c2a878;--accent-pastel: #e0d1b2;--on-accent-pastel: #33280f;--btn-secondary-bg: #241e15;--icon-accent: #c7ac7d;--text-emphasis: #e4d2ac}[data-theme=light][data-palette=areia]{--bg: #f6f1e8;--surface: #fdf9f1;--surface-2: #efe7d8;--surface-3: #e6d9c4;--accent: #977f4e;--accent-pastel: #d8c5a0;--on-accent-pastel: #2b210e;--btn-secondary-bg: #eee4d2;--icon-accent: #8f7847;--text-emphasis: #6f5a2e}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-weight:var(--fw-body);overscroll-behavior-y:contain;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}#app{min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);display:flex;flex-direction:column}button,input,textarea,[role=button]{min-height:44px;font-family:inherit}textarea{min-height:88px}button{border:0;border-radius:var(--radius);background:var(--surface-2);color:var(--text);font-size:16px;font-weight:600;padding:0 18px;cursor:pointer;touch-action:manipulation;transition:transform var(--dur-fast) var(--ease-spring),background .15s ease,opacity .15s ease}button:active,[role=button]:active{transform:scale(var(--press-scale))}button:disabled{opacity:.6;cursor:default}button.primary{background:var(--accent-pastel);color:var(--on-accent-pastel)}:root{--accent-press: var(--accent-pastel)}input,textarea{width:100%;font-size:16px;padding:12px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);color:var(--text)}input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-16)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-highlight);border-radius:var(--r-24)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass{background:var(--surface-2)}}.btn-glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-top:var(--glass-border-top);box-shadow:var(--glass-shadow),var(--glass-highlight);border-radius:var(--r-16);color:var(--text)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.btn-glass{background:var(--surface-2)}}.nav-indicator{transition:transform .34s cubic-bezier(.22,1,.36,1)}.app-shell{flex:1;min-height:0;position:relative;display:flex;flex-direction:column}.app-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.screen-stage{flex:1;min-height:0;position:relative;perspective:1200px;overflow:hidden}.screen-layer{position:absolute;inset:0;z-index:2;background:var(--bg);backface-visibility:hidden;transform-origin:center center}.chrome-root{position:absolute;left:0;right:0;bottom:calc(-1*env(safe-area-inset-bottom));margin:0 auto;max-width:560px;z-index:20;display:flex;flex-direction:column;pointer-events:none}.chrome-root>*{pointer-events:auto}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.btn{border:none;border-radius:var(--r-16);cursor:pointer;color:var(--text);background:transparent;transition:transform var(--dur-fast) var(--ease-spring),opacity var(--dur-fast) var(--ease-spring),background var(--dur-fast) ease}.btn-primary{background:var(--accent-pastel);color:var(--on-accent-pastel)}.btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn:disabled{cursor:default;opacity:.6}.container{width:100%;max-width:560px;margin:0 auto;padding:20px 16px;flex:1;display:flex;flex-direction:column;gap:16px}.muted{color:var(--muted)}.spinner,.spin{width:18px;height:18px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;display:inline-block;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pulse{animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.sk{position:relative;overflow:hidden;background:var(--surface-2);border-radius:var(--r-12)}.sk:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:shimmer 1.25s ease-in-out infinite}@keyframes shimmer{to{transform:translate(100%)}}.sheet-in{animation:sheetIn var(--dur-slow) var(--ease-spring)}@keyframes sheetIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}.fade-in{animation:fadeIn var(--dur-base) ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.toast-slide-in{animation:toastSlideIn var(--dur-base) var(--ease-spring)}@keyframes toastSlideIn{0%{transform:translateY(-120%);opacity:0}to{transform:translateY(0);opacity:1}}.tut-balloon{background:var(--tut-balloon-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--tut-balloon-border);box-shadow:var(--glass-shadow),var(--tut-balloon-highlight);color:var(--text)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.tut-balloon{background:var(--surface-2)}}.tut-arrow{position:absolute;width:16px;height:16px;background:var(--tut-balloon-bg);border-right:1px solid var(--tut-balloon-border);border-bottom:1px solid var(--tut-balloon-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.balloon-in{animation:balloonIn var(--dur-base) var(--ease-spring)}@keyframes balloonIn{0%{opacity:0;transform:scale(.9) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.pop-in{animation:popIn var(--dur-slow) var(--ease-spring)}@keyframes popIn{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:var(--r-8)}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}