:root{--oui-sb-w: var(--sidebar-w, 286px);--oui-sb-radius: 15px;--oui-sb-bg-from: #3e2723;--oui-sb-bg-to: #1b100b;--oui-sb-line: rgba(255, 255, 255, .1);--oui-sb-accent: var(--theme-main, #8d6e63);--oui-sb-accent-dark: var(--theme-dark, #4e342e);--oui-sb-accent-light: var(--theme-light, #efebe9);--oui-sb-brand: #ffd54f;--oui-sb-text: rgba(255, 255, 255, .95);--oui-sb-text-dim: rgba(255, 255, 255, .55);--oui-sb-icon: rgba(255, 255, 255, .85);--oui-sb-highlight: #d4a017;--oui-sb-highlight-icon: #ffd54f;--oui-sb-highlight-badge-from: #ffb300;--oui-sb-highlight-badge-to: #ffd54f;--oui-sb-highlight-badge-text: #3e2723}.oui-sidebar{position:relative;z-index:50;display:flex;flex-direction:column;flex-shrink:0;width:var(--oui-sb-w);overflow:hidden;background:linear-gradient(180deg,var(--oui-sb-bg-from),var(--oui-sb-bg-to));border-right:1px solid var(--oui-sb-line)}.oui-sidebar__brand{position:relative;z-index:1;display:flex;gap:10px;align-items:center;height:79px;padding:0 20px;border-bottom:1px solid var(--oui-sb-line);color:var(--oui-sb-brand)}.oui-sidebar__brand-icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;font-size:28px}.oui-sidebar__brand-icon svg{width:28px;height:28px}.oui-sidebar__brand-title{flex:1;min-width:0;overflow:hidden;font-size:18px;font-weight:900;white-space:nowrap;text-overflow:ellipsis}.oui-sidebar__brand-title:empty{display:none}.oui-sidebar__nav{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;gap:7px;min-height:0;padding:12px 13px 22px;overflow-y:auto}.oui-sidebar__label{margin:9px 0 2px 13px;color:var(--oui-sb-text-dim);font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.oui-sidebar__label:first-child{margin-top:0}.oui-sidebar__item{display:flex;gap:13px;align-items:center;width:100%;padding:12px 15px;background:none;border:2px solid transparent;border-radius:var(--oui-sb-radius);color:var(--oui-sb-text);font:inherit;font-size:15px;font-weight:800;text-align:left;text-decoration:none;cursor:pointer;transition:.1s}.oui-sidebar__item .oui-sidebar__icon{flex-shrink:0;color:var(--oui-sb-icon);font-size:24px;transition:.2s}.oui-sidebar__icon svg{display:block;width:24px;height:24px}.oui-sidebar__icon.material-symbols-rounded{font-family:Material Symbols Rounded,sans-serif;font-weight:400;font-style:normal;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;font-feature-settings:"liga";line-height:1;letter-spacing:normal;white-space:nowrap;text-transform:none;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}.oui-sidebar__text{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.oui-sidebar__item:hover{background:#ffffff1a;color:#fff}.oui-sidebar__item:hover .oui-sidebar__icon{color:#fff}.oui-sidebar__item:focus-visible{outline:2px solid var(--oui-sb-accent);outline-offset:2px}.oui-sidebar__item.is-active{margin-bottom:-2px;background:var(--oui-sb-accent-light);border-color:var(--oui-sb-accent);border-bottom:4px solid var(--oui-sb-accent);color:var(--oui-sb-accent-dark)}.oui-sidebar__item.is-active .oui-sidebar__icon{color:var(--oui-sb-accent);transform:scale(1.1)}.oui-sidebar__badge{flex-shrink:0;margin-left:auto;padding:2px 8px;background:#ffffff26;border-radius:6px;color:#ffffffb3;font-size:10px;font-weight:900}.oui-sidebar__item.is-active .oui-sidebar__badge{background:var(--oui-sb-accent);color:#fff}.oui-sidebar__badge--main{background:linear-gradient(90deg,var(--oui-sb-highlight-badge-from),var(--oui-sb-highlight-badge-to));color:var(--oui-sb-highlight-badge-text);font-size:9px}.oui-sidebar__item.is-active .oui-sidebar__badge--main{background:linear-gradient(90deg,var(--oui-sb-highlight-badge-from),var(--oui-sb-highlight-badge-to));color:var(--oui-sb-highlight-badge-text)}.oui-sidebar__item.is-main{background:color-mix(in srgb,var(--oui-sb-highlight) 8%,transparent);border-color:var(--oui-sb-highlight)}.oui-sidebar__item.is-main .oui-sidebar__icon{color:var(--oui-sb-highlight-icon)}.oui-sidebar__item.is-main.is-active{background:var(--oui-sb-accent-light);border-color:var(--oui-sb-highlight);border-bottom:4px solid var(--oui-sb-highlight)}@supports not (color: color-mix(in srgb,red 8%,transparent)){.oui-sidebar__item.is-main{background:#d4a01714}}.oui-sidebar__footer{position:relative;z-index:1;padding:0 13px 16px}.oui-sidebar__footer:empty{display:none}.oui-sidebar__overlay{position:fixed;z-index:90;top:0;right:0;bottom:0;left:0;display:none;background:#0006}.oui-sidebar__overlay.is-open{display:block}.oui-sidebar__hamburger{position:fixed;top:12px;left:12px;z-index:999;display:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:var(--oui-surface, #fff);border:2px solid var(--oui-border, #d7ccc8);border-radius:12px;box-shadow:0 4px 8px #0000001a;color:var(--oui-sb-accent-dark);cursor:pointer}.oui-sidebar__hamburger .oui-sidebar__icon{font-size:24px}@media(max-width:1024px){.oui-sidebar{position:fixed;top:0;bottom:0;left:-300px;z-index:100;width:280px;box-shadow:none;transition:left .3s ease}.oui-sidebar.is-open{left:0;box-shadow:8px 0 24px #00000026}.oui-sidebar__hamburger{display:flex}}@media(prefers-reduced-motion:reduce){.oui-sidebar,.oui-sidebar__item,.oui-sidebar__icon{transition:none}}:root{--oui-surface: var(--white, #ffffff);--oui-surface-muted: var(--theme-light, #f4f1ea);--oui-surface-border: rgba(255, 255, 255, .6);--oui-bg: var(--bg, #f4f1ea);--oui-text: var(--text, #2c2621);--oui-muted: var(--muted, #6b6560);--oui-accent: var(--theme-main, #7c3aed);--oui-accent-soft: color-mix(in srgb, var(--oui-accent) 10%, transparent);--oui-accent-border: color-mix(in srgb, var(--oui-accent) 18%, transparent);--oui-accent-hover: color-mix(in srgb, var(--oui-accent) 30%, transparent);--oui-accent-hover-border: color-mix(in srgb, var(--oui-accent) 50%, transparent);--oui-border: var(--border, #d7ccc8);--oui-radius: 16px;--oui-radius-lg: 28px;--oui-shadow-modal: 0 28px 80px rgba(0, 0, 0, .35);--oui-backdrop: rgba(0, 0, 0, .55);--oui-z-modal: 9999;--oui-transition: .16s ease;--oui-font: "Paperlogy", sans-serif}@supports not (color: color-mix(in srgb,red 10%,transparent)){:root{--oui-accent-soft: rgba(124, 58, 237, .1);--oui-accent-border: rgba(124, 58, 237, .18);--oui-accent-hover: rgba(124, 58, 237, .3);--oui-accent-hover-border: rgba(124, 58, 237, .5)}}[class^=oui-],[class*=" oui-"]{box-sizing:border-box;font-family:var(--oui-font)}.oui-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--oui-z-modal);display:flex;align-items:center;justify-content:center;padding:4vh 4vw;background:var(--oui-backdrop);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity var(--oui-transition)}.oui-modal[hidden]{display:none}.oui-modal.is-open{opacity:1}.oui-modal__panel{display:flex;flex-direction:column;gap:16px;width:min(880px,80vw);max-height:min(880px,80vh);outline:none;transform:translateY(8px) scale(.98);transition:transform var(--oui-transition)}.oui-modal.is-open .oui-modal__panel{transform:none}.oui-card{padding:20px;background:var(--oui-surface);border:2px solid var(--oui-surface-border);border-radius:var(--oui-radius-lg);box-shadow:var(--oui-shadow-modal)}.oui-badge{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:44px;height:44px;background:var(--oui-accent-soft);border:1px solid var(--oui-accent-border);border-radius:var(--oui-radius);color:var(--oui-accent)}.oui-icon-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;background:var(--oui-surface);border:2px solid var(--oui-accent);border-radius:var(--oui-radius);color:var(--oui-text);font:inherit;cursor:pointer;transition:var(--oui-transition)}.oui-icon-btn:hover{background:var(--oui-accent);border-color:var(--oui-accent-hover-border);color:#fff}.oui-title{color:var(--oui-text);font-size:16px;font-weight:900;line-height:1.2}.oui-subtitle{margin-top:2px;color:var(--oui-muted);font-size:12px;font-weight:800;line-height:1.3}@media(prefers-reduced-motion:reduce){.oui-modal,.oui-modal__panel{transition:none}}.oui-qr__select-card{flex-shrink:0}.oui-qr__card{display:flex;flex:1;flex-direction:column;min-height:0}.oui-qr__head{display:flex;gap:10px;align-items:center}.oui-qr__head--between{justify-content:space-between;margin-bottom:12px}.oui-qr__select-card .oui-qr__head--between{margin-bottom:0}.oui-qr__selected{margin-left:auto;color:var(--oui-accent);text-align:right;font-size:15px;font-weight:900;line-height:1.2}.oui-qr__select{width:100%;margin-top:12px;padding:12px 14px;background:var(--oui-surface);border:2px solid var(--oui-border);border-radius:var(--oui-radius);color:var(--oui-text);font:inherit;font-size:14px;font-weight:800;outline:none}.oui-qr__manage{display:inline-flex;gap:4px;align-items:center;margin-top:10px;color:var(--oui-accent);font-size:13px;font-weight:800;line-height:1.2;text-decoration:none}.oui-qr__manage--plain{cursor:pointer}.oui-qr__manage:hover .oui-qr__manage-text{text-decoration:underline}.oui-qr__manage-icon{display:inline-flex;line-height:0}.oui-qr__body{display:flex;flex:1;flex-direction:column;gap:14px;align-items:center;justify-content:center;min-height:0}.oui-qr__frame{display:flex;align-items:center;justify-content:center;width:min(62vmin,560px);height:min(62vmin,560px);max-width:100%;max-height:100%;overflow:hidden;background:var(--oui-bg);border:2px solid var(--oui-border);border-radius:20px}.oui-qr__link{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:inherit;text-decoration:none}.oui-qr__canvas{display:flex;align-items:center;justify-content:center;padding:12px;line-height:0}.oui-qr__canvas img,.oui-qr__canvas canvas{display:block;max-width:100%;max-height:100%;pointer-events:none}.oui-qr__img{object-fit:contain;image-rendering:pixelated}.oui-qr__url{display:block;width:100%;color:var(--oui-muted);font-size:14px;font-weight:800;line-height:1.5;text-align:center;text-decoration:none;word-break:break-all}.oui-qr__hint{color:var(--oui-muted);font-size:14px;font-weight:800;text-align:center}.oui-qr__hint[hidden],.oui-qr__selected[hidden],.oui-qr__manage[hidden],.oui-qr__select-card[hidden]{display:none}.is-disabled{pointer-events:none}.shell-header{flex:none;height:var(--header-h);min-height:var(--header-h);display:flex;align-items:center;gap:.75rem;padding:0 1rem;border-bottom:1px solid #e2e8f0;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:40;position:relative}.shell-header-start,#headerStart{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.header-toggle{display:none;width:2.25rem;height:2.25rem;place-items:center;border-radius:.5rem;color:var(--text-main);flex:none}.header-toggle:hover{background:#f1f5f9}.header-toggle .material-symbols-rounded{font-size:28px}.shell-header-title{font-weight:900;font-size:18px;color:var(--text-main);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell-header-title span{margin-left:6px;color:var(--theme-dark)}#headerActions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0;flex-wrap:wrap;flex-shrink:0;margin-left:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:10px;font-weight:700;font-size:14px;border:1px solid transparent;cursor:pointer;font-family:inherit;background:transparent;color:inherit}.btn-primary{background:#0f172a;color:#fff}.btn-primary:hover{background:var(--theme-dark)}.btn-outline{background:#fff;border-color:#e2e8f0;color:var(--text-main)}.btn-outline:hover{background:#f8fafc}.btn-sm{min-height:2rem;height:2rem;padding:0 .75rem;font-size:.75rem;font-weight:500;border-radius:.5rem}.auth-bar,.auth-slot{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;justify-content:flex-end}.auth-muted{margin:0;font-size:12px;color:#94a3b8}.auth-avatar{width:2.25rem;height:2.25rem;border-radius:999px;display:grid;place-items:center;background:var(--theme-main);color:#fff;font-size:.875rem;font-weight:700;flex:none}.auth-meta,.auth-who{min-width:0;display:none;flex-direction:column;gap:1px;line-height:1.2}@media(min-width:640px){.auth-meta{display:block}.auth-who{display:flex}}.auth-name,.auth-who b{margin:0;font-size:.875rem;font-weight:700;line-height:1.2;max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-main)}.auth-token,.auth-who small{margin:2px 0 0;font-size:.75rem;font-family:ui-monospace,Consolas,monospace;color:var(--text-muted);max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-btn{flex:none;min-height:2rem;height:2rem;padding:0 .75rem;font-size:.75rem;font-weight:600;border-radius:.5rem;border:1px solid #e2e8f0;background:#fff;color:var(--text-main);cursor:pointer;font-family:inherit}.auth-btn:hover{background:#f8fafc}.auth-btn-primary{background:var(--theme-dark);border-color:var(--theme-dark);color:#fff;font-weight:700}.auth-btn-primary:hover{filter:brightness(1.08);color:#fff}.auth-btn-lg{min-height:44px;height:auto;padding:13px 22px;font-size:14px;border-radius:14px}#authGate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;padding:1rem;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#authGate[hidden]{display:none!important}.auth-gate-card{position:relative;max-width:420px;width:100%;text-align:center;padding:36px 28px;border-radius:24px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 24px 60px #0f172a33}.auth-gate-close{position:absolute;top:12px;right:14px;width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:#64748b;font-size:22px;cursor:pointer;font-family:inherit}.auth-gate-close:hover{background:#f1f5f9;color:#0f172a}.auth-gate-kicker{margin:0;font-size:12px;font-weight:800;letter-spacing:.06em;color:var(--theme-dark)}.auth-gate-card h2{margin:10px 0 0;font-size:clamp(22px,4vw,28px);font-weight:900;color:#0f172a;letter-spacing:-.03em;word-break:keep-all}.auth-gate-desc{margin:12px 0 0;font-size:14px;line-height:1.75;color:#64748b;word-break:keep-all}.auth-gate-card .auth-btn{margin-top:22px}.auth-gate-spin{width:42px;height:42px;margin:0 auto 16px;border-radius:50%;border:4px solid #e2e8f0;border-top-color:var(--theme-main);animation:authSpin 1s linear infinite}@keyframes authSpin{to{transform:rotate(360deg)}}.auth-toast{position:fixed;left:50%;bottom:28px;z-index:210;transform:translate(-50%) translateY(12px);padding:12px 18px;border-radius:12px;background:#0f172a;color:#fff;font-size:13px;font-weight:700;box-shadow:0 10px 30px #0f172a40;opacity:0;pointer-events:none;transition:.2s}.auth-toast.on{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:1023px){.header-toggle{display:grid}}