@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:300;src:url(/_next/static/media/kanit-thai-300-normal.e44b40ba.woff2) format("woff2"),url(/_next/static/media/kanit-thai-300-normal.1d2e7cd6.woff) format("woff");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:300;src:url(/_next/static/media/kanit-vietnamese-300-normal.0ec2d223.woff2) format("woff2"),url(/_next/static/media/kanit-vietnamese-300-normal.59d48193.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:300;src:url(/_next/static/media/kanit-latin-ext-300-normal.244bb381.woff2) format("woff2"),url(/_next/static/media/kanit-latin-ext-300-normal.1db5e544.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:300;src:url(/_next/static/media/kanit-latin-300-normal.9bd86e88.woff2) format("woff2"),url(/_next/static/media/kanit-latin-300-normal.caddf1a8.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/kanit-thai-400-normal.0d0f98c0.woff2) format("woff2"),url(/_next/static/media/kanit-thai-400-normal.daca2f68.woff) format("woff");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/kanit-vietnamese-400-normal.d2d83a98.woff2) format("woff2"),url(/_next/static/media/kanit-vietnamese-400-normal.6781b69f.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/kanit-latin-ext-400-normal.dc5dddab.woff2) format("woff2"),url(/_next/static/media/kanit-latin-ext-400-normal.c9424037.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/kanit-latin-400-normal.93fbf370.woff2) format("woff2"),url(/_next/static/media/kanit-latin-400-normal.35d5b3b8.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:500;src:url(/_next/static/media/kanit-thai-500-normal.6d4309dd.woff2) format("woff2"),url(/_next/static/media/kanit-thai-500-normal.9743af98.woff) format("woff");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:500;src:url(/_next/static/media/kanit-vietnamese-500-normal.33d29c5e.woff2) format("woff2"),url(/_next/static/media/kanit-vietnamese-500-normal.319a3954.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:500;src:url(/_next/static/media/kanit-latin-ext-500-normal.ed960ddb.woff2) format("woff2"),url(/_next/static/media/kanit-latin-ext-500-normal.12ab5261.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:500;src:url(/_next/static/media/kanit-latin-500-normal.902a729c.woff2) format("woff2"),url(/_next/static/media/kanit-latin-500-normal.739707c8.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}:root{color-scheme:light;--text-scale:1;--brand:#6A3FD1;--brand-strong:#4F2AAE;--brand-soft:#ECE5FC;--brand-soft-2:#F5F1FE;--orchid:#D23F8E;--orchid-soft:#FCE8F3;--peach:#F28A4B;--peach-soft:#FFEDE1;--mint:#109A7E;--mint-soft:#DDF5EE;--sky:#2E7CE0;--sky-soft:#E2EEFD;--butter:#F6B92B;--butter-soft:#FFF4D6;--ribbon:linear-gradient(118deg,#5B34C9,#8E3FCF 48%,#D23F8E);--ivory:#F6F3FD;--ivory-2:#EEE9FA;--surface:#FFFFFF;--surface-2:#FAF8FE;--ink:#241E3A;--ink-2:#463F5E;--muted:#6C6684;--gold:var(--brand);--gold-ink:var(--brand-strong);--gold-soft:var(--brand-soft);--border:#E2DCEF;--border-soft:#ECE8F5;--success:#17804A;--success-bg:#E4F6EC;--warn:#A35F00;--warn-bg:#FFF2DC;--danger:#D23C34;--danger-bg:#FDE9E7;--info:#2F5FD0;--info-bg:#E8EEFC;--font:"Kanit","Noto Sans Thai","Sukhumvit Set",system-ui,sans-serif;--fs-xs:.78rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.125rem;--fs-xl:1.375rem;--fs-2xl:1.75rem;--fs-3xl:2.25rem;--lh:1.6;--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.5rem;--s6:2rem;--s7:3rem;--s8:4rem;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-pill:999px;--shadow-1:0 1px 2px rgba(56,36,120,.04),0 6px 18px rgba(56,36,120,.05);--shadow-2:0 12px 36px rgba(56,36,120,.12);--ease:cubic-bezier(.2,.7,.2,1);--t-fast:140ms;--t-med:200ms;--focus:0 0 0 3px #FFFFFF,0 0 0 5px #4F2AAE;--z-sticky:20;--z-nav:30;--z-drawer:40;--z-modal:50;--z-toast:60;--touch:44px;--sidebar:15rem}*,:after,:before{box-sizing:border-box}html{font-size:calc(100% * var(--text-scale));-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);font-weight:300;line-height:var(--lh);color:var(--ink);background:var(--ivory);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4{font-weight:500;line-height:1.3;margin:0 0 var(--s3);letter-spacing:.005em}h1{font-size:var(--fs-2xl)}h2{font-size:var(--fs-xl)}h3{font-size:var(--fs-lg)}p{margin:0 0 var(--s3)}b,strong{font-weight:500}a{color:var(--gold-ink);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--ink)}img{max-width:100%;display:block}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:var(--ivory-2);padding:.1em .35em;border-radius:6px;overflow-wrap:anywhere}hr{border:0;border-top:1px solid var(--border-soft);margin:var(--s5) 0}:focus-visible{outline:none;box-shadow:var(--focus);border-radius:6px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--s3);top:-100px;z-index:var(--z-toast);background:var(--ink);color:var(--ivory);padding:var(--s2) var(--s4);border-radius:var(--r-pill)}.skip-link:focus{top:var(--s3);color:var(--ivory)}.muted{color:var(--muted)}.small{font-size:var(--fs-sm)}.xs{font-size:var(--fs-xs)}.nowrap{white-space:nowrap}.wrap-any{overflow-wrap:anywhere;word-break:break-word}.eyebrow{font-size:var(--fs-xs);letter-spacing:.28em;text-transform:uppercase;color:var(--gold-ink);font-weight:500}.container{width:100%;max-width:72rem;margin:0 auto;padding:0 var(--s4)}.stack>*+*{margin-top:var(--s4)}.stack-lg>*+*{margin-top:var(--s6)}.row,.row-between{display:flex;gap:var(--s3);align-items:center;flex-wrap:wrap}.row-between{justify-content:space-between}.grid,.grid-2{display:grid;grid-gap:var(--s4);gap:var(--s4)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}.grid-3{display:grid;grid-gap:var(--s4);gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}.grid-4{display:grid;grid-gap:var(--s3);gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(min(100%,10.5rem),1fr))}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s4);flex-wrap:wrap;margin-bottom:var(--s5)}.page-head h1{margin:0}.page-head p{margin:var(--s1) 0 0}.card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-lg);padding:var(--s5);box-shadow:var(--shadow-1);min-width:0}.card.tight{padding:var(--s4)}.card.flat{box-shadow:none}.card-title{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s3);margin-bottom:var(--s4);flex-wrap:wrap}.card-title h2,.card-title h3{margin:0}a.card{display:block;color:inherit;text-decoration:none;transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}a.card:hover{border-color:var(--gold);box-shadow:var(--shadow-2)}a.card:active{transform:translateY(1px)}.divider-gold{height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);border:0;margin:var(--s5) auto;max-width:12rem}.kpi{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-md);padding:var(--s4)}.kpi .v{font-size:var(--fs-2xl);font-weight:500;line-height:1.1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kpi .l{color:var(--muted)}.kpi .l,.notice{font-size:var(--fs-sm)}.notice{border-radius:var(--r-md);padding:var(--s3) var(--s4);border:1px solid}.notice.info{background:var(--info-bg);border-color:#C7D5E6;color:#23405F}.notice.warn{background:var(--warn-bg);border-color:#EBD3A8;color:#5E3D08}.notice.danger{background:var(--danger-bg);border-color:#EBC2B9;color:#7A2A1D}.notice.success{background:var(--success-bg);border-color:#BFD9C9;color:#1F4A36}.notice.gold{background:var(--surface-2);border-color:var(--gold);color:var(--ink-2)}.notice>:last-child{margin-bottom:0}.btn{--bg:var(--surface);--fg:var(--ink);--bd:var(--border);display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:var(--touch);padding:.55rem 1.15rem;border-radius:var(--r-sm);border:1px solid var(--bd);background:var(--bg);color:var(--fg);font:inherit;font-weight:400;font-size:var(--fs-md);line-height:1.2;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background-color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.btn:hover{border-color:var(--brand);color:var(--fg)}.btn:active{transform:translateY(1px)}.btn[aria-disabled=true],.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}.btn.primary{--bg:var(--brand);--fg:#FFFFFF;--bd:var(--brand);box-shadow:0 4px 14px rgba(114,83,199,.25)}.btn.primary:hover{--bg:var(--brand-strong);--bd:var(--brand-strong);--fg:#FFF}.btn.outline{--bg:#FFFFFF;--fg:var(--brand-strong);--bd:var(--brand)}.btn.outline:hover{--bg:var(--brand-soft);color:var(--brand-strong)}.btn.soft{--bd:transparent}.btn.soft:hover{--bg:#E3DAF8;color:var(--brand-strong)}.btn.success{--bg:var(--success);--fg:#fff;--bd:var(--success)}.btn.success:hover{--bg:#11683b;color:#fff}.btn.gold{--bg:var(--brand);--fg:#FFFFFF;--bd:var(--brand)}.btn.ghost{--bg:transparent;--bd:transparent}.btn.ghost:hover{--bg:var(--ivory-2)}.btn.danger{--fg:var(--danger);--bd:#E3B9B0}.btn.danger:hover{--bg:var(--danger-bg);border-color:var(--danger)}.btn.sm{min-height:2.25rem;padding:.3rem .85rem;font-size:var(--fs-sm)}.btn.icon{padding:0;width:var(--touch)}.btn.block{width:100%}@media (max-width:720px),(pointer:coarse){.btn.sm{min-height:var(--touch);min-width:var(--touch)}}.spinner{width:1em;height:1em;border-radius:50%;border:2px solid;border-right:2px solid transparent;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.field{display:flex;flex-direction:column;gap:var(--s1);min-width:0}.field>label,.label{font-weight:400;font-size:var(--fs-sm);color:var(--ink-2)}.field .hint{font-size:var(--fs-xs);color:var(--muted)}.field .err{font-size:var(--fs-sm);color:var(--danger);display:flex;gap:.35rem}.input,select.input,textarea.input{width:100%;min-height:var(--touch);padding:.55rem .85rem;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);color:var(--ink);font:inherit;font-weight:300;transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}textarea.input{min-height:6rem;resize:vertical;line-height:1.55}.input:hover{border-color:#CFC4E8}.input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(114,83,199,.18)}.input[aria-invalid=true]{border-color:var(--danger)}.check{display:flex;gap:var(--s2);align-items:flex-start;min-height:var(--touch);padding:var(--s2) 0;cursor:pointer}.check input{width:1.25rem;height:1.25rem;margin-top:.15rem;accent-color:var(--brand);flex:0 0 auto}.form-grid{display:grid;grid-gap:var(--s4);gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}.form-grid .full{grid-column:1/-1}fieldset{border:1px solid var(--border-soft);border-radius:var(--r-md);padding:var(--s4);margin:0;min-width:0}legend{padding:0 var(--s2);font-weight:500}.form-actions{display:flex;gap:var(--s3);justify-content:flex-end;flex-wrap:wrap;margin-top:var(--s5)}.sticky-actions{position:-webkit-sticky;position:sticky;bottom:0;z-index:var(--z-sticky);background:linear-gradient(transparent,var(--ivory) 30%);padding:var(--s4) 0 calc(var(--s3) + env(safe-area-inset-bottom));margin-top:var(--s4)}@media (max-width:720px){.has-tabbar .sticky-actions{bottom:calc(4.25rem + env(safe-area-inset-bottom))}}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.12rem .55rem;border-radius:6px;font-size:var(--fs-xs);font-weight:400;border:1px solid var(--border);background:var(--surface-2);color:var(--ink-2);white-space:nowrap}.badge:before{content:none}.badge.plain:before{display:none}.badge.success{color:var(--success);background:var(--success-bg);border-color:#C5DECF}.badge.warn{color:var(--warn);background:var(--warn-bg);border-color:#EAD5AE}.badge.danger{color:var(--danger);background:var(--danger-bg);border-color:#EBC5BD}.badge.info{color:var(--info);background:var(--info-bg);border-color:#C9D7E7}.badge.gold{color:var(--gold-ink);background:var(--gold-soft);border-color:#D9CCF5}.table-wrap{position:relative;overflow-x:auto;border:1px solid var(--border-soft);border-radius:var(--r-md);background:var(--surface);-webkit-overflow-scrolling:touch}.table-wrap:focus-visible{box-shadow:var(--focus)}table.data{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--fs-sm)}table.data th{position:-webkit-sticky;position:sticky;top:0;background:var(--ivory-2);text-align:left;font-weight:500;padding:.7rem .85rem;border-bottom:1px solid var(--border);white-space:nowrap;z-index:1}table.data td{padding:.65rem .85rem;border-bottom:1px solid var(--border-soft);vertical-align:top}table.data tr:last-child td{border-bottom:0}table.data tbody tr{transition:background-color var(--t-fast) var(--ease)}table.data tbody tr:hover{background:var(--surface-2)}table.data td.num,table.data th.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}table.data td.cell-text{max-width:22rem;overflow-wrap:anywhere}table.data th a{color:inherit;text-decoration:none;display:inline-flex;gap:.3rem;align-items:center}table.data th a:hover{color:var(--gold-ink)}@media (max-width:720px){.table-wrap.cards{border:0;background:transparent;overflow:visible}.cards table.data,.cards table.data tbody,.cards table.data td,.cards table.data tr{display:block;width:100%}.cards table.data thead{display:none}.cards table.data td>*{min-width:0;overflow-wrap:anywhere}.cards table.data tr{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-md);margin-bottom:var(--s3);padding:var(--s2) var(--s3)}.cards table.data td{border:0;padding:.35rem 0;display:grid;grid-template-columns:minmax(5.5rem,38%) minmax(0,1fr);grid-gap:var(--s3);gap:var(--s3);text-align:left!important}.cards table.data td .badge,.cards table.data td .nowrap,.cards table.data td.nowrap{white-space:normal}.cards table.data td{overflow-wrap:anywhere;word-break:break-word}.cards table.data td:before{content:attr(data-label);color:var(--muted);font-size:var(--fs-xs);padding-top:.1rem}.cards table.data td.cell-text{max-width:none}.cards table.data td.actions:before{content:""}.cards table.data td.actions{grid-template-columns:1fr}}.empty{text-align:center;padding:var(--s7) var(--s4);color:var(--muted)}.empty .icon{font-size:2rem;margin-bottom:var(--s2);color:var(--gold)}.toolbar{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:flex-end;margin-bottom:var(--s4)}.toolbar .field{flex:1 1 11rem}.toolbar .field.search{flex:2 1 16rem}.pager,.toolbar .actions{display:flex;gap:var(--s2);flex-wrap:wrap}.pager{align-items:center;justify-content:space-between;margin-top:var(--s4)}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-nav);background:rgba(255,255,255,.92);-webkit-backdrop-filter:saturate(1.2) blur(10px);backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid var(--border-soft)}.topbar-inner{display:flex;align-items:center;gap:var(--s4);min-height:4rem}.brand{display:inline-flex;flex-direction:column;text-decoration:none;color:var(--ink);line-height:1.1}.brand .word{font-weight:400;letter-spacing:.14em;font-size:1.6rem;font-family:Kanit,serif}.brand .sub{font-size:.62rem;letter-spacing:.32em;color:var(--brand-strong);font-weight:400}.topnav{display:flex;gap:var(--s1);flex:1 1;overflow-x:auto;scrollbar-width:none}.topnav a{display:inline-flex;align-items:center;min-height:var(--touch);padding:0 .9rem;border-radius:var(--r-pill);color:var(--ink-2);text-decoration:none;white-space:nowrap;font-weight:400;font-size:var(--fs-sm);transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.topnav a:hover{background:var(--ivory-2);color:var(--ink)}.topnav a[aria-current=page]{background:var(--brand-soft);color:var(--brand-strong)}.top-actions{display:flex;align-items:center;gap:var(--s2);margin-left:auto}main{padding:var(--s6) 0 var(--s8)}.tabbar{display:none}@media (max-width:720px){.top-actions .logout-top,.topnav{display:none}.topbar-inner{gap:var(--s2)}.tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;z-index:var(--z-nav);background:rgba(255,255,255,.97);border-top:1px solid var(--border-soft);padding-bottom:env(safe-area-inset-bottom)}.tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:4rem;font-size:.7rem;color:var(--muted);text-decoration:none;text-align:center;padding:0 2px}.tabbar a svg{width:1.35rem;height:1.35rem}.tabbar a[aria-current=page]{color:var(--ink);font-weight:500}.tabbar a[aria-current=page] svg{color:var(--gold-ink)}.has-tabbar main{padding-bottom:calc(6rem + env(safe-area-inset-bottom))}main{padding-top:var(--s5)}}.admin{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto;background:var(--surface);border-right:1px solid var(--border-soft);padding:var(--s5) var(--s3);gap:var(--s4)}.sidebar,.sidebar nav{display:flex;flex-direction:column}.sidebar nav{gap:2px}.sidebar .group{font-size:var(--fs-xs);letter-spacing:.2em;color:var(--muted);padding:var(--s3) var(--s3) var(--s1);font-weight:400}.sidebar nav a{display:flex;align-items:center;gap:var(--s3);min-height:var(--touch);padding:0 var(--s3);border-radius:var(--r-sm);color:var(--ink-2);text-decoration:none;font-weight:400;font-size:var(--fs-sm);transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.sidebar nav a svg{width:1.1rem;height:1.1rem;color:var(--muted);flex:0 0 auto}.sidebar nav a:hover{background:var(--ivory-2);color:var(--ink)}.sidebar nav a[aria-current=page]{background:var(--brand-soft);color:var(--brand-strong);font-weight:500}.sidebar nav a[aria-current=page] svg{color:var(--brand)}.admin-main{min-width:0}.admin-top{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-nav);display:flex;align-items:center;gap:var(--s3);min-height:4rem;padding:0 var(--s5);background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-soft)}.admin-content{padding:var(--s5);max-width:90rem}.menu-btn{display:none}@media (max-width:1024px){.admin{grid-template-columns:minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;width:min(19rem,86vw);z-index:var(--z-drawer);transform:translateX(-102%);transition:transform var(--t-med) var(--ease);box-shadow:var(--shadow-2)}.sidebar[data-open=true]{transform:none}.scrim{position:fixed;inset:0;background:rgba(36,30,58,.35);z-index:calc(var(--z-drawer) - 1)}.menu-btn{display:inline-flex}.admin-top{padding:0 var(--s3)}.admin-content{padding:var(--s4) var(--s3)}}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:var(--s6) var(--s4);background:radial-gradient(60rem 30rem at 10% -10%,#FFFFFF 0,transparent 60%),radial-gradient(40rem 24rem at 110% 110%,#E6DBFA 0,transparent 60%),var(--ivory)}.auth-card{width:100%;max-width:30rem;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-lg);padding:var(--s6) var(--s5);box-shadow:var(--shadow-2)}.auth-card.wide{max-width:40rem}.auth-brand{text-align:center;margin-bottom:var(--s5)}dialog.modal{border:1px solid var(--border-soft);border-radius:var(--r-lg);padding:0;width:min(36rem,calc(100vw - 1.5rem));max-height:calc(100vh - 2rem);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-2)}dialog.modal::-webkit-backdrop{background:rgba(36,30,58,.4)}dialog.modal::backdrop{background:rgba(36,30,58,.4)}dialog.modal[open]{animation:pop var(--t-med) var(--ease)}dialog.modal .m-head{padding:var(--s4) var(--s5);border-bottom:1px solid var(--border-soft);display:flex;justify-content:space-between;align-items:center;gap:var(--s3)}dialog.modal .m-head h2{margin:0;font-size:var(--fs-lg)}dialog.modal .m-body{padding:var(--s5);overflow-y:auto;max-height:calc(100vh - 10rem)}dialog.modal .m-foot{padding:var(--s3) var(--s5) var(--s4);display:flex;gap:var(--s2);justify-content:flex-end;flex-wrap:wrap;border-top:1px solid var(--border-soft)}@keyframes pop{0%{opacity:0;transform:translateY(6px) scale(.99)}to{opacity:1;transform:none}}@media (max-width:560px){dialog.modal{width:100vw;max-width:100vw;margin:auto 0 0;border-radius:var(--r-lg) var(--r-lg) 0 0;max-height:92vh}}.toasts{position:fixed;z-index:var(--z-toast);right:var(--s4);bottom:var(--s4);display:flex;flex-direction:column;gap:var(--s2);max-width:min(26rem,calc(100vw - 2rem))}.toast{background:#2C2148;color:var(--ivory);border-radius:var(--r-md);padding:var(--s3) var(--s4);box-shadow:var(--shadow-2);font-size:var(--fs-sm);animation:pop var(--t-med) var(--ease);display:flex;gap:var(--s3);align-items:flex-start}.toast.error{background:#5A1F15}.toast button{margin-left:auto;background:none;border:0;color:inherit;cursor:pointer;min-width:2rem;min-height:2rem;font:inherit}@media (max-width:720px){.has-tabbar .toasts{bottom:calc(5rem + env(safe-area-inset-bottom));left:var(--s3);right:var(--s3);max-width:none}}.ts{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface)}.ts button{min-width:2.75rem;min-height:2.75rem;border:0;background:none;font:inherit;color:var(--ink);cursor:pointer;border-radius:var(--r-pill);font-weight:400}.ts button:hover:not(:disabled){background:var(--ivory-2)}.ts button:disabled{opacity:.35;cursor:not-allowed}.ts output{font-size:var(--fs-xs);color:var(--muted);min-width:3rem;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (max-width:420px){.ts output{display:none}}.avatar{width:2.75rem;height:2.75rem;border-radius:50%;object-fit:cover;background:var(--gold-soft);border:2px solid #fff;box-shadow:0 0 0 1px var(--border);flex:0 0 auto}.avatar.lg{width:5.5rem;height:5.5rem}.avatar-fallback{display:inline-grid;place-items:center;color:var(--gold-ink);font-weight:500}.cover{object-fit:cover;background:linear-gradient(135deg,#EDE5FB,#F7F3FE)}.cover,.cover-fallback{aspect-ratio:16/7;max-height:18rem;width:100%;border-radius:var(--r-md)}.cover-fallback{background:linear-gradient(120deg,#EDE5FB,#D9CBF4 55%,#C3B0EC);display:grid;place-items:center;color:var(--brand-strong);letter-spacing:.3em;font-weight:500}.lb{list-style:none;padding:0;margin:0;flex-direction:column;gap:var(--s2)}.lb,.lb li{display:flex}.lb li{align-items:center;gap:var(--s3);background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-md);padding:var(--s3) var(--s4)}.lb li.me{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}.lb .rank{flex:0 0 2.5rem;height:2.5rem;border-radius:50%;display:grid;place-items:center;border:1px solid var(--border);font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lb li.top .rank{background:var(--brand-soft);color:var(--brand-strong);border-color:var(--brand-soft)}.lb li.top1 .rank{background:linear-gradient(145deg,#F5C542,#E09B12);color:#fff;border:0}.lb .who{flex:1 1;min-width:0}.lb .name{font-weight:500;overflow-wrap:anywhere}.lb .cnt{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lb .cnt b{font-size:var(--fs-xl);display:block;line-height:1}.bulk-row{display:grid;grid-template-columns:2.25rem minmax(0,2.3fr) minmax(0,1.2fr) minmax(0,1fr) auto;grid-gap:var(--s3);gap:var(--s3);align-items:start;padding:var(--s3);border:1px solid var(--border-soft);border-radius:var(--r-md);background:var(--surface);transition:border-color var(--t-fast) var(--ease)}.bulk-row.ok{border-color:#BFD9C9;background:#FAFDFB}.bulk-row.bad{border-color:#E3B9B0}.bulk-row .idx{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--muted);padding-top:.7rem;text-align:center}@media (max-width:860px){.bulk-row{grid-template-columns:2rem minmax(0,1fr)}.bulk-row>:nth-child(n+3){grid-column:2}}.timeline{list-style:none;padding:0;margin:0;border-left:1px solid var(--border)}.timeline li{position:relative;padding:0 0 var(--s3) var(--s4);font-size:var(--fs-sm)}.timeline li:before{content:"";position:absolute;left:-5px;top:.45rem;width:9px;height:9px;border-radius:50%;background:var(--gold)}dl.kv{display:grid;grid-template-columns:minmax(8rem,max-content) 1fr;grid-gap:var(--s2) var(--s4);gap:var(--s2) var(--s4);margin:0}dl.kv dt{color:var(--muted);font-size:var(--fs-sm)}dl.kv dd{margin:0;overflow-wrap:anywhere}@media (max-width:480px){dl.kv{grid-template-columns:1fr;gap:0 0}dl.kv dd{margin-bottom:var(--s2)}}.tabs{display:flex;gap:var(--s1);border-bottom:1px solid var(--border-soft);margin-bottom:var(--s5);overflow-x:auto}.tabs a{padding:var(--s3) var(--s4);text-decoration:none;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap;min-height:var(--touch);display:inline-flex;align-items:center;font-weight:400;transition:color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.tabs a:hover{color:var(--ink)}.tabs a[aria-current=page]{color:var(--ink);border-color:var(--gold)}.skeleton{background:linear-gradient(90deg,var(--ivory-2),#FBF8F2,var(--ivory-2));background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:var(--r-sm)}@keyframes shimmer{to{background-position:-200% 0}}.poster-preview{display:grid;grid-gap:var(--s3);gap:var(--s3);grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr))}.poster-preview img{border-radius:var(--r-md);border:1px solid var(--border-soft);box-shadow:var(--shadow-1);background:#fff}details.disclosure{border:1px solid var(--border-soft);border-radius:var(--r-md);background:var(--surface)}details.disclosure>summary{cursor:pointer;padding:var(--s3) var(--s4);min-height:var(--touch);display:flex;align-items:center;font-weight:400;list-style:none}details.disclosure>summary::-webkit-details-marker{display:none}details.disclosure>summary:after{content:"+";margin-left:auto;color:var(--gold-ink);font-size:1.2rem}details.disclosure[open]>summary:after{content:"−"}details.disclosure>div{padding:0 var(--s4) var(--s4)}.prose{max-width:46rem}.prose li,.prose p{overflow-wrap:anywhere}.prose h3{margin-top:var(--s4)}.prose blockquote{margin:0;padding-left:var(--s4);border-left:2px solid var(--gold);color:var(--ink-2)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@media print{.admin-top,.no-print,.sidebar,.tabbar,.topbar{display:none!important}body{background:#fff}}@media (max-width:720px){.admin-eyebrow,.admin-top .logout-top{display:none}.admin-top .top-actions{margin-left:auto}}@media (max-width:520px){.topbar-inner{flex-wrap:wrap;padding-top:var(--s2);padding-bottom:var(--s2);min-height:0}.top-actions{margin-left:auto}.admin-top{flex-wrap:wrap;padding-top:var(--s2);padding-bottom:var(--s2)}.btn{white-space:normal;text-align:center}.lb li{flex-wrap:wrap}.lb .who{min-width:8rem}}.badge.solid-purple{background:var(--brand);color:#fff;border-color:var(--brand)}.badge.solid-red{background:var(--danger);color:#fff;border-color:var(--danger)}.badge.solid-blue{background:var(--info);color:#fff;border-color:var(--info)}.logo{font-family:Kanit,serif;font-weight:300;letter-spacing:.12em;font-size:1.75rem;color:var(--ink);text-decoration:none;line-height:1}.logo:hover{color:var(--brand-strong)}.cshell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh}.csidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto;background:var(--surface);border-right:1px solid var(--border-soft);padding:var(--s5) var(--s3);display:flex;flex-direction:column;gap:var(--s5)}.csidebar .logo{padding:0 var(--s3)}.csidebar nav{display:flex;flex-direction:column;gap:4px}.csidebar nav a{display:flex;align-items:center;gap:var(--s3);min-height:var(--touch);padding:0 var(--s3);border-radius:var(--r-sm);color:var(--ink-2);text-decoration:none;font-weight:400;font-size:var(--fs-sm);transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.csidebar nav a svg{width:1.2rem;height:1.2rem;color:var(--muted);flex:0 0 auto}.csidebar nav a:hover{background:var(--brand-soft-2);color:var(--ink)}.csidebar nav a[aria-current=page]{background:var(--brand-soft);color:var(--brand-strong);font-weight:500}.csidebar nav a[aria-current=page] svg{color:var(--brand)}.csidebar-foot{margin-top:auto;padding:0 var(--s2)}.cmain{min-width:0;display:flex;flex-direction:column}.ctop{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-nav);gap:var(--s4);min-height:4.25rem;padding:0 var(--s5);background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-soft)}.csearch,.ctop{display:flex;align-items:center}.csearch{flex:1 1;max-width:32rem;gap:var(--s2);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:0 var(--s3);min-height:2.75rem;color:var(--muted)}.csearch:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px rgba(114,83,199,.15)}.csearch input{border:0;outline:0;flex:1 1;font:inherit;font-size:var(--fs-sm);background:transparent;color:var(--ink);min-width:0;min-height:2.6rem}.ctop-actions{margin-left:auto;display:flex;align-items:center;gap:var(--s3)}.icon-btn{position:relative;display:inline-grid;place-items:center;width:var(--touch);height:var(--touch);border-radius:50%;color:var(--ink-2)}.icon-btn:hover{background:var(--brand-soft-2);color:var(--brand-strong)}.icon-btn .dot{position:absolute;top:9px;right:10px;width:9px;height:9px;border-radius:50%;background:var(--danger);border:2px solid #fff}.usermenu{position:relative}.usermenu>summary{list-style:none;display:flex;align-items:center;gap:var(--s2);cursor:pointer;min-height:var(--touch);padding:2px var(--s2) 2px 2px;border-radius:var(--r-pill)}.usermenu>summary::-webkit-details-marker{display:none}.usermenu>summary:hover{background:var(--brand-soft-2)}.usermenu .handle{font-weight:500;font-size:var(--fs-sm);max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usermenu .avatar{width:2.25rem;height:2.25rem}.usermenu .menu{position:absolute;right:0;top:calc(100% + 6px);min-width:15rem;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-md);box-shadow:var(--shadow-2);padding:var(--s2);z-index:var(--z-drawer);display:flex;flex-direction:column}.usermenu .menu .menu-logout,.usermenu .menu a{display:flex;align-items:center;min-height:var(--touch);padding:0 var(--s3);border-radius:var(--r-sm);color:var(--ink-2);text-decoration:none;font:inherit;font-size:var(--fs-sm);background:none;border:0;cursor:pointer;text-align:left}.usermenu .menu .menu-logout:hover,.usermenu .menu a:hover{background:var(--brand-soft-2);color:var(--brand-strong)}.usermenu .menu-ts{padding:var(--s2) var(--s3);display:none}.ccontent{padding:var(--s5) var(--s5) var(--s8);max-width:84rem;width:100%}.mobile-only{display:none}@media (max-width:1024px){.cshell{grid-template-columns:minmax(0,1fr)}.csidebar{display:none}.mobile-only{display:inline-block}.usermenu .menu-ts{display:block}.ctop{padding:0 var(--s3);gap:var(--s3)}.ccontent{padding:var(--s4) var(--s3) var(--s8)}.cshell .tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;z-index:var(--z-nav);background:rgba(255,255,255,.97);border-top:1px solid var(--border-soft);padding-bottom:env(safe-area-inset-bottom)}.cshell .tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:4rem;font-size:.7rem;color:var(--muted);text-decoration:none;text-align:center;padding:0 2px}.cshell .tabbar a svg{width:1.35rem;height:1.35rem}.cshell .tabbar a[aria-current=page]{color:var(--brand-strong);font-weight:500}.cshell.has-tabbar .ccontent{padding-bottom:calc(6rem + env(safe-area-inset-bottom))}}@media (max-width:640px){.csearch,.usermenu .handle{display:none}.logo{font-size:1.4rem}}.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 19rem;grid-gap:var(--s5);gap:var(--s5);align-items:start}@media (max-width:1180px){.home-grid{grid-template-columns:minmax(0,1fr)}}.hero{position:relative;overflow:hidden;border-radius:var(--r-lg);padding:var(--s6) var(--s6);min-height:14rem;color:var(--ink);background:radial-gradient(28rem 18rem at 85% 30%,rgba(255,255,255,.55),transparent 70%),linear-gradient(120deg,#F3EEFC,#DCCEF6 48%,#B9A2EA);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-gap:var(--s4);gap:var(--s4);align-items:center}.hero .logo{font-size:1.5rem}.hero h2{font-size:clamp(1.4rem,3vw,2.1rem);margin:var(--s3) 0 var(--s1);font-weight:500}.hero .sub{color:var(--ink-2)}.hero .tag{color:var(--muted);font-size:var(--fs-sm)}.hero .date{font-weight:500;margin:var(--s3) 0}.hero-art{display:flex;gap:var(--s2);justify-content:flex-end;align-items:flex-end;min-height:10rem}.hero-art img{width:30%;max-width:9rem;aspect-ratio:3/4;object-fit:cover;border-radius:var(--r-md);box-shadow:0 10px 30px rgba(60,30,120,.25);background:#fff}.hero-art img:nth-child(2){transform:translateY(-12px)}.hero-art .bottle{width:4.5rem;border-radius:1.6rem 1.6rem .8rem .8rem;background:linear-gradient(160deg,#8B6CD8,#5B3DAE);box-shadow:0 12px 30px rgba(60,30,120,.3)}.hero-art .bottle.b1{height:9rem}.hero-art .bottle.b2{height:12rem;width:3.6rem;background:linear-gradient(160deg,#6E8B4A,#3E5A2A)}.hero-art .bottle.b3{height:7rem;width:6rem;border-radius:1rem}@media (max-width:720px){.hero{grid-template-columns:1fr;padding:var(--s5)}.hero-art{display:none}}.ccard{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-lg);padding:var(--s4);display:flex;flex-direction:column;gap:var(--s3);box-shadow:var(--shadow-1);min-width:0;transition:box-shadow var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.ccard:hover{border-color:#D6CAF1;box-shadow:var(--shadow-2)}.ccard h3{margin:0;font-size:var(--fs-md);font-weight:500;overflow-wrap:anywhere}.ccard .thumbs{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px;border-radius:var(--r-md);overflow:hidden;background:var(--brand-soft-2);aspect-ratio:16/7}.ccard .thumbs img{width:100%;height:100%;object-fit:cover}.ccard .thumbs.cover img{grid-column:1/-1}.ccard .thumbs .ph{grid-column:1/-1;display:grid;place-items:center;color:var(--brand-strong);letter-spacing:.25em;background:linear-gradient(120deg,#EFE8FC,#DCCEF6)}.ccard .state{display:flex;gap:var(--s2);align-items:center;font-size:var(--fs-sm)}.ccard .state.ok{color:var(--success)}.ccard .state.wait{color:var(--warn)}.ccard .state.lock{color:var(--muted)}.ccard .btn{margin-top:auto}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s3);margin:var(--s6) 0 var(--s3)}.section-head h2{margin:0;font-size:var(--fs-xl)}.section-head a{font-size:var(--fs-sm);text-decoration:none;font-weight:500}.pcard{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-lg);padding:var(--s5);box-shadow:var(--shadow-1)}.pcard .who{display:flex;gap:var(--s4);align-items:center}.pcard .avatar.xl{width:5.5rem;height:5.5rem}.pcard .stats{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--s3);gap:var(--s3);margin:var(--s5) 0}.pcard .stats b{display:block;font-size:var(--fs-2xl);font-weight:500;line-height:1.1}.pcard .stats span{font-size:var(--fs-sm);color:var(--muted)}.pcard .links{display:flex;flex-direction:column;border-top:1px solid var(--border-soft);padding-top:var(--s3)}.pcard .links a,.pcard .links button{display:flex;align-items:center;gap:var(--s3);min-height:var(--touch);padding:0 var(--s2);border-radius:var(--r-sm);color:var(--ink-2);text-decoration:none;font:inherit;background:none;border:0;cursor:pointer;text-align:left;width:100%}.pcard .links a:hover,.pcard .links button:hover{background:var(--brand-soft-2);color:var(--brand-strong)}.pcard .links svg{width:1.2rem;height:1.2rem;color:var(--muted)}.prod-grid{display:grid;grid-gap:var(--s4);gap:var(--s4);grid-template-columns:repeat(auto-fill,minmax(min(100%,12.5rem),1fr))}.prod{background:var(--surface);border-radius:var(--r-lg);display:flex;flex-direction:column;box-shadow:var(--shadow-1)}.prod .img{aspect-ratio:1/1;border-radius:var(--r-md);overflow:hidden;background:linear-gradient(140deg,#EFE8FC,#D9CBF4);display:grid;place-items:center;color:var(--brand-strong);letter-spacing:.25em}.prod .img img{width:100%;height:100%;object-fit:cover}.prod h3{font-size:var(--fs-sm);margin:0;font-weight:500;overflow-wrap:anywhere}.prod p{font-size:var(--fs-xs);color:var(--muted);margin:0}.prod .actions{margin-top:auto;display:flex;flex-direction:column;gap:6px}.podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:end;grid-gap:var(--s3);gap:var(--s3);margin:var(--s4) 0 var(--s5);text-align:center}.podium .p{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.podium .crown{font-size:1.5rem;line-height:1}.podium .p1 .crown{font-size:2rem}.podium .ring{border-radius:50%;padding:4px;background:linear-gradient(145deg,#C9B8EF,#8C6FD6)}.podium .p1 .ring{background:linear-gradient(145deg,#F7D35A,#E39B12)}.podium .p3 .ring{background:linear-gradient(145deg,#F4B6A0,#D67B5C)}.podium .ring .avatar{width:4.5rem;height:4.5rem;border:3px solid #fff;box-shadow:none}.podium .p1 .ring .avatar{width:6rem;height:6rem}.podium .name{font-weight:500;font-size:var(--fs-sm);overflow-wrap:anywhere;max-width:100%}.podium .cnt,.podium .r{font-weight:600}.podium .r{display:inline-grid;place-items:center;min-width:1.6rem;height:1.6rem;border-radius:50%;background:var(--brand-soft);color:var(--brand-strong);font-size:var(--fs-xs)}.podium .p1 .r{background:#F5C542;color:#5A3B00}@media (max-width:420px){.podium .ring .avatar{width:3.5rem;height:3.5rem}.podium .p1 .ring .avatar{width:4.5rem;height:4.5rem}}.rank-table tr.me td{background:var(--brand-soft)}.auth-split{width:100%;max-width:62rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);background:var(--surface);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-2);border:1px solid var(--border-soft)}.auth-art{position:relative;min-height:34rem;padding:var(--s6);color:#fff;background:linear-gradient(160deg,#8E6FDA,#6A4CC0 45%,#4B2F9A);display:flex;flex-direction:column;overflow:hidden}.auth-art.photo{background-size:cover;background-position:50%}.auth-art.photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(60,30,130,.55),rgba(60,30,130,.05) 55%,rgba(40,20,90,.35))}.auth-art>*{position:relative;z-index:1}.auth-art .logo{font-size:2.3rem}.auth-art .kicker{letter-spacing:.08em;font-size:var(--fs-sm);opacity:.9;margin-top:4px}.auth-art .tagline{font-size:var(--fs-xl);font-weight:400;margin-top:var(--s5);line-height:1.45}.auth-art .deco{margin-top:auto;display:flex;gap:var(--s3);align-items:flex-end;justify-content:center}.auth-art .deco span{display:block;border-radius:1.4rem 1.4rem .8rem .8rem;background:linear-gradient(160deg,rgba(255,255,255,.85),rgba(255,255,255,.35));box-shadow:0 14px 30px rgba(20,0,60,.25)}.auth-form{padding:var(--s6) var(--s6)}.auth-form h1{font-size:var(--fs-2xl);margin-bottom:2px}@media (max-width:860px){.auth-split{grid-template-columns:1fr}.auth-art{min-height:13rem;padding:var(--s5)}.auth-art .deco{display:none}.auth-art .tagline{margin-top:var(--s3);font-size:var(--fs-lg)}.auth-form{padding:var(--s5) var(--s4)}}.wait-card{border:1px solid var(--border-soft);border-radius:var(--r-lg);padding:var(--s5);display:flex;flex-direction:column;gap:var(--s3);background:var(--surface)}.wait-card .head{display:flex;gap:var(--s3);align-items:flex-start}.wait-card .head svg{color:#F29A1F;width:2rem;height:2rem;flex:0 0 auto}.wait-card .btn[aria-disabled=true]{background:var(--ivory-2);color:var(--muted);border-color:transparent}.bulk-row .idx{width:2.1rem;height:2.1rem;border-radius:50%;background:var(--brand-soft);color:var(--brand-strong);display:grid;place-items:center;font-weight:500;padding:0;margin-top:1.55rem}.add-row{width:100%;justify-content:flex-start}@media (min-width:1025px){.admin,.cshell{background:linear-gradient(90deg,var(--surface) calc(var(--sidebar) - 1px),var(--border-soft) calc(var(--sidebar) - 1px),var(--border-soft) var(--sidebar),transparent var(--sidebar))}}.cgrid{display:grid;grid-gap:var(--s4);gap:var(--s4);grid-template-columns:repeat(auto-fill,minmax(min(100%,15.5rem),1fr))}input[type=file].input{padding:.4rem .5rem}input[type=file]::-webkit-file-upload-button{font:inherit;font-size:var(--fs-sm);border:0;border-radius:var(--r-sm);background:var(--brand-soft);color:var(--brand-strong);padding:.45rem .9rem;margin-right:.75rem;cursor:pointer}input[type=file]::file-selector-button{font:inherit;font-size:var(--fs-sm);border:0;border-radius:var(--r-sm);background:var(--brand-soft);color:var(--brand-strong);padding:.45rem .9rem;margin-right:.75rem;cursor:pointer}input[type=file]::-webkit-file-upload-button:hover{background:#E3DAF8}input[type=file]::file-selector-button:hover{background:#E3DAF8}.handle-cell{min-width:12rem}.prod .desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.prod-camps,.prod-camps ul{display:flex;flex-direction:column;gap:4px}.prod-camps ul{list-style:none;margin:0;padding:0}.prod-camps li{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.prod-camps .badge{white-space:normal;text-align:left;text-decoration:none;overflow-wrap:anywhere}.prod-camps a.badge:hover{border-color:var(--brand)}.line-contact{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:var(--s4);border:1px solid #bfe5cc;background:#F1FBF4;border-radius:var(--r-md)}.line-contact .line-id{font-size:var(--fs-lg);font-weight:500;color:#06893A;letter-spacing:.02em}.btn.line{background:#06C755;border-color:#06C755;color:#fff}.btn.line:hover{background:#05B34C;border-color:#05B34C;color:#fff}body{background:radial-gradient(60rem 28rem at 100% -6rem,rgba(210,63,142,.09),transparent 70%),radial-gradient(50rem 26rem at 0 -8rem,rgba(106,63,209,.1),transparent 70%),var(--ivory) no-repeat;background-attachment:fixed}.btn.primary{box-shadow:0 6px 18px rgba(142,63,207,.28)}.btn.primary,.btn.primary:hover{background:var(--ribbon);border-color:transparent;color:#fff}.btn.primary:hover{filter:brightness(1.06) saturate(1.05)}.btn.soft{--bg:var(--brand-soft);--fg:var(--brand-strong)}.brand .word,.logo{background:var(--ribbon);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-art .logo{background:none;color:#fff}@media (forced-colors:active){.brand .word,.logo{color:CanvasText;background:none}}.csidebar nav a[aria-current=page],.sidebar nav a[aria-current=page]{background:var(--ribbon);color:#fff;box-shadow:0 6px 16px rgba(142,63,207,.25)}.csidebar nav a[aria-current=page] svg,.sidebar nav a[aria-current=page] svg{color:#fff}.csidebar nav a:first-child svg{color:var(--brand)}.csidebar nav a:nth-child(2) svg{color:var(--orchid)}.csidebar nav a:nth-child(3) svg{color:var(--peach)}.csidebar nav a:nth-child(4) svg{color:var(--sky)}.csidebar nav a:nth-child(5) svg{color:var(--mint)}.csidebar nav a:nth-child(6) svg{color:var(--brand)}.csidebar nav a:nth-child(7) svg{color:var(--butter)}.csidebar nav a:nth-child(8) svg{color:var(--orchid)}.csidebar nav a:nth-child(9) svg{color:var(--sky)}.cshell .tabbar a[aria-current=page] svg{color:var(--orchid)}.tabs a[aria-current=page]{border-image:var(--ribbon) 1;border-bottom-width:3px;color:var(--brand-strong);font-weight:500}.topnav a[aria-current=page]{background:var(--ribbon);color:#fff}.badge.gold{color:var(--brand-strong);background:var(--brand-soft);border-color:#D7C9F7}.badge.solid-purple{background:var(--ribbon);border-color:transparent}.badge.solid-red{background:linear-gradient(120deg,#E2453B,#F28A4B);border-color:transparent}.badge.solid-blue{background:linear-gradient(120deg,#2E7CE0,#18A3C4);border-color:transparent}.hero{color:#fff;background:radial-gradient(26rem 16rem at 88% 20%,rgba(255,255,255,.28),transparent 70%),radial-gradient(20rem 14rem at 10% 110%,rgba(255,190,120,.35),transparent 70%),var(--ribbon);box-shadow:0 18px 40px rgba(91,52,201,.25)}.hero .logo{background:none;color:#fff;opacity:.9}.hero .date,.hero .sub{color:rgba(255,255,255,.92)}.hero h2{color:#fff}.hero .btn.primary{background:#fff;color:var(--brand-strong);border-color:#fff;box-shadow:0 6px 18px rgba(20,0,60,.2)}.hero-art img{border:3px solid rgba(255,255,255,.85)}.ccard{border-top:4px solid var(--brand)}.ccard:has(.badge.solid-red){border-top-color:#E2453B}.ccard:has(.badge.solid-blue){border-top-color:var(--sky)}.ccard .thumbs .ph{background:var(--ribbon);color:#fff}.pcard{position:relative;overflow:hidden}.pcard:before{content:"";position:absolute;inset:0 0 auto 0;height:5.5rem;background:var(--ribbon);opacity:.12}.pcard>*{position:relative}.pcard .stats>div{border-radius:var(--r-md);padding:var(--s3)}.pcard .stats>div:first-child{background:var(--brand-soft)}.pcard .stats>div:first-child b{color:var(--brand-strong)}.pcard .stats>div:nth-child(2){background:var(--orchid-soft)}.pcard .stats>div:nth-child(2) b{color:var(--orchid)}.kpi{border-left:4px solid var(--brand)}.grid-3>.kpi:nth-child(3n+2),.grid-4>.kpi:nth-child(4n+2){border-left-color:var(--orchid)}.grid-3>.kpi:nth-child(3n),.grid-4>.kpi:nth-child(4n+3){border-left-color:var(--mint)}.grid-4>.kpi:nth-child(4n){border-left-color:var(--peach)}table.data th{background:linear-gradient(180deg,#F1ECFC,#EAE3FA)}.tint-lilac{--tint:#E9E0FD;--tint-2:#D6C6FA;--tint-ink:#4F2AAE}.tint-rose{--tint:#FDE4F0;--tint-2:#F8C6DE;--tint-ink:#A62468}.tint-peach{--tint:#FFE9DA;--tint-2:#FFCDAE;--tint-ink:#A2471A}.tint-mint{--tint:#DDF5EE;--tint-2:#B6E8D9;--tint-ink:#0B6E59}.tint-sky{--tint:#E2EEFD;--tint-2:#C2DAFA;--tint-ink:#1F5BB0}.prod-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr))}.prod{padding:var(--s3);gap:var(--s2);border:1px solid var(--border-soft);transition:box-shadow var(--t-fast) var(--ease)}.prod:hover{box-shadow:var(--shadow-2)}.prod .img{position:relative;background:linear-gradient(150deg,var(--tint,#EFE8FC),var(--tint-2,#D9CBF4));color:var(--tint-ink,var(--brand-strong))}.prod .img-link{display:block;width:100%;height:100%}.prod .img .ph{display:grid;place-items:center;width:100%;height:100%;font-size:var(--fs-lg)}.prod .img .cat{top:8px;background:rgba(255,255,255,.92);color:var(--tint-ink,var(--brand-strong));font-size:var(--fs-xs);padding:2px 10px;font-weight:500;max-width:calc(100% - 4rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prod .img .cat,.prod .img .count{position:absolute;left:8px;border-radius:var(--r-pill)}.prod .img .count{bottom:8px;background:rgba(36,30,58,.62);color:#fff;font-size:.7rem;padding:1px 8px}.cart-dot{position:absolute;right:8px;bottom:8px;width:2.75rem;height:2.75rem;border-radius:50%;display:grid;place-items:center;background:#111;color:#fff;box-shadow:-2px -2px 0 #25F4EE,2px 2px 0 #FE2C55;transition:transform var(--t-fast) var(--ease)}.cart-dot:hover{transform:scale(1.06);color:#fff}.prod h3{font-size:var(--fs-md);line-height:1.4}.prod h3 a{color:var(--ink);text-decoration:none}.prod h3 a:hover{color:var(--brand-strong)}.prod .desc{font-size:var(--fs-sm);-webkit-line-clamp:2}.price-row{display:flex;align-items:baseline;gap:var(--s2);flex-wrap:wrap}.price-row .price{color:var(--orchid);font-weight:600;font-size:var(--fs-lg)}.price-row .was{color:var(--muted);font-size:var(--fs-sm)}.price-row .size{margin-left:auto;font-size:var(--fs-xs);color:var(--tint-ink,var(--muted));background:var(--tint,var(--ivory-2));padding:1px 8px;border-radius:var(--r-pill)}.pd{display:flex;flex-direction:column;gap:var(--s5);padding-bottom:5rem}.pd-top{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-gap:var(--s6);gap:var(--s6);align-items:start}.pd-gallery{display:flex;flex-direction:column;gap:var(--s3);position:-webkit-sticky;position:sticky;top:5.5rem}.pd-main{position:relative;aspect-ratio:1/1;border-radius:1.5rem;overflow:hidden;background:radial-gradient(70% 60% at 50% 45%,#fff 0,var(--tint) 60%,var(--tint-2) 100%);box-shadow:0 20px 44px rgba(60,30,120,.12)}.pd-main img{width:100%;height:100%;object-fit:contain}.pd-main.ph{display:grid;place-items:center;color:var(--tint-ink);letter-spacing:.3em;font-size:var(--fs-2xl)}.pd-main .nav{position:absolute;top:50%;transform:translateY(-50%);width:var(--touch);height:var(--touch);border-radius:50%;border:0;background:rgba(255,255,255,.9);color:var(--ink);font-size:1.6rem;line-height:1;cursor:pointer;box-shadow:var(--shadow-1)}.pd-main .nav.prev{left:10px}.pd-main .nav.next{right:10px}.pd-main .pos{position:absolute;right:12px;bottom:12px;background:rgba(36,30,58,.6);color:#fff;font-size:var(--fs-xs);padding:2px 10px;border-radius:var(--r-pill)}.pd-thumbs{list-style:none;margin:0;padding:0;display:flex;gap:var(--s2);overflow-x:auto;scrollbar-width:thin}.pd-thumbs button{display:block;width:4.25rem;height:4.25rem;padding:0;border-radius:var(--r-md);overflow:hidden;border:2px solid transparent;background:var(--tint);cursor:pointer}.pd-thumbs button[aria-current=true]{border-color:var(--brand)}.pd-thumbs img{width:100%;height:100%;object-fit:cover}.pd-info{display:flex;flex-direction:column;gap:var(--s3);min-width:0}.pd-info h1{font-size:clamp(1.5rem,2.6vw,2.15rem);line-height:1.25;margin:0;overflow-wrap:anywhere}.chip{display:inline-flex;align-items:center;padding:3px 12px;border-radius:var(--r-pill);background:var(--tint-ink);color:#fff;font-size:var(--fs-xs);font-weight:500}.chip.quiet{background:var(--tint);color:var(--tint-ink)}.pd-tagline{font-size:var(--fs-lg);color:var(--ink-2);margin:0}.pd-price{display:flex;align-items:baseline;gap:var(--s3);flex-wrap:wrap}.pd-price .now{font-size:2.25rem;font-weight:600;color:var(--orchid);line-height:1.1}.pd-price s{color:var(--muted)}.pd-price .off{background:var(--orchid);color:#fff;font-size:var(--fs-sm);font-weight:500;padding:2px 10px;border-radius:var(--r-pill)}.pd-buy{display:flex;gap:var(--s3);flex-wrap:wrap}.btn.tiktok{background:#111;color:#fff;border-color:#111;box-shadow:-3px -3px 0 #25F4EE,3px 3px 0 #FE2C55;font-weight:500}.btn.tiktok:hover{background:#000;color:#fff;border-color:#000}.pd-camps{border-top:1px dashed var(--border);padding-top:var(--s3)}.pd-camps h2{margin:0 0 var(--s2);color:var(--muted);font-weight:400}.pd-camps ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.pd-camps li{display:flex;gap:var(--s2);align-items:center;flex-wrap:wrap}.pd-camps li a{font-weight:500}.pd-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(16rem,22rem);grid-gap:var(--s5);gap:var(--s5);align-items:start}.pd-body>:only-child{grid-column:1/-1}.pd-main-col{display:flex;flex-direction:column;gap:var(--s4);min-width:0}.pd-sec{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-lg);padding:var(--s5)}.pd-sec h2{font-size:var(--fs-lg);display:flex;align-items:center;gap:var(--s2)}.pd-sec h2:before{content:"";width:.55rem;height:1.3rem;border-radius:4px;background:var(--ribbon)}.prose{white-space:pre-line;overflow-wrap:anywhere}.pd-pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));grid-gap:var(--s4);gap:var(--s4)}ul.ticks{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--s2);gap:var(--s2)}ul.ticks li{position:relative;padding-left:2rem}ul.ticks li:before{content:"✓";position:absolute;left:0;top:.1rem;width:1.4rem;height:1.4rem;border-radius:50%;display:grid;place-items:center;font-size:.8rem;background:var(--mint-soft);color:var(--mint);font-weight:600}ol.steps{list-style:none;margin:0;padding:0;counter-reset:st;display:grid;grid-gap:var(--s3);gap:var(--s3)}ol.steps li{counter-increment:st;position:relative;padding-left:2.6rem;min-height:2rem}ol.steps li:before{content:counter(st);position:absolute;left:0;top:0;width:1.9rem;height:1.9rem;border-radius:50%;display:grid;place-items:center;background:var(--ribbon);color:#fff;font-weight:600;font-size:var(--fs-sm)}.creator-kit-card{position:-webkit-sticky;position:sticky;top:5.5rem;border-radius:var(--r-lg);padding:var(--s5);background:linear-gradient(160deg,#FFF8E6,#FFEFF6 70%);border:1px solid #f6d9a8}.creator-kit-card h2{display:flex;align-items:center;gap:var(--s2);font-size:var(--fs-lg);color:#8A4B00}.creator-kit-card .tips{margin:0 0 var(--s4);padding-left:1.2rem;display:grid;grid-gap:var(--s2);gap:var(--s2)}.creator-kit-card .tips li::marker{color:var(--peach)}.creator-kit-card .hash{border-top:1px dashed #ebc88a;padding-top:var(--s3);margin-bottom:var(--s3)}.creator-kit-card .tag{display:inline-block;margin:4px 6px 0 0;padding:2px 10px;border-radius:var(--r-pill);background:#fff;color:var(--orchid);font-size:var(--fs-sm);border:1px solid #f5c9df}.creator-kit-card .vids ul{list-style:none;margin:var(--s2) 0 0;padding:0;display:grid;grid-gap:6px;gap:6px}.creator-kit-card .vids a{gap:var(--s2);font-weight:500}.cart-float,.creator-kit-card .vids a{display:inline-flex;align-items:center}.cart-float{position:fixed;right:max(1.25rem,env(safe-area-inset-right));bottom:calc(1.25rem + env(safe-area-inset-bottom));z-index:var(--z-sticky);gap:var(--s3);padding:.55rem 1.1rem .55rem .55rem;border-radius:var(--r-pill);background:#111;color:#fff;text-decoration:none;box-shadow:-4px -4px 0 #25F4EE,4px 4px 0 #FE2C55,0 16px 34px rgba(0,0,0,.25)}.cart-float:hover{color:#fff;background:#000}.cart-float .ico{width:2.75rem;height:2.75rem;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,#FE2C55,#FF7A45)}.cart-float .txt{display:flex;flex-direction:column;line-height:1.15}.cart-float .txt b{font-weight:500}.cart-float .txt small{font-size:var(--fs-xs);opacity:.85}@media (max-width:1024px){.cart-float{bottom:calc(5.25rem + env(safe-area-inset-bottom))}}@media (max-width:900px){.pd-body,.pd-top{grid-template-columns:minmax(0,1fr)}.creator-kit-card,.pd-gallery{position:static}.pd-main{border-radius:var(--r-lg)}}.product-form fieldset.card{padding:var(--s5)}.product-form legend{font-size:var(--fs-lg);padding:0 var(--s2)}.product-form .creator-kit{background:linear-gradient(160deg,#FFFBF0,#FFF4F9);border-color:#F6D9A8}.gallery-edit{list-style:none;margin:var(--s2) 0 0;padding:0;display:grid;grid-gap:var(--s3);gap:var(--s3);grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr))}.gallery-edit li{position:relative;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--border);background:var(--surface-2);display:flex;flex-direction:column}.gallery-edit img{width:100%;aspect-ratio:1/1;object-fit:cover}.gallery-edit .cover-tag{position:absolute;left:6px;top:6px;background:var(--ribbon);color:#fff;font-size:.7rem;padding:1px 8px;border-radius:var(--r-pill)}.gallery-edit .tools{display:flex;justify-content:space-between}.gallery-edit .tools .btn{flex:1 1;min-height:2.5rem;padding:0;border-radius:0}.gallery-edit li.add{border:2px dashed #cdbdf2;background:var(--brand-soft-2)}.gallery-edit li.add button{flex:1 1;min-height:8.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;background:none;color:var(--brand-strong);font:inherit;cursor:pointer}.gallery-edit li.add .plus{font-size:2rem;line-height:1}.csidebar nav a[aria-current=page]:nth-child(n) svg{color:#fff}.prod .img .cat,.prod .img .count{letter-spacing:normal}.prod .img-link,.prod .img-link:hover{text-decoration:none;color:inherit}.ccard .thumbs:has(img:only-child) img{grid-column:1/-1}.ccard .thumbs:has(img:nth-child(2):last-child){grid-template-columns:1fr 1fr}@media (max-width:720px){.cart-float{padding:.4rem .9rem .4rem .4rem;gap:var(--s2)}.cart-float .ico{width:2.4rem;height:2.4rem}}.eyebrow{letter-spacing:.02em;text-transform:none;font-size:var(--fs-sm)}.sidebar .group{letter-spacing:.02em;font-weight:500;color:var(--brand-strong);opacity:.75}.prod .img{letter-spacing:normal}.prod .img .ph{letter-spacing:.3em}@media (max-width:560px){.prod-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}.prod{padding:var(--s2)}.prod h3{font-size:var(--fs-sm)}.price-row .size{margin-left:0}}.pd-sec-head{display:flex;justify-content:space-between;align-items:center;gap:var(--s2);margin-bottom:var(--s3)}.pd-sec-head h2{margin:0}.copy-sec{flex:0 0 auto;color:var(--muted)}.pd-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--s4);gap:var(--s4);align-items:start}.pd-grid .span-all{grid-column:1/-1}@media (max-width:900px){.pd-grid{grid-template-columns:minmax(0,1fr)}}.pd-sec{border-top:3px solid var(--tint-2,var(--brand-soft))}.pd-sec.tone-tip{background:linear-gradient(160deg,#FFFBF0,#FFF6EA);border-top-color:var(--butter)}.pd-sec.tone-warn{background:var(--warn-bg);border-top-color:#EAB04A}.pd-sec.tone-summary{background:linear-gradient(140deg,var(--tint,#F3EEFD),#fff 75%);border-top-color:var(--tint-ink,var(--brand))}.ingredients{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,13rem),1fr));grid-gap:var(--s3) var(--s4);gap:var(--s3) var(--s4)}.ingredients li{display:flex;flex-direction:column;gap:2px;padding-bottom:var(--s3);border-bottom:1px solid var(--border-soft)}.ingredients b{font-weight:500;color:var(--tint-ink,var(--ink))}.ingredients span{font-size:var(--fs-sm);color:var(--muted)}.hashtags{margin:0;display:flex;flex-wrap:wrap;gap:6px}.creator-kit-card .tag,.hashtags .tag{display:inline-block;padding:3px 12px;border-radius:var(--r-pill);background:var(--orchid-soft);color:var(--orchid);font-size:var(--fs-sm);border:1px solid #f5c9df;font-weight:500}.notif{display:inline-flex;align-items:center;gap:var(--s2);flex-wrap:wrap;font-size:var(--fs-sm);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:2px 4px 2px 12px;align-self:flex-start}.notif span{color:var(--muted)}.notif b{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.02em}.title-row{display:flex;gap:var(--s2);align-items:flex-start}.title-row h1{flex:1 1}.title-row .btn{margin-top:.35rem}.pd-copyall{display:flex;gap:var(--s2);flex-wrap:wrap}.pd>.creator-kit-card{position:static}.cat-tools{display:flex;flex-direction:column;gap:var(--s3);margin-bottom:var(--s4)}.cat-search{display:flex;gap:var(--s2);max-width:32rem}.cat-search .input{flex:1 1}.quick-picks{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}.quick-picks a{display:inline-flex;align-items:center;gap:6px;min-height:2.25rem;padding:0 12px 0 6px;border-radius:var(--r-pill);background:var(--tint);color:var(--tint-ink);text-decoration:none;font-size:var(--fs-sm);border:1px solid var(--tint-2)}.quick-picks a:before{content:"";width:1.4rem;height:1.4rem;border-radius:50%;background:linear-gradient(140deg,var(--tint-2),var(--tint-ink))}.quick-picks a:hover{filter:saturate(1.2)}.prod h3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.creator-kit-card .top-clips{list-style:none;margin:var(--s2) 0 0;padding:0;display:grid;grid-gap:6px;gap:6px}.creator-kit-card .top-clips a{display:inline-flex;align-items:center;gap:var(--s2);font-weight:500;min-height:2.25rem}.creator-kit-card .top-clips .rank{width:1.6rem;height:1.6rem;border-radius:50%;display:inline-grid;place-items:center;font-size:var(--fs-xs);font-weight:600;background:var(--butter-soft);color:#8A4B00;border:1px solid #f1d08a}.creator-kit-card .top-clips li:first-child .rank{background:linear-gradient(140deg,#F7D35A,#E39B12);color:#4A2E00;border-color:transparent}.creator-kit-card .top-clips li{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}.creator-kit-card .top-clips .from{font-size:var(--fs-sm);color:var(--muted)}.creator-kit-card .top-clips .from b{color:var(--ink-2);font-weight:500}.top-clips-edit ol{list-style:none;margin:var(--s2) 0;padding:0;display:grid;grid-gap:var(--s2);gap:var(--s2)}.top-clips-edit li{display:grid;grid-template-columns:2rem minmax(0,2fr) minmax(0,1fr) auto;grid-gap:var(--s2);gap:var(--s2);align-items:center}.top-clips-edit .rank{width:1.8rem;height:1.8rem;border-radius:50%;display:grid;place-items:center;background:var(--butter-soft);color:#8A4B00;font-weight:600;font-size:var(--fs-sm);border:1px solid #f1d08a}.top-clips-edit li:first-child .rank{background:linear-gradient(140deg,#F7D35A,#E39B12);color:#4A2E00;border-color:transparent}.top-clips-edit .tools{display:flex}@media (max-width:720px){.top-clips-edit li{grid-template-columns:2rem minmax(0,1fr)}.top-clips-edit .ch,.top-clips-edit .tools{grid-column:2}}