html,body,#root{width:100%;height:100%;margin:0}.login-root{background:var(--ink);min-height:100%;padding:var(--sp-5);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-bg{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.login-bg__orb{filter:blur(80px);opacity:.35;border-radius:50%;position:absolute}.login-bg__orb--1{background:var(--ember);width:480px;height:480px;top:-160px;left:-120px}.login-bg__orb--2{background:#7c3aed;width:360px;height:360px;bottom:-120px;right:-80px}.login-card{z-index:1;background:var(--surface);border:1px solid var(--border);width:100%;max-width:420px;box-shadow:var(--shadow-hero);border-radius:20px;padding:40px 40px 32px;position:relative}.login-brand{justify-content:center;margin-bottom:28px;display:flex}.login-title{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.01em;color:var(--bone);text-align:center;text-wrap:balance;margin:0 0 6px;font-weight:700}.login-sub{font-size:var(--text-sm);color:var(--ash);text-align:center;margin:0 0 28px}.login-form{flex-direction:column;gap:16px;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-field label{font-size:var(--text-xs);color:var(--ash);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.login-field input{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-chip);font-size:var(--text-base);font-family:var(--font-ui);color:var(--bone);transition:border-color var(--t) var(--ease), box-shadow var(--t) var(--ease);-webkit-appearance:none;outline:none;padding:11px 14px}.login-field input::placeholder{color:var(--ash);opacity:.6}.login-field input:focus{border-color:var(--ember);box-shadow:0 0 0 3px var(--ember-soft)}.login-field input:disabled{opacity:.5;cursor:not-allowed}.login-error{border-radius:var(--r-chip);font-size:var(--text-sm);color:#ff6b63;background:#ff52471f;border:1px solid #ff52474d;padding:9px 12px}.login-btn{background:var(--ember);color:#fff;border-radius:var(--r-chip);font-family:var(--font-ui);font-size:var(--text-base);cursor:pointer;transition:opacity var(--t) var(--ease), transform var(--t) var(--ease);letter-spacing:.01em;border:none;margin-top:4px;padding:13px;font-weight:700}.login-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.login-btn:active:not(:disabled){opacity:1;transform:translateY(0)}.login-btn:disabled{opacity:.4;cursor:not-allowed}.login-footer{text-align:center;font-size:var(--text-xs);color:var(--ash);margin-top:24px}@media (max-width:480px){.login-card{border-radius:16px;padding:28px 20px 24px}.login-bg__orb--1{width:300px;height:300px}.login-bg__orb--2{width:240px;height:240px}}@font-face{font-family:Gilroy;src:url(/fonts/Gilroy-Light.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/Gilroy-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/Gilroy-Medium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/Gilroy-Semibold.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/Gilroy-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/Gilroy-Extrabold.ttf)format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/Gilroy-Heavy.ttf)format("truetype");font-weight:900;font-style:normal;font-display:swap}:root{--ember:#ff6d29;--ember-soft:#ff6d291f;--ember-mid:#ff6d2940;--ember-glow:#ff6d2912;--cocoa:#453027;--ink:#161316;--surface:#1d191d;--surface-2:#232027;--border:#2e2a2e;--bone:#fff;--ash:#bababa;--wa:#25d366;--ig:#e1306c;--tg:#2aabee;--ok:#3ecf8e;--warn:#f5a623;--err:#ff5247;--shadow-card:0 1px 2px #0003,0 4px 16px #00000038;--shadow-hover:0 2px 4px #0000003d,0 8px 28px #0000004d;--shadow-hero:0 8px 32px #0006;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--gap:12px;--gap-lg:16px;--r-card:12px;--r-chip:8px;--r-pill:999px;--r-avatar:50%;--font-ui:"Gilroy",system-ui,-apple-system,sans-serif;--font-display:"Gilroy",system-ui,-apple-system,sans-serif;--text-xxs:11px;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-md:15px;--text-lg:16px;--text-xl:18px;--text-2xl:19px;--text-3xl:23px;--text-hero:30px;--t:.15s;--t-move:.22s;--ease:cubic-bezier(.4,0,.2,1)}[data-theme=light]{--ink:#f5f5f7;--surface:#fff;--surface-2:#ececef;--border:#e2e2e7;--bone:#1a171a;--ash:#6b6b73;--ember-soft:#ff6d291a;--ember-mid:#ff6d2938;--ember-glow:#ff6d290d;--shadow-card:0 1px 2px #10111a0f,0 4px 16px #10111a14;--shadow-hover:0 2px 6px #10111a1a,0 10px 28px #10111a1f;--shadow-hero:0 10px 40px #10111a24}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-ui);background:var(--ink);color:var(--bone);-webkit-font-smoothing:antialiased;transition:background-color var(--t-move) var(--ease), color var(--t-move) var(--ease);font-size:14px;line-height:1.5}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--r-pill);background-clip:padding-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background:var(--ash);background-clip:padding-box}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (max-width:640px){input,textarea,select{font-size:16px!important}}@keyframes oui-spin{to{transform:rotate(360deg)}}@keyframes oui-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes oui-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes oui-modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.oui-btn{justify-content:center;align-items:center;gap:var(--sp-2);border-radius:var(--r-pill);font-family:var(--font-ui);white-space:nowrap;-webkit-user-select:none;user-select:none;transition:transform var(--t) var(--ease), box-shadow var(--t) var(--ease), background var(--t) var(--ease), border-color var(--t) var(--ease), color var(--t) var(--ease);border:1px solid #0000;font-weight:600;display:inline-flex}.oui-btn:focus-visible{outline:2px solid var(--ember);outline-offset:2px}.oui-btn--md{min-height:40px;padding:0 var(--sp-5);font-size:var(--text-base)}.oui-btn--sm{min-height:36px;padding:0 var(--sp-4);font-size:var(--text-sm)}.oui-btn--primary{background:var(--ember);color:#fff}.oui-btn--primary:hover:not(:disabled){filter:brightness(1.06);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.oui-btn--secondary{border-color:var(--border);color:var(--bone);background:0 0}.oui-btn--secondary:hover:not(:disabled){border-color:var(--ember);color:var(--ember)}.oui-btn--ghost{color:var(--bone);background:0 0}.oui-btn--ghost:hover:not(:disabled){background:var(--surface-2)}.oui-btn--danger{background:var(--err);color:#fff}.oui-btn--danger:hover:not(:disabled){filter:brightness(1.06);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.oui-btn:active:not(:disabled){transform:translateY(0)scale(.98)}.oui-btn:disabled{opacity:.5;cursor:not-allowed}.oui-btn__spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite oui-spin}.oui-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-card);transition:transform var(--t-move) var(--ease), box-shadow var(--t-move) var(--ease);padding:14px}.oui-card--hero{box-shadow:var(--shadow-hero)}.oui-card--lift:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.oui-card__head{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3);flex-wrap:wrap;display:flex}.oui-card__title{font-size:var(--text-lg);color:var(--bone);font-weight:700}.oui-card__actions{align-items:center;gap:var(--sp-2);display:inline-flex}.oui-card__state{color:var(--err);font-size:var(--text-sm)}.oui-card__state--error{color:var(--err)}.oui-stat{gap:var(--sp-2);flex-direction:column;display:flex}.oui-stat__label{font-size:var(--text-xxs);text-transform:uppercase;letter-spacing:.08em;color:var(--ash);font-weight:600}.oui-stat__value{font-size:var(--text-3xl);color:var(--bone);font-variant-numeric:tabular-nums;font-weight:700;line-height:1.05}.oui-stat__row{align-items:center;gap:var(--sp-3);display:inline-flex}.oui-stat__delta{font-size:var(--text-xs);border-radius:var(--r-pill);align-items:center;gap:2px;padding:2px 8px;font-weight:600;display:inline-flex}.oui-stat__delta--up{color:var(--ok);background:color-mix(in srgb, var(--ok) 14%, transparent)}.oui-stat__delta--down{color:var(--err);background:color-mix(in srgb, var(--err) 14%, transparent)}.oui-herostat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);width:100%;box-shadow:var(--shadow-hero);padding:var(--sp-5) var(--sp-6);position:relative;overflow:hidden}.oui-herostat:before{content:"";pointer-events:none;background:radial-gradient(600px 240px at 0% 0%, var(--ember-glow), transparent 70%);position:absolute;top:0;bottom:0;left:0;right:0}.oui-herostat__inner{gap:var(--sp-2);flex-direction:column;display:flex;position:relative}.oui-herostat__value{font-size:var(--text-hero);color:var(--ember);font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.oui-herostat__value--empty{color:var(--ash)}.oui-herostat__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--ash);font-weight:600}.oui-herostat__caption{font-size:var(--text-sm);color:var(--ash)}.oui-listrow{align-items:center;gap:var(--sp-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-chip);transition:background var(--t) var(--ease), box-shadow var(--t) var(--ease), transform var(--t) var(--ease);padding:7px 12px;display:flex}.oui-listrow--clickable{cursor:pointer}.oui-listrow--clickable:hover{background:var(--surface-2);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.oui-listrow--clickable:focus-visible{outline:2px solid var(--ember);outline-offset:2px}.oui-listrow__lead{flex:none;align-items:center;display:inline-flex}.oui-listrow__body{flex:1;min-width:0}.oui-listrow__title{font-size:var(--text-base);color:var(--bone);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.oui-listrow__subtitle{font-size:var(--text-xs);color:var(--ash);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.oui-listrow__trail{align-items:center;gap:var(--sp-2);color:var(--ash);flex:none;display:inline-flex}.oui-chip{align-items:center;gap:var(--sp-1);border-radius:var(--r-pill);font-size:var(--text-xs);white-space:nowrap;padding:4px 11px;font-weight:600;line-height:1.4;display:inline-flex}.oui-chip--neutral{background:var(--surface-2);color:var(--ash)}.oui-chip--ember{background:var(--ember-soft);color:var(--ember)}.oui-chip--ok{background:color-mix(in srgb, var(--ok) 14%, transparent);color:var(--ok)}.oui-chip--warn{background:color-mix(in srgb, var(--warn) 16%, transparent);color:var(--warn)}.oui-chip--err{background:color-mix(in srgb, var(--err) 14%, transparent);color:var(--err)}.oui-chip--wa{background:color-mix(in srgb, var(--wa) 16%, transparent);color:var(--wa)}.oui-chip--ig{background:color-mix(in srgb, var(--ig) 16%, transparent);color:var(--ig)}.oui-chip--tg{background:color-mix(in srgb, var(--tg) 16%, transparent);color:var(--tg)}.oui-chip__dot{background:currentColor;border-radius:50%;width:6px;height:6px}.oui-avatar{border-radius:var(--r-avatar);background:var(--surface-2);color:var(--bone);transition:box-shadow var(--t-move) var(--ease);flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex;position:relative;overflow:visible}.oui-avatar--ring-wa{box-shadow:0 0 0 2px var(--wa), 0 0 9px 0 color-mix(in srgb, var(--wa) 45%, transparent)}.oui-avatar--ring-ig{box-shadow:0 0 0 2px var(--ig), 0 0 9px 0 color-mix(in srgb, var(--ig) 45%, transparent)}.oui-avatar--ring-tg{box-shadow:0 0 0 2px var(--tg), 0 0 9px 0 color-mix(in srgb, var(--tg) 45%, transparent)}.oui-avatar__img{border-radius:var(--r-avatar);object-fit:cover;width:100%;height:100%;display:block}.oui-avatar__initials{letter-spacing:.01em;line-height:1}.oui-avatar__dot{border:2px solid var(--surface);border-radius:50%;width:30%;min-width:8px;height:30%;min-height:8px;position:absolute;bottom:-1px;right:-1px}.oui-avatar__dot--wa{background:var(--wa)}.oui-avatar__dot--ig{background:var(--ig)}.oui-avatar__dot--tg{background:var(--tg)}.oui-progress{gap:var(--sp-2);flex-direction:column;width:100%;display:flex}.oui-progress__head{font-size:var(--text-xs);color:var(--ash);justify-content:space-between;align-items:baseline;display:flex}.oui-progress__percent{color:var(--bone);font-variant-numeric:tabular-nums;font-weight:600}.oui-progress__track{border-radius:var(--r-pill);background:var(--surface-2);height:8px;overflow:hidden}.oui-progress__fill{border-radius:var(--r-pill);background:var(--ember);height:100%;transition:width var(--t-move) var(--ease)}.oui-progress__fill--ok{background:var(--ok)}.oui-progress__fill--warn{background:var(--warn)}.oui-progress__fill--err{background:var(--err)}.oui-table-wrap{width:100%;overflow-x:auto}.oui-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.oui-table thead th{text-align:left;font-size:var(--text-xxs);text-transform:uppercase;letter-spacing:.08em;color:var(--ash);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border);white-space:nowrap;font-weight:600}.oui-table tbody td{padding:7px var(--sp-3);border-bottom:1px solid var(--border);color:var(--bone)}.oui-table tbody tr{transition:background var(--t) var(--ease)}.oui-table tbody tr:hover{background:var(--surface-2)}.oui-table tbody tr:last-child td{border-bottom:none}.oui-tabs{border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--border);scrollbar-width:none;gap:2px;max-width:100%;padding:3px;display:flex;overflow-x:auto}.oui-tabs::-webkit-scrollbar{display:none}.oui-tabs__tab{-webkit-appearance:none;appearance:none;border-radius:var(--r-pill);font-size:var(--text-sm);color:var(--ash);white-space:nowrap;transition:color var(--t) var(--ease), background var(--t) var(--ease);background:0 0;border:none;flex:none;padding:7px 16px;font-weight:600}.oui-tabs__tab:hover{color:var(--bone)}.oui-tabs__tab--active{color:#fff;background:var(--ember)}.oui-tabs__tab:focus-visible{outline:2px solid var(--ember);outline-offset:2px}.oui-pager{align-items:center;gap:var(--sp-3);display:inline-flex}.oui-pager__btn{border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--border);width:34px;height:34px;color:var(--bone);transition:background var(--t) var(--ease), color var(--t) var(--ease), opacity var(--t) var(--ease);justify-content:center;align-items:center;display:inline-flex}.oui-pager__btn:hover:not(:disabled){background:var(--ember-soft);color:var(--ember)}.oui-pager__btn:disabled{opacity:.4;cursor:not-allowed}.oui-pager__btn:focus-visible{outline:2px solid var(--ember);outline-offset:2px}.oui-pager__label{font-size:var(--text-sm);color:var(--ash);font-variant-numeric:tabular-nums}.oui-empty{text-align:center;align-items:center;gap:var(--sp-3);padding:var(--sp-5) var(--sp-6);flex-direction:column;display:flex}.oui-empty__icon{border-radius:var(--r-pill);background:var(--surface-2);width:48px;height:48px;color:var(--ash);justify-content:center;align-items:center;display:inline-flex}.oui-empty__title{font-size:var(--text-md);color:var(--bone);font-weight:700}.oui-empty__caption{font-size:var(--text-sm);color:var(--ash);max-width:360px}.oui-skeleton{border-radius:var(--r-chip);background:linear-gradient(90deg, var(--surface-2) 0%, color-mix(in srgb, var(--surface-2) 60%, var(--border)) 50%, var(--surface-2) 100%);background-size:200% 100%;animation:1.4s linear infinite oui-shimmer}@media (prefers-reduced-motion:reduce){.oui-skeleton{background:var(--surface-2);animation:none}}.oui-toggle{border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--border);width:44px;height:26px;transition:background var(--t) var(--ease), border-color var(--t) var(--ease);flex:none;align-items:center;display:inline-flex;position:relative}.oui-toggle--on{background:var(--ember);border-color:var(--ember)}.oui-toggle:disabled{opacity:.5;cursor:not-allowed}.oui-toggle:focus-visible{outline:2px solid var(--ember);outline-offset:2px}.oui-toggle__knob{width:20px;height:20px;transition:transform var(--t) var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0000004d}.oui-toggle--on .oui-toggle__knob{transform:translate(18px)}.oui-modal-scrim{z-index:1000;padding:var(--sp-6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.oui-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);width:100%;max-width:460px;max-height:90vh;box-shadow:var(--shadow-hero);padding:var(--sp-6);animation:oui-modal-in var(--t-move) var(--ease);overflow:auto}.oui-modal:focus{outline:none}.oui-modal__head{justify-content:space-between;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-4);display:flex}.oui-modal__title{font-size:var(--text-lg);color:var(--bone);font-weight:700}.oui-modal__close{border-radius:var(--r-pill);width:32px;height:32px;color:var(--ash);transition:background var(--t) var(--ease), color var(--t) var(--ease);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.oui-modal__close:hover{background:var(--surface-2);color:var(--bone)}.oui-modal__close:focus-visible{outline:2px solid var(--ember);outline-offset:2px}@media (prefers-reduced-motion:reduce){.oui-modal{animation:none}}.oui-toast-stack{left:50%;bottom:calc(var(--sp-6) + env(safe-area-inset-bottom,0px));z-index:1100;gap:var(--sp-2);pointer-events:none;flex-direction:column;align-items:center;display:flex;position:fixed;transform:translate(-50%)}.oui-toast{pointer-events:auto;align-items:flex-start;gap:var(--sp-2);min-width:200px;max-width:min(380px,100vw - 28px);padding:10px var(--sp-4);border-radius:var(--r-card);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-hero);font-size:var(--text-sm);text-align:left;color:var(--bone);animation:oui-toast-in var(--t-move) var(--ease);font-weight:500;line-height:1.4;display:inline-flex}.oui-toast__icon{flex:none;margin-top:1px;display:inline-flex}.oui-toast--ok .oui-toast__icon{color:var(--ok)}.oui-toast--err .oui-toast__icon{color:var(--err)}.oui-toast--info .oui-toast__icon{color:var(--ember)}@media (prefers-reduced-motion:reduce){.oui-toast{animation:none}}.oui-sidebar{background:var(--surface);border-right:1px solid var(--border);width:248px;padding:var(--sp-4) var(--sp-4);transition:width var(--t-move) var(--ease);flex-direction:column;flex:none;display:flex}.oui-sidebar--collapsed{align-items:stretch;width:76px}.oui-sidebar__brand{align-items:center;gap:var(--sp-3);padding:0 var(--sp-2) var(--sp-4);min-height:40px;display:flex}.oui-sidebar--collapsed .oui-sidebar__brand{justify-content:center;padding-left:0;padding-right:0}.oui-sidebar__nav{flex-direction:column;flex:1;gap:2px;display:flex}.oui-sidebar__item{align-items:center;gap:var(--sp-3);padding:8px var(--sp-3);border-radius:var(--r-chip);color:var(--ash);font-size:var(--text-base);text-align:left;width:100%;transition:background var(--t) var(--ease), color var(--t) var(--ease);background:0 0;border:none;font-weight:600;display:flex;position:relative}.oui-sidebar__item:hover,.oui-sidebar__item--active{background:var(--surface-2);color:var(--bone)}.oui-sidebar__item--active:before{content:"";border-radius:var(--r-pill);background:var(--ember);width:3px;position:absolute;top:8px;bottom:8px;left:-4px}.oui-sidebar__item:focus-visible{outline:2px solid var(--ember);outline-offset:2px}.oui-sidebar--collapsed .oui-sidebar__item{justify-content:center;padding-left:0;padding-right:0}.oui-sidebar__icon{flex:none;display:inline-flex}.oui-sidebar__label{white-space:nowrap;overflow:hidden}.oui-sidebar__footer{margin-top:var(--sp-5);border-radius:var(--r-card);padding:var(--sp-4);background:linear-gradient(160deg, var(--ember-soft), transparent);border:1px solid var(--ember-mid)}.oui-sidebar__footer-title{font-size:var(--text-sm);color:var(--bone);font-weight:700}.oui-sidebar__footer-text{font-size:var(--text-xs);color:var(--ash);margin:var(--sp-2) 0 var(--sp-3)}.oui-sidebar__collapse{margin-top:var(--sp-3);justify-content:center;align-items:center;gap:var(--sp-2);border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--border);width:100%;min-height:34px;color:var(--ash);font-size:var(--text-xs);transition:color var(--t) var(--ease), background var(--t) var(--ease);font-weight:600;display:inline-flex}.oui-sidebar__collapse:hover{color:var(--ember);background:var(--ember-soft)}.oui-topbar{align-items:center;gap:var(--sp-4);padding:calc(var(--sp-3) + env(safe-area-inset-top,0px)) var(--sp-5) var(--sp-3);background:var(--surface);border-bottom:1px solid var(--border);display:flex}.oui-topbar__title{font-size:var(--text-lg);color:var(--bone);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:700;overflow:hidden}.oui-topbar__actions{align-items:center;gap:var(--sp-2);flex:none;display:inline-flex}.oui-topbar__toggle{border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--border);width:38px;height:38px;color:var(--bone);transition:background var(--t) var(--ease), color var(--t) var(--ease);justify-content:center;align-items:center;display:inline-flex}.oui-topbar__toggle:hover{background:var(--ember-soft);color:var(--ember)}.oui-topbar__toggle:focus-visible{outline:2px solid var(--ember);outline-offset:2px}.oui-shell{height:100vh;width:100%;height:100dvh;display:flex;overflow:hidden}.oui-shell>.oui-sidebar{height:100%;overflow-y:auto}.oui-shell__main{flex-direction:column;flex:auto;min-width:0;height:100%;display:flex}.oui-shell__main>.oui-topbar{flex:none}.oui-shell__content{min-height:0;padding:var(--sp-4);flex:auto;overflow-y:auto}.oui-shell:not(.oui-shell--mobile) .oui-shell__content{flex-direction:column;display:flex}.oui-shell--mobile .oui-shell__content{padding:var(--sp-4) var(--sp-4);padding-bottom:calc(env(safe-area-inset-bottom,0px) + var(--sp-5))}.oui-page{flex-direction:column;align-self:center;gap:14px;width:100%;max-width:1080px;margin:0 auto;display:flex}.oui-page__head{gap:var(--sp-2);padding-top:var(--sp-2);flex-direction:column;display:flex}.oui-page__title{font-family:var(--font-display);font-weight:900;font-size:var(--text-3xl);letter-spacing:-.02em;color:var(--bone);line-height:1.1}.oui-page__subtitle{font-size:var(--text-md);color:var(--ash);max-width:60ch}.oui-tabbar{z-index:40;padding:var(--sp-2) var(--sp-2) calc(var(--sp-2) + env(safe-area-inset-bottom,0px));background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);justify-content:space-around;align-items:stretch;gap:2px;display:flex;position:fixed;bottom:0;left:0;right:0}.oui-tabbar__item{border-radius:var(--r-chip);min-height:52px;color:var(--ash);font-size:var(--text-xxs);transition:color var(--t) var(--ease);flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:3px;font-weight:600;display:flex}.oui-tabbar__item:hover{color:var(--bone)}.oui-tabbar__item--active{color:var(--ember)}.oui-tabbar__label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.oui-exp__lead{font-size:var(--text-sm);color:var(--ash);margin:0;line-height:1.5}.oui-exp__range{margin:var(--sp-3) 0;background:var(--ember-soft);border:1px solid var(--ember-mid);border-radius:var(--r-chip);color:var(--ember);font-weight:700;font-size:var(--text-sm);align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.oui-exp__list{font-size:var(--text-sm);color:var(--bone);flex-direction:column;gap:4px;margin:0;padding-left:18px;line-height:1.5;display:flex}.oui-exp__list li{list-style:outside}.oui-topbar__brand{flex:none;align-items:center;display:inline-flex}@media (max-width:600px){.oui-topbar__wordmark{display:none}.oui-topbar{padding:var(--sp-3) var(--sp-4);gap:var(--sp-3)}}.oui-topbar__menu{border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--border);width:36px;height:36px;color:var(--bone);cursor:pointer;transition:background var(--t) var(--ease), color var(--t) var(--ease);flex:none;justify-content:center;align-items:center;display:inline-flex}.oui-topbar__menu:hover{background:var(--ember-soft);color:var(--ember)}@keyframes oui-slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes oui-fade-in{0%{opacity:0}to{opacity:1}}.oui-mobilenav{z-index:1200;position:fixed;top:0;bottom:0;left:0;right:0}.oui-mobilenav__scrim{animation:oui-fade-in var(--t) var(--ease);background:#0000006b;position:absolute;top:0;bottom:0;left:0;right:0}.oui-mobilenav__panel{background:var(--surface);border-right:1px solid var(--border);width:82%;max-width:300px;box-shadow:var(--shadow-hero);padding:calc(var(--sp-3) + env(safe-area-inset-top,0px)) var(--sp-3) var(--sp-3);animation:oui-slide-in var(--t-move) var(--ease);flex-direction:column;gap:4px;display:flex;position:absolute;top:0;bottom:0;left:0}.oui-mobilenav__head{padding:var(--sp-2) var(--sp-2) var(--sp-3);justify-content:space-between;align-items:center;display:flex}.oui-mobilenav__title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--ash);font-weight:700}.oui-mobilenav__close{background:var(--surface-2);border:1px solid var(--border);width:32px;height:32px;color:var(--bone);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.oui-mobilenav__item{align-items:center;gap:var(--sp-3);padding:12px var(--sp-3);border-radius:var(--r-chip);color:var(--bone);font-size:var(--text-base);text-align:left;cursor:pointer;transition:background var(--t) var(--ease), color var(--t) var(--ease);background:0 0;border:none;font-weight:600;display:flex}.oui-mobilenav__item:hover{background:var(--surface-2)}.oui-mobilenav__item--active{background:var(--ember-soft);color:var(--ember)}.oui-mobilenav__icon{flex:none;display:inline-flex}.oui-mobilenav__logo{align-items:center;display:inline-flex}.oui-mobilenav__title{margin:0 var(--sp-2) 4px}.oui-select{margin-top:var(--sp-2);position:relative}.oui-select__btn{justify-content:space-between;align-items:center;gap:var(--sp-2);width:100%;height:42px;padding:0 var(--sp-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-chip);color:var(--bone);font-family:var(--font-ui);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--t) var(--ease);font-weight:600;display:flex}.oui-select__btn:hover{border-color:var(--ember-mid)}.oui-select__ph{color:var(--ash);font-weight:500}.oui-select__chev{color:var(--ash);transition:transform var(--t) var(--ease);flex:none}.oui-select__chev--open{transform:rotate(180deg)}.oui-select__pop{opacity:0;pointer-events:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);max-height:0;box-shadow:var(--shadow-hover);transition:max-height var(--t-move) var(--ease), opacity var(--t) var(--ease), margin-top var(--t-move) var(--ease), padding var(--t-move) var(--ease);margin-top:0;padding:0 6px;overflow:hidden}.oui-select__pop--open{opacity:1;pointer-events:auto;max-height:280px;margin-top:6px;padding:6px;overflow-y:auto}.oui-select__opt{align-items:center;gap:var(--sp-2);border-radius:var(--r-chip);width:100%;color:var(--bone);font-size:var(--text-sm);text-align:left;cursor:pointer;transition:background var(--t) var(--ease), color var(--t) var(--ease);background:0 0;border:none;padding:9px 10px;display:flex}.oui-select__opt:hover{background:color-mix(in srgb, var(--ember) 13%, transparent)}.oui-select__opt--on{color:var(--ember);font-weight:700}.oui-select__opt-check{width:16px;color:var(--ember);flex:none;display:inline-flex}.oui-select__opt-label{min-width:0}@keyframes oui-pop{0%{opacity:.3;transform:scale(.6)}60%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.oui-anim-pop{animation:oui-pop .26s var(--ease)}.oui-select--overlay .oui-select__pop{z-index:40;width:max-content;min-width:100%;max-width:260px;margin-top:0;position:absolute;top:calc(100% + 6px);left:0}.oui-select--overlay .oui-select__pop--open{margin-top:0}.oui-select__ic{color:var(--ash);flex:none;align-items:center;display:inline-flex}.oui-select__opt--on .oui-select__ic{color:var(--ember)}.oui-exp__warn{align-items:flex-start;gap:var(--sp-2);margin-top:var(--sp-4);padding:var(--sp-3);border:1px solid var(--warn);border-radius:var(--r-chip);background:color-mix(in srgb, var(--warn) 10%, transparent);color:var(--warn);font-size:var(--text-xs);line-height:1.55;display:flex}.oui-crash{justify-items:center;gap:var(--sp-3);max-width:460px;padding:var(--sp-5);text-align:center;margin:12vh auto;display:grid}.oui-crash__title{font-size:var(--text-md);color:var(--bone);margin:0;font-weight:600}.oui-crash__hint{font-size:var(--text-xs);color:var(--ash);margin:0;line-height:1.6}.app-glow{z-index:-1;pointer-events:none;background:radial-gradient(900px 600px at 100% 0%, var(--ember-glow), transparent 70%);position:fixed;top:0;bottom:0;left:0;right:0}.shell{max-width:1080px;padding:0 var(--sp-6) var(--sp-8);margin:0 auto}.header{z-index:10;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb, var(--ink) 70%, transparent);border-bottom:1px solid var(--border);max-width:1080px;margin:0 auto;display:flex;position:sticky;top:0}.header__caption{font-size:var(--text-xs);color:var(--ash);letter-spacing:.02em;font-weight:500}.header__spacer{flex:1}.theme-toggle{border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--border);width:38px;height:38px;color:var(--bone);transition:background var(--t) var(--ease), color var(--t) var(--ease), transform var(--t) var(--ease);justify-content:center;align-items:center;display:inline-flex}.theme-toggle:hover{background:var(--ember-soft);color:var(--ember);transform:translateY(-1px)}.section{margin-top:var(--sp-6)}.section__title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--ash);margin-bottom:var(--sp-4);font-weight:600}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-card);padding:var(--sp-6)}.logo-card{padding:var(--sp-8);justify-content:center;align-items:center;display:flex}.display-line{font-family:var(--font-display);font-size:var(--text-hero);letter-spacing:-.02em;font-weight:900;line-height:1.05}.display-sub{font-family:var(--font-display);color:var(--ash);font-weight:600;font-size:var(--text-lg);margin-top:var(--sp-2)}.weight-ladder{margin-top:var(--sp-6);gap:var(--sp-3);flex-direction:column;display:flex}.weight-row{align-items:baseline;gap:var(--sp-4);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border);display:flex}.weight-row:last-child{border-bottom:none}.weight-row__label{font-size:var(--text-xs);color:var(--ash);flex:0 0 130px}.weight-row__sample{font-size:var(--text-xl)}.body-paragraph{margin-top:var(--sp-6);max-width:640px;color:var(--ash);font-size:var(--text-md);line-height:1.65}.swatch-grid{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.swatch{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-chip);overflow:hidden}.swatch__chip{height:64px}.swatch__meta{padding:var(--sp-3)}.swatch__name{font-size:var(--text-sm);font-weight:600}.swatch__hex{font-size:var(--text-xs);color:var(--ash);margin-top:2px}.shadow-grid{gap:var(--gap-lg);grid-template-columns:repeat(3,1fr);display:grid}.shadow-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);padding:var(--sp-5);flex-direction:column;justify-content:flex-end;min-height:100px;display:flex}.shadow-card--1{box-shadow:var(--shadow-card)}.shadow-card--2{box-shadow:var(--shadow-hover)}.shadow-card--3{box-shadow:var(--shadow-hero)}.shadow-card__label{font-size:var(--text-sm);font-weight:600}.shadow-card__token{font-size:var(--text-xs);color:var(--ash);margin-top:2px}.muted{color:var(--ash);font-size:var(--text-sm);line-height:1.6}.demo-row{align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.demo-stack{gap:var(--sp-3);flex-direction:column;display:flex}.demo-grid-2{gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.demo-grid-3{gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.shell-preview{border:1px solid var(--border);border-radius:var(--r-card);min-height:240px;box-shadow:var(--shadow-card);background:var(--ink);display:flex;overflow:hidden}.shell-preview__main{flex-direction:column;flex:1;min-width:0;display:flex}.shell-preview__body{padding:var(--sp-6);flex:1}@media (max-width:720px){.shadow-grid{grid-template-columns:1fr}.weight-row__label{flex-basis:100px}}.footer{margin-top:var(--sp-8);padding-top:var(--sp-6);border-top:1px solid var(--border);font-size:var(--text-xs);color:var(--ash);text-align:center}