.toolbar--closet{display:flex;gap:.5rem;align-items:center;margin-bottom:.75rem;position:sticky;top:0;z-index:5;background:#ffffffbf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:.35rem .5rem;border-radius:10px;border:1px solid #f0f0f0}.toolbar--closet input[type=search]{flex:1;min-width:220px}.dashboard-grid{--gap: 16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--gap)}.closet-card{display:flex;flex-direction:column;gap:.5rem;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.closet-card:hover{transform:translateY(-2px)}.closet-thumb{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;border-radius:12px;background:#fff;border:1px solid #eee;display:grid;place-items:center}.closet-thumb img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:center;display:block}.closet-thumb__placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#999;font-size:12px}.closet-card:hover .closet-thumb{border-color:#e0e0ff;box-shadow:0 4px 14px #6366f114}.badge{position:absolute;top:8px;left:8px;font-size:11px;padding:2px 8px;border-radius:999px;color:#fff;background:#000000a6}.badge--pub{background:#6366f1e6}.badge--priv{background:#6b7280e6}.closet-meta .title{font-weight:600;font-size:.95rem;cursor:text}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.chip{font-size:11px;padding:2px 8px;border-radius:999px;background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.closet-actions{display:flex;gap:.5rem;flex-wrap:wrap}.tb-btn{font-size:.9rem;padding:.35rem .6rem;border-radius:8px;border:1px solid #e5e7eb;background:#fff}.tb-btn:hover{background:#f9f9fb}.tb-btn.danger{color:#b91c1c;border-color:#fca5a5;background:#fff5f5}.tb-btn.danger:hover{background:#ffe9e9}.tb-select{min-width:140px}.rename-wrap{display:flex;flex-direction:column;gap:.4rem}.rename-input{width:100%;padding:.45rem .6rem;border-radius:8px;border:1px solid #e5e7eb}.rename-actions{display:flex;gap:.4rem}.ideas-pop{margin-top:.25rem;display:flex;gap:.25rem;flex-wrap:wrap}.ideas-pop .idea{border:1px dashed #d1d5db;background:#fbfbff;border-radius:999px;padding:.2rem .6rem;font-size:.85rem}.ideas-pop .idea:hover{background:#f0f0ff}.closet-card.is-skel .skel-box{width:100%;height:100%;aspect-ratio:3 / 4;border-radius:10px;background:linear-gradient(90deg,#eee 25%,#f5f5f5 37%,#eee 63%);background-size:400% 100%;animation:shimmer 1.1s infinite linear}.closet-card.is-skel .skel-line{height:12px;margin-top:8px;border-radius:6px;background:#eee}.closet-card.is-skel .skel-line.short{width:60%}.empty{padding:1.25rem;color:#6b7280}#closet-file-list .file-thumb,.file-card .file-thumb{width:100%;aspect-ratio:3 / 4;border:1px solid #eee;border-radius:12px;background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:contain;padding:10px}#closet-progress[data-mode=ready],progress[data-mode=ready]{accent-color:#22c55e}progress[data-mode=ready]::-webkit-progress-value{background-color:#22c55e}:root{--pink: #F97C94;--gold: #FFC74A;--blue: #84D2F6;--navy: #142136;--lav: #E9D8F2;--lav-2:#F6F1FA;--ivory:#FFF7E2;--white:#fff;--ink: var(--navy);--ink-80: color-mix(in srgb, var(--ink) 80%, transparent);--ink-60: color-mix(in srgb, var(--ink) 60%, transparent);--ink-40: color-mix(in srgb, var(--ink) 40%, transparent);--ink-20: color-mix(in srgb, var(--ink) 20%, transparent);--bg: #ffffff;--bg-soft: #fbfbfe;--surface: #ffffff;--surface-2: #FCFBFF;--border: #ECEAF7;--border-2: #E8E5F3;--radius-xs: 8px;--radius-sm: 12px;--radius: 14px;--radius-lg: 16px;--shadow-sm: 0 2px 8px rgba(20,33,54,.05);--shadow: 0 10px 30px rgba(20,33,54,.06), 0 2px 8px rgba(20,33,54,.05);--font: ui-rounded, "Inter", "SF Pro Rounded", "Nunito", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";--fs-xxs: .75rem;--fs-xs: .85rem;--fs-sm: .95rem;--fs: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.25rem;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--focus: 0 0 0 3px color-mix(in srgb, var(--blue) 50%, #ffffff)}@media (prefers-color-scheme: dark){:root{--bg: #0d1321;--surface: #0f172a;--surface-2: #111827;--border: #23314A;--border-2: #2a3855;--ink: #f4f6fb;--ink-80: #e6e9f3;--ink-60: #c7cce0;--ink-40: #9ca3b8;--ink-20: #6b7280;--shadow: 0 10px 30px rgba(0,0,0,.35), 0 2px 8px rgba(0,0,0,.25);--bg-soft: #0e1628}}.app-shell .btn.primary,.app-shell .tb-btn.primary{color:#0a223a}*,*:before,*:after{box-sizing:border-box}*{margin:0}html:focus-within{scroll-behavior:smooth}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}html,body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px}a{color:inherit;text-decoration:none}a:hover{text-decoration:none;filter:saturate(1.05)}.muted{color:var(--ink-60)}small,.caption{font-size:var(--fs-xxs);color:var(--ink-60)}.container{width:min(1100px,100%);margin-inline:auto;padding:16px}h1{font-size:clamp(1.6rem,1vw + 1.2rem,2rem);font-weight:900}h2{font-size:1.35rem;font-weight:800}h3{font-size:1.12rem;font-weight:800}.dashboard-card,.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card__body{padding:14px}.card__title{font-weight:800;color:var(--ink)}.row{display:flex;align-items:center}.row.wrap{flex-wrap:wrap}.row.gap-2{gap:var(--sp-2)}.row.gap-3{gap:var(--sp-3)}.row.gap-4{gap:var(--sp-4)}.center{display:grid;place-items:center}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:999px;font-size:var(--fs-xxs);background:color-mix(in srgb,var(--blue) 16%,#fff);color:#144;border:1px solid color-mix(in srgb,var(--blue) 35%,#fff)}.badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:999px;font-size:var(--fs-xxs);background:#f1f5ff;color:#082134;border:1px solid #dfebff}input[type=text],input[type=search],input[type=email],input[type=password],textarea,select{width:100%;background:var(--surface);border:1px solid var(--border-2);border-radius:10px;padding:.55rem .7rem;color:var(--ink)}input:focus,textarea:focus,select:focus{outline:var(--focus);border-color:color-mix(in srgb,var(--blue) 45%,var(--border-2))}.toolbar{display:flex;align-items:center;gap:.5rem;margin:.5rem 0}.toolbar .muted{margin-left:auto}.btn,.tb-btn{--bg: #fff;--fg: var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem .9rem;border-radius:10px;border:1px solid var(--border-2);background:var(--bg);color:var(--fg);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,filter .15s}.btn:hover,.tb-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn.primary,.tb-btn.primary{--bg: var(--blue);--fg: #082134;border-color:color-mix(in srgb,var(--blue) 55%,var(--border-2))}.btn.ghost{background:#fff;border:1px solid var(--border)}.btn.danger,.tb-btn.danger{--bg: #fff5f5;--fg:#b91c1c;border-color:#f4c3c3}.btn.sm{padding:.4rem .65rem;font-size:var(--fs-xs)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.skel,.skel-box{background:linear-gradient(90deg,#eee 25%,#f5f5f5 37%,#eee 63%);background-size:400% 100%;animation:shimmer 1.1s infinite linear}.ring-pulse{box-shadow:0 0 0 3px color-mix(in srgb,var(--pink) 35%,#fff) inset;animation:ring .6s ease 2}@keyframes ring{0%{box-shadow:0 0 #0000}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--pink) 25%,#fff) inset}to{box-shadow:0 0 #0000}}:root{--topbar-h: 56px;--sidebar-w: 260px;--sidebar-w-collapsed: 64px;--container: clamp(320px, 92vw, 1120px);--gutter: clamp(16px, 3vw, 24px)}.container{width:min(var(--container),100%);margin-inline:auto;padding-inline:var(--gutter)}.app-topbar{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #eee}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--bg, #fff)}.app-shell__body{display:flex;min-height:calc(100vh - var(--topbar-h))}.app-sidebar{width:var(--sidebar-w);flex:0 0 auto;border-right:1px solid #eee;background:#fff;overflow:auto;position:sticky;top:var(--topbar-h);max-height:calc(100vh - var(--topbar-h))}.app-sidebar.is-collapsed{width:var(--sidebar-w-collapsed)}.app-main{flex:1;min-width:0;padding:16px;overflow:auto}.app-main>.container,.home{width:min(var(--container),100%);margin-inline:auto;padding-inline:var(--gutter)}.sidebar-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:6px 10px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;cursor:pointer}@media (max-width: 960px){.app-sidebar{position:fixed;top:var(--topbar-h);bottom:0;left:0;transform:translate(0);transition:transform .2s ease;z-index:60;width:var(--sidebar-w);max-height:none;border-right:1px solid #eee}.app-sidebar.is-collapsed{transform:translate(-100%)}.app-shell__body{min-height:auto}.app-main{padding-top:12px}}:root{--max-w: 1200px;--gutter: 16px}.container{width:min(var(--max-w),100%);margin-inline:auto;padding-inline:var(--gutter)}.grid{display:grid;gap:16px}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.auto-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}@media (max-width: 1024px){.grid.cols-4{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.grid.cols-3,.grid.cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid,.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}}:root{--topbar-h: 64px;--tb-gap: 12px;--tb-ico: 20px}.topbar{position:sticky;top:0;z-index:50;height:var(--topbar-h);background:var(--panel);background-image:linear-gradient(to bottom,color-mix(in oklab,var(--panel) 100%,transparent),color-mix(in oklab,var(--panel) 92%,transparent));border-bottom:1px solid var(--border);box-shadow:var(--shadow-1, 0 1px 2px rgba(0,0,0,.06), 0 2px 8px rgba(0,0,0,.06));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);isolation:isolate}.topbar .container{max-width:1400px;margin:0 auto;padding:0 var(--gap-lg, 20px);height:100%;display:flex;align-items:center}.topbar__inner{height:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--tb-gap);width:100%}.topbar__search{display:flex;align-items:center;min-width:0}.topbar__actions{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;min-width:0}.topbar__actions>*{flex:0 0 auto}.topbar__group{display:inline-flex;align-items:center;gap:10px;padding-left:10px;position:relative}.topbar__group+.topbar__group{margin-left:6px}.topbar__group+.topbar__group:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:22px;background:color-mix(in oklab,var(--border) 84%,transparent);border-radius:1px}.skip-link{position:absolute;left:12px;top:-100px;background:var(--panel);border:1px solid var(--border);padding:6px 10px;border-radius:8px;box-shadow:var(--shadow-1)}.skip-link:focus{top:8px;z-index:100}.topbar.is-compact{height:calc(var(--topbar-h) - 6px);transition:height .18s ease}.topbar.is-compact .icon-btn,.topbar.is-compact .tb-btn{height:36px;min-width:36px}.topbar.is-compact .avatar-btn{width:36px;height:36px}.searchbar{position:relative;display:flex;align-items:center;height:40px;max-width:min(640px,100%);width:clamp(280px,48vw,720px);border:1px solid var(--border);border-radius:999px;background:var(--bg-soft);padding-left:36px;padding-right:10px;transition:box-shadow .2s ease,border-color .2s ease,background .2s ease,width .2s ease}.searchbar .search-ico{position:absolute;left:12px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-dim)}.searchbar input[type=search]{flex:1;min-width:0;border:0;background:transparent;color:var(--text);padding:0;height:100%}.searchbar input::placeholder{color:var(--text-dim);letter-spacing:.2px}.searchbar .clear-btn{background:transparent;border:0;color:var(--text-dim);font-size:18px;line-height:1;cursor:pointer}.searchbar.is-pending{opacity:.7}.searchbar .spinner{width:14px;height:14px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--brand);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width: 1200px){.searchbar{max-width:720px}}.status-pill{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 10px;background:var(--bg-soft);border:1px solid var(--border);border-radius:999px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.status-track{position:relative;width:120px;height:6px;border-radius:999px;background:var(--border)}.status-bar{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:var(--accent)}.icon-btn,.tb-btn{display:inline-flex;align-items:center;justify-content:center;height:40px;min-width:40px;padding:0 12px;gap:8px;border:1px solid var(--border);border-radius:10px;background:var(--bg);transition:background .15s ease,box-shadow .15s ease,transform .05s ease}.icon-btn:hover,.tb-btn:hover{background:var(--bg-soft)}.icon-btn:active,.tb-btn:active{transform:translateY(1px) scale(.99)}.icon-btn:focus-visible,.tb-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.icon-btn svg{width:18px;height:18px}.tb-btn.primary{background:var(--brand);color:#fff;border-color:color-mix(in oklab,var(--brand) 90%,#000);box-shadow:0 4px 14px color-mix(in oklab,var(--brand) 20%,transparent)}.tb-btn.primary:is(:hover,:focus-visible){box-shadow:0 6px 22px color-mix(in oklab,var(--brand) 26%,transparent)}.tb-btn.primary:active{box-shadow:0 2px 8px color-mix(in oklab,var(--brand) 16%,transparent)}.avatar-btn{width:40px;height:40px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-soft);border:1px solid var(--border);font-weight:700;color:var(--text)}.avatar-btn svg{width:18px;height:18px}.menu-anchor>.menu{position:absolute;right:0;top:calc(100% + 6px);min-width:220px;padding:8px;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-2)}.crumbs{max-width:clamp(160px,28vw,420px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-dim);font-weight:600}.crumb a{color:inherit;text-decoration:none}.crumb a:hover{text-decoration:underline}.crumb-sep{opacity:.6}@media (max-width: 900px){.crumbs{display:none}}.brand-chip{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.brand-chip img{width:20px;height:20px;border-radius:6px}.brand-name{font-weight:700;color:var(--text)}@media (max-width: 900px){.brand-name{display:none}}.show-on-mobile{display:none}@media (max-width: 768px){.show-on-mobile{display:inline-flex}.topbar__search{display:none}}.mobile-search{display:block;padding:8px var(--gap-lg, 20px);background:var(--panel);border-bottom:1px solid var(--border);transform-origin:top center;animation:tb-slide-down .18s ease-out}.app-main{scroll-margin-top:calc(var(--topbar-h) + 8px)}.app-shell[data-sidebar=open]:after{content:"";position:fixed;inset:var(--topbar-h,56px) 0 0 0;background:#00000059;z-index:59}.body-lock{overflow:hidden}.topbar__inner.topbar--3col{grid-template-columns:auto minmax(420px,1fr) auto}.topbar__search{justify-self:center}.topbar__brand{justify-self:start}.topbar--3col{grid-template-columns:auto 1fr auto}.topbar__brand{min-width:0}.topbar__center{display:flex;align-items:center;justify-content:center}.topbar__center .searchbar{width:100%;max-width:720px}@media (max-width: 900px){.topbar--3col{grid-template-columns:1fr auto}.topbar__brand{display:none}.topbar__center{justify-content:flex-start}}.topbar--balanced{grid-template-columns:auto 1fr auto}.topbar__left{display:flex;align-items:center;gap:12px;min-width:0}.topbar__actions{display:flex;align-items:center;gap:12px}.topbar--2col{grid-template-columns:1fr auto}.topbar__center{display:flex;align-items:center;justify-content:center;min-width:0}.topbar__center .searchbar{width:clamp(280px,52vw,720px)}.topbar.is-compact{height:calc(var(--topbar-h, 56px) - 10px);transition:height .18s ease}.topbar .searchbar{height:40px;border-radius:9999px}.topbar .searchbar:focus-within{background:var(--bg);border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in oklab,var(--focus) 22%,transparent)}.topbar--3areas{display:grid;grid-template-columns:minmax(180px,1fr) minmax(360px,720px) minmax(220px,1fr);align-items:center;gap:var(--tb-gap, 12px)}.topbar__left{display:flex;align-items:center;gap:10px}.topbar__center{justify-self:center;width:100%}.topbar__actions{display:inline-flex;align-items:center;gap:12px;justify-self:end}.topbar.is-compact{height:calc(var(--topbar-h, 56px) - 10px)}.topbar__center .searchbar{margin-inline:auto}.menu-anchor>.menu,.menu-anchor>.dropdown-menu{position:absolute;right:0;top:calc(100% + 6px);min-width:220px;padding:8px;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-2);z-index:1100}.menu-anchor .menu-item,.menu-anchor .dropdown-item{display:block;padding:8px 10px;border-radius:8px;color:var(--text);text-decoration:none}.menu-anchor .menu-item:hover,.menu-anchor .dropdown-item:hover{background:var(--bg-soft)}.topbar--3col{display:grid;grid-template-columns:1fr minmax(420px,760px) 1fr;align-items:center;gap:var(--tb-gap, 12px)}.topbar__left{justify-self:start;display:flex;align-items:center;gap:10px;min-width:0}.topbar__center{justify-self:center;min-width:0}.topbar__right{justify-self:end;display:inline-flex;align-items:center;gap:12px}.topbar.is-compact{height:calc(var(--topbar-h, 64px) - 8px)}.topbar.is-compact .icon-btn,.topbar.is-compact .tb-btn{height:34px;min-width:34px}.topbar.is-compact .avatar-btn{width:34px;height:34px}.topbar.is-compact .icon-btn svg,.topbar.is-compact .avatar-btn svg{width:16px;height:16px}.topbar.is-compact .searchbar{height:36px}.menu-anchor{position:relative}.menu-anchor>.menu{position:absolute;right:0;top:calc(100% + 8px);min-width:240px;padding:8px;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-2, 0 8px 24px rgba(0,0,0,.12));z-index:1200;animation:tb-pop .14s ease-out}.menu-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--text);text-decoration:none;cursor:pointer}.menu-item:hover{background:var(--bg-soft)}.menu-sep{height:1px;margin:6px 4px;background:var(--border);border-radius:1px}.menu-item.danger{color:var(--danger, #b42318)}@keyframes tb-pop{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.topbar__left .crumbs{max-width:clamp(200px,32vw,480px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-dim);font-weight:600}.sidebar-nav{display:grid;gap:8px;padding:12px;background:#fff}.sidebar-nav.is-collapsed .sidebar-greeting,.sidebar-nav.is-collapsed .sidebar-link__label{display:none}.sidebar-section{padding:8px 6px 4px;border-bottom:1px solid #f0f0f0}.sidebar-greeting{font-size:13px;color:#6b7280}.sidebar-list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:4px}.sidebar-link{display:grid;grid-template-columns:14px 1fr;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;color:#111827;text-decoration:none;border:1px solid transparent}.sidebar-link:hover{background:#f8fafc;border-color:#eef2f7}.sidebar-link.is-active{background:#eef2ff;border-color:#c7d2fe;color:#1e40af;font-weight:600}.sidebar-link__bullet{text-align:center;width:14px;opacity:.6}.sidebar-nav.is-collapsed .sidebar-link{grid-template-columns:14px 0;justify-items:center;padding:8px 6px}.sidebar-nav{padding:12px;border-right:1px solid var(--border, #eee);background:var(--sidebar-bg, #fff)}.sidebar-nav.is-collapsed{min-width:60px}.sidebar-list{list-style:none;margin:0;padding:0}.sidebar-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:inherit;text-decoration:none;transition:background .18s ease,color .18s ease,transform .02s ease}.sidebar-link:hover{background:#0000000a}.sidebar-link.is-active{background:#7c3aed1f;color:#6d28d9;font-weight:600}.sidebar-section-title{font-size:12px;letter-spacing:.02em;text-transform:uppercase;color:#9aa1a9;margin:14px 10px 8px}.sidebar-sep{height:1px;background:var(--border, #eee);margin:10px 0}.sidebar-nav.is-collapsed .sidebar-link span.sidebar-label{display:none}.sidebar-nav.is-collapsed .sidebar-link{justify-content:center}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card.wide{display:grid;gap:0;grid-template-columns:1.6fr 1fr}.card__thumb{aspect-ratio:4/5;background:var(--bg-soft);border-bottom:1px solid var(--border);display:grid;place-items:center}.card__thumb img{width:100%;height:100%;object-fit:cover}.card__body{padding:12px 14px}.toolbar{display:flex;gap:.5rem;align-items:center;margin:.5rem 0}.toolbar input[type=search]{min-width:220px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip--blue{background:color-mix(in srgb,var(--blue) 16%,#fff);border-color:color-mix(in srgb,var(--blue) 35%,#fff)}.badge--pub{background:#6366f1e6;color:#fff}.badge--priv{background:#6b7280e6;color:#fff}.table{width:100%;border-collapse:separate;border-spacing:0 6px}.table tr{background:var(--surface)}.table th,.table td{text-align:left;padding:.6rem .8rem}.table th{font-size:var(--fs-xs);color:var(--ink-40);font-weight:700}.table tr{border:1px solid var(--border)}.table tr td:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.table tr td:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.drop-zone{display:grid;place-items:center;text-align:center;color:var(--ink-60);border:2px dashed color-mix(in srgb,var(--pink) 28%,var(--border));border-radius:14px;min-height:120px;padding:18px;background:var(--surface-2)}.drop-zone:hover{background:color-mix(in srgb,var(--lav-2) 60%,#fff)}.form-group{display:grid;gap:6px;margin-bottom:10px}.inline{display:flex;align-items:center;gap:.5rem}.smart-dropdown{width:100%}.btn.sparkle{background:linear-gradient(90deg,var(--gold),var(--pink));color:#4a2b00;border:1px solid rgba(0,0,0,.06)}.closet-card{display:flex;flex-direction:column;gap:.5rem}.closet-thumb{position:relative;width:100%;aspect-ratio:3/4;overflow:hidden;border-radius:12px;background:#fafafa;border:1px solid var(--border)}.closet-thumb img{width:100%;height:100%;object-fit:contain;display:block}.carousel-row{display:flex;gap:10px;overflow:auto;padding:4px 2px}.carousel-item{min-width:120px;max-width:140px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm);padding:6px;position:relative}.carousel-item img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:8px}.carousel-label{position:absolute;bottom:6px;left:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:color-mix(in srgb,var(--blue) 18%,#fff);border:1px solid color-mix(in srgb,var(--blue) 45%,#fff);border-radius:999px;padding:.15rem .5rem;font-size:var(--fs-xxs)}.empty{padding:1rem;border:1px dashed var(--border);border-radius:12px;color:var(--ink-60);background:var(--surface-2)}.ico{width:1em;height:1em;display:inline-block}.btn{--btn-bg: #fff;--btn-fg: var(--ink-800);--btn-bd: var(--line-soft);display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .9rem;border-radius:12px;border:1px solid var(--btn-bd);background:var(--btn-bg);color:var(--btn-fg);font-weight:600;line-height:1;transition:background .15s,box-shadow .15s,transform .06s}.btn:hover{background:var(--lav-25)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:3px solid var(--blue-300);outline-offset:2px}.btn.primary{--btn-bg: var(--blue-600);--btn-fg: #0a223a;--btn-bd: transparent;color:var(--btn-fg);background:linear-gradient(180deg,var(--blue-500),var(--blue-600));box-shadow:inset 0 0 0 1px #14213614,0 6px 14px #0e62952e}.btn.primary:hover{background:linear-gradient(180deg,var(--blue-500),var(--blue-700))}.btn.ghost{--btn-bg: #fff;--btn-fg: var(--blue-700);--btn-bd: var(--blue-200)}.btn.ghost:hover{background:var(--blue-25)}.btn.danger{--btn-bg: #fff5f5;--btn-fg: #b91c1c;--btn-bd: #fecaca}.btn.sm{padding:.4rem .7rem;border-radius:10px;font-size:.9rem}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.18rem .6rem;border-radius:999px;font-size:.78rem;border:1px solid var(--line-soft);background:#fff;color:var(--ink-700)}.badge--pub{background:var(--pink-500);color:#fff}.badge--priv{background:var(--ink-500);color:#fff}.cam-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center}.cam-backdrop{position:absolute;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cam-sheet{position:relative;width:min(680px,92vw);background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-2);padding:14px;display:flex;flex-direction:column;gap:12px}.cam-hd{font-weight:700}.cam-preview{position:relative;border-radius:12px;overflow:hidden;background:#000}.cam-preview video,.cam-preview canvas{width:100%;display:block}.cam-actions{display:flex;gap:8px;justify-content:flex-end}.card-ish{border:1px solid var(--border);border-radius:12px;padding:10px;background:var(--panel)}.uopts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.uopt{display:flex;gap:.6rem;align-items:start;padding:8px;border-radius:10px;background:var(--bg-soft);border:1px dashed var(--border)}.uopt input{margin-top:.2rem}.uopt-title{font-weight:700;display:block}.uopt-help{display:block;font-size:.85rem;opacity:.7;line-height:1.25}:root{--pink: #F97C94;--gold: #FFC74A;--sky: #84D2F6;--navy: #142136;--lavender: #E9D8F2;--lavender-2: #F6F1FA;--cream: #FFF7E2;--text: var(--navy);--muted: color-mix(in oklab, var(--navy) 55%, white);--ring: color-mix(in oklab, var(--sky) 55%, white)}.home .section__title,.home .hero-title{color:var(--navy);letter-spacing:.2px}.muted{color:var(--muted)}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--pink);margin-right:.5rem}.home-hero{position:relative;display:grid;grid-template-columns:1.2fr .9fr;gap:16px;padding:22px 22px 26px;border:1px solid color-mix(in oklab,var(--navy) 16%,white);border-radius:16px;background:radial-gradient(1200px 600px at -10% -10%,var(--lavender-2),transparent 60%),radial-gradient(800px 500px at 110% 20%,color-mix(in oklab,var(--cream) 70%,white),transparent 55%),linear-gradient(180deg,white,var(--lavender-2));box-shadow:0 6px 24px #1421360f,inset 0 0 0 1px #ffffff80;overflow:hidden}.home-hero:after{content:"";position:absolute;inset:-40% -10% auto auto;height:220px;width:320px;background:radial-gradient(3px 3px at 15% 35%,var(--gold) 60%,transparent 61%),radial-gradient(3px 3px at 35% 55%,color-mix(in oklab,var(--pink) 80%,white) 60%,transparent 61%),radial-gradient(3px 3px at 70% 25%,color-mix(in oklab,var(--sky) 85%,white) 60%,transparent 61%),radial-gradient(3px 3px at 85% 70%,#fff 60%,transparent 61%);filter:blur(.2px) saturate(1.1);opacity:.55;animation:twinkle 2.4s linear infinite}@keyframes twinkle{0%{transform:translateY(0) rotate(0);opacity:.35}50%{transform:translateY(-8px) rotate(8deg);opacity:.7}to{transform:translateY(0) rotate(0);opacity:.35}}.hero-title{font-size:1.9rem;margin:6px 0 8px}.hero-sub{margin:0 0 14px;color:var(--muted)}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.stat-row{display:flex;gap:10px;justify-content:flex-end}.stat-pill{min-width:140px;display:grid;place-items:center;padding:10px 12px;border-radius:12px;border:1px solid color-mix(in oklab,var(--sky) 40%,white);background:linear-gradient(180deg,#fff,var(--cream));box-shadow:0 6px 16px #1421360d}.stat-pill .num{font-weight:800;font-size:1.15rem;color:var(--navy)}.stat-pill .lbl{font-size:.78rem;color:var(--muted)}.btn{--btn-bg: #fff;--btn-fg: var(--navy);--btn-bd: color-mix(in oklab, var(--navy) 20%, white);padding:.55rem .9rem;font-weight:650;border-radius:10px;border:1px solid var(--btn-bd);color:var(--btn-fg);background:var(--btn-bg);box-shadow:0 2px #1421360a;transition:transform .08s ease,box-shadow .18s ease,background .18s ease,color .18s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 14px #1421360f}.btn.primary{--btn-bg: linear-gradient(180deg, color-mix(in oklab, var(--sky) 92%, white), var(--sky));--btn-bd: color-mix(in oklab, var(--sky) 40%, var(--navy) 8%);--btn-fg: #0b1a2b}.btn.primary:hover{background:linear-gradient(180deg,color-mix(in oklab,var(--pink) 16%,var(--sky)),var(--sky))}.btn.ghost{--btn-bg: transparent;--btn-fg: var(--navy);--btn-bd: color-mix(in oklab, var(--navy) 22%, white);background:linear-gradient(180deg,#14213605,#14213600)}.btn.ghost:hover{background:linear-gradient(180deg,#1421360a,#14213605)}.btn.sm{padding:.4rem .65rem;font-size:.88rem;border-radius:9px}.section{margin-top:22px}.section__hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section__title{font-size:1.25rem;position:relative;padding-bottom:4px}.section__title:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--lavender),var(--sky),var(--gold));opacity:.6}.card{border:1px solid color-mix(in oklab,var(--navy) 12%,white);background:#fff;border-radius:14px;box-shadow:0 8px 22px #1421360a}.card.wide{display:grid;grid-template-columns:1.2fr 1fr;gap:14px}.card__thumb{aspect-ratio:3 / 2;border-radius:12px;overflow:hidden;background:linear-gradient(180deg,var(--lavender-2),#fff);border:1px solid color-mix(in oklab,var(--lavender) 40%,white)}.card__thumb img{width:100%;height:100%;object-fit:cover;display:block}.card__body{padding:10px 12px 12px}.card__title{font-weight:700;color:var(--navy)}.chip{display:inline-block;font-size:.75rem;padding:.18rem .55rem;border-radius:999px;color:var(--navy);border:1px solid color-mix(in oklab,var(--sky) 55%,white);background:linear-gradient(180deg,#fff,color-mix(in oklab,var(--sky) 14%,white))}.spotlight .card.wide .card__thumb{aspect-ratio:16 / 9}.carousel{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 4px 10px}.carousel>.card{scroll-snap-align:start}.carousel::-webkit-scrollbar{height:10px}.carousel::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#e9eefb,#f2f7ff);border-radius:999px;border:2px solid #fff}.cta-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.cta-card{border:1px dashed color-mix(in oklab,var(--pink) 35%,var(--lavender));background:linear-gradient(180deg,#fff,var(--lavender-2));padding:16px;border-radius:14px}.cta-card .row{display:flex;gap:10px;align-items:center;margin-top:8px}.mini-feed{border:1px solid color-mix(in oklab,var(--navy) 12%,white);background:#fff;border-radius:14px;padding:12px 14px}.mini-feed__title{margin:0 0 8px;font-size:1rem}.mini-feed__list{margin:0;padding-left:1rem}.mini-feed__list .chip{margin-left:.5rem}.planner-tease,.vip{border:1px solid color-mix(in oklab,var(--navy) 12%,white);border-radius:14px;background:linear-gradient(180deg,#fff,var(--cream));padding:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.threads{display:grid;grid-template-columns:1fr;gap:12px}.thread-card{border:1px solid color-mix(in oklab,var(--navy) 12%,white);border-radius:12px;background:linear-gradient(180deg,#fff,var(--lavender-2));padding:12px 14px}.thread-title{margin:0 0 6px}.skel{width:100%;height:100%;background:linear-gradient(90deg,#eee 25%,#f6f6f6 37%,#eee 63%);background-size:400% 100%;animation:shimmer 1.1s infinite linear;border-radius:inherit}@media (max-width: 1024px){.home-hero{grid-template-columns:1fr}.stat-row{justify-content:flex-start}}@media (max-width: 720px){.card.wide,.cta-grid{grid-template-columns:1fr}}.justin-row{display:grid;grid-auto-flow:column;grid-auto-columns:110px;gap:10px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x mandatory}.justin-card{position:relative;width:110px;aspect-ratio:3 / 4;border-radius:12px;overflow:hidden;background:linear-gradient(180deg,var(--lavender-2),#fff);border:1px solid color-mix(in oklab,var(--sky) 45%,white);scroll-snap-align:start;box-shadow:0 3px 10px #1421360d}.justin-badge{position:absolute;left:6px;bottom:6px;font-size:10px;padding:3px 7px;border-radius:999px;background:#ffffffd9;color:var(--navy);border:1px solid color-mix(in oklab,var(--sky) 45%,white);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.justin-skel{width:100%;height:100%;background:linear-gradient(90deg,#eee 25%,#f6f6f6 37%,#eee 63%);background-size:400% 100%;animation:shimmer 1.1s infinite linear}.chat-peek{border-radius:14px;border:1px solid #ECEAF7;background:#fff;box-shadow:var(--shadow);padding:12px}.chat-head{display:flex;align-items:center;justify-content:space-between}.chat-tabs{display:flex;gap:6px}.tab{padding:.35rem .6rem;border-radius:999px;background:color-mix(in srgb,var(--blue) 18%,#fff);border:1px solid color-mix(in srgb,var(--blue) 45%,#fff);font-size:.85rem;color:#082134}.tab.is-live{background:color-mix(in srgb,var(--pink) 16%,#fff);border-color:color-mix(in srgb,var(--pink) 48%,#fff)}.chat-stream{margin-top:10px;display:grid;gap:10px;max-height:280px;overflow:auto;padding-right:6px}.msg{display:grid;grid-template-columns:36px 1fr;gap:10px}.avatar{width:36px;height:36px;border-radius:10px;background:#f3f4fb;border:1px solid #eceaf7;position:relative;overflow:hidden}.dot{position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;border:2px solid #fff;border-radius:50%;background:#22c55e}.bubble{background:#fff;border:1px solid #eceaf7;border-radius:12px;padding:8px 10px;box-shadow:0 6px 16px #1421360f;position:relative}.bubble:after{content:"";position:absolute;left:-6px;top:10px;width:10px;height:10px;rotate:45deg;background:#fff;border-left:1px solid #eceaf7;border-bottom:1px solid #eceaf7}.meta{display:flex;gap:8px;align-items:center;font-size:.82rem;color:var(--ink-40);margin-bottom:3px}.handle{font-weight:700;color:var(--ink)}.reacts{margin-left:auto;display:flex;gap:6px}.react{background:#fff;border:1px solid #e8e5f3;border-radius:999px;padding:.15rem .45rem;font-size:.8rem}.lounge{border:1px solid #ECEAF7;border-radius:14px;background:#fff;box-shadow:var(--shadow);padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.lounge .badge{background:linear-gradient(90deg,var(--gold),var(--pink));color:#4a2b00;padding:.25rem .6rem;border-radius:999px;font-weight:800;border:1px solid rgba(0,0,0,.06)}.dot-blue{width:8px;height:8px;background:var(--blue);border-radius:50%;display:inline-block}.dot-pink{width:8px;height:8px;background:var(--pink);border-radius:50%;display:inline-block}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.justin-row{display:grid;grid-auto-flow:column;grid-auto-columns:112px;gap:.75rem;overflow-x:auto;padding-bottom:.25rem;scroll-snap-type:x proximity}.justin-row::-webkit-scrollbar{height:8px}.justin-row::-webkit-scrollbar-thumb{background:var(--lav-300);border-radius:999px}.justin-card{position:relative;aspect-ratio:3/4;border-radius:12px;overflow:hidden;background:#fff;border:1px solid var(--line-soft);box-shadow:0 1px #1421360a;scroll-snap-align:start}.justin-card img{width:100%;height:100%;object-fit:cover;display:block}.justin-skel{width:100%;height:100%;background:linear-gradient(90deg,#eee 25%,#f6f6f6,#eee 75%);background-size:320% 100%;animation:sk 1.2s infinite linear}@keyframes sk{to{background-position:-200% 0}}.justin-badge{position:absolute;left:8px;bottom:8px;font-size:.72rem;padding:.15rem .5rem;border-radius:999px;background:#ffffffe0;border:1px solid var(--blue-200);color:var(--blue-800);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}@media (max-width:900px){.topbar__nav{flex-direction:column;align-items:flex-end;gap:12px}.dashboard-actions-row{flex-direction:column;gap:12px}}:root[data-theme=dark]{--lavender:#16121b;--surface:#201729;--surface-muted:#261b32;--text:#efe7fa;--purple-light:#3b2b57}