:root{--bg:oklch(0.963 0.010 82);--surface:oklch(0.991 0.005 84);--bubble:oklch(0.912 0.030 68);--ink:oklch(0.320 0.055 50);--ink-soft:oklch(0.475 0.045 50);--ink-muted:oklch(0.595 0.035 52);--line:oklch(0.895 0.012 80);--orange:oklch(0.720 0.195 55);--red:oklch(0.430 0.130 30);--green:oklch(0.520 0.095 148);--gold:oklch(0.720 0.125 78);--fjord:oklch(0.540 0.068 230);--face-fill:oklch(0.720 0.195 55);--face-eye:oklch(0.205 0.020 50);--primary:var(--orange);--primary-ink:oklch(0.275 0.055 45);--accent-word:oklch(0.720 0.195 55);--backdrop:oklch(0.400 0.050 55);--font-display:"Bricolage Grotesque",system-ui,sans-serif;--font-body:"Hanken Grotesk",system-ui,sans-serif;--text-base:16px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--r-md:14px;--r-lg:20px;--r-xl:26px;--r-pill:999px;--tap:48px;--mark-size:46px;--ease-out:cubic-bezier(0.16,1,0.3,1)}[data-theme=littles]{--text-base:18px;--r-lg:24px;--mark-size:54px;--tap:52px;--font-body:"Nunito",system-ui,sans-serif}[data-theme=teen]{--text-base:15px;--r-lg:16px}[data-mode=dark]{--bg:oklch(0.205 0.014 58);--surface:oklch(0.260 0.016 56);--bubble:oklch(0.322 0.040 52);--ink:oklch(0.935 0.012 82);--ink-soft:oklch(0.760 0.020 78);--ink-muted:oklch(0.620 0.022 70);--line:oklch(0.330 0.016 56);--orange:oklch(0.765 0.180 58);--red:oklch(0.585 0.140 32);--green:oklch(0.690 0.110 148);--gold:oklch(0.825 0.130 82);--fjord:oklch(0.685 0.078 230);--backdrop:oklch(0.150 0.018 55);--accent-word:oklch(0.800 0.160 60)}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}html{scroll-behavior:smooth}[id]{scroll-margin-top:64px}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:where(button,input,textarea,a,[tabindex]):focus-visible{outline:2.5px solid var(--orange);outline-offset:2px;border-radius:8px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}@keyframes ori-blink{0%,70%,to{opacity:.3;transform:scale(.7)}35%{opacity:1;transform:scale(1)}}@keyframes ori-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}html{scroll-behavior:auto}}.auth-page{min-height:100dvh;display:grid;place-items:center;padding:var(--s6) var(--s4);background:var(--bg)}.auth-wrap{width:100%;max-width:420px;animation:ori-rise .4s var(--ease-out) both}.auth-brand{display:flex;flex-direction:column;align-items:center;gap:var(--s3);margin-bottom:var(--s8);text-align:center}.wordmark{font-family:var(--font-display);font-weight:700;font-size:1.6rem;letter-spacing:-.01em}.brand-sub{font-size:.95em;color:var(--ink-muted)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);padding:var(--s8) var(--s6);box-shadow:0 8px 40px -24px oklch(.3 .05 50/.35)}.card-title{font-family:var(--font-display);font-weight:600;font-size:1.5rem;letter-spacing:-.01em;margin-bottom:var(--s2)}.card-sub{font-size:.95em;color:var(--ink-muted);margin-bottom:var(--s6);line-height:1.5}.field{display:flex;flex-direction:column;margin-bottom:var(--s4)}.label{font-size:.84em;font-weight:600;color:var(--ink-soft);margin-bottom:var(--s2)}.label-row{display:flex;justify-content:space-between;align-items:center}.input{width:100%;padding:var(--s3) var(--s4);border-radius:var(--r-md);border:1px solid var(--line);background:var(--bg);font-family:var(--font-body);font-size:1em;color:var(--ink);transition:border-color .15s var(--ease-out)}.input::placeholder{color:var(--ink-muted)}.input:focus{outline:none;border-color:var(--orange)}.input-affix{position:relative}.input-affix .input{padding-right:46px}.eye-btn{position:absolute;right:var(--s3);top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--ink-muted);display:grid;place-items:center}.btn{width:100%;padding:var(--s3) var(--s4);min-height:var(--tap);border:none;border-radius:var(--r-md);background:var(--primary);color:var(--primary-ink);font-family:var(--font-body);font-size:1em;font-weight:700;cursor:pointer;transition:filter .15s,transform .15s}.btn:not(:disabled):hover{filter:brightness(1.05)}.btn:not(:disabled):active{transform:scale(.98)}.btn:disabled{background:var(--line);color:var(--ink-muted);cursor:default}.btn-ghost{background:transparent;color:var(--ink-soft);border:1px solid var(--line)}.btn-ghost:not(:disabled):hover{filter:none;background:var(--bg)}.a-link{color:var(--orange);font-weight:600;text-decoration:none}.a-link:hover{text-decoration:underline}.notice{padding:var(--s4);border-radius:var(--r-md);background:color-mix(in oklch,var(--fjord) 12%,var(--surface));border:1px solid color-mix(in oklch,var(--fjord) 30%,var(--line));margin-bottom:var(--s5);font-size:.9em;line-height:1.55}.error-box{padding:var(--s3) var(--s4);border-radius:var(--r-md);background:color-mix(in oklch,var(--red) 12%,var(--surface));border:1px solid color-mix(in oklch,var(--red) 30%,var(--line));color:var(--red);font-size:.88em;font-weight:500;margin-bottom:var(--s4)}.ok-text{color:var(--green);font-weight:600;font-size:.86em}.back-btn{display:inline-flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border:none;background:none;color:var(--ink-muted);font-family:var(--font-body);font-size:.9em;font-weight:600;cursor:pointer;border-radius:10px}.back-btn:hover{color:var(--ink-soft);background:var(--surface)}.center{text-align:center}.muted{color:var(--ink-muted)}.stack-sm{display:flex;flex-direction:column;gap:var(--s2)}.avatar{display:grid;place-items:center;border-radius:999px;color:oklch(.99 .01 80);font-family:var(--font-display);font-weight:700}.pin-dots{display:flex;justify-content:center;gap:var(--s3);margin-bottom:var(--s4)}.pin-dot{width:13px;height:13px;border-radius:999px;background:var(--line);transition:transform .15s,background .15s}.pin-dot.on{transform:scale(1.15)}.pin-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--s3);gap:var(--s3)}.pin-key{height:60px;border-radius:var(--r-md);background:var(--bg);border:1px solid var(--line);font-family:var(--font-display);font-size:1.4rem;font-weight:600;color:var(--ink);cursor:pointer;transition:background .12s,transform .12s,color .12s}.pin-key:hover:not(:disabled){background:var(--orange);color:var(--primary-ink)}.pin-key:active:not(:disabled){transform:scale(.95)}.profile-grid{display:grid;grid-gap:var(--s4);gap:var(--s4)}.profile-grid.two{grid-template-columns:1fr 1fr}.profile-card{padding:var(--s6) var(--s4);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);cursor:pointer;transition:transform .2s var(--ease-out),border-color .2s;display:flex;flex-direction:column;align-items:center;gap:var(--s3);text-align:center}.profile-card:hover{transform:translateY(-3px);border-color:var(--orange)}.modal-overlay{position:fixed;inset:0;background:oklch(.2 .02 55/.5);display:grid;place-items:center;padding:var(--s6);z-index:999}.modal-card{background:var(--surface);border-radius:var(--r-xl);padding:var(--s8) var(--s6);max-width:360px;width:100%;text-align:center;animation:ori-rise .25s var(--ease-out) both}@keyframes ori-spin{to{transform:rotate(1turn)}}.spinner{width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--orange);border-radius:999px;animation:ori-spin .8s linear infinite;margin:0 auto}.chip{display:inline-flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s4);border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface);font-family:var(--font-body);font-size:.9em;font-weight:500;color:var(--ink-soft);cursor:pointer;transition:transform .15s var(--ease-out),color .15s,border-color .15s}.chip:hover{transform:translateY(-1px);color:var(--ink);border-color:var(--orange)}.composer-bar{display:flex;align-items:center;gap:var(--s3);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);padding:var(--s2) var(--s2) var(--s2) var(--s4);transition:border-color .15s var(--ease-out)}.composer-bar:focus-within{border-color:color-mix(in oklch,var(--orange) 55%,var(--line))}.composer-input{flex:1 1;border:none;background:none;outline:none;font-family:var(--font-body);font-size:1em;color:var(--ink)}.composer-input::placeholder{color:var(--ink-muted)}.icon-send{width:var(--tap);height:var(--tap);border:none;border-radius:999px;background:var(--primary);color:var(--primary-ink);display:grid;place-items:center;cursor:pointer;flex-shrink:0;transition:filter .15s,transform .15s}.icon-send:disabled{background:var(--line);color:var(--ink-muted);cursor:default}.icon-send:not(:disabled):hover{filter:brightness(1.05)}.icon-send:not(:disabled):active{transform:scale(.95)}