:root{--font-family-base:"Noto Sans TC",sans-serif;--font-size-h1:32px;--font-size-h2:24px;--font-size-h3:18px;--font-size-body:16px;--font-size-small:14px;--font-weight-regular:400;--font-weight-semibold:600;--font-weight-bold:700;--font-size-banner-title:80px;--font-size-banner-subtitle:24px;--size-button-sm-height:34px;--size-button-md-height:40px;--size-button-lg-height:48px;--size-chip-sm-height:30px;--size-chip-md-height:36px;--size-chip-lg-height:42px;--size-icon-sm:16px;--size-icon-md:20px;--size-icon-lg:24px;--app-shell-overlay-start:transparent;--app-shell-overlay-end:transparent;--lf-boot-background-image:none;--lf-boot-overlay-start:transparent;--lf-boot-overlay-end:transparent;--lf-boot-loading-text:#f4f7fb;--app-sidebar-collapsed-width:68px;--app-sidebar-expanded-width:204px;--app-sidebar-reserved-width:var(--app-sidebar-expanded-width);--app-sidebar-horizontal-padding:0.55rem;--app-sidebar-item-margin:0.24rem;--app-sidebar-icon-box-size:34px;--app-sidebar-logo-size:56px;--app-sidebar-logo-safe-x:calc(var(--app-sidebar-logo-size) / 4);--app-shell-content-side-margin:calc(var(--app-sidebar-reserved-width ) / 2);--app-shell-main-min-width:720px;--app-shell-assistant-min-width:280px;--app-sidebar-item-inset:calc((var(--app-sidebar-collapsed-width) - (var(--app-sidebar-horizontal-padding) * 2) - (var(--app-sidebar-item-margin) * 2) - var(--app-sidebar-icon-box-size)) / 2);--app-sidebar-gutter:10px;--ui-dropdown-menu-max-height:260px;--chat-rule-marker:"✦";--feature-menu-border:hsla(0,0%,50%,.4);--feature-menu-bg:rgba(9,31,54,.95);--feature-menu-hover-bg:hsla(0,0%,100%,.08);--feature-card-border:hsla(0,0%,50%,.36);--feature-card-bg:rgba(7,26,46,.72);--feature-card-hover-border:rgba(244,247,251,.6);--feature-plan-border:hsla(0,0%,50%,.32);--feature-plan-bg:hsla(0,0%,100%,.8);--feature-manage-plan-border:hsla(0,0%,50%,.3);--feature-manage-plan-bg:hsla(0,0%,100%,.8);--feature-post-card-border:hsla(0,0%,50%,.32);--feature-post-card-bg:rgba(9,31,54,.82);--feature-post-media-border:hsla(0,0%,50%,.3);--feature-post-media-bg:rgba(9,31,54,.72);--feature-editor-shell-border:hsla(0,0%,50%,.42);--feature-editor-shell-bg:rgba(9,31,54,.52);--feature-editor-toolbar-border:hsla(0,0%,50%,.36);--feature-editor-toolbar-bg:rgba(7,26,46,.75);--feature-editor-select-border:hsla(0,0%,50%,.45);--feature-editor-select-bg:rgba(17,43,77,.92);--feature-editor-select-text:var(--color-text-primary);--feature-editor-content-text:var(--color-text-primary);--feature-embed-border:rgba(126,214,209,.35);--feature-embed-bg:rgba(9,31,54,.72);--feature-embed-title:rgba(126,214,209,.94)}.demo-root{min-height:100vh}.header-side,.locale-picker{display:inline-flex;align-items:center}.header-side{gap:1rem}.locale-picker{gap:.55rem;color:var(--text-muted);font-size:var(--font-size-small)}.locale-picker select{border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface-soft);color:var(--color-text-primary);padding:.45rem .75rem}.joined-pill,.primary-button,.tutorial-primary-button,.tutorial-secondary-button{border:1px solid transparent;border-radius:999px;min-height:var(--size-button-md-height);padding:0 1rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.primary-button,.tutorial-primary-button{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-bg);font-weight:var(--font-weight-bold)}.joined-pill,.tutorial-secondary-button{background:var(--color-surface-soft);border-color:var(--color-border);color:var(--color-text-primary)}.hero-demo-button{margin-top:1.75rem;background:var(--color-primary);border-color:var(--color-primary)}.fill-form-button{margin-top:1.75rem;background:var(--color-secondary);border-color:var(--color-secondary)}.auth-form .primary-button{width:100%}.demo-auth-input{width:100%;min-height:var(--size-button-lg-height);border-radius:10px;border:1px solid var(--color-border);background:var(--color-surface-soft);color:var(--color-text-primary);padding:.75rem .85rem}.fan-club-banner-card{border-radius:14px;padding:1.25rem;background-position:50%;background-size:cover}.demo-avatar-frame,.demo-post-avatar,.fan-club-hero-avatar,.post-modal-avatar,.tutorial-luna-avatar{border-radius:999px}.demo-avatar-frame{width:32px;height:32px;justify-content:center;border:1px solid var(--color-border);background:var(--color-surface-soft)}.demo-avatar-frame,.post-modal-club-button{display:inline-flex;align-items:center;color:var(--color-text-primary)}.post-modal-club-button{gap:.85rem;padding:0;border:0;background:transparent;cursor:pointer}.post-card-author,.post-card-time,.post-modal-reaction-title{margin:0}.post-card-time{color:var(--text-muted);font-size:var(--font-size-small)}.demo-post-author-copy,.demo-post-author-link{border:0;background:transparent;color:inherit;padding:0;text-align:left;cursor:pointer}.demo-post-author-copy:hover strong,.demo-post-author-link:hover+.demo-post-author-copy strong{color:var(--color-primary)}.translate-toggle{border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface-soft);color:var(--color-text-primary);min-height:26.6px;padding:0 .525rem 0 .7rem;display:inline-flex;align-items:center;gap:.56rem;cursor:pointer}.translate-toggle.active{border-color:var(--color-primary)}.translate-toggle-knob{width:1.12rem;height:1.12rem;border-radius:999px;background:var(--color-primary)}.tutorial-locale-picker select{max-width:116px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface-soft);color:var(--color-text-primary);padding:.24rem .48rem;font-size:12px}.tutorial-layer{position:fixed;inset:0;z-index:120;pointer-events:none}.tutorial-mask{position:fixed;background:rgba(0,0,0,.42);pointer-events:auto}.tutorial-mask-full,.tutorial-mask-top{top:0;left:0;right:0}.tutorial-mask-full{bottom:0}.tutorial-mask-bottom{left:0;right:0}.tutorial-focus-ring{position:fixed;border-radius:14px;border:2px solid color-mix(in srgb,var(--color-primary) 84%,#fff 16%);pointer-events:none}[data-tutorial-active=true]{position:relative}.tutorial-bubble{position:fixed;z-index:122;width:min(90vw,420px);pointer-events:auto;border-radius:18px;padding:1.2rem;background:color-mix(in srgb,var(--color-surface) 80%,transparent);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border:1px solid var(--color-border);box-shadow:0 28px 80px rgba(0,0,0,.35)}.tutorial-bubble-actions,.tutorial-bubble-header{display:flex;align-items:center}.chat-demo-panel{height:calc(100vh - 2rem);min-height:0}@media (max-width:1024px){.chat-demo-panel{height:calc(100dvh - 5.5rem)}}.chat-messages-header-actions{display:inline-flex;align-items:center;gap:.5rem}.demo-alpha-avatar-icon{font-size:15px;line-height:1;font-weight:800;letter-spacing:.02em;color:var(--color-text-primary)}.tutorial-bubble-header{gap:.8rem}.tutorial-bubble-message{margin:.95rem 0 0;line-height:1.7}.tutorial-bubble-actions{margin-top:1rem;justify-content:flex-end;gap:.7rem;flex-wrap:wrap}.app-shell.theme-night-mode,.theme-night-mode{--color-primary:#7ed6d1;--color-secondary:#a78bfa;--color-accent:#ffe8a3;--color-pink:#f4a7b9;--color-info:#5da9ff;--color-bg:#061b2c;--color-surface:#102a45;--color-surface-soft:#173657;--color-surface-strong:#1f456b;--color-border:#2f5f85;--color-text-primary:#f6faff;--color-text-secondary:#c9dbee;--color-text-muted:#8fb0cc;--color-sidebar:#0a233e;--color-sidebar-active:#18496b;--color-card:#102a45;--color-card-hover:#173657;--color-stroke:#7f9db7;--bg:var(--color-bg);--bg-deep:#041321;--text-primary:var(--color-text-primary);--text-muted:rgba(143,176,204,.9);--stroke:rgba(127,157,183,.35);--cta:var(--color-primary);--danger:var(--color-pink);--app-shell-overlay-start:transparent;--app-shell-overlay-end:transparent;--chat-rule-marker:"✦";--feature-menu-border:hsla(0,0%,50%,.4);--feature-menu-bg:rgba(9,31,54,.95);--feature-menu-hover-bg:hsla(0,0%,100%,.08);--feature-card-border:hsla(0,0%,50%,.36);--feature-card-bg:rgba(7,26,46,.72);--feature-card-hover-border:rgba(244,247,251,.6);--feature-plan-border:hsla(0,0%,50%,.32);--feature-plan-bg:hsla(0,0%,100%,.8);--feature-manage-plan-border:hsla(0,0%,50%,.3);--feature-manage-plan-bg:hsla(0,0%,100%,.8);--feature-post-card-border:hsla(0,0%,50%,.32);--feature-post-card-bg:rgba(9,31,54,.82);--feature-post-media-border:hsla(0,0%,50%,.3);--feature-post-media-bg:rgba(9,31,54,.72);--feature-editor-shell-border:hsla(0,0%,50%,.42);--feature-editor-shell-bg:rgba(9,31,54,.52);--feature-editor-toolbar-border:hsla(0,0%,50%,.36);--feature-editor-toolbar-bg:rgba(7,26,46,.75);--feature-editor-select-border:hsla(0,0%,50%,.45);--feature-editor-select-bg:rgba(17,43,77,.92);--feature-editor-select-text:var(--color-text-primary);--feature-editor-content-text:var(--color-text-primary);--feature-embed-border:rgba(126,214,209,.35);--feature-embed-bg:rgba(9,31,54,.72);--feature-embed-title:rgba(126,214,209,.94)}.app-shell.theme-ocean-mode,.theme-ocean-mode{--color-primary:#2bc5ff;--color-secondary:#64b8ff;--color-accent:#7edbff;--color-pink:#9ba5ff;--color-info:#4a9bff;--color-bg:#041c46;--color-surface:#082a59;--color-surface-soft:#0d3870;--color-surface-strong:#154a8a;--color-border:#2a66a6;--color-text-primary:#f2f8ff;--color-text-secondary:#c6dbf5;--color-text-muted:#93b2d8;--color-sidebar:#031a3d;--color-sidebar-active:#0f4e96;--color-card:#082a59;--color-card-hover:#0f3d78;--color-stroke:#80aedd;--bg:var(--color-bg);--bg-deep:#02122f;--text-primary:var(--color-text-primary);--text-muted:rgba(147,178,216,.9);--stroke:rgba(128,174,221,.4);--cta:var(--color-primary);--danger:var(--color-pink);--app-shell-overlay-start:transparent;--app-shell-overlay-end:transparent;--chat-rule-marker:"🌊";--feature-menu-border:rgba(104,157,214,.42);--feature-menu-bg:rgba(6,31,71,.96);--feature-menu-hover-bg:hsla(0,0%,100%,.08);--feature-card-border:rgba(104,157,214,.34);--feature-card-bg:rgba(6,31,71,.76);--feature-card-hover-border:rgba(194,219,245,.64);--feature-plan-border:rgba(104,157,214,.32);--feature-plan-bg:hsla(0,0%,100%,.82);--feature-manage-plan-border:rgba(104,157,214,.3);--feature-manage-plan-bg:hsla(0,0%,100%,.82);--feature-post-card-border:rgba(104,157,214,.34);--feature-post-card-bg:rgba(7,39,87,.84);--feature-post-media-border:rgba(104,157,214,.3);--feature-post-media-bg:rgba(8,42,89,.74);--feature-editor-shell-border:rgba(104,157,214,.42);--feature-editor-shell-bg:rgba(8,42,89,.56);--feature-editor-toolbar-border:rgba(104,157,214,.36);--feature-editor-toolbar-bg:rgba(6,31,71,.8);--feature-editor-select-border:rgba(104,157,214,.45);--feature-editor-select-bg:rgba(11,52,109,.92);--feature-editor-select-text:var(--color-text-primary);--feature-editor-content-text:var(--color-text-primary);--feature-embed-border:rgba(43,197,255,.35);--feature-embed-bg:rgba(8,42,89,.74);--feature-embed-title:rgba(126,219,255,.94)}.app-shell.theme-light-mode,.theme-light-mode{--color-primary:#1e7f98;--color-secondary:#6b5cd6;--color-accent:#c48a00;--color-pink:#c74a6a;--color-info:#1f78d1;--color-bg:#f3f8fe;--color-surface:#fff;--color-surface-soft:#f8fbff;--color-surface-strong:#eaf2fb;--color-border:#d4e1ef;--color-text-primary:#102a43;--color-text-secondary:#52677a;--color-text-muted:#7a8fa3;--color-sidebar:#f5f7fb;--color-sidebar-active:#def;--color-card:#fff;--color-card-hover:#f1f7ff;--color-stroke:#9aaabd;--bg:var(--color-bg);--bg-deep:#dbe8f6;--text-primary:var(--color-text-primary);--text-muted:rgba(122,143,163,.9);--stroke:rgba(154,170,189,.4);--cta:var(--color-primary);--danger:var(--color-pink);--app-shell-overlay-start:transparent;--app-shell-overlay-end:transparent;--chat-rule-marker:"◆";--feature-menu-border:rgba(86,112,140,.35);--feature-menu-bg:hsla(0,0%,100%,.96);--feature-menu-hover-bg:rgba(28,110,132,.12);--feature-card-border:rgba(86,112,140,.32);--feature-card-bg:hsla(0,0%,100%,.8);--feature-card-hover-border:rgba(86,112,140,.56);--feature-plan-border:rgba(86,112,140,.32);--feature-plan-bg:hsla(0,0%,100%,.8);--feature-manage-plan-border:rgba(86,112,140,.32);--feature-manage-plan-bg:hsla(0,0%,100%,.8);--feature-post-card-border:rgba(86,112,140,.3);--feature-post-card-bg:hsla(0,0%,100%,.88);--feature-post-media-border:rgba(86,112,140,.25);--feature-post-media-bg:rgba(231,239,248,.72);--feature-editor-shell-border:rgba(86,112,140,.4);--feature-editor-shell-bg:hsla(0,0%,100%,.92);--feature-editor-toolbar-border:rgba(86,112,140,.32);--feature-editor-toolbar-bg:rgba(243,248,254,.95);--feature-editor-select-border:rgba(86,112,140,.4);--feature-editor-select-bg:hsla(0,0%,100%,.96);--feature-editor-select-text:var(--color-text-primary);--feature-editor-content-text:var(--color-text-primary);--feature-embed-border:rgba(86,112,140,.34);--feature-embed-bg:hsla(0,0%,100%,.92);--feature-embed-title:var(--color-primary)}.app-shell.theme-sakura-mode,.theme-sakura-mode{--color-primary:#ff8bc2;--color-secondary:#a78bfa;--color-accent:#f6c177;--color-pink:#ff6fae;--color-info:#7aa7ff;--color-bg:#fff1f7;--color-surface:#fff;--color-surface-soft:#ffe6f0;--color-surface-strong:#ffd4e5;--color-border:#f3b8cf;--color-text-primary:#3a2430;--color-text-secondary:#765365;--color-text-muted:#a1798c;--color-sidebar:#ffe8f2;--color-sidebar-active:#ffcfe3;--color-card:#fff;--color-card-hover:#fff6fa;--color-stroke:#d89aae;--bg:var(--color-bg);--bg-deep:#ffdfea;--text-primary:var(--color-text-primary);--text-muted:rgba(161,121,140,.9);--stroke:rgba(216,154,174,.46);--cta:var(--color-primary);--danger:#c74a6a;--app-shell-overlay-start:transparent;--app-shell-overlay-end:transparent;--chat-rule-marker:"🌸";--feature-menu-border:rgba(86,112,140,.35);--feature-menu-bg:hsla(0,0%,100%,.96);--feature-menu-hover-bg:rgba(28,110,132,.12);--feature-card-border:rgba(86,112,140,.32);--feature-card-bg:hsla(0,0%,100%,.8);--feature-card-hover-border:rgba(86,112,140,.56);--feature-plan-border:rgba(86,112,140,.32);--feature-plan-bg:hsla(0,0%,100%,.8);--feature-manage-plan-border:rgba(86,112,140,.32);--feature-manage-plan-bg:hsla(0,0%,100%,.8);--feature-post-card-border:rgba(86,112,140,.3);--feature-post-card-bg:hsla(0,0%,100%,.88);--feature-post-media-border:rgba(86,112,140,.25);--feature-post-media-bg:rgba(231,239,248,.72);--feature-editor-shell-border:rgba(86,112,140,.4);--feature-editor-shell-bg:hsla(0,0%,100%,.92);--feature-editor-toolbar-border:rgba(86,112,140,.32);--feature-editor-toolbar-bg:rgba(243,248,254,.95);--feature-editor-select-border:rgba(86,112,140,.4);--feature-editor-select-bg:hsla(0,0%,100%,.96);--feature-editor-select-text:var(--color-text-primary);--feature-editor-content-text:var(--color-text-primary);--feature-embed-border:rgba(86,112,140,.34);--feature-embed-bg:hsla(0,0%,100%,.92);--feature-embed-title:var(--color-primary)}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%}body{background:var(--bg,#061b2c);color:var(--text-primary,#f6faff);font-family:var(--font-family-base);font-size:var(--font-size-body);font-weight:var(--font-weight-regular)}.text-h1,h1{font-size:var(--font-size-h1)}.text-h1,.text-h2,h1,h2{font-weight:var(--font-weight-bold)}.text-h2,h2{font-size:var(--font-size-h2)}.text-h3,h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold)}.text-body,a,button,input,label,li,p,select,textarea{font-size:var(--font-size-body);font-weight:var(--font-weight-regular)}.text-small,small{font-size:var(--font-size-small);font-weight:var(--font-weight-regular)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.page-root{height:100vh;overflow-y:auto;scroll-snap-type:y mandatory}.simple-page{min-height:100vh}.ui-chip{border-radius:999px;border:1px solid var(--color-border);padding:0 .82rem;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;font-size:var(--font-size-body);transition:.18s ease;line-height:1}.ui-chip-sm{height:var(--size-chip-sm-height)}.ui-chip-md,.ui-chip-sm{font-size:var(--font-size-small)}.ui-chip-md{height:var(--size-chip-md-height)}.ui-chip-lg{height:var(--size-chip-lg-height);font-size:var(--font-size-body)}.ui-chip-outline{background:transparent}.ui-chip-soft{background:rgba(126,214,209,.14)}.ui-chip-solid{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-bg);font-weight:var(--font-weight-bold)}.ui-chip-neutral{color:var(--color-text-primary)}.ui-chip-primary{color:var(--color-primary);border-color:rgba(126,214,209,.46)}.ui-chip-info{color:var(--color-info);border-color:rgba(93,169,255,.46)}.ui-chip-danger{color:var(--color-pink);border-color:rgba(244,167,185,.5)}.ui-chip:hover{transform:translateY(-1px);border-color:rgba(244,247,251,.4)}.field-label,.ui-field-label{font-size:var(--font-size-small);color:var(--text-muted)}.ui-field{display:flex;flex-direction:column;gap:.4rem}.ui-field-hint{margin:.05rem 0 0;color:var(--text-muted);font-size:var(--font-size-small)}.ui-input,.ui-select,.ui-textarea{width:100%;border-radius:12px;border:1px solid var(--color-border);background:var(--color-surface-soft);color:var(--color-text-primary);padding:.65rem .78rem;transition:.16s ease}.ui-input:focus,.ui-select:focus,.ui-textarea:focus{outline:2px solid rgba(93,169,255,.3);border-color:var(--color-info);box-shadow:0 0 0 2px rgba(93,169,255,.15)}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.92;cursor:pointer}.ui-select option{color:var(--color-text-primary);background:var(--color-surface)}.primary-btn,.secondary-btn{margin-top:.7rem;border-radius:999px;padding:.6rem .95rem;border:1px solid transparent;cursor:pointer;text-align:center}.primary-btn{background:var(--color-primary);color:var(--color-bg);font-weight:var(--font-weight-bold)}.secondary-btn{background:transparent;border-color:var(--color-border);color:var(--text-primary)}.primary-btn:disabled,.secondary-btn:disabled{cursor:not-allowed;opacity:.65}.ui-button{margin-top:.7rem;border-radius:999px;padding:0 .95rem;border:1px solid transparent;cursor:pointer;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;transition:.18s ease;line-height:1}.ui-button-full{width:100%}.ui-button-md{font-size:var(--font-size-body);height:var(--size-button-md-height)}.ui-button-sm{font-size:var(--font-size-small);height:var(--size-button-sm-height);padding-inline:.72rem}.ui-button-lg{font-size:var(--font-size-body);height:var(--size-button-lg-height);padding-inline:1.1rem}.ui-icon{display:inline-block;flex:0 0 auto;width:var(--size-icon-md);height:var(--size-icon-md)}.ui-icon-sm{width:var(--size-icon-sm);height:var(--size-icon-sm)}.ui-icon-md{width:var(--size-icon-md);height:var(--size-icon-md)}.ui-icon-lg{width:var(--size-icon-lg);height:var(--size-icon-lg)}.ui-button-primary{background:var(--color-primary);color:var(--color-bg);font-weight:var(--font-weight-bold)}.ui-button-primary:hover{background:color-mix(in srgb,var(--color-primary) 84%,#fff 16%)}.ui-button-secondary{background:var(--color-secondary);color:var(--color-white);font-weight:var(--font-weight-bold)}.ui-button-secondary:hover{background:color-mix(in srgb,var(--color-secondary) 84%,#fff 16%)}.ui-button-ghost{background:transparent;border-color:var(--color-border);color:var(--color-text-primary)}.ui-button-ghost:hover{border-color:var(--color-border);background:var(--color-card-hover)}.ui-button:disabled{cursor:not-allowed;opacity:.65;background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-secondary)}.ui-date-picker{position:relative}.ui-date-picker-input{padding-right:2.4rem}.ui-date-picker-trigger{position:absolute;right:.64rem;top:50%;transform:translateY(-50%);border:none;background:transparent;color:var(--color-text-primary);opacity:.92;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}.ui-date-picker-trigger:hover{opacity:1}.ui-date-picker-trigger:disabled{cursor:not-allowed;opacity:.56}.ui-date-picker-popover{position:absolute;z-index:50;top:calc(100% + .38rem);left:0;border-radius:12px;border:1px solid var(--color-border);background:var(--color-surface);box-shadow:0 16px 34px rgba(0,0,0,.26);padding:.55rem}.ui-day-picker.rdp-root{--rdp-accent-color:var(--color-primary);--rdp-accent-background-color:rgba(126,214,209,.2);--rdp-day_button-border-radius:8px;--rdp-day_button-border:1px solid transparent;--rdp-day_button-height:32px;--rdp-day_button-width:32px;--rdp-day-height:36px;--rdp-day-width:36px;--rdp-nav-height:2rem;--rdp-dropdown-gap:0.35rem;--rdp-months-gap:0.5rem;color:var(--color-text-primary);font-size:var(--font-size-small)}.ui-day-picker,.ui-day-picker *{box-sizing:border-box}.ui-day-picker .rdp-months{display:block;background:transparent}.ui-day-picker .rdp-month,.ui-day-picker .rdp-month_grid,.ui-day-picker .rdp-week,.ui-day-picker .rdp-weekdays,.ui-day-picker .rdp-weeks{background:transparent}.ui-day-picker .rdp-month_caption{display:flex;align-items:center;gap:.35rem;height:auto;margin-bottom:.45rem}.ui-day-picker .rdp-dropdowns{display:inline-flex;align-items:center;gap:.35rem}.ui-day-picker .rdp-dropdown_root{display:inline-flex;align-items:center;background:transparent}.ui-day-picker .rdp-caption_label{display:none}.ui-day-picker .rdp-dropdown,.ui-day-picker .rdp-months_dropdown,.ui-day-picker .rdp-years_dropdown{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-soft);color:var(--color-text-primary);min-height:30px;padding:.2rem 1.55rem .2rem .5rem;cursor:pointer}.ui-day-picker .rdp-dropdown option,.ui-day-picker .rdp-months_dropdown option,.ui-day-picker .rdp-years_dropdown option{color:var(--color-text-primary);background:var(--color-surface)}.ui-day-picker .rdp-nav{display:inline-flex;align-items:center;gap:.24rem}.ui-day-picker .rdp-button_next,.ui-day-picker .rdp-button_previous{border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-soft);color:var(--color-text-primary);width:30px;height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.ui-day-picker .rdp-button_next:hover,.ui-day-picker .rdp-button_previous:hover{border-color:var(--color-border);background:var(--color-card-hover)}.ui-day-picker .rdp-chevron{fill:currentColor}.ui-day-picker .rdp-weekday{color:var(--color-text-secondary);font-size:var(--font-size-small)}.ui-day-picker .rdp-day,.ui-day-picker .rdp-day_button{color:var(--color-text-primary)}.ui-day-picker .rdp-day_button{border:1px solid transparent;border-radius:8px;background:transparent;width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.ui-day-picker .rdp-day_button:hover{background:var(--color-card-hover)}.ui-day-picker .rdp-selected .rdp-day_button{background:var(--color-primary);color:var(--color-bg);font-weight:var(--font-weight-bold)}.ui-day-picker .rdp-today .rdp-day_button{border:1px solid var(--color-primary)}.ui-day-picker .rdp-outside{color:var(--color-text-muted)}.ui-day-picker .rdp-disabled .rdp-day_button{opacity:.35;cursor:not-allowed}.ui-autocomplete,.ui-autocomplete-control{position:relative}.ui-autocomplete-control input{padding-right:2rem}.ui-autocomplete-icon{position:absolute;top:50%;right:.65rem;transform:translateY(-50%);color:var(--color-text-secondary);pointer-events:none}.ui-autocomplete-list{position:absolute;z-index:30;top:calc(100% + .35rem);left:0;right:0;margin:0;padding:.35rem;list-style:none;border-radius:10px;border:1px solid var(--color-border);background:var(--color-surface);box-shadow:0 15px 34px rgba(0,0,0,.27)}.ui-autocomplete-empty{color:var(--color-text-secondary);font-size:var(--font-size-small);padding:.42rem .52rem}.ui-autocomplete-option{width:100%;border:none;background:transparent;color:var(--color-text-primary);padding:.45rem .52rem;border-radius:8px;text-align:left;cursor:pointer}.ui-autocomplete-option.active,.ui-autocomplete-option:hover{background:var(--color-card-hover)}.auth-btn-link{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.auth-message,.ui-form-message{margin:.4rem 0 0;font-size:var(--font-size-small);color:var(--color-pink)}.ui-form-message-error{color:var(--color-pink)}.ui-form-message-info{color:var(--color-info)}.ui-form-message-success{color:var(--color-primary)}.ui-snackbar{position:fixed;right:1rem;bottom:1rem;z-index:60;width:min(92vw,380px);display:flex;align-items:center;justify-content:space-between;gap:.7rem;background:var(--color-surface);border:1px solid var(--color-border);border-left-width:4px;border-radius:12px;padding:.65rem .75rem;box-shadow:0 12px 24px rgba(0,0,0,.22)}.ui-snackbar-inline{position:relative;right:auto;bottom:auto;width:100%}.ui-snackbar-info{border-left-color:var(--color-info)}.ui-snackbar-success{border-left-color:var(--color-primary)}.ui-snackbar-warning{border-left-color:var(--color-accent)}.ui-snackbar-error{border-left-color:var(--color-pink)}.ui-snackbar-message{margin:0;color:var(--color-text-primary);font-size:var(--font-size-body)}.ui-snackbar-close{border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;font-weight:var(--font-weight-bold);padding:.18rem .28rem;border-radius:6px}.ui-snackbar-close:hover{color:var(--color-text-primary);background:var(--color-surface-soft)}.auth-inline-link{display:inline-block;margin-top:.95rem;color:var(--color-info)}.ui-example-page{min-height:100vh;padding:6.5rem 1.2rem 2rem;max-width:1180px;margin:0 auto}.ui-example-page h1{margin:0;font-size:var(--font-size-h1)}.ui-example-page>p{margin:.5rem 0 1.4rem;color:var(--text-muted)}.ui-example-grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.ui-example-card{border:1px solid var(--color-border);border-radius:14px;background:rgba(17,43,77,.62);padding:.9rem}.ui-example-card h2{margin:0 0 .8rem;font-size:var(--font-size-h2)}.ui-example-row{display:flex;gap:.55rem;flex-wrap:wrap}.ui-example-snackbars{margin-top:.85rem;display:flex;flex-direction:column;gap:.65rem}.ui-example-stack{display:flex;flex-direction:column;gap:.35rem}.ui-example-icon-row{align-items:center}.ui-example-icon-row .ui-icon{color:var(--color-text-secondary)}.ui-example-skeletons{margin-top:.8rem;margin-bottom:.8rem;display:flex;flex-direction:column;gap:.4rem}.ui-example-card-description{margin:-.25rem 0 .65rem;color:var(--color-text-secondary)}.ui-example-inline-control{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-text-primary)}.ui-example-bare{border:1px solid var(--color-border);border-radius:10px;background:rgba(17,43,77,.64);color:var(--color-text-primary);min-height:34px;padding:.35rem .72rem}.ui-example-bare:hover{border-color:hsla(0,0%,100%,.35)}.ui-example-avatar-row{margin-top:.65rem}.ui-example-avatar-item{display:inline-flex;flex-direction:column;align-items:center;gap:.3rem}.ui-example-avatar-item small{color:var(--color-text-secondary);font-size:var(--font-size-small);text-align:center}.ui-example-note{margin:0 0 .65rem;color:var(--color-text-secondary)}.ui-example-shell-preview{border:1px solid var(--color-border);border-radius:14px;overflow:auto;max-height:620px;background:rgba(10,35,62,.4)}.ui-example-shell-preview .app-shell{min-width:920px}.ui-badge{display:inline-flex;align-items:center;border-radius:999px;padding:.2rem .52rem;font-size:var(--font-size-small);border:1px solid transparent}.ui-badge-neutral{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-secondary)}.ui-badge-info{background:color-mix(in srgb,var(--color-info) 18%,transparent);border-color:color-mix(in srgb,var(--color-info) 42%,transparent);color:var(--color-text-primary)}.ui-badge-accent{background:color-mix(in srgb,var(--color-accent) 18%,transparent);border-color:color-mix(in srgb,var(--color-accent) 42%,transparent);color:var(--color-text-primary)}.ui-badge-danger{background:color-mix(in srgb,var(--color-pink) 18%,transparent);border-color:color-mix(in srgb,var(--color-pink) 42%,transparent);color:var(--color-text-primary)}.ui-badge-success{background:color-mix(in srgb,var(--color-primary) 18%,transparent);border-color:color-mix(in srgb,var(--color-primary) 42%,transparent);color:var(--color-text-primary)}.ui-dropdown{position:relative}.ui-dropdown-trigger{border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface-soft);color:var(--color-text-primary);min-height:34px;padding:.35rem .55rem;cursor:pointer;display:inline-flex;align-items:center;gap:.32rem}.ui-dropdown-caret{transition:transform .2s ease}.ui-dropdown-caret.open{transform:rotate(180deg)}.ui-dropdown-menu{position:absolute;top:calc(100% + .3rem);right:0;min-width:172px;max-height:var(--ui-dropdown-menu-max-height);overflow-y:auto;overflow-x:hidden;border-radius:10px;border:1px solid var(--color-border);background:var(--color-surface);box-shadow:0 14px 30px rgba(0,0,0,.24);padding:.3rem;z-index:30;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--color-primary) 58%,transparent) color-mix(in srgb,var(--color-surface-strong) 42%,transparent)}.ui-dropdown-menu::-webkit-scrollbar{width:7px}.ui-dropdown-menu::-webkit-scrollbar-track{background:color-mix(in srgb,var(--color-surface-strong) 42%,transparent);border-radius:8px}.ui-dropdown-menu::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-primary) 58%,transparent);border-radius:8px}.ui-dropdown-item{width:100%;border:none;background:transparent;color:var(--color-text-primary);border-radius:8px;padding:.44rem .53rem;display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;text-align:left}.ui-dropdown-group{width:100%}.ui-dropdown-group-trigger{width:100%;border:none;background:transparent;color:var(--color-text-secondary);border-radius:8px;padding:.44rem .53rem;display:flex;align-items:center;justify-content:space-between;gap:.4rem;cursor:pointer;text-align:left}.ui-dropdown-group-label-wrap{display:inline-flex;align-items:center;gap:.4rem}.ui-dropdown-group-caret{transition:transform .2s ease}.ui-dropdown-group-caret.open{transform:rotate(180deg)}.ui-dropdown-group-trigger:hover{background:var(--color-card-hover)}.ui-dropdown-group-items{display:flex;flex-direction:column;gap:.12rem;margin:.12rem 0}.ui-dropdown-group-item{padding-left:1.75rem}.ui-dropdown-label{width:100%;color:var(--color-text-secondary);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);padding:.38rem .53rem .18rem;opacity:.92}.ui-dropdown-item:hover{background:var(--color-card-hover)}.ui-dropdown-item.danger{color:var(--color-pink)}.ui-split-dropdown{position:relative;display:inline-flex;align-items:stretch;border-radius:999px;overflow:visible;border:1px solid var(--color-border)}.ui-split-dropdown .ui-button{margin-top:0;border-radius:999px 0 0 999px;border:none}.ui-split-dropdown-trigger{display:inline-flex;align-items:center;justify-content:center;min-width:34px;padding:0 .52rem;border:none;color:var(--color-text-primary);background:var(--color-surface-soft);border-left:1px solid var(--color-border);border-radius:0 999px 999px 0}.ui-split-dropdown-primary .ui-split-dropdown-trigger{background:var(--color-primary);color:var(--color-bg)}.ui-split-dropdown-primary .ui-split-dropdown-trigger:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary) 84%,#fff 16%)}.ui-split-dropdown-secondary .ui-split-dropdown-trigger{background:var(--color-secondary);color:var(--color-white)}.ui-split-dropdown-secondary .ui-split-dropdown-trigger:hover:not(:disabled){background:color-mix(in srgb,var(--color-secondary) 84%,#fff 16%)}.ui-split-dropdown-ghost .ui-split-dropdown-trigger{background:transparent;color:var(--color-text-primary)}.ui-split-dropdown-ghost .ui-split-dropdown-trigger:hover:not(:disabled){background:var(--color-card-hover)}.ui-split-dropdown.is-disabled .ui-split-dropdown-trigger{background:var(--color-surface);border-left-color:var(--color-border);color:var(--color-text-secondary)}.ui-split-dropdown-trigger:disabled{opacity:.55;cursor:not-allowed}.ui-split-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:50;min-width:188px;padding:.35rem;border-radius:10px;border:1px solid var(--color-border);background:var(--color-surface);display:flex;flex-direction:column;gap:.2rem}.ui-split-dropdown-item{border:none;background:transparent;color:var(--color-text-primary);border-radius:8px;padding:.4rem .5rem;display:inline-flex;align-items:center;gap:.38rem;text-align:left}.ui-split-dropdown-item:hover:not(:disabled){background:var(--color-card-hover)}.ui-split-dropdown-item.danger{color:var(--color-pink)}.ui-carousel{display:flex;flex-direction:column;gap:.9rem;perspective:1200px}.ui-carousel-cards{position:relative;display:grid;grid-template-columns:minmax(180px,1fr) minmax(420px,1.8fr) minmax(180px,1fr);align-items:center;grid-gap:1.1rem;gap:1.1rem;min-height:336px}.ui-carousel-card{border:1px solid hsla(0,0%,50%,.34);border-radius:12px;background:rgba(9,31,54,.68);padding:.8rem;transition:transform .42s ease,opacity .42s ease,border-color .42s ease}.ui-carousel-card-center{z-index:3;transform:translateZ(0) scale(1);border-color:rgba(126,214,209,.55);box-shadow:0 14px 28px rgba(3,9,18,.35)}.ui-carousel-card-side{border:1px solid hsla(0,0%,50%,.28);display:flex;flex-direction:column;justify-content:center;gap:.35rem;min-height:224px;color:var(--color-text-primary);cursor:pointer}.ui-carousel-card-side:hover{border-color:rgba(126,214,209,.68)}.ui-carousel-card-left{z-index:1;transform:translateX(14px) rotateY(14deg) scale(.92);opacity:.84}.ui-carousel-card-right{opacity:.84}.ui-carousel-card-add,.ui-carousel-card-right{z-index:1;transform:translateX(-14px) rotateY(-14deg) scale(.92)}.ui-carousel-card-add{opacity:.9;align-items:center}.ui-carousel-card-add span{font-size:var(--font-size-small);color:var(--text-muted)}.ui-carousel-card-arrow{display:inline-flex;align-items:center;color:var(--text-muted)}.ui-carousel-card-placeholder{min-height:224px}.ui-carousel.is-animating .ui-carousel-card-center{animation:ui-carousel-center-in .42s ease both}.ui-carousel.is-animating.dir-next .ui-carousel-card-left,.ui-carousel.is-animating.dir-next .ui-carousel-card-right{animation:ui-carousel-side-next .42s ease both}.ui-carousel.is-animating.dir-prev .ui-carousel-card-left,.ui-carousel.is-animating.dir-prev .ui-carousel-card-right{animation:ui-carousel-side-prev .42s ease both}@keyframes ui-carousel-center-in{0%{transform:scale(.96);opacity:.75}to{transform:scale(1);opacity:1}}@keyframes ui-carousel-side-next{0%{transform:translateX(32px) scale(.88);opacity:.65}to{opacity:.84}}@keyframes ui-carousel-side-prev{0%{transform:translateX(-32px) scale(.88);opacity:.65}to{opacity:.84}}.ui-carousel-dots{display:inline-flex;justify-content:center;align-items:center;gap:.36rem}.ui-carousel-dot{width:8px;height:8px;border-radius:999px;border:none;background:rgba(201,219,238,.32);cursor:pointer}.ui-carousel-dot.active{background:var(--color-primary)}.ui-tabs{margin-top:.85rem}.ui-tabs-list{display:flex;gap:.35rem;border-bottom:1px solid var(--color-border);padding-bottom:.35rem}.ui-tab{border:none;background:transparent;color:var(--color-text-secondary);border-radius:8px;padding:.35rem .52rem;cursor:pointer}.ui-tab.active{color:var(--color-bg);background:var(--color-primary);font-weight:var(--font-weight-bold)}.ui-tabs-panel{padding-top:.62rem;color:var(--color-text-secondary)}.ui-modal-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;overscroll-behavior:contain}.ui-modal-backdrop-close{position:absolute;inset:0;border:none;background:rgba(0,0,0,.45)}.ui-modal{width:min(92vw,460px);border-radius:12px;border:1px solid var(--color-border);background:var(--color-surface);position:relative;z-index:1}.ui-modal-header{display:flex;align-items:center;justify-content:space-between;padding:.72rem .8rem;border-bottom:1px solid var(--color-border)}.ui-modal-header h3{margin:0;font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold)}.ui-modal-close{border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-soft);color:var(--color-text-primary);width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.ui-modal-close:hover{background:var(--color-card-hover)}.ui-modal-close-placeholder{width:28px;height:28px;display:inline-block}.ui-modal-content{padding:.8rem;color:var(--color-text-secondary)}.ui-modal-footer{padding:.75rem .8rem .85rem;border-top:1px solid var(--color-border)}.ui-modal-footer-actions{display:flex;justify-content:flex-end;align-items:center;gap:.8rem}.ui-empty-state{margin-top:.9rem;border:1px dashed var(--color-border);border-radius:12px;background:var(--color-surface-soft);padding:.82rem;text-align:center}.ui-empty-illustration{margin-bottom:.5rem;display:grid;place-items:center}.ui-empty-dot{width:44px;height:44px;border-radius:999px;background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--color-primary) 42%,#fff 58%) 0,color-mix(in srgb,var(--color-primary) 64%,var(--color-info) 36%) 42%,color-mix(in srgb,var(--color-primary) 28%,var(--color-surface-strong) 72%) 100%);display:inline-block}.ui-empty-state h3{margin:0;font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold)}.ui-empty-state p{margin:.45rem 0 0;color:var(--color-text-secondary);font-size:var(--font-size-body)}.ui-empty-action{margin-top:.72rem;display:flex;justify-content:center}.ui-data-table-wrap{overflow-x:auto}.ui-data-table{width:100%;border-collapse:collapse;border:1px solid var(--color-border);border-radius:10px;overflow:hidden}.ui-data-table thead th{background:var(--color-surface-soft);color:var(--color-text-primary);text-align:left;padding:.54rem;font-size:var(--font-size-small)}.ui-data-table tbody td{border-top:1px solid var(--color-border);padding:.54rem;color:var(--color-text-secondary);font-size:var(--font-size-body)}.ui-pagination{margin-top:.85rem;display:flex;align-items:center;gap:.45rem}.ui-pagination-pages{display:inline-flex;align-items:center;gap:.3rem}.ui-page-chip{min-width:28px;height:28px;border-radius:999px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-primary);cursor:pointer}.ui-page-chip.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-bg);font-weight:var(--font-weight-bold)}.ui-skeleton{display:inline-block;background:linear-gradient(90deg,rgba(31,58,89,.95) 20%,rgba(47,79,114,.95) 50%,rgba(31,58,89,.95) 80%);background-size:200% 100%;animation:ui-skeleton-shimmer 1.2s ease infinite}.ui-skeleton.rounded{border-radius:999px}@keyframes ui-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ui-page-loading{display:grid;place-items:center;padding:2rem 1rem;color:var(--color-text-primary)}.ui-page-loading p{margin:0;font-size:20px;font-weight:var(--font-weight-semibold);line-height:1.2}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ui-ghost-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:transparent;color:inherit;margin:0;padding:0;font:inherit;line-height:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-radius:10px;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.ui-ghost-button:hover{background:color-mix(in srgb,var(--color-surface) 24%,transparent)}.ui-ghost-button:focus-visible{outline:2px solid color-mix(in srgb,var(--color-primary) 72%,#fff);outline-offset:1px}.ui-ghost-button:disabled{opacity:.55;cursor:not-allowed}.ui-icon-button{border:1px solid hsla(0,0%,50%,.45);background:rgba(17,43,77,.88);color:var(--color-text-primary);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:border-color .16s ease,color .16s ease,transform .16s ease}.ui-icon-button:hover{border-color:rgba(244,247,251,.7);transform:translateY(-1px)}.ui-icon-button.active{border-color:rgba(126,214,209,.76);color:var(--color-primary)}.ui-icon-button-sm{width:32px;height:32px}.ui-icon-button-md{width:38px;height:38px}.ui-icon-button-lg{width:42px;height:42px}.app-shell{height:100vh;display:block;position:relative;color:var(--text-primary);background-position:50%;background-size:cover;background-repeat:no-repeat;overflow:hidden}.app-shell-overlay{position:absolute;inset:0;background:transparent;pointer-events:none}.app-shell-sidebar{position:fixed;left:0;top:0;width:var(--app-sidebar-collapsed-width);height:100vh;z-index:24;border-right:1px solid var(--color-border);background:var(--color-surface);box-shadow:0 0 0 0 rgba(4,14,28,.14),0 20px 28px rgba(2,8,16,.18);display:flex;flex-direction:column;align-items:stretch;gap:.95rem;padding:.75rem var(--app-sidebar-horizontal-padding);overflow:hidden;transition:width .2s ease}.app-shell-sidebar:focus-within,.app-shell-sidebar:hover{width:var(--app-sidebar-expanded-width)}.app-shell-sidebar-logo{width:var(--app-sidebar-expanded-width);margin-inline:0;min-height:calc(var(--app-sidebar-logo-size) + (var(--app-sidebar-logo-safe-x) * 2));display:flex;align-items:center;justify-content:flex-start;gap:.72rem;padding:var(--app-sidebar-item-inset);position:static;overflow:visible;border-radius:8px;align-self:flex-start;text-decoration:none}.app-shell-sidebar-logo-main{width:36px;min-width:36px;max-width:36px;height:auto;display:block}.app-shell-sidebar-logo-label{opacity:0;max-width:0;overflow:hidden;white-space:nowrap;font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);transform:translateX(-6px);transition:opacity .16s ease,max-width .16s ease,transform .16s ease}.app-shell-sidebar:focus-within .app-shell-sidebar-logo-label,.app-shell-sidebar:hover .app-shell-sidebar-logo-label{opacity:1;max-width:160px;transform:translateX(0)}.app-shell-sidebar-nav-rail{width:var(--app-sidebar-collapsed-width);flex:1 1;overflow:hidden;transition:width .2s ease}.app-shell-sidebar:focus-within .app-shell-sidebar-nav-rail,.app-shell-sidebar:hover .app-shell-sidebar-nav-rail{width:var(--app-sidebar-expanded-width)}.app-shell-sidebar-nav{margin-top:0;width:var(--app-sidebar-expanded-width);flex:1 1;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:.46rem}.app-shell-nav-item{width:calc(100% - (var(--app-sidebar-item-margin) * 2));margin-inline:var(--app-sidebar-item-margin);min-height:50px;border-radius:10px;border:1px solid transparent;color:var(--color-text-primary);text-decoration:none;display:flex;align-items:center;gap:.75rem;padding:var(--app-sidebar-item-inset);transition:background .16s ease,border-color .16s ease,color .16s ease;background:transparent}.app-shell-sidebar:not(:hover):not(:focus-within) .app-shell-sidebar-nav{align-items:stretch}.app-shell-sidebar:not(:hover):not(:focus-within) .app-shell-nav-item{width:calc(var(--app-sidebar-collapsed-width) - (var(--app-sidebar-item-margin) * 2));justify-content:flex-start;gap:0}.app-shell-nav-item-icon{width:var(--app-sidebar-icon-box-size);min-width:var(--app-sidebar-icon-box-size);height:var(--app-sidebar-icon-box-size);display:inline-flex;align-items:center;justify-content:center}.app-shell-nav-item-icon .ui-icon{width:28px;height:28px}.app-shell-nav-item-label{opacity:0;max-width:0;overflow:hidden;white-space:nowrap;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);transform:translateX(-6px);transition:opacity .16s ease,max-width .16s ease,transform .16s ease}.app-shell-sidebar:focus-within .app-shell-nav-item-label,.app-shell-sidebar:hover .app-shell-nav-item-label{opacity:1;max-width:180px;transform:translateX(0)}.app-shell-nav-item:not(.active):hover{border-color:rgba(244,247,251,.36);background:rgba(244,247,251,.07);color:var(--color-text-primary)}.app-shell-nav-item.active,.app-shell-nav-item.active:hover{color:var(--color-primary)}.app-shell-nav-dropdown{width:100%}.app-shell-nav-dropdown .ui-dropdown-trigger.app-shell-nav-item{width:calc(100% - (var(--app-sidebar-item-margin) * 2));margin-inline:var(--app-sidebar-item-margin)}.app-shell-sidebar:not(:hover):not(:focus-within) .app-shell-nav-dropdown .ui-dropdown-trigger.app-shell-nav-item{width:calc(var(--app-sidebar-collapsed-width) - (var(--app-sidebar-item-margin) * 2))}.app-shell-nav-dropdown .ui-dropdown-menu{right:var(--app-sidebar-item-margin)}.app-shell-content{z-index:1;padding:0 1.35rem 1.35rem 0;margin-left:var(--app-shell-content-side-margin);margin-right:var(--app-shell-content-side-margin);display:flex;flex-direction:column;gap:1.15rem;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(126,214,209,.62) rgba(17,43,77,.42)}.app-shell-content::-webkit-scrollbar{width:7px;height:7px}.app-shell-content::-webkit-scrollbar-track{background:rgba(17,43,77,.32);border-radius:999px}.app-shell-content::-webkit-scrollbar-thumb{background:rgba(126,214,209,.62);border-radius:999px}.app-shell-content::-webkit-scrollbar-thumb:hover{background:rgba(126,214,209,.82)}.app-shell-right-spacer{display:none}.app-shell-banner-wrap{position:relative}.app-shell-banner{width:100%;min-height:170px;border-radius:14px;border:none;background:transparent;display:block;padding:0;overflow:hidden;position:relative}.app-shell-banner-image{width:100%;height:auto;display:block}.app-shell-banner.clickable{cursor:pointer}.app-shell-banner.active,.app-shell-banner.clickable:hover{box-shadow:inset 0 0 0 1px rgba(126,214,209,.72)}.app-shell-banner:after{content:"";position:absolute;inset:0;background:rgba(3,12,24,.3);opacity:0;pointer-events:none;transition:opacity .16s ease}.app-shell-banner.active:after,.app-shell-banner.clickable:hover:after{opacity:1}.app-shell-banner-menu{position:absolute;top:calc(100% + .45rem);right:0;min-width:208px;border:1px solid hsla(0,0%,50%,.45);border-radius:10px;background:rgba(9,31,54,.95);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:.25rem;z-index:15}.app-shell-banner-menu-item{width:100%;border:none;background:transparent;color:var(--color-text-primary);text-align:left;border-radius:8px;padding:.5rem .56rem;cursor:pointer}.app-shell-banner-menu-item:hover{background:hsla(0,0%,100%,.08)}.app-shell-banner-menu-item.expandable{display:flex;align-items:center;justify-content:space-between}.app-shell-banner-menu-group{display:flex;flex-direction:column;gap:.16rem}.app-shell-banner-submenu{margin:.08rem 0 .2rem .58rem;border-left:1px solid hsla(0,0%,50%,.35);padding-left:.44rem;display:flex;flex-direction:column;gap:.12rem}.app-shell-banner-menu-item.danger{color:#ff9c9c}.banner-crop-modal.ui-modal{width:min(92vw,980px)}.banner-crop-body{display:flex;flex-direction:column;gap:.7rem}.banner-crop-frame{width:100%;aspect-ratio:820/312;border:1px solid hsla(0,0%,50%,.4);border-radius:10px;background:rgba(7,26,46,.85);overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.banner-crop-frame.dragging{cursor:default}.banner-crop-image{position:absolute;left:0;top:0;max-width:none;pointer-events:none}.banner-crop-image-muted{filter:grayscale(.85) brightness(.78)}.banner-crop-mask{position:absolute;top:0;left:0;border:2px solid hsla(0,0%,100%,.92);border-radius:8px;overflow:hidden;touch-action:none;cursor:move;box-shadow:0 0 0 9999px rgba(0,0,0,.28)}.banner-crop-frame.dragging .banner-crop-mask{cursor:-webkit-grabbing;cursor:grabbing}.banner-crop-mask:after{content:"";position:absolute;inset:0;border:1px dashed hsla(0,0%,100%,.65);border-radius:6px;pointer-events:none}.banner-crop-mask .banner-crop-image-active{filter:none}.banner-crop-zoom{display:flex;align-items:center;gap:.75rem;color:var(--color-text-secondary)}.banner-crop-zoom span{min-width:36px;font-size:var(--font-size-small)}.banner-crop-zoom .ui-slider{width:100%}.app-shell-body{flex:1 1;min-height:0;display:grid;grid-template-columns:minmax(var(--app-shell-main-min-width),1fr) minmax(var(--app-shell-assistant-min-width),.42fr);grid-gap:1.1rem;gap:1.1rem}.app-shell-body.merged{grid-template-columns:1fr}.app-shell-assistant-panel,.app-shell-main-panel{border:none;border-radius:14px;background:transparent}.app-shell-main-panel{position:relative;padding:.95rem .95rem .95rem 0}.app-shell-assistant-panel,.app-shell-main-panel{min-height:0;scrollbar-width:thin;scrollbar-color:rgba(126,214,209,.56) rgba(17,43,77,.3)}.app-shell-assistant-panel{display:flex;flex-direction:column;padding:.92rem .8rem}.app-shell-assistant-panel::-webkit-scrollbar,.app-shell-main-panel::-webkit-scrollbar{width:6px;height:6px}.app-shell-assistant-panel::-webkit-scrollbar-track,.app-shell-main-panel::-webkit-scrollbar-track{background:rgba(17,43,77,.28);border-radius:999px}.app-shell-assistant-panel::-webkit-scrollbar-thumb,.app-shell-main-panel::-webkit-scrollbar-thumb{background:rgba(126,214,209,.56);border-radius:999px}.app-shell-assistant-panel::-webkit-scrollbar-thumb:hover,.app-shell-main-panel::-webkit-scrollbar-thumb:hover{background:rgba(126,214,209,.76)}.app-shell.app-shell-expand-content{height:auto;min-height:100vh;overflow:visible;background-attachment:fixed;background-position:50%;background-size:cover;background-repeat:no-repeat}.app-shell.app-shell-expand-content .app-shell-content{overflow:visible}.app-shell.app-shell-expand-content .app-shell-body{flex:0 0 auto;align-items:start}.app-shell.app-shell-expand-content .app-shell-assistant-panel,.app-shell.app-shell-expand-content .app-shell-main-panel{min-height:auto}.app-shell-mobile-assist-trigger,.app-shell-mobile-mask,.app-shell-mobile-nav{display:none}.app-shell:is(.theme-light-mode,.theme-sakura-mode) .app-shell-banner-menu{border-color:rgba(86,112,140,.35);background:hsla(0,0%,100%,.96)}.app-shell:is(.theme-light-mode,.theme-sakura-mode) .app-shell-banner-menu-item:hover{background:rgba(28,110,132,.12)}.app-shell:is(.theme-light-mode,.theme-sakura-mode) .app-shell-nav-item{color:var(--color-text-secondary)}.app-shell:is(.theme-light-mode,.theme-sakura-mode) .app-shell-nav-item:hover{border-color:rgba(86,112,140,.4);background:rgba(86,112,140,.12);color:var(--color-text-primary)}.app-shell:is(.theme-light-mode,.theme-sakura-mode) .app-shell-assistant-panel,.app-shell:is(.theme-light-mode,.theme-sakura-mode) .app-shell-content,.app-shell:is(.theme-light-mode,.theme-sakura-mode) .app-shell-main-panel{scrollbar-color:rgba(28,110,132,.52) rgba(212,225,239,.58)}.app-shell:is(.theme-light-mode,.theme-sakura-mode) .app-shell-assistant-panel::-webkit-scrollbar-track,.app-shell:is(.theme-light-mode,.theme-sakura-mode) .app-shell-content::-webkit-scrollbar-track,.app-shell:is(.theme-light-mode,.theme-sakura-mode) .app-shell-main-panel::-webkit-scrollbar-track{background:rgba(212,225,239,.56)}.app-shell:is(.theme-light-mode,.theme-sakura-mode) .app-shell-assistant-panel::-webkit-scrollbar-thumb,.app-shell:is(.theme-light-mode,.theme-sakura-mode) .app-shell-content::-webkit-scrollbar-thumb,.app-shell:is(.theme-light-mode,.theme-sakura-mode) .app-shell-main-panel::-webkit-scrollbar-thumb{background:rgba(28,110,132,.52)}.app-shell:is(.theme-light-mode,.theme-sakura-mode) .app-shell-assistant-panel::-webkit-scrollbar-thumb:hover,.app-shell:is(.theme-light-mode,.theme-sakura-mode) .app-shell-content::-webkit-scrollbar-thumb:hover,.app-shell:is(.theme-light-mode,.theme-sakura-mode) .app-shell-main-panel::-webkit-scrollbar-thumb:hover{background:rgba(28,110,132,.74)}.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-input,.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-select,.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-textarea{border-color:rgba(86,112,140,.45);background:hsla(0,0%,100%,.92);color:var(--color-text-primary)}.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-input:focus,.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-select:focus,.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-textarea:focus{outline-color:rgba(26,104,184,.28);border-color:var(--color-info);box-shadow:0 0 0 2px rgba(26,104,184,.14)}.app-shell:is(.theme-light-mode,.theme-sakura-mode) input[type=date]::-webkit-calendar-picker-indicator{filter:none;opacity:.82}.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-day-picker .rdp-dropdown option,.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-day-picker .rdp-months_dropdown option,.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-day-picker .rdp-years_dropdown option,.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-select option{color:var(--color-text-primary);background:#fff}.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-button-primary{color:var(--color-white)}.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-button-primary:hover{background:#195e73}.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-button-secondary:hover{background:#5d4fc2}.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-button-ghost:hover{border-color:rgba(86,112,140,.45);background:rgba(28,110,132,.08)}.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-autocomplete-list,.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-badge-neutral,.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-data-table thead th,.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-date-picker-popover,.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-day-picker .rdp-button_next,.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-day-picker .rdp-button_previous,.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-day-picker .rdp-dropdown,.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-day-picker .rdp-months_dropdown,.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-day-picker .rdp-years_dropdown,.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-dropdown-menu,.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-modal,.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-snackbar,.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-split-dropdown-menu,.ui-modal.theme-light-mode,.ui-modal.theme-sakura-mode{border-color:rgba(86,112,140,.35);background:hsla(0,0%,100%,.96)}.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-data-table thead th,.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-modal-content,.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-snackbar-message,.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-tabs-panel,.ui-modal.theme-light-mode .ui-modal-content,.ui-modal.theme-sakura-mode .ui-modal-content{color:var(--color-text-primary)}.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-autocomplete-option.active,.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-autocomplete-option:hover,.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-day-picker .rdp-button_next:hover,.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-day-picker .rdp-button_previous:hover,.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-day-picker .rdp-day_button:hover,.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-dropdown-item:hover,.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-split-dropdown-item:hover:not(:disabled){background:rgba(28,110,132,.14)}.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-day-picker .rdp-outside{color:rgba(66,91,118,.6)}.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-dropdown-trigger,.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-icon-button,.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-modal-close,.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-page-chip,.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-split-dropdown,.ui-modal.theme-light-mode .ui-modal-close,.ui-modal.theme-sakura-mode .ui-modal-close{border-color:rgba(86,112,140,.45);background:hsla(0,0%,100%,.9);color:var(--color-text-primary)}.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-icon-button:hover{border-color:rgba(28,110,132,.62)}.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-icon-button.active{border-color:rgba(28,110,132,.78);color:var(--color-primary)}.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-split-dropdown-trigger{border-left-color:rgba(86,112,140,.45);background:rgba(243,248,254,.95);color:var(--color-text-primary)}.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-split-dropdown-ghost .ui-split-dropdown-trigger:hover:not(:disabled){background:rgba(28,110,132,.08)}.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-empty-state{border-color:rgba(86,112,140,.45);background:hsla(0,0%,100%,.72)}.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-empty-dot{background:radial-gradient(circle at 30% 30%,#dbeeff 0,#8db3d8 45%,#4f7396 100%)}.app-shell:is(.theme-light-mode,.theme-sakura-mode) .ui-skeleton{background:linear-gradient(90deg,rgba(212,225,239,.9) 20%,rgba(233,241,248,.95) 50%,rgba(212,225,239,.9) 80%)}.ui-avatar{border-radius:999px;display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:1px solid rgba(244,247,251,.34);background:linear-gradient(150deg,rgba(126,214,209,.24),rgba(53,95,136,.36));color:var(--color-text-primary)}.ui-avatar-sm{width:64px;height:64px}.ui-avatar-lg{width:156px;height:156px}.ui-avatar-media{border-radius:999px;object-fit:cover;position:relative;z-index:1}.ui-avatar-lg .ui-avatar-media,.ui-avatar-media{width:100%;height:100%}.ui-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;background:rgba(31,61,92,.9);color:rgba(244,247,251,.92)}.ui-avatar-icon{width:84px;height:84px}.ui-avatar-sm .ui-avatar-icon{width:32px;height:32px}.editable-media-hint{position:absolute;right:8px;bottom:8px;width:24px;height:24px;border-radius:999px;border:1px solid hsla(0,0%,100%,.82);background:rgba(9,31,54,.82);color:rgba(244,247,251,.95);display:inline-flex;align-items:center;justify-content:center;pointer-events:none;opacity:.72;transform:scale(1);transition:opacity .16s ease,transform .16s ease,border-color .16s ease,color .16s ease,background .16s ease}.app-shell-banner-edit-hint{right:12px;bottom:12px}.app-shell-banner.active .editable-media-hint,.app-shell-banner.clickable:hover .editable-media-hint{opacity:1;transform:scale(1.06);border-color:rgba(126,214,209,.95);color:rgba(126,214,209,.98);background:rgba(6,23,40,.9)}.editable-avatar-mask{inset:0;background:rgba(4,16,30,.38);transition:opacity .16s ease;z-index:2}.editable-avatar-hint,.editable-avatar-mask{position:absolute;border-radius:999px;opacity:0;pointer-events:none}.editable-avatar-hint{left:50%;top:50%;transform:translate(-50%,-50%) scale(.96);width:38px;height:38px;border:1px solid hsla(0,0%,100%,.88);background:rgba(6,23,40,.84);color:rgba(244,247,251,.96);display:inline-flex;align-items:center;justify-content:center;z-index:3;transition:opacity .16s ease,transform .16s ease,border-color .16s ease,color .16s ease}@media (max-width:1024px){.app-shell{--app-shell-mobile-assistant-width:min(76vw,340px);display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.app-shell,.app-shell.app-shell-expand-content{height:100dvh;min-height:100dvh;overflow:hidden}.app-shell.app-shell-expand-content{background-attachment:scroll}.app-shell-right-spacer,.app-shell-sidebar{display:none}.app-shell-content{grid-row:1;padding:.9rem .8rem;margin-right:0;margin-left:0;min-height:0;overflow-y:auto}.app-shell.app-shell-expand-content .app-shell-content{overflow-y:auto}.app-shell-body{display:block}.app-shell.app-shell-expand-content .app-shell-body{flex:1 1;min-height:0}.app-shell-main-panel{min-height:0;padding:.78rem}.app-shell-mobile-assist-trigger{display:inline-flex;position:absolute;top:.7rem;right:.72rem}.app-shell-assistant-panel{position:fixed;top:0;right:0;width:var(--app-shell-mobile-assistant-width);height:100vh;border-radius:0;border-right:none;z-index:40;transform:translateX(100%);transition:transform .2s ease;background-color:var(--color-surface);background-image:var(--app-shell-background-image,none);background-position:50%;background-size:cover;background-repeat:no-repeat;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:hidden;padding-top:.82rem;padding-bottom:3.6rem}.app-shell-assistant-panel:before{content:"";position:absolute;inset:0;background:transparent;pointer-events:none;z-index:0}.app-shell-assistant-panel>*{position:relative;z-index:1}.app-shell-assistant-panel.open{transform:translateX(0)}.app-shell-mobile-nav{grid-row:2;position:relative;left:auto;right:auto;bottom:auto;z-index:45;border-top:none;background:var(--color-surface);-webkit-backdrop-filter:none;backdrop-filter:none;display:grid;grid-template-columns:repeat(5,1fr);padding:.26rem .2rem calc(.26rem + env(safe-area-inset-bottom));grid-gap:0;gap:0}.app-shell-mobile-nav .ui-icon-button{width:100%;height:42px;border:none;border-radius:0;background:transparent;margin:0;transform:none}.app-shell-mobile-nav .ui-icon-button .ui-icon{width:30px;height:30px}.app-shell-mobile-nav .ui-icon-button.active,.app-shell-mobile-nav .ui-icon-button:hover{border:none;background:transparent;transform:none}.app-shell-mobile-nav-dropdown{width:100%;display:flex;justify-content:center}.app-shell-mobile-nav-dropdown .ui-dropdown-trigger{width:100%;border:none;border-radius:0;background:transparent;min-height:42px;padding:0;justify-content:center}.app-shell-mobile-nav-dropdown .ui-dropdown-menu{top:auto;bottom:calc(100% + .35rem);right:.28rem;min-width:164px}.app-shell-mobile-mask{display:block;position:fixed;top:0;left:0;right:var(--app-shell-mobile-assistant-width);bottom:0;border:none;margin:0;padding:0;background:rgba(5,13,24,.46);opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:35}.app-shell-mobile-mask.open{opacity:1;pointer-events:auto}}@media (max-width:640px){.ui-carousel-cards{grid-template-columns:minmax(56px,.65fr) minmax(0,1.7fr) minmax(56px,.65fr);gap:.45rem;min-height:286px}.ui-carousel-card{padding:.56rem}.ui-carousel-card-center{min-width:0}.ui-carousel-card-side{min-width:0;min-height:176px;overflow:hidden}.ui-carousel-card-left{transform:translateX(7px) rotateY(26deg) scale(.78)}.ui-carousel-card-right{transform:translateX(-7px) rotateY(-26deg) scale(.78)}.ui-carousel-card-placeholder{min-height:176px}.ui-date-picker-popover{left:auto;right:0}}.site-header{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:1.4rem 1.75rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(180deg,rgba(10,35,62,.92),rgba(10,35,62,0))}.brand{display:inline-flex;align-items:center}.header-logo{height:var(--size-button-sm-height);width:auto}.auth-actions{display:flex;gap:.6rem;align-items:center;position:relative}.auth-loading{color:var(--text-muted);min-width:68px;text-align:right;font-size:var(--font-size-small)}.header-action-button{margin-top:0;min-height:var(--size-button-sm-height);white-space:nowrap}.action-link{border:1px solid var(--stroke);border-radius:999px;padding:.45rem 1rem;font-size:var(--font-size-body);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;background:transparent}.action-button{cursor:pointer}.action-link:hover{border-color:hsla(0,0%,100%,.4)}.avatar-button{width:2.3rem;height:2.3rem;border:1px solid hsla(0,0%,100%,.28);border-radius:999px;background:rgba(126,214,209,.12);color:var(--color-text-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.15s ease}.avatar-button:hover{border-color:hsla(0,0%,100%,.48);background:rgba(126,214,209,.2)}.avatar-menu{position:absolute;right:0;top:calc(100% + .65rem);width:190px;background:rgba(7,26,46,.96);border:1px solid var(--stroke);border-radius:12px;padding:.4rem;display:flex;flex-direction:column;gap:.2rem}.avatar-menu-profile{color:var(--text-muted);font-size:var(--font-size-small);padding:.3rem .6rem .4rem}.avatar-menu-item{border:none;background:transparent;color:var(--text-primary);text-align:left;padding:.5rem .6rem;border-radius:8px;cursor:pointer;width:100%;display:inline-flex;align-items:center;gap:.42rem}.avatar-menu-item.active,.avatar-menu-item:hover{background:hsla(0,0%,100%,.12)}.avatar-menu-item.danger{color:var(--danger)}.language-submenu{border:1px solid hsla(0,0%,100%,.15);border-radius:8px;padding:.2rem}.panel{min-height:100vh;width:100%;scroll-snap-align:start;padding:6.5rem 1.5rem 2rem}.hero-panel{display:grid;place-items:center;text-align:center}.hero-inner{display:flex;flex-direction:column;align-items:center}.hero-inner h1{margin:0;font-size:clamp(var(--font-size-h1),12vw,var(--font-size-banner-title));font-weight:var(--font-weight-bold);letter-spacing:.04em}.hero-inner p{margin:1rem 0 0;color:var(--text-muted);font-size:clamp(var(--font-size-body),4vw,var(--font-size-banner-subtitle));font-weight:var(--font-weight-semibold)}.reasons-panel{display:flex;flex-direction:column;justify-content:space-between}.reasons-layout{max-width:1180px;margin:0 auto;width:100%;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;grid-gap:2rem;gap:2rem}.reasons-copy h2{margin:0 0 1.25rem;font-size:var(--font-size-h2)}.reasons-copy ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:1rem}.reasons-copy li{border-left:3px solid hsla(0,0%,100%,.24);padding-left:.9rem;color:var(--text-muted);line-height:1.7;font-size:var(--font-size-body)}.cta-link{margin-top:1.6rem;display:inline-block;font-weight:var(--font-weight-bold);color:var(--cta);border-bottom:1px solid rgba(76,201,240,.7);padding-bottom:.15rem}.cta-link:hover{color:#7fdbff;border-color:#7fdbff}.illustration-wrap{display:flex;justify-content:flex-end}.illustration-wrap img{width:min(100%,520px);height:auto}.site-footer{text-align:center;padding-top:1.4rem;padding-bottom:.4rem;color:var(--text-muted);font-size:var(--font-size-small)}.contact-link{color:var(--text-primary);text-decoration:underline;text-underline-offset:.16rem}.contact-link:hover{color:#cfeaff}.auth-section{min-height:100vh;display:grid;place-items:center;padding:6.7rem 1rem 2rem}.auth-card{width:min(100%,460px);background:linear-gradient(180deg,rgba(9,31,54,.97),rgba(5,20,36,.96));border:1px solid var(--stroke);border-radius:16px;padding:1.4rem 1.2rem}.auth-card h1{margin:0;font-size:var(--font-size-h1)}.auth-subtitle{margin:.6rem 0 1rem;color:var(--text-muted);font-size:var(--font-size-body)}.auth-card.center{text-align:center}.auth-form{display:flex;flex-direction:column;gap:.55rem}@media (max-width:1024px){.home-auth-shell{--app-shell-mobile-assistant-width:min(75vw,640px)}.home-auth-shell .app-shell-assistant-panel{width:var(--app-shell-mobile-assistant-width)}}@media (max-width:980px){.reasons-layout{grid-template-columns:1fr;gap:1.25rem}.illustration-wrap{justify-content:center;order:2}.reasons-copy{order:1}}@media (max-width:640px){.site-header{padding:1.4rem}.auth-actions{gap:.55rem}.action-link{font-size:var(--font-size-small);padding:.35rem .7rem}.panel{padding-top:5.4rem}.site-footer{font-size:var(--font-size-small)}.avatar-menu{width:172px}}.my-fan-clubs-header{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.my-fan-clubs-header h2{margin:0;font-size:var(--font-size-h3)}.my-fan-clubs-create{position:relative}.my-fan-clubs-create-menu{position:absolute;top:calc(100% + .3rem);right:0;min-width:172px;border-radius:10px;border:1px solid var(--feature-menu-border);background:var(--feature-menu-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:.28rem;z-index:8}.my-fan-clubs-create-item{width:100%;border:none;background:transparent;color:var(--color-text-primary);text-align:left;border-radius:8px;padding:.45rem .53rem;cursor:pointer}.my-fan-clubs-create-item:hover{background:var(--feature-menu-hover-bg)}.my-fan-clubs-list{margin-top:.72rem;display:flex;flex-direction:column;gap:.62rem;overflow-y:auto;min-height:0;padding-right:.18rem;scrollbar-width:none;-ms-overflow-style:none}.my-fan-clubs-list::-webkit-scrollbar{display:none}.my-fan-clubs-item{border:1px solid var(--feature-card-border);border-radius:12px;background:var(--feature-card-bg);padding:.5rem;display:flex;align-items:center;gap:.64rem}.my-fan-clubs-item:hover{border-color:var(--feature-card-hover-border)}.my-fan-clubs-avatar{flex-shrink:0}.my-fan-clubs-meta{min-width:0;display:flex;flex-direction:column;gap:.16rem}.my-fan-clubs-name{color:var(--color-text-primary);font-size:var(--font-size-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.my-fan-clubs-status{color:var(--color-text-secondary);font-size:var(--font-size-small)}.my-fan-clubs-close{display:none}.settings-placeholder-assistant-copy{margin-top:.8rem;color:var(--text-muted)}@media (max-width:1024px){.my-fan-clubs-close{display:inline-flex;position:absolute;top:.72rem;right:.75rem}.my-fan-clubs-header{padding-right:2.6rem}}.fan-club-home-page{width:100%;display:flex;flex-direction:column;gap:.9rem}.fan-club-home-banner-stack{display:flex;flex-direction:column;gap:.85rem}.fan-club-home-header{display:grid;grid-template-columns:auto 1fr;align-items:center;grid-gap:.9rem;gap:.9rem;padding-bottom:.5rem;border-bottom:none}.fan-club-home-header-copy h1{margin:0;font-size:var(--font-size-h2);flex:1 1 auto;min-width:0}.fan-club-home-header-topline{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;row-gap:.45rem;column-gap:.75rem}.fan-club-home-header-subline{margin:.2rem 0 0;color:var(--text-muted);font-size:var(--font-size-small)}.fan-club-home-header-membership{margin-top:0;margin-left:auto;display:flex;justify-content:flex-end;max-width:100%}.fan-club-home-header-actions{margin-top:.45rem;display:flex;align-items:center;justify-content:flex-start}.fan-club-home-posts{display:flex;flex-direction:column;gap:.72rem}.fan-club-status-notice{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;border-radius:18px;border:1px solid var(--color-border-strong);background:color-mix(in srgb,var(--color-surface) 92%,transparent);width:100%}.fan-club-status-notice-error{border-color:color-mix(in srgb,#d96c6c 72%,var(--color-border-strong))}.fan-club-status-notice-warning{border-color:color-mix(in srgb,#c48a00 72%,var(--color-border-strong))}.fan-club-status-notice-copy{display:flex;flex-direction:column;gap:.35rem}.fan-club-status-notice-copy strong{color:var(--color-text-primary);font-size:var(--font-size-body)}.fan-club-status-notice-copy p{margin:0;color:var(--color-text-secondary)}.fan-club-status-notice-actions{display:flex;align-items:center;gap:.75rem}.fan-club-review-form{display:flex;flex-direction:column;gap:1rem}.fan-club-membership-bar{display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:.75rem;gap:.75rem}.fan-club-home-header-membership .fan-club-membership-bar{display:inline-flex;align-items:center;justify-content:flex-end;gap:.65rem}.fan-club-membership-preview{border:none;background:transparent;padding:0;display:inline-flex;align-items:center;justify-self:start;width:-moz-fit-content;width:fit-content}.fan-club-membership-preview-avatar{margin-right:-.25rem;border:2px solid rgba(9,31,54,.9)}.fan-club-membership-preview:disabled{opacity:.6}.fan-club-membership-action{display:inline-flex;justify-content:flex-start}.fan-club-member-avatar-sm.ui-avatar-sm{width:42px;height:42px}.fan-club-member-avatar-sm .ui-avatar-icon{width:22px;height:22px}.fan-club-member-list-modal{width:min(620px,92vw)}.fan-club-member-list-wrap{display:flex;flex-direction:column;gap:.55rem}.fan-club-member-list-visible-toggle{display:inline-flex;align-items:center;gap:.4rem}.fan-club-member-list{max-height:360px;overflow-y:auto;display:flex;flex-direction:column;gap:.44rem;padding-right:.2rem}.fan-club-member-row{border:1px solid var(--feature-card-border);border-radius:10px;background:var(--feature-card-bg);padding:.5rem .55rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:.48rem;gap:.48rem}.fan-club-member-row-copy{min-width:0;display:flex;flex-direction:column;gap:.08rem}.fan-club-member-row-copy strong{font-size:var(--font-size-small);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fan-club-member-row-copy span{font-size:12px;color:var(--text-muted)}.fan-club-member-list-empty,.fan-club-member-list-loading{margin:0;color:var(--text-muted);text-align:center;padding:.4rem .2rem}.fan-club-manage-plan-list,.fan-club-subscription-plan-list{display:flex;flex-direction:column;gap:.55rem}.fan-club-subscription-plan-item{border:1px solid var(--feature-plan-border);border-radius:10px;background:var(--feature-plan-bg);padding:.52rem .56rem;display:grid;grid-template-columns:auto 1fr;align-items:start;grid-gap:.45rem;gap:.45rem}.fan-club-subscription-plan-card{grid-template-columns:1fr;min-height:288px;display:flex;align-items:flex-start}.fan-club-subscription-plan-preview{grid-template-columns:1fr;background:transparent;border:none;padding:.25rem}.fan-club-subscription-plan-preview small{display:none}.fan-club-subscription-plan-preview strong{font-size:var(--font-size-h3)}.fan-club-subscription-plan-preview em{font-size:var(--font-size-body)}.fan-club-manage-subscription-modal.ui-modal,.fan-club-subscription-modal.ui-modal{width:min(80vw,1080px)}.fan-club-manage-subscription-modal .ui-modal-content,.fan-club-subscription-modal .ui-modal-content{min-height:448px}.fan-club-subscription-plan-item span{display:flex;flex-direction:column;gap:.15rem}.fan-club-subscription-plan-item em{font-style:normal;color:var(--text-muted);font-size:var(--font-size-small)}.fan-club-subscription-plan-item small{color:var(--text-muted);white-space:pre-wrap}.fan-club-subscription-current-note{margin:.45rem 0 0;color:var(--color-primary);font-size:var(--font-size-small);text-align:right}.fan-club-manage-plan-item{border:1px solid var(--feature-manage-plan-border);border-radius:10px;background:var(--feature-manage-plan-bg);padding:.72rem;display:flex;flex-direction:column;gap:.62rem;min-height:288px}.fan-club-manage-plan-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.fan-club-manage-plan-header strong{font-size:var(--font-size-h3)}.fan-club-manage-plan-actions{display:inline-flex;align-items:center;gap:.35rem}.fan-club-plan-field{display:flex;flex-direction:column;gap:.35rem}.fan-club-plan-field span{color:var(--color-text-secondary);font-size:var(--font-size-small)}.fan-club-post-card{border:1px solid var(--feature-post-card-border);border-radius:12px;background:var(--feature-post-card-bg);padding:.7rem .75rem;height:430px;display:flex;flex-direction:column;gap:.55rem}.fan-club-post-card-head{display:grid;grid-template-columns:auto 1fr;align-items:center;grid-gap:.62rem;gap:.62rem}.fan-club-post-card-head-copy{min-width:0;display:flex;flex-direction:column;gap:.08rem}.fan-club-post-card-head-copy strong{font-size:var(--font-size-body);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.fan-club-post-card-head-copy span{color:var(--text-muted);font-size:var(--font-size-small)}.fan-club-post-card-content-trigger{width:100%;border:none;background:transparent;color:inherit;text-align:left;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex:1 1;min-height:0;gap:.4rem}.fan-club-post-card-content-trigger:hover h2{text-decoration:underline;-webkit-text-decoration-color:rgba(126,214,209,.7);text-decoration-color:rgba(126,214,209,.7)}.fan-club-post-card-content-trigger h2{margin:0;width:100%;font-size:var(--font-size-h3);text-align:left}.fan-club-post-card-preview{width:100%;max-height:280px;flex:1 1;min-height:0;overflow:hidden;text-align:left}.fan-club-post-card-preview p{margin:0;text-align:left}.fan-club-post-card-more{color:var(--color-primary);font-size:var(--font-size-small)}.fan-club-post-blocks{display:flex;flex-direction:column;align-items:stretch;gap:.56rem;margin-top:.26rem;text-align:left}.fan-club-post-media-block{margin:0;border:1px solid var(--feature-post-media-border);border-radius:10px;background:var(--feature-post-media-bg);overflow:hidden}.fan-club-post-media-block img,.fan-club-post-media-block video{width:100%;height:auto;display:block}.fan-club-post-reactions{display:flex;align-items:center;flex-wrap:wrap;gap:.56rem;border-top:1px solid hsla(0,0%,50%,.24);padding-top:.55rem}.fan-club-post-reaction-item{display:inline-flex;align-items:center;gap:.3rem}.fan-club-post-reaction-count{min-width:1.2rem;font-size:var(--font-size-small);color:var(--text-muted)}.fan-club-post-detail-modal{display:flex;flex-direction:column;gap:.72rem;height:100%;min-height:0;text-align:left}.fan-club-post-detail-scroll,.fan-club-post-detail-scroll h1,.fan-club-post-detail-scroll h2,.fan-club-post-detail-scroll h3,.fan-club-post-detail-scroll p{text-align:left}.fan-club-post-detail-scroll{flex:1 1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:.56rem}.fan-club-post-detail-modal p{margin:0}.fan-club-post-dialog{width:min(100%,820px);height:min(78vh,720px);display:flex;flex-direction:column;overflow:hidden}.fan-club-post-dialog .ui-modal-content{flex:1 1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.fan-club-post-detail-reactions .fan-club-post-reactions{margin:0}.fan-club-post-detail-reactions{margin-top:auto;flex-shrink:0}.fan-club-post-card-skeleton{pointer-events:none}.fan-club-post-card-head-copy-skeleton{gap:.28rem}.fan-club-post-card-content-skeleton{display:flex;flex-direction:column;gap:.38rem}.fan-club-post-reactions-skeleton{justify-content:space-between}.fan-club-home-assistant{min-height:100%;display:grid;place-items:center;text-align:center}.fan-club-home-assistant p{margin:0;color:var(--text-muted)}.settings-gender-row{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);grid-gap:.6rem;gap:.6rem}.settings-save-btn{margin-top:.74rem}.fan-club-application-layout{min-height:520px}.fan-club-application-editor-modal.ui-modal{width:min(92vw,740px)}.fan-club-application-editor-modal .ui-modal-content{max-height:none;overflow:visible}.fan-club-application-editor-modal .settings-profile-layout{grid-template-columns:3fr 7fr;align-items:start}.fan-club-application-editor-modal .fan-club-application-avatar-column{display:flex;align-items:center;justify-content:flex-start;padding-top:.2rem}.fan-club-application-editor-modal .fan-club-application-layout{min-height:auto}.fan-club-application-editor-modal .fan-club-application-form .ui-input{width:50%}.fan-club-application-avatar-column{align-items:flex-start;justify-content:flex-start}.fan-club-application-form{min-width:0}.fan-club-application-name-row{display:flex;align-items:center;gap:.7rem}.fan-club-application-checkbox{flex-shrink:0;display:inline-flex;align-items:center;gap:.36rem;color:var(--text-muted);font-size:var(--font-size-small)}.fan-club-application-checkbox input[type=checkbox]{width:16px;height:16px}.field-hint{margin:.08rem 0 0;color:var(--text-muted);font-size:var(--font-size-small)}.field-hint-error{color:var(--color-danger)}@media (max-width:1024px){.fan-club-post-card{height:min(430px,calc(100dvh - 7.25rem));max-height:calc(100dvh - 7.25rem)}.fan-club-home-header{grid-template-columns:1fr;justify-items:start}.fan-club-home-header-topline{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;row-gap:.45rem;column-gap:.75rem}.fan-club-home-header-copy h1{flex:1 1 auto;min-width:0}.fan-club-home-header-membership{margin-top:0;margin-left:auto;display:flex;justify-content:flex-end;max-width:100%}.fan-club-home-header-membership .fan-club-membership-bar{display:inline-flex;align-items:center;justify-content:flex-end;gap:.65rem}.fan-club-home-header-membership .fan-club-membership-action{display:inline-flex;justify-content:flex-end}.fan-club-home-header .ui-avatar-lg{width:104px;height:104px}.fan-club-home-header .ui-avatar-lg .ui-avatar-icon{width:58px;height:58px}.app-shell-banner{min-height:128px}.fan-club-post-detail-modal{max-height:calc(100vh - 150px)}.fan-club-post-dialog{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0}.fan-club-post-dialog .ui-modal-content{flex:1 1;min-height:0;overflow:hidden}.fan-club-application-name-row{flex-direction:column;align-items:stretch}.fan-club-application-checkbox{align-self:flex-start}.fan-club-application-modal-actions{flex-direction:column}.fan-club-application-modal-actions .ui-button{width:100%}.fan-club-home-shell{--app-shell-mobile-assistant-width:100vw}.fan-club-home-shell .app-shell-assistant-panel{width:100vw}}@media (max-width:640px){.fan-club-manage-subscription-modal.ui-modal,.fan-club-subscription-modal.ui-modal{width:min(96vw,420px)}.fan-club-manage-subscription-modal .ui-modal-content,.fan-club-subscription-modal .ui-modal-content{min-height:388px}.fan-club-subscription-plan-preview em,.fan-club-subscription-plan-preview strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fan-club-manage-plan-item{min-height:246px}}