.matcha-logo{align-items:center;gap:var(--space-2);color:var(--text);line-height:1;display:inline-flex}.matcha-logo__mark{flex-shrink:0;display:block}.matcha-logo__wordmark{font-family:var(--font-sans);font-weight:600;font-size:var(--fs-xl);letter-spacing:-.03em;text-transform:lowercase;color:var(--text)}.theme-toggle{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);width:44px;height:44px;color:var(--text);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), background-color var(--dur-base) var(--ease-out);justify-content:center;align-items:center;padding:0;display:inline-flex}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.theme-toggle:active{transform:scale(.94)}.theme-toggle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (width>=768px){.theme-toggle{width:36px;height:36px}}.matcha-avatar{border-radius:var(--radius-full);background:var(--bg-subtle);border:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:visible}.matcha-avatar__image{border-radius:var(--radius-full);object-fit:cover;width:100%;height:100%}.matcha-avatar__initials{color:var(--text-muted);-webkit-user-select:none;user-select:none;font-weight:600}.matcha-avatar--sm .matcha-avatar__initials{font-size:var(--fs-xs)}.matcha-avatar--md .matcha-avatar__initials{font-size:var(--fs-base)}.matcha-avatar--lg .matcha-avatar__initials{font-size:var(--fs-xl)}.matcha-avatar--xl .matcha-avatar__initials{font-size:var(--fs-2xl)}.matcha-avatar__dot{border-radius:var(--radius-full);background:var(--text-muted);border:2px solid var(--bg);width:25%;min-width:10px;height:25%;min-height:10px;transition:background-color var(--dur-base) var(--ease-out);position:absolute;bottom:0;right:0}.matcha-avatar__dot--online{background:var(--success)}.matcha-badge{border-radius:var(--radius-full);background:var(--warm);min-width:18px;height:18px;color:var(--on-warm);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding-inline:5px;font-size:.6875rem;font-weight:700;line-height:1;display:inline-flex}.matcha-btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-sans);border-radius:var(--radius-md);white-space:nowrap;cursor:pointer;transition:transform var(--dur-fast) var(--ease-spring), box-shadow var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);border:1px solid #0000;font-weight:600;display:inline-flex;position:relative}.matcha-btn:disabled{cursor:not-allowed;opacity:.55}.matcha-btn--sm{height:44px;padding-inline:var(--space-3);font-size:var(--fs-sm)}@media (width>=768px){.matcha-btn--sm{height:32px;padding-inline:var(--space-3)}}.matcha-btn--md{height:44px;padding-inline:var(--space-4);font-size:var(--fs-base)}.matcha-btn--lg{height:52px;padding-inline:var(--space-5);font-size:var(--fs-lg)}.matcha-btn--full{width:100%}.matcha-btn--primary{background:var(--accent);color:var(--on-accent)}.matcha-btn--primary:not(:disabled):hover{background:var(--accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.matcha-btn--secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.matcha-btn--secondary:not(:disabled):hover{border-color:var(--accent);color:var(--accent);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.matcha-btn--ghost{color:var(--text);background:0 0}.matcha-btn--ghost:not(:disabled):hover{background:var(--bg-subtle)}.matcha-btn--danger{background:var(--danger);color:var(--on-accent)}.matcha-btn--danger:not(:disabled):hover{box-shadow:var(--shadow-md);filter:brightness(.92);transform:translateY(-1px)}.matcha-btn--warm{background:var(--warm);color:var(--on-warm)}.matcha-btn--warm:not(:disabled):hover{box-shadow:var(--shadow-md);filter:brightness(.95);transform:translateY(-1px)}.matcha-btn:not(:disabled):active{transform:scale(.97)}.matcha-btn__content{align-items:center;gap:var(--space-2);transition:opacity var(--dur-fast) var(--ease-out);display:inline-flex}.matcha-btn--loading .matcha-btn__content{opacity:0}.matcha-btn__icon{display:inline-flex}.matcha-btn__spinner{animation:matcha-btn-spinner-in var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;display:inline-flex;position:absolute;inset:0}@keyframes matcha-btn-spinner-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.matcha-btn{transition:background-color var(--dur-fast) linear, border-color var(--dur-fast) linear, color var(--dur-fast) linear}.matcha-btn:not(:disabled):hover,.matcha-btn:not(:disabled):active{transform:none}}.matcha-header{background:var(--surface);border-bottom:1px solid var(--border)}.matcha-header__bar{justify-content:space-between;align-items:center;gap:var(--space-3);height:var(--header-h);display:flex}.matcha-header__logo{cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;display:inline-flex}.matcha-header__nav{align-items:center;gap:var(--space-2);flex:1;justify-content:center;display:flex}.matcha-header__link{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--fs-sm);color:var(--text-muted);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:none;font-weight:600}.matcha-header__link:hover{color:var(--text);background:var(--bg-subtle)}.matcha-header__link--active{color:var(--accent);background:var(--accent-soft)}.matcha-header__link:focus-visible,.matcha-header__icon-btn:focus-visible,.matcha-header__avatar-btn:focus-visible,.matcha-header__logo:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.matcha-header__link-wrap{display:inline-flex}.matcha-header__actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.matcha-header__auth-actions{align-items:center;gap:var(--space-2);display:flex}.matcha-header__icon-btn{border-radius:var(--radius-full);width:44px;height:44px;color:var(--text-muted);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex;position:relative}@media (width>=768px){.matcha-header__icon-btn{width:36px;height:36px}}.matcha-header__icon-btn:hover{background:var(--bg-subtle);color:var(--text)}.matcha-header__icon-badge{position:absolute;top:2px;right:2px}.matcha-header__avatar{position:relative}.matcha-header__avatar-btn{align-items:center;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;background:0 0;border:none;display:inline-flex}.matcha-header__dropdown{top:calc(100% + var(--space-2));min-width:180px;padding:var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);transform-origin:100% 0;flex-direction:column;display:flex;position:absolute;right:0}.matcha-header__dropdown-item{text-align:left;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--fs-sm);color:var(--text);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out);background:0 0;border:none}.matcha-header__dropdown-item:hover{background:var(--bg-subtle)}.matcha-header__backdrop{z-index:150;background:#00000073;position:fixed;inset:0}.matcha-header__panel{z-index:151;background:var(--surface);border-left:1px solid var(--border);width:min(320px,85vw);padding:var(--space-4);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom));flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.matcha-header__panel-top{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.matcha-header__panel-user{align-items:center;gap:var(--space-2);min-width:0;display:flex}.matcha-header__panel-username{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.matcha-header__panel-nav{gap:var(--space-1);flex-direction:column;display:flex}.matcha-header__panel-link{text-align:left;padding:var(--space-3);border-radius:var(--radius-md);min-height:44px;font-family:var(--font-sans);font-size:var(--fs-base);color:var(--text);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:none;font-weight:600}.matcha-header__panel-link:hover{background:var(--bg-subtle)}.matcha-header__panel-link--active{color:var(--accent);background:var(--accent-soft)}.matcha-header__panel-user-menu{gap:var(--space-1);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border);flex-direction:column;display:flex}.matcha-header__panel-auth{gap:var(--space-2);padding-top:var(--space-4);flex-direction:column;margin-top:auto;display:flex}.matcha-footer{border-top:1px solid var(--border);background:var(--bg-subtle)}.matcha-footer__bar{align-items:center;gap:var(--space-3);padding-block:var(--space-5);text-align:center;flex-direction:column;display:flex}.matcha-footer__brand{align-items:center;gap:var(--space-2);color:var(--text-muted);display:flex}.matcha-footer__copyright{font-size:var(--fs-xs)}.matcha-footer__links{justify-content:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.matcha-footer__link{font-size:var(--fs-xs);color:var(--text-muted);transition:color var(--dur-fast) var(--ease-out)}.matcha-footer__link:hover{color:var(--accent)}.matcha-footer__link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (width>=768px){.matcha-footer__bar{text-align:left;flex-direction:row;justify-content:space-between}}.matcha-demo-banner{background:var(--warm);color:var(--on-warm)}.matcha-demo-banner__text{max-width:var(--container);padding:var(--space-2) var(--space-4);font-size:var(--fs-xs);text-align:center;align-items:center;gap:var(--space-1);flex-direction:column;margin-inline:auto;display:flex}.matcha-demo-banner__link{text-underline-offset:2px;color:var(--on-warm);font-weight:600;text-decoration:underline}.matcha-demo-banner__link:focus-visible{outline:2px solid var(--on-warm);outline-offset:2px}@media (width>=640px){.matcha-demo-banner__text{flex-direction:row;justify-content:center}}.matcha-page-shell{flex-direction:column;min-height:100dvh;display:flex}.matcha-page-shell__sticky-top{z-index:100;position:sticky;top:0}.matcha-page-shell__main{flex:1}.matcha-toast{pointer-events:auto;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text);box-shadow:var(--shadow-lg);font-size:var(--fs-sm);cursor:pointer;max-width:360px;display:flex}.matcha-toast--success{border-color:var(--success)}.matcha-toast--error{border-color:var(--danger)}.matcha-toast-stack{z-index:300;gap:var(--space-2);pointer-events:none;top:calc(var(--header-h) + var(--space-3));left:var(--space-3);right:var(--space-3);flex-direction:column;align-items:stretch;display:flex;position:fixed}.matcha-toast-stack .matcha-toast{width:100%;max-width:none}@media (width>=768px){.matcha-toast-stack{top:auto;left:auto;bottom:var(--space-5);right:var(--space-5);align-items:flex-end}.matcha-toast-stack .matcha-toast{width:auto;max-width:360px}}@font-face{font-family:Figtree;src:url(/assets/Figtree-Variable-CEHu_veL.woff2)format("woff2-variations"),url(/assets/Figtree-Variable-CEHu_veL.woff2)format("woff2");font-weight:300 900;font-style:normal;font-display:swap}@font-face{font-family:Figtree;src:url(/assets/Figtree-Variable-Italic-D-K1-OIr.woff2)format("woff2-variations"),url(/assets/Figtree-Variable-Italic-D-K1-OIr.woff2)format("woff2");font-weight:300 900;font-style:italic;font-display:swap}:root{--bg:#fafaf7;--bg-subtle:#f2f3ee;--surface:#fff;--border:#e6e8df;--text:#171a14;--text-muted:#6b7065;--accent:#4e7833;--accent-hover:#3f6327;--accent-soft:#eaf2e1;--on-accent:#fff;--warm:#de6f55;--warm-soft:#fbeae5;--on-warm:#171a14;--danger:#c93e3e;--success:#3e8f5a;--focus-ring:#4e7833;--font-sans:"Figtree", "Mulish", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--fs-xs:.8125rem;--fs-sm:.875rem;--fs-base:1rem;--fs-lg:1.125rem;--fs-xl:1.375rem;--fs-2xl:clamp(1.6rem, 3vw, 2rem);--fs-3xl:clamp(2.1rem, 5vw, 3.25rem);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 16px #00000012;--shadow-lg:0 12px 40px #0000001a;--dur-fast:.12s;--dur-base:.22s;--dur-slow:.38s;--ease-out:cubic-bezier(.22, .61, .36, 1);--ease-spring:cubic-bezier(.34, 1.3, .64, 1);--container:1120px;--header-h:64px}[data-theme=dark]{--bg:#0f110e;--bg-subtle:#161915;--surface:#1a1e18;--border:#2b302a;--text:#eef1ea;--text-muted:#98a091;--accent:#8fc96a;--accent-hover:#a3d882;--accent-soft:#1e2a18;--on-accent:#0f110e;--warm:#f08a6e;--warm-soft:#2c1d18;--on-warm:#171a14;--danger:#e15a5a;--success:#5fb07e;--focus-ring:#8fc96a}html{transition:background-color var(--dur-base) var(--ease-out)}body{transition:background-color var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out)}@media (prefers-reduced-motion:reduce){html,body{transition:none}}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--fs-base);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;min-height:100dvh;line-height:1.6;overflow-x:hidden}#root{flex-direction:column;min-height:100dvh;display:flex}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:600;line-height:1.15}h1{font-size:var(--fs-3xl)}h2{font-size:var(--fs-2xl)}h3{font-size:var(--fs-xl)}h4,h5,h6{font-size:var(--fs-lg)}p{line-height:1.6}a{color:inherit;text-decoration:none}img,svg,video{max-width:100%;display:block}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.container{width:100%;max-width:var(--container);padding-inline:var(--space-4);margin-inline:auto}@media (width>=768px){.container{padding-inline:var(--space-6)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full);border:2px solid var(--bg);background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--text-muted);background-clip:padding-box}