@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font:"Inter Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius:18px;--radius-sm:12px;--radius-pill:999px;--accent:#b07d2b;--accent-ink:#fff;--accent-soft:#b07d2b1f;--danger:#c2483b;--maxw:1180px;--nav-w:248px;--shadow-sm:0 1px 2px #14120e0d, 0 1px 3px #14120e0a;--shadow-md:0 6px 18px #14120e14;--shadow-lg:0 20px 55px #14120e24;--glass-blur:30px}[data-theme=light]{--bg:#f7f5f1;--surface:#fff;--surface-2:#f1efea;--text:#1b1a17;--muted:#7c786f;--border:#ebe8e1;--nav-bg:#ffffffd1;--glass-bg:#ffffff85;--glass-border:#ffffffa6;--glass-hi:#ffffffa6;--glass-shadow:0 12px 36px #28221633;--glass-active:#b07d2b24;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#14130f;--surface:#1d1b16;--surface-2:#262219;--text:#f3f1ea;--muted:#a8a298;--border:#322d23;--nav-bg:#14130fb8;--glass-bg:#1c1a147a;--glass-border:#ffffff24;--glass-hi:#ffffff29;--glass-shadow:0 12px 36px #00000080;--glass-active:#d8a65733;--accent:#d8a657;--accent-ink:#1a1407;--accent-soft:#d8a65729;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;transition:background .3s,color .3s}h1,h2,h3{letter-spacing:-.02em;margin:0;line-height:1.1}a{color:inherit;text-decoration:none}button{font-family:inherit}::selection{background:var(--accent-soft)}.app-shell,.app-main{min-height:100vh}.app-main-inner{max-width:var(--maxw);margin:0 auto;padding:32px 28px 44px}.center-screen{min-height:100vh;color:var(--muted);place-items:center;display:grid}.appnav{background:var(--nav-bg);-webkit-backdrop-filter:saturate(180%)blur(18px)}.appnav-brand{letter-spacing:.01em;color:var(--text);align-items:center;gap:10px;font-size:20px;font-weight:760;display:flex}.brand-mark{color:var(--accent)}.appnav-items{margin:0;padding:0;list-style:none}.navitem{color:var(--muted);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:12px;text-decoration:none;transition:background .15s,color .15s;display:flex}.navitem-icon{display:inline-flex}.navitem:hover{color:var(--text)}.navitem.is-active{color:var(--accent)}.navitem-primary,.navitem-primary:hover,.navitem-primary.is-active{color:var(--accent-ink)}@media (width>=860px){.appnav{width:var(--nav-w);border-right:1px solid var(--border);flex-direction:column;gap:8px;padding:26px 16px;display:flex;position:fixed;inset:0 auto 0 0}.appnav-brand{padding:4px 10px 18px}.appnav-items{flex-direction:column;gap:4px;display:flex}.navitem{padding:11px 14px;font-size:15px;font-weight:600}.navitem:hover{background:var(--surface-2)}.navitem.is-active{background:var(--accent-soft)}.navitem-primary,.navitem-primary.is-active{background:var(--accent);box-shadow:var(--shadow-sm);margin:6px 0}.navitem-primary:hover{background:var(--accent);filter:brightness(1.05)}.app-main{margin-left:var(--nav-w)}}@media (width<=859px){.appnav{z-index:50;background:var(--glass-bg);height:62px;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow), inset 0 1px 0 var(--glass-hi);border-radius:30px;align-items:center;display:flex;position:fixed;bottom:14px;left:14px;right:14px;overflow:visible}.appnav-brand{display:none}.appnav-items{flex:1;align-items:center;height:100%;display:flex}.appnav-items li{flex:1;justify-content:center;display:flex}.navitem{flex-direction:column;gap:3px;padding:6px 4px;font-size:11px;font-weight:600}.navitem .navitem-icon{border-radius:13px;padding:4px 14px;transition:background .18s}.navitem.is-active .navitem-icon{background:var(--glass-active)}.navitem-label{font-size:10.5px}.navitem-primary .navitem-icon{background:var(--accent);border:3px solid var(--glass-hi);width:52px;height:52px;box-shadow:var(--shadow-md), 0 6px 16px var(--accent-soft);border-radius:50%;justify-content:center;align-items:center;margin-top:-30px;padding:0;display:inline-flex}.navitem-primary.is-active .navitem-icon{background:var(--accent)}.navitem-primary .navitem-label{color:var(--muted)}.app-main{padding-bottom:100px}}.page{flex-direction:column;gap:22px;display:flex}.page-header{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.page-title{font-size:clamp(28px,4vw,40px);font-weight:760}.page-subtitle{color:var(--muted);margin:7px 0 0;font-size:15px}.page-actions{flex-shrink:0;gap:10px;display:flex}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-pill);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:transform .12s,box-shadow .15s,opacity .15s,filter .15s;display:inline-flex}.btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:default;box-shadow:none;transform:none}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-primary:hover{filter:brightness(1.04)}.btn-lg{padding:13px 24px;font-size:15px}.btn-block{width:100%}.btn-small{padding:7px 13px;font-size:13px}.icon-btn{border:1px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.icon-btn:hover{background:var(--surface-2);color:var(--accent)}.link-inline{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px}.field{flex-direction:column;gap:6px;font-size:14px;display:flex}.field>span{color:var(--muted);font-weight:500}.field span em{opacity:.8;font-size:12px;font-style:normal}.field input,.invite-create input{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:12px 13px;font-family:inherit;font-size:15px;transition:border-color .15s,box-shadow .15s}.field input:focus,.invite-create input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.form-error{border:1px solid var(--danger);color:var(--danger);border-radius:var(--radius-sm);background:#c2483b1a;padding:10px 13px;font-size:14px}.hint{color:var(--muted);margin:-2px 0 0;font-size:13px}.hint-ok{color:var(--accent)}.hint-bad{color:var(--danger)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:22px}.card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.card-head h3{align-items:center;gap:8px;font-size:16px;font-weight:680;display:flex}.setting-row{border-bottom:1px solid var(--border);width:100%;color:var(--text);text-align:left;background:0 0;border-top:0;border-left:0;border-right:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 2px;font-family:inherit;font-size:15px;display:flex}.setting-row:last-child{border-bottom:none}.setting-row span{align-items:center;gap:9px;display:inline-flex}.link-row{cursor:pointer}.link-row:hover{color:var(--accent)}.link-row.danger:hover{color:var(--danger)}.chev{color:var(--muted);font-size:20px}.toggle-pill{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:var(--radius-pill);cursor:pointer;align-items:center;gap:7px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.stat-tiles{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.stat-tiles.wide{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px}.tile-num{color:var(--accent);font-size:30px;font-weight:760;line-height:1}.tile-label{color:var(--muted);align-items:center;gap:6px;margin-top:8px;font-size:13px;display:flex}.avatar{background:var(--surface-2);width:40px;height:40px;color:var(--muted);border:1px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:inline-flex}.avatar-lg{width:64px;height:64px;color:var(--accent);background:var(--accent-soft);border-color:#0000;font-size:22px}.profile-head{align-items:center;gap:18px;display:flex}.profile-name{font-size:22px;font-weight:720}.badge{color:var(--muted);border:1px solid var(--border);border-radius:var(--radius-pill);padding:4px 11px;font-size:12px}.pill{border-radius:var(--radius-pill);border:1px solid var(--border);color:var(--muted);text-transform:capitalize;padding:3px 10px;font-size:12px}.pill-active{color:var(--accent);border-color:var(--accent)}.pill-pending{color:#b5862b;border-color:#d8b25e}.pill-grant{color:var(--accent);border-color:var(--accent)}.invite-create{flex-direction:column;gap:11px;margin-bottom:16px;display:flex}.check{color:var(--muted);align-items:center;gap:9px;font-size:14px;display:flex}.invite-list,.user-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.invite-row{flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;display:flex}.invite-row code{background:var(--surface-2);border:1px solid var(--border);border-radius:7px;padding:4px 9px;font-size:13px}.user-row{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding-bottom:14px;display:flex}.user-row:last-child{border-bottom:none;padding-bottom:0}.user-main{flex-direction:column;flex:1;min-width:150px;display:flex}.user-actions{gap:8px;margin-left:auto;display:flex}.pad{padding:8px 0}.seg{background:var(--surface-2);border-radius:var(--radius-pill);gap:2px;padding:3px;display:inline-flex}.seg-btn{color:var(--muted);border-radius:var(--radius-pill);cursor:pointer;text-transform:capitalize;background:0 0;border:none;padding:5px 13px;font-size:13px;font-weight:600}.seg-btn.is-on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:60px 24px;display:flex}.empty-state h2{font-size:22px;font-weight:700}.empty-state p{max-width:430px;margin:0}.empty-mark{width:96px;height:96px;color:var(--accent);background:var(--accent-soft);border-radius:28px;place-items:center;margin-bottom:6px;display:grid}.empty-mark.soft{color:var(--muted);background:var(--surface-2)}.empty-state .btn{margin-top:8px}.muted{color:var(--muted)}.small{font-size:12px}@media (width<=600px){.hide-sm{display:none}}.theme-toggle{border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,transform .2s;display:inline-flex}.theme-toggle:hover{background:var(--surface-2);transform:translateY(-1px)}.theme-toggle.floating{z-index:5;position:absolute;top:22px;right:22px}.auth-layout{grid-template-columns:1fr;min-height:100vh;display:grid}.auth-brandpanel{display:none}.auth-formside{justify-content:center;align-items:center;min-height:100vh;padding:32px 24px;display:flex;position:relative}.auth-form{flex-direction:column;gap:14px;width:100%;max-width:380px;display:flex}.auth-form.centered-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);text-align:center;padding:34px 30px}.auth-form-brand{color:var(--text);align-items:center;gap:9px;margin-bottom:4px;font-size:19px;font-weight:760;display:flex}.auth-form-brand svg,.brandpanel-logo svg{color:var(--accent)}.auth-form.centered-card .auth-form-brand{justify-content:center}.auth-form h1{font-size:28px;font-weight:740}.auth-sub{color:var(--muted);margin:0 0 6px;font-size:15px;line-height:1.5}.auth-foot{color:var(--muted);text-align:center;margin:8px 0 0;font-size:14px}@media (width>=860px){.auth-layout{grid-template-columns:1.05fr 1fr}.auth-brandpanel{color:#463a23;background:linear-gradient(150deg,#f4ecda 0%,#efe6d4 42%,#e6dbc4 100%);align-items:center;padding:56px;display:flex}[data-theme=dark] .auth-brandpanel{color:#e9dcc0;background:linear-gradient(150deg,#221d12 0%,#1b1710 60%,#14110b 100%)}.brandpanel-inner{max-width:420px}.brandpanel-logo{align-items:center;gap:11px;font-size:24px;font-weight:760;display:flex}.brandpanel-tag{margin:28px 0 14px;font-size:clamp(30px,3.4vw,44px);font-weight:770;line-height:1.05}.brandpanel-inner p{opacity:.82;margin:0;font-size:17px;line-height:1.5}.auth-form-brand{display:none}.auth-form-brand.always{display:flex}}.hat-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;display:grid}@media (width<=520px){.hat-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.hat-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);flex-direction:column;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.hat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.hat-card-img{aspect-ratio:1;background:var(--surface-2);position:relative}.hat-card-img img{object-fit:cover;width:100%;height:100%;display:block}.hat-card-noimg{width:100%;height:100%;color:var(--muted);place-items:center;display:grid}.hat-card-flag{color:var(--accent);font-size:12px;position:absolute;top:10px;right:10px}.hat-card-meta{padding:12px 14px}.hat-card-name{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:650;overflow:hidden}.hat-card-sub{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-top:4px;font-size:13px;display:flex}.dots{gap:4px;display:inline-flex}.dots i{border:1px solid #00000014;border-radius:50%;width:11px;height:11px;display:inline-block}.skeleton{background:linear-gradient(90deg, var(--surface-2), var(--surface), var(--surface-2));background-size:200% 100%;border:none;min-height:240px;animation:1.3s infinite sk}@keyframes sk{0%{background-position:200% 0}to{background-position:-200% 0}}.dropzone{text-align:center;border:2px dashed var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;flex-direction:column;align-items:center;gap:12px;padding:56px 24px;transition:border-color .15s,background .15s;display:flex}.dropzone:hover,.dropzone.is-drag{border-color:var(--accent);background:var(--accent-soft)}.dropzone.is-busy{opacity:.7;pointer-events:none}.dropzone-mark{width:88px;height:88px;color:var(--accent);background:var(--accent-soft);border-radius:26px;place-items:center;display:grid}.dropzone h2{font-size:20px}.detail-topbar{align-items:center;gap:10px;display:flex}.detail-topbar .spacer{flex:1}.icon-danger:hover{color:var(--danger);border-color:var(--danger)}.detail-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=820px){.detail-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}}.gallery-main{aspect-ratio:1;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);place-items:center;display:grid;overflow:hidden}.gallery-main img{object-fit:cover;width:100%;height:100%}.gallery-thumbs{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.gthumb{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:12px;width:64px;height:64px;padding:0;position:relative;overflow:hidden}.gthumb img{object-fit:cover;width:100%;height:100%}.gthumb.is-active{outline:2px solid var(--accent);outline-offset:1px}.gthumb.add{color:var(--muted);border-style:dashed;place-items:center;display:grid}.gthumb-cover{color:#fff;background:var(--accent);border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;top:3px;left:3px}.gthumb-actions{opacity:0;background:#00000040;justify-content:flex-end;align-items:flex-start;gap:3px;padding:3px;transition:opacity .15s;display:flex;position:absolute;inset:0}.gthumb:hover .gthumb-actions{opacity:1}.gthumb-actions .mini{color:#222;background:#ffffffeb;border-radius:6px;place-items:center;width:20px;height:20px;display:grid}.gthumb-actions .mini.danger{color:var(--danger)}.detail-name{font-size:clamp(24px,3.4vw,34px);font-weight:760}.chips{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.chip{border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);padding:5px 12px;font-size:13px;font-weight:600}.chip.ghost{background:var(--surface-2);color:var(--muted)}.swatch-row{flex-wrap:wrap;gap:14px;margin-top:16px;display:flex}.swatch{color:var(--muted);text-transform:capitalize;align-items:center;gap:7px;font-size:13px;display:inline-flex}.swatch i{border:1px solid #0000001a;border-radius:50%;width:18px;height:18px}.story-card{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);margin-top:20px;padding:18px 20px}.story-label{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:6px;font-size:12px;font-weight:700}.story-card p{margin:0;line-height:1.55}.detail-facts{margin-top:18px;padding:6px 20px}.fact{border-bottom:1px solid var(--border);justify-content:space-between;gap:16px;padding:11px 0;font-size:14px;display:flex}.fact:last-child{border-bottom:none}.fact-k{color:var(--muted)}.fact-v{text-align:right;font-weight:600}.notes{margin-top:14px;line-height:1.5}.edit-form{flex-direction:column;gap:16px;display:flex}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field textarea,.field select{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:11px 12px;font-family:inherit;font-size:15px}.field textarea:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.hint-banner{background:var(--accent-soft);color:var(--accent);border-radius:var(--radius-sm);padding:11px 14px;font-size:14px}.color-editor{flex-direction:column;gap:8px;display:flex}.color-row{align-items:center;gap:8px;display:flex}.color-row input[type=color]{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:10px;width:42px;height:38px;padding:0}.color-row .bucket{flex:1}.select-add{gap:6px;display:flex}.select-add select{flex:1}.cf-row{gap:8px;margin-top:8px;display:flex}.cf-row input{flex:1}.more{border-top:1px solid var(--border);margin-top:4px;padding-top:10px}.more>summary{cursor:pointer;color:var(--accent);padding:6px 0;font-size:14px;font-weight:600}.more>.field,.more>.field-row{margin-top:12px}.cap{text-transform:capitalize}.stats-strip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);flex-wrap:wrap;align-items:center;gap:18px;padding:10px 16px;font-size:14px;display:flex}.stats-strip b{color:var(--accent);font-weight:760}.color-bar{align-items:center;gap:4px;display:inline-flex}.color-bar i{border:1px solid #00000014;border-radius:5px;width:16px;height:16px;display:inline-block}.filters{flex-direction:column;gap:8px;display:flex}.filter-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);min-width:64px;font-size:11px;font-weight:700}.filter-chip,.color-chip{background:var(--surface-2);border:1px solid var(--border);color:var(--muted);border-radius:var(--radius-pill);cursor:pointer;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.filter-chip:hover,.color-chip:hover{color:var(--text)}.filter-chip.is-on,.color-chip.is-on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.color-chip i{border:1px solid #0000001a;border-radius:50%;width:13px;height:13px;display:inline-block}.filter-chip .ct,.color-chip .ct{opacity:.75;font-size:11px;font-style:normal}.react-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-pill);cursor:pointer;align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:600;transition:transform .12s,background .15s,color .15s,border-color .15s;display:inline-flex}.react-btn:hover{transform:translateY(-1px)}.react-btn .ct{color:var(--muted)}.react-btn.is-mine,.react-btn.is-mine .ct{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.react-btn-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(14px)saturate(180%);border:1px solid var(--glass-border);color:var(--text);border-radius:var(--radius-pill);cursor:pointer;box-shadow:var(--shadow-sm), inset 0 1px 0 var(--glass-hi);align-items:center;gap:5px;padding:4px 9px;font-size:11px;font-weight:700;transition:transform .12s;display:inline-flex;position:absolute;bottom:8px;right:8px}.react-btn-card:hover:not(:disabled){transform:translateY(-1px)}.react-btn-card:disabled{cursor:default}.react-btn-card.is-mine{color:var(--accent);border-color:var(--accent)}.react-btn-card.read-only{pointer-events:none;opacity:.85}.hat-card-owner{color:var(--muted);align-items:center;gap:7px;margin-top:-4px;padding:0 14px 12px;font-size:12px;display:flex}.hat-card-owner .avatar{width:22px;height:22px;font-size:11px}.hat-card-owner-name{color:var(--text);font-weight:600}.deg-pill{background:var(--surface-2);border-radius:var(--radius-pill);color:var(--muted);border:1px solid var(--border);margin-left:auto;padding:1px 8px;font-size:10px;font-weight:700}.detail-owner-bar{align-items:center;gap:12px;margin-bottom:10px;display:flex}.detail-owner-bar .avatar{width:40px;height:40px;font-size:14px}.detail-owner-name{font-size:15px;font-weight:660}.empty-state.slim{gap:10px;padding:28px 20px}.chip.exposed{color:var(--accent);border:1px solid var(--accent);background:#b07d2b29;font-weight:700}.pill-acknowledged{color:#4a7fb8;border-color:#4a7fb8}.pill-countered{color:#b5862b;border-color:#d8b25e}.pill-declined{color:var(--muted)}.pill-accepted{color:var(--accent);border-color:var(--accent)}.modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:100;background:#0f0d0873;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:460px;max-height:90vh;box-shadow:var(--shadow-lg);flex-direction:column;gap:14px;padding:24px 22px;display:flex;overflow-y:auto}.modal-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.modal-head h2{margin:0;font-size:20px;font-weight:720}.radio-stack{flex-direction:column;gap:8px;display:flex}.radio-row{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;align-items:flex-start;gap:9px;padding:10px 12px;font-size:14px;line-height:1.4;display:flex}.radio-row.is-on{border-color:var(--accent);background:var(--accent-soft)}.radio-row input{accent-color:var(--accent);margin-top:3px}.bar-checklist{flex-direction:column;gap:10px;display:flex}.bar-checklist ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.bar-checklist li{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);align-items:center;gap:8px;padding:9px 12px;font-size:14px;display:flex}.bar-checklist li svg{color:var(--danger);flex-shrink:0}.offer-target{align-items:center;gap:12px;display:flex}.offer-target img{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);width:60px;height:60px}.offer-target-name{font-size:16px;font-weight:660}.trade-row{gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.trade-item{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;align-items:center;gap:6px;min-width:88px;padding:6px;transition:border-color .15s,background .15s;display:flex}.trade-item img,.trade-noimg{object-fit:cover;background:var(--surface-2);border-radius:10px;width:76px;height:76px}.trade-noimg{color:var(--muted);place-items:center;display:grid}.trade-item.is-on{border-color:var(--accent);background:var(--accent-soft)}.trade-name{text-overflow:ellipsis;white-space:nowrap;max-width:78px;font-size:11px;overflow:hidden}.offer-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.offer-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:inherit;align-items:center;gap:14px;padding:12px;text-decoration:none;transition:transform .12s,box-shadow .12s;display:flex}.offer-row:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.offer-hat{border-radius:var(--radius-sm);background:var(--surface-2);flex-shrink:0;width:64px;height:64px;overflow:hidden}.offer-hat img{object-fit:cover;width:100%;height:100%}.offer-hat-noimg{width:100%;height:100%}.offer-main{flex:1;min-width:0}.offer-title{font-size:15px;font-weight:650}.offer-right{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.offer-amount{color:var(--text);font-size:14px;font-weight:660}.offer-head{align-items:center;gap:16px;display:flex}.offer-head-img{object-fit:cover;border-radius:var(--radius);border:1px solid var(--border);width:100px;height:100px}.offer-head h1{margin:4px 0 2px}.event-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.event-row{gap:12px;font-size:14px;line-height:1.45;display:flex}.event-icon{background:var(--accent-soft);width:28px;height:28px;color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.offer-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.receipts{flex-direction:column;gap:12px;display:flex}.receipt-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.receipt-row{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:10px;display:flex}.receipt-thumb-link{flex-shrink:0;line-height:0}.receipt-thumb{object-fit:cover;border:1px solid var(--border);border-radius:8px;width:64px;height:64px;display:block}.receipt-fields{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.receipt-fields input{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:8px;width:100%;padding:7px 10px;font-family:inherit;font-size:13px}.receipt-money{gap:6px;display:flex}.receipt-money input{flex:1}.receipt-actions{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.signal-row{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.signal-row:last-of-type{border-bottom:none}.signal-row>label{flex:1;min-width:220px}.signal-inputs{gap:6px;display:flex}.signal-inputs input{background:var(--surface);border:1px solid var(--border);width:84px;color:var(--text);border-radius:8px;padding:6px 9px;font-family:inherit;font-size:13px}.signal-inputs input:disabled{opacity:.45}