/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:host,:root{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--radius-sm:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\[jobs\:cleanup-tmp-orphans\]{jobs:cleanup-tmp-orphans}.\[jobs\:keyword-scan\]{jobs:keyword-scan}}:root{--font-sans:var(--font-geist),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:var(--font-geist-mono),ui-monospace,"SF Mono",Menlo,monospace;--surface:#0b0b0d;--bg:var(--surface);--surface-alt:#151517;--panel:#151517;--card:#1a1a1d;--card-raised:#18181b;--text:#f5f5f6;--text-strong:#fff;--text-secondary:#fffc;--text-tertiary:#fff9;--muted:#97979f;--ink:#fff;--shadow-ink:#000;--sink:#000;--glass:#151518;--border:var(--ink)}@supports (color:color-mix(in lab,red,red)){:root{--border:color-mix(in srgb,var(--ink) 8%,transparent)}}:root{--accent:#c2447c;--accent-dark:#e8a4c2;--accent-soft:var(--accent)}@supports (color:color-mix(in lab,red,red)){:root{--accent-soft:color-mix(in srgb,var(--accent) 14%,transparent)}}:root{--on-accent:#fff;--danger:#ef4444;--danger-text:#f87171;--success:#10b981;--warning:#f59e0b;--info:#3b82f6;--qr-surface:#fff;--control-scheme:dark;--file-thumb:#333;--onboarding-hero-tint:#d946ef1a;--onboarding-brand-chip:#1e1928cc;--caution-text:#facc15;--caution-text-warm:#ffc36d;--dialog-scrim:#06040aa6;--hero-3:#5a2038;--hero-4:#4d1c30;--hero-eyebrow:#f47dbb;--login-hero-1:#14100f;--login-hero-2:#100c0e;--login-hero-3:#0b0a0c;--mint:#63e5bf;--mint-bg:#3ed3a7;--mint-soft:#7ee7c5;--mint-strong:#64e1bb;--ok:#22c55e;--ok-text:#4ade80;--orb-blush:#ffb9e6;--orb-magenta:#d13697;--search-topic-kol-to:#7c3fae;--search-topic-live-to:#2563eb;--search-topic-nguon-to:#b8446f;--search-topic-van-to:#0f9488;--upgrade-hero-2:#211318;--upgrade-hero-3:#281319;--avatar-lilac:#a8b1ff;--caution:#eab308;--on-avatar-lilac:#1e1928;--avatar-placeholder:#332d41;--danger-text-soft:#fca5a5;--hero-1:#1a1015;--hero-2:#3d1626;--hero-cta-bg:#fff;--hero-cta-bg-hover:#f6e5f2;--hero-cta-text:#3d1626;--highlight-rose:#f43f5e;--search-hero-1:#1c1126;--search-hero-2:#2d1637;--teal:#4fd1c5;--topic-kol-from:#4c1d95;--topic-kol-to:#6b21a8;--topic-live-from:#1e3a8a;--topic-live-to:#1d4ed8;--topic-nguon-from:#7c2d12;--topic-nguon-to:#9f1239;--topic-sell-to:#b45309;--topic-van-from:#064e3b;--topic-van-to:#0f766e;--focus-ring:var(--accent);--overlay:var(--shadow-ink)}@supports (color:color-mix(in lab,red,red)){:root{--overlay:color-mix(in srgb,var(--shadow-ink) 70%,transparent)}}:root{--radius:18px;--radius-sm:12px;--radius-pill:999px;--shadow-diffuse:0 20px 40px -24px var(--shadow-ink)}@supports (color:color-mix(in lab,red,red)){:root{--shadow-diffuse:0 20px 40px -24px color-mix(in srgb,var(--shadow-ink) 55%,transparent)}}:root[data-theme=light]{--surface:#f7f6f8;--surface-alt:#fff;--panel:#fff;--card:#fff;--card-raised:#fff;--text:#18181b;--text-strong:#0b0b0d;--text-secondary:#3f3f46;--text-tertiary:#5f5f68;--muted:#5f5f68;--ink:#18181b;--shadow-ink:#18181b;--sink:#a1a1aa;--glass:#fff;--accent-dark:#9e2f60;--danger:#dc2626;--danger-text:#b91c1c;--success:#047857;--warning:#b45309;--info:#1d4ed8;--control-scheme:light;--file-thumb:#e4e4e7;--onboarding-brand-chip:#ffffffd9;--caution-text:#a16207;--caution-text-warm:#b45309;--dialog-scrim:#18181b73;--hero-3:#f4c6db;--hero-4:#f6d2e2;--hero-eyebrow:#b0306c;--login-hero-1:#fbf6f9;--login-hero-2:#f7eef3;--login-hero-3:#f3e8ee;--mint:#047857;--mint-soft:#065f46;--mint-strong:#047857;--ok:#15803d;--ok-text:#15803d;--upgrade-hero-2:#fbeef3;--upgrade-hero-3:#f7e3ec;--caution:#a16207;--avatar-placeholder:#e7e2ec;--danger-text-soft:#b91c1c;--hero-1:#fdf2f7;--hero-2:#f9dce9;--hero-cta-bg-hover:#fbe9f1;--highlight-rose:#be123c;--search-hero-1:#f8f1fb;--search-hero-2:#efe0f6;--teal:#0f766e;--overlay:var(--shadow-ink)}@supports (color:color-mix(in lab,red,red)){:root[data-theme=light]{--overlay:color-mix(in srgb,var(--shadow-ink) 45%,transparent)}}:root[data-theme=light]{--shadow-diffuse:0 20px 40px -24px var(--shadow-ink)}@supports (color:color-mix(in lab,red,red)){:root[data-theme=light]{--shadow-diffuse:0 20px 40px -24px color-mix(in srgb,var(--shadow-ink) 18%,transparent)}}@media (prefers-color-scheme:light){:root:not([data-theme]){--surface:#f7f6f8;--surface-alt:#fff;--panel:#fff;--card:#fff;--card-raised:#fff;--text:#18181b;--text-strong:#0b0b0d;--text-secondary:#3f3f46;--text-tertiary:#5f5f68;--muted:#5f5f68;--ink:#18181b;--shadow-ink:#18181b;--sink:#a1a1aa;--glass:#fff;--accent-dark:#9e2f60;--danger:#dc2626;--danger-text:#b91c1c;--success:#047857;--warning:#b45309;--info:#1d4ed8;--control-scheme:light;--file-thumb:#e4e4e7;--onboarding-brand-chip:#ffffffd9;--caution-text:#a16207;--caution-text-warm:#b45309;--dialog-scrim:#18181b73;--hero-3:#f4c6db;--hero-4:#f6d2e2;--hero-eyebrow:#b0306c;--login-hero-1:#fbf6f9;--login-hero-2:#f7eef3;--login-hero-3:#f3e8ee;--mint:#047857;--mint-soft:#065f46;--mint-strong:#047857;--ok:#15803d;--ok-text:#15803d;--upgrade-hero-2:#fbeef3;--upgrade-hero-3:#f7e3ec;--caution:#a16207;--avatar-placeholder:#e7e2ec;--danger-text-soft:#b91c1c;--hero-1:#fdf2f7;--hero-2:#f9dce9;--hero-cta-bg-hover:#fbe9f1;--highlight-rose:#be123c;--search-hero-1:#f8f1fb;--search-hero-2:#efe0f6;--teal:#0f766e;--overlay:var(--shadow-ink)}@supports (color:color-mix(in lab,red,red)){:root:not([data-theme]){--overlay:color-mix(in srgb,var(--shadow-ink) 45%,transparent)}}:root:not([data-theme]){--shadow-diffuse:0 20px 40px -24px var(--shadow-ink)}@supports (color:color-mix(in lab,red,red)){:root:not([data-theme]){--shadow-diffuse:0 20px 40px -24px color-mix(in srgb,var(--shadow-ink) 18%,transparent)}}}*{box-sizing:border-box}img{max-width:100%}body,html{background:var(--surface);color:var(--text);overscroll-behavior-x:none;overflow-x:hidden}body{width:100%;max-width:100%;font:14px/1.5 var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--accent-dark);text-decoration:none}a:hover{color:var(--accent)}button,input,select,textarea{font:inherit;color:inherit}a,button,input:not([type=checkbox]):not([type=radio]),select,textarea{min-height:44px}input[type=checkbox],input[type=radio]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;flex-shrink:0;margin:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}button{cursor:pointer;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-alt);padding:8px 16px;font-weight:600;transition:transform .15s cubic-bezier(.16,1,.3,1),background .15s,border-color .15s,filter .15s}button:hover:not(:disabled){background:var(--border)}button:active:not(:disabled){transform:scale(.98)}button:disabled{cursor:not-allowed;opacity:.55}button[type=submit]{background:var(--accent);color:var(--on-accent);border-color:#0000}button[type=submit]:hover:not(:disabled){filter:brightness(1.12)}input:not([type=checkbox]):not([type=radio]),select,textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-alt);width:100%;color:var(--text);padding:10px 14px;display:block}select{color-scheme:var(--control-scheme)}select option{color:var(--text);background:var(--surface-alt)}textarea{resize:vertical;min-height:90px}.community-app{min-height:100vh;display:grid}.community-sidebar{border-right:1px solid var(--border);flex-direction:column;gap:8px;height:100vh;display:flex;position:sticky;top:0}.community-content{flex-direction:column;min-width:0;display:flex}.brand{color:var(--text);letter-spacing:-.03em;gap:9px;padding:0 12px 4px;font-size:22px;font-weight:700}.brand,.brand-mark{align-items:center;display:inline-flex}.brand-mark{width:32px;height:32px;border-radius:10px;justify-content:center}.sidebar-kicker{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:2px 12px 22px;font-size:11px;font-weight:600}.side-nav{gap:2px;display:grid}.side-nav a{border-radius:var(--radius-sm);color:var(--muted);align-items:center;gap:12px;padding:11px 14px;font-size:14px;font-weight:600;transition:color .15s;display:flex;position:relative}.side-nav a:not([aria-current=page]):hover{color:var(--text);background:var(--ink)}@supports (color:color-mix(in lab,red,red)){.side-nav a:not([aria-current=page]):hover{background:color-mix(in srgb,var(--ink) 5%,transparent)}}.side-nav a[aria-current=page]{color:var(--text)}.side-nav a[aria-current=page] svg{color:var(--accent-dark);z-index:1;position:relative}.side-nav a[aria-current=page] span{z-index:1;position:relative}.side-nav-active-pill{border-radius:var(--radius-sm);background:var(--accent-soft);position:absolute;inset:0}.side-nav-active-pill:before{content:"";border-radius:var(--radius-pill);background:var(--accent);width:3px;height:18px;position:absolute;top:50%;left:-14px;translate:0 -50%}.mobile-nav{display:none}.pro-banner{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);margin-top:auto;padding:16px;transition:transform .2s,border-color .2s}.pro-banner:hover{border-color:var(--accent);transform:translateY(-2px)}@supports (color:color-mix(in lab,red,red)){.pro-banner:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}}.pro-banner-title{color:var(--accent-dark);align-items:center;gap:6px;margin-bottom:6px;font-size:14px;font-weight:700;display:flex}.pro-banner p{color:var(--muted);margin:0;font-size:12px;line-height:1.4}.sidebar-profile{border:1px solid var(--border);background:var(--ink);border-radius:14px;margin-top:16px;padding:6px}@supports (color:color-mix(in lab,red,red)){.sidebar-profile{background:color-mix(in srgb,var(--ink) 2%,transparent)}}.sidebar-account-card{color:var(--text);border-radius:10px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;transition:background .15s;display:grid}.sidebar-account-card:hover{background:var(--ink)}@supports (color:color-mix(in lab,red,red)){.sidebar-account-card:hover{background:color-mix(in srgb,var(--ink) 5%,transparent)}}.sidebar-account-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sidebar-account-avatar{object-fit:cover;border-radius:50%;width:40px;height:40px;display:block}.sidebar-account-copy{gap:2px;min-width:0;display:grid}.sidebar-account-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.2;overflow:hidden}.sidebar-account-copy small{color:var(--muted);font-size:12px}.sidebar-account-card>svg{color:var(--muted)}.sidebar-account-divider{background:var(--ink);height:1px;margin:4px 8px}@supports (color:color-mix(in lab,red,red)){.sidebar-account-divider{background:color-mix(in srgb,var(--ink) 8%,transparent)}}.sidebar-account-logout{color:var(--muted);align-items:center;gap:10px;padding:0 8px;display:flex}.sidebar-account-logout button{color:inherit;text-align:left;background:0 0;border:0;flex:1;padding:0;font-size:12px;font-weight:600}.sidebar-account-logout:focus-within,.sidebar-account-logout:hover{color:var(--accent-dark)}.avatar-placeholder{background:var(--avatar-placeholder);color:var(--muted);justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.avatar,.avatar-placeholder{width:36px;height:36px;border-radius:50%}.avatar{object-fit:cover}.top-header{background:var(--surface-alt);border-bottom:1px solid var(--border);z-index:20;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:sticky;top:0}.search-bar-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);align-items:center;gap:10px;width:100%;max-width:500px;padding:8px 16px;display:flex}.search-bar-container input{height:24px;min-height:0;color:var(--text);background:0 0;border:none;padding:0;font-size:14px}.search-bar-container input:focus{box-shadow:none;outline:none}.search-bar-placeholder{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.top-header-actions{align-items:center;gap:16px;display:flex}.icon-button{color:var(--muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;min-height:0;padding:8px;display:flex}.icon-button:hover{background:var(--border);color:var(--text)}.header-profile-container{position:relative}.header-profile{cursor:pointer;border-radius:var(--radius-pill);background:0 0;border:none;align-items:center;gap:10px;min-height:0;padding:4px 8px;display:flex}.header-profile:hover{background:var(--border)}.header-profile span{font-size:14px;font-weight:600}.header-profile-dropdown{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:180px;box-shadow:0 12px 32px var(--shadow-ink);flex-direction:column;gap:2px;padding:8px;display:flex;position:absolute;top:calc(100% + 8px);right:0}@supports (color:color-mix(in lab,red,red)){.header-profile-dropdown{box-shadow:0 12px 32px color-mix(in srgb,var(--shadow-ink) 35%,transparent)}}.header-profile-dropdown{z-index:30}.header-profile-dropdown a,.header-profile-dropdown button{text-align:left;border-radius:var(--radius-sm);color:var(--text);background:0 0;border:none;justify-content:flex-start;min-height:0;padding:10px 12px;font-size:13px;font-weight:600}.header-profile-dropdown a:hover,.header-profile-dropdown button:hover{background:var(--border);color:var(--text)}.theme-toggle{border-radius:var(--radius-sm);background:var(--ink);gap:2px;margin:4px 0;padding:3px;display:flex}@supports (color:color-mix(in lab,red,red)){.theme-toggle{background:color-mix(in srgb,var(--ink) 5%,transparent)}}.theme-toggle{border:1px solid var(--border)}.header-profile-dropdown .theme-toggle .theme-toggle-option,.theme-toggle .theme-toggle-option{border-radius:calc(var(--radius-sm) - 3px);min-height:36px;color:var(--muted);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 8px;font-size:12px;font-weight:600;display:inline-flex}.theme-toggle .theme-toggle-option:hover:not([aria-checked=true]){background:var(--border);color:var(--text)}.theme-toggle .theme-toggle-option[aria-checked=true]{background:var(--accent-soft);color:var(--text)}.theme-toggle-icon{transition:transform .2s cubic-bezier(.16,1,.3,1)}.theme-toggle-option[aria-checked=true] .theme-toggle-icon{transform:rotate(-12deg)}.theme-toggle--compact{border-radius:var(--radius-pill);background:var(--surface-alt);margin:0}.theme-toggle--compact .theme-toggle-option{border-radius:var(--radius-pill);flex:none;width:44px;min-height:44px}.auth-theme-toggle{z-index:20;position:fixed;bottom:16px;right:16px}@media (prefers-reduced-motion:reduce){.theme-toggle-icon{transition:none}.theme-toggle-option[aria-checked=true] .theme-toggle-icon{transform:none}}.nav-badge{border-radius:var(--radius-pill);background:var(--accent);min-width:18px;height:18px;color:var(--on-accent);justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:800;display:inline-flex}.side-nav a .nav-badge{margin-left:auto}.icon-button .nav-badge,.mobile-nav a .nav-badge{position:absolute;top:2px;right:2px}.nav-badge-pulse{animation:nav-badge-pulse 1.8s ease-in-out infinite}@keyframes nav-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.community-main-layout{grid-template-columns:minmax(0,1fr) 320px;gap:24px;width:100%;max-width:1200px;margin:0 auto;padding:24px;display:grid}.community-main{flex-direction:column;gap:20px;display:flex}.hero-banner{background:linear-gradient(135deg,var(--hero-1),var(--hero-2));border-radius:var(--radius);justify-content:space-between;display:flex;position:relative;overflow:hidden}.hero-content{z-index:2;max-width:50%;position:relative}.hero-eyebrow{color:var(--accent-dark);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:14px;font-weight:700}.hero-banner h1{letter-spacing:-.5px;margin:0 0 12px;font-size:32px;font-weight:800;line-height:1.2}.hero-subtitle{color:var(--text-secondary);margin:0;font-size:15px;line-height:1.5}.hero-graphics{width:50%;position:absolute;top:0;bottom:0;right:0}.hero-image-placeholder{background:radial-gradient(circle,var(--accent) 0,transparent 70%);width:300px;height:300px;position:absolute;bottom:-20px;right:-20px}@supports (color:color-mix(in lab,red,red)){.hero-image-placeholder{background:radial-gradient(circle,color-mix(in srgb,var(--accent) 40%,transparent) 0,transparent 70%)}}.hero-tag{background:var(--ink);position:absolute}@supports (color:color-mix(in lab,red,red)){.hero-tag{background:color-mix(in srgb,var(--ink) 10%,transparent)}}.hero-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--ink)}@supports (color:color-mix(in lab,red,red)){.hero-tag{border:1px solid color-mix(in srgb,var(--ink) 20%,transparent)}}.hero-tag{border-radius:var(--radius-pill);color:var(--text-strong);padding:6px 14px;font-size:13px;font-weight:600}.tag-cung-nhau{color:var(--accent-dark);background:0 0;border:none;font-family:cursive;font-size:16px;top:45%;right:12%;transform:rotate(-5deg)}.hero-cta{z-index:2;background:var(--hero-cta-bg);border-radius:var(--radius-pill);white-space:nowrap;align-self:flex-end;margin-top:20px;padding:10px 22px;font-size:14px;font-weight:700;transition:transform .15s cubic-bezier(.16,1,.3,1),background .15s;position:relative}.hero-cta,.hero-cta:hover{color:var(--hero-cta-text)}.hero-cta:hover{background:var(--hero-cta-bg-hover);transform:translateY(-1px)}.hero-cta:active{transform:scale(.98)}.post-input-box{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:auto 1fr;align-items:start;gap:12px;padding:16px;display:grid}.post-input-box-spaced{margin-top:4px}.post-input-box input{color:var(--text);background:0 0;border:none;padding:8px 0;font-size:15px}.post-input-box input:focus{box-shadow:none;outline:none}.post-input-box{cursor:text}.post-input-placeholder{color:var(--muted);padding:8px 0;font-size:15px}.post-input-box .icon-btn{cursor:default}.post-input-actions{border-top:1px solid var(--border);grid-column:2;gap:8px;margin-top:8px;padding-top:12px}.icon-btn,.post-input-actions{align-items:center;display:flex}.icon-btn{border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;padding:8px;font-size:16px}.icon-btn:hover{background:var(--border)}.post-input-actions .primary-button{margin-left:auto}.primary-button{background:var(--accent);color:var(--on-accent);border-radius:var(--radius-pill);border:none;justify-content:center;align-items:center;padding:8px 24px;font-weight:700;transition:transform .15s cubic-bezier(.16,1,.3,1),filter .15s;display:inline-flex}.primary-button:hover{filter:brightness(1.1);color:var(--text-strong)}.primary-button:active{transform:scale(.97)}.feed-controls{background:0 0;gap:12px;display:flex}.filter-group{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-pill);align-items:center;padding:4px 16px 4px 20px;display:flex}.filter-group label{color:var(--muted);white-space:nowrap;margin:0 12px 0 0;font-size:13px;font-weight:600}.filter-group select{background:0 0;border:none;min-width:140px;padding:8px 0;font-weight:600}.filter-group select:focus{outline:none}.post-feed{flex-direction:column;gap:16px;display:flex}.post-card{background:var(--surface-alt);border:1px solid var(--border);padding:20px;transition:border-color .2s}.post-card:hover{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.post-card:hover{border-color:color-mix(in srgb,var(--accent) 22%,var(--border))}}.post-card-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.post-card-authorline{flex-direction:column;flex:1;display:flex}.post-card-authorline a{color:var(--text);align-items:center;gap:4px;font-size:15px;font-weight:700;display:flex}.verified-tick{color:var(--info);font-size:14px}.post-card-role{color:var(--muted);margin-top:2px;font-size:13px}.post-menu-btn{color:var(--muted);background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:18px}.post-menu-btn:hover{background:var(--border);color:var(--text)}.post-title{color:var(--text);margin-bottom:8px;font-size:18px;font-weight:700;line-height:1.4;display:block}.post-content{color:var(--text-secondary);white-space:pre-wrap;margin-bottom:16px;font-size:15px;line-height:1.5}.post-tags{flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:0;list-style:none;display:flex}.post-tags li{border-radius:var(--radius-pill);background:var(--border);color:var(--muted);padding:4px 12px;font-size:12px;font-weight:600}.post-image{object-fit:cover;border-radius:var(--radius-sm);width:100%;max-height:400px;margin-bottom:16px}.post-actions{border-top:1px solid var(--border);gap:12px;padding-top:16px}.action-btn,.post-actions{align-items:center;display:flex}.action-btn{color:var(--muted);border-radius:var(--radius-sm);background:0 0;border:none;gap:8px;padding:6px 12px;font-size:14px;font-weight:600;transition:all .2s}.action-btn:hover{background:var(--border);color:var(--text)}.action-btn:active{transform:scale(.95)}.action-btn.active{color:var(--accent-dark)}.ml-auto{margin-left:auto}.community-aside{flex-direction:column;gap:16px;display:flex}.trust-card{background:var(--surface-alt);border:1px solid var(--accent)}@supports (color:color-mix(in lab,red,red)){.trust-card{border:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}}.trust-card{border-radius:var(--radius);color:var(--text);align-items:flex-start;gap:16px;display:flex}.trust-card-icon{background:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.trust-card-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.trust-card-header h2{color:var(--text);margin:0;font-size:16px;font-weight:700}.trust-arrow{color:var(--muted);font-size:20px;font-weight:300}.trust-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.4}.aside-widget{border:1px solid var(--border);border-radius:var(--radius);padding:20px}.widget-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.widget-header h2{align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}.widget-header a{color:var(--accent-dark);font-size:13px;font-weight:600}.suggested-list,.trending-list{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.trending-list li{gap:12px}.rank,.trending-list li{align-items:center;display:flex}.rank{width:28px;height:28px;color:var(--text-strong);background:var(--border);border-radius:50%;justify-content:center;font-size:12px;font-weight:800}.rank-1,.rank-2,.rank-3{background:var(--accent)}.trending-list strong{color:var(--text);font-size:14px;font-weight:600;line-height:1.2;display:block}.trending-list p{color:var(--muted);margin:4px 0 0;font-size:12px}.suggested-list li{align-items:center;gap:12px;display:flex}.suggested-info{flex:1;min-width:0}.suggested-info strong{font-size:14px;font-weight:600;display:block}.suggested-info p,.suggested-info strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.suggested-info p{color:var(--muted);margin:2px 0 0;font-size:12px}.btn-outline{border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text);background:0 0;padding:4px 12px;font-size:12px}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.quick-actions-grid{grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;list-style:none;display:grid}.quick-actions-grid a{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px 8px;font-size:12px;font-weight:600;display:flex}.quick-actions-grid a:hover{border-color:var(--accent-dark);background:var(--ink)}@supports (color:color-mix(in lab,red,red)){.quick-actions-grid a:hover{background:color-mix(in srgb,var(--ink) 2%,transparent)}}.qa-icon{background:var(--surface-alt);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.plus-bg{background:var(--accent);color:var(--on-accent)}.search-hero{background:linear-gradient(135deg,var(--search-hero-1),var(--search-hero-2));border-radius:var(--radius);margin-bottom:24px;padding:32px;position:relative;overflow:hidden}.search-hero-content{z-index:2;position:relative}.search-hero-content h1{margin:0 0 8px;font-size:28px;font-weight:800}.search-hero-content p{color:var(--text-tertiary);margin:0 0 24px;font-size:15px}.search-main-input{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-pill);align-items:center;gap:12px;margin-bottom:16px;padding:6px 6px 6px 20px;display:flex}.search-main-input input{color:var(--text);background:0 0;border:none;flex:1;height:36px;padding:0}.search-main-input input:focus{box-shadow:none;outline:none}.search-main-input .primary-button{height:36px;padding:0 32px}.search-filters{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.search-filter-box{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:12px 16px;display:flex}.search-filter-box select{color:var(--text);background:0 0;border:none;margin-top:2px;padding:0;font-weight:600}.search-filter-box select:focus{outline:none}.sf-icon{color:var(--muted);font-size:20px}.sf-content{flex-direction:column;flex:1;min-width:0;display:flex}.sf-label{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:600}.topics-section{margin-bottom:24px}.topics-section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.topics-section-header h2{align-items:center;gap:8px;margin:0;font-size:18px;font-weight:700;display:flex}.topics-section-header a{color:var(--muted);font-size:13px;font-weight:600}.topics-section-header a:hover{color:var(--accent)}.topics-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.topic-card{border-radius:var(--radius-sm);min-height:110px;color:var(--on-accent);border:1px solid var(--ink);flex-direction:column;padding:16px;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.topic-card{border:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}}.topic-card{text-decoration:none!important}.topic-card:hover{filter:brightness(1.1);border-color:var(--ink)}@supports (color:color-mix(in lab,red,red)){.topic-card:hover{border-color:color-mix(in srgb,var(--ink) 20%,transparent)}}.topic-card.t-nguon{background:linear-gradient(135deg,var(--topic-nguon-from),var(--topic-nguon-to))}.topic-card.t-kol{background:linear-gradient(135deg,var(--topic-kol-from),var(--topic-kol-to))}.topic-card.t-live{background:linear-gradient(135deg,var(--topic-live-from),var(--topic-live-to))}.topic-card.t-van{background:linear-gradient(135deg,var(--topic-van-from),var(--topic-van-to))}.topic-card.t-sell{background:linear-gradient(135deg,var(--topic-nguon-from),var(--topic-sell-to))}.tc-icon{opacity:.8;margin-bottom:12px;font-size:20px}.tc-title{z-index:2;margin-bottom:4px;font-size:14px;font-weight:700}.tc-desc{opacity:.7;z-index:2;margin:0;font-size:11px;line-height:1.3}.tc-arrow{background:var(--sink);width:24px;height:24px;position:absolute;bottom:12px;right:12px}@supports (color:color-mix(in lab,red,red)){.tc-arrow{background:color-mix(in srgb,var(--sink) 30%,transparent)}}.tc-arrow{border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex}.topic-card img{opacity:.4;mix-blend-mode:luminosity;object-fit:cover;height:100%;position:absolute;top:0;right:0}.search-feed-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.search-feed-header h2{margin:0;font-size:18px;font-weight:700}.search-tabs{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-pill);padding:4px;display:flex}.search-tabs button{border-radius:var(--radius-pill);min-height:0;color:var(--muted);background:0 0;border:none;padding:4px 12px;font-size:12px;font-weight:600}.search-tabs button.active{background:var(--surface);color:var(--text);border:1px solid var(--border)}.recent-searches{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.recent-searches li{align-items:center;gap:10px;font-size:13px;display:flex}.recent-searches .icon{color:var(--muted);font-size:16px}.recent-searches span:nth-child(2){color:var(--text);flex:1;font-weight:500}.recent-searches span:nth-child(3){color:var(--muted);font-size:11px}.cta-banner{background:var(--surface-alt);border-radius:var(--radius);text-align:center;border:1px solid var(--accent);padding:20px}@supports (color:color-mix(in lab,red,red)){.cta-banner{border:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}}.cta-banner-icon{background:var(--accent);width:40px;height:40px;color:var(--on-accent);border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;font-size:20px;display:inline-flex}.cta-banner h3{color:var(--text-strong);margin:0 0 6px;font-size:15px;font-weight:700}.cta-banner p{color:var(--text-tertiary);margin:0 0 16px;font-size:12px}.composer-header{color:var(--muted);border-bottom:1px solid var(--border);background:var(--surface-alt);z-index:20;justify-content:space-between;align-items:center;padding:12px 24px;font-size:13px;display:flex;position:sticky;top:0}.composer-header .breadcrumb{align-items:center;gap:8px;display:flex}.composer-header .breadcrumb a{color:var(--text)}.composer-header .breadcrumb a:hover{color:var(--accent)}.composer-header-actions{align-items:center;gap:16px;display:flex}.composer-status{color:var(--success);align-items:center;gap:6px;font-weight:500;display:flex}.composer-hero{margin-bottom:24px}.composer-hero h1{margin:0 0 8px;font-size:28px;font-weight:800}.composer-hero p{color:var(--text-tertiary);margin:0;font-size:15px}.composer-box{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.composer-author{align-items:center;gap:12px;margin-bottom:24px;display:flex}.composer-author-info{flex-direction:column;display:flex}.composer-author-info strong{color:var(--text);font-size:15px;font-weight:700}.composer-author-info select{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px}.composer-title-input{border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text);background:0 0;border-radius:0;margin-bottom:4px;padding:8px 0;font-size:18px;font-weight:600}.composer-title-input:focus{box-shadow:none;border-bottom-color:var(--accent);outline:none}.char-counter{color:var(--muted);text-align:right;margin-bottom:24px;font-size:11px;display:block}.composer-editor-wrapper{border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:4px;overflow:hidden}.composer-toolbar{border-bottom:1px solid var(--border);background:var(--ink);align-items:center;gap:8px;padding:8px 12px;display:flex}@supports (color:color-mix(in lab,red,red)){.composer-toolbar{background:color-mix(in srgb,var(--ink) 2%,transparent)}}.composer-toolbar button{color:var(--muted);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;min-height:0;padding:4px 8px;font-size:16px;display:inline-flex}.composer-toolbar button:hover{background:var(--ink)}@supports (color:color-mix(in lab,red,red)){.composer-toolbar button:hover{background:color-mix(in srgb,var(--ink) 5%,transparent)}}.composer-toolbar button:hover{color:var(--text)}.composer-toolbar .toolbar-divider{background:var(--border);width:1px;height:16px;margin:0 4px}.composer-textarea{width:100%;color:var(--text);resize:vertical;background:0 0;border:none;min-height:150px;padding:16px;font-size:15px}.composer-textarea:focus{box-shadow:none;outline:none}.composer-dropzone{border:2px dashed var(--border);border-radius:var(--radius-sm);text-align:center;cursor:pointer;margin:24px 0;padding:32px;transition:all .2s}.composer-dropzone:hover{border-color:var(--accent-dark);background:var(--ink)}@supports (color:color-mix(in lab,red,red)){.composer-dropzone:hover{background:color-mix(in srgb,var(--ink) 2%,transparent)}}.composer-dropzone .dz-icon{color:var(--accent-dark);margin-bottom:12px;font-size:32px}.composer-dropzone p{color:var(--text);margin:0 0 4px;font-size:14px}.composer-dropzone span{color:var(--muted);font-size:12px}.composer-image-preview{margin-top:16px;display:inline-block;position:relative}.composer-image-preview img{border-radius:var(--radius-sm);object-fit:cover;max-width:100%;max-height:200px}.composer-image-preview button{background:var(--shadow-ink);position:absolute;top:8px;right:8px}@supports (color:color-mix(in lab,red,red)){.composer-image-preview button{background:color-mix(in srgb,var(--shadow-ink) 70%,transparent)}}.composer-image-preview button{color:var(--on-accent);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;display:flex}.composer-filters{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.composer-filter-item{flex-direction:column;gap:8px;display:flex}.composer-filter-item label{color:var(--text);font-size:13px;font-weight:600}.composer-filter-box{border:1px solid var(--border);border-radius:var(--radius-sm);background:0 0;align-items:center;gap:8px;padding:8px 12px;display:flex}.composer-filter-box input,.composer-filter-box select{color:var(--text);background:0 0;border:none;flex:1;padding:0;font-size:14px}.composer-filter-box input:focus,.composer-filter-box select:focus{outline:none}.cf-icon{color:var(--muted);font-size:16px}.composer-actions{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:12px;padding-top:24px;display:flex}.preview-header{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;display:flex}.preview-header h2{align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}.preview-toggles{gap:4px;display:flex}.preview-toggles button{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;min-height:0;padding:4px 8px;display:flex}.preview-toggles button.active{background:var(--ink)}@supports (color:color-mix(in lab,red,red)){.preview-toggles button.active{background:color-mix(in srgb,var(--ink) 5%,transparent)}}.preview-toggles button.active{border-color:var(--border);color:var(--text)}.preview-card{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius);opacity:.9;margin:0 auto;padding:20px;transition:width .3s}.preview-card.mobile-view{width:320px}.tip-box{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius);margin-top:24px;padding:20px}.tip-box h3{color:var(--danger-text-soft);align-items:center;gap:8px;margin:0 0 16px;font-size:15px;font-weight:700;display:flex}.tip-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.tip-list li{color:var(--text-secondary);align-items:flex-start;gap:12px;font-size:13px;line-height:1.4;display:flex}.tip-list .check{color:var(--success);font-weight:700}.chat-page-wrapper{background:var(--surface);grid-template-columns:280px minmax(0,1fr) 280px;gap:0;min-width:0;max-width:100%;height:calc(100vh - 65px);display:grid;overflow:hidden}.chat-empty-state{grid-column:span 2}.chat-list-col{background:var(--surface-alt);border-right:1px solid var(--border);height:100%}.chat-list-col,.chat-list-header{flex-direction:column;display:flex}.chat-list-header{border-bottom:1px solid var(--border);gap:16px;padding:16px}.chat-list-header h2{justify-content:space-between;align-items:center;margin:0;font-size:20px;display:flex}.btn-new-chat{background:var(--accent);color:var(--on-accent);cursor:pointer;border:none;border-radius:20px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;display:flex}.chat-tabs{gap:8px;display:flex}.chat-tabs button{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:16px;flex:1;padding:6px 0;font-size:13px}.chat-tabs button.active{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.chat-tabs button.active{background:color-mix(in srgb,var(--accent) 10%,transparent)}}.chat-tabs button.active{border-color:var(--accent);color:var(--text)}.chat-items{flex:1;margin:0;padding:8px 0;list-style:none;overflow-y:auto}.chat-item{cursor:pointer;align-items:center;gap:12px;padding:12px 16px;transition:background .2s;display:flex;position:relative}.chat-item.active,.chat-item:hover{background:var(--ink)}@supports (color:color-mix(in lab,red,red)){.chat-item.active,.chat-item:hover{background:color-mix(in srgb,var(--ink) 3%,transparent)}}.chat-item-avatar{object-fit:cover;border-radius:50%;flex:0 0 44px;width:44px;height:44px;display:block;position:relative;overflow:hidden}.chat-item-avatar img{border-radius:inherit;object-fit:cover;display:block}.chat-item-avatar img,.chat-item-avatar>.avatar-placeholder{width:100%;height:100%}img.avatar-placeholder{object-fit:cover;display:block}.chat-item-status{background:var(--success);border:2px solid var(--surface-alt);border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0}.chat-item-content{flex:1;overflow:hidden}.chat-item-top{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.chat-item-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.chat-item-time{color:var(--muted);font-size:11px}.chat-item-bottom{justify-content:space-between;align-items:center;display:flex}.chat-item-msg{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.chat-item-badge{background:var(--accent);color:var(--on-accent);border-radius:10px;padding:2px 6px;font-size:11px;font-weight:700}.chat-main-col{flex-direction:column;min-width:0;max-width:100%;height:100%;min-height:0;display:flex;position:relative}.chat-main-header{border-bottom:1px solid var(--border);background:var(--glass);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}@supports (color:color-mix(in lab,red,red)){.chat-main-header{background:color-mix(in srgb,var(--glass) 50%,transparent)}}.chat-main-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cm-user{align-items:center;gap:12px;display:flex}.cm-user-info h3{margin:0;font-size:16px}.cm-user-info span{color:var(--success);align-items:center;gap:4px;font-size:12px;display:flex}.cm-user-info span:before{content:"";background:var(--success);border-radius:50%;width:6px;height:6px}.cm-actions{gap:8px;display:flex}.cm-actions button{background:var(--ink);border-radius:50%;width:36px;height:36px}@supports (color:color-mix(in lab,red,red)){.cm-actions button{background:color-mix(in srgb,var(--ink) 5%,transparent)}}.cm-actions button{color:var(--text);cursor:pointer;border:none;justify-content:center;align-items:center;display:flex}.cm-actions button:hover{background:var(--ink)}@supports (color:color-mix(in lab,red,red)){.cm-actions button:hover{background:color-mix(in srgb,var(--ink) 10%,transparent)}}.chat-messages{flex-direction:column;flex:1;gap:16px;min-width:0;min-height:0;padding:24px;display:flex;overflow:hidden auto}.chat-date-sep{text-align:center;color:var(--muted);margin:16px 0;font-size:12px}.chat-bubble-wrap{gap:12px;min-width:0;max-width:80%;display:flex}.chat-bubble-wrap.me{flex-direction:row-reverse;align-self:flex-end}.chat-bubble-wrap.other{align-self:flex-start}.chat-bubble-wrap img.avatar{border-radius:50%;width:32px;height:32px}.chat-bubble-content{flex-direction:column;gap:4px;min-width:0;max-width:100%;display:flex}.chat-bubble{overflow-wrap:anywhere;word-break:break-word;max-width:100%;color:var(--text);border-radius:16px;padding:12px 16px;font-size:14px;line-height:1.4}.chat-bubble-wrap.other .chat-bubble{background:var(--ink)}@supports (color:color-mix(in lab,red,red)){.chat-bubble-wrap.other .chat-bubble{background:color-mix(in srgb,var(--ink) 5%,transparent)}}.chat-bubble-wrap.other .chat-bubble{border-bottom-left-radius:4px}.chat-bubble-wrap.me .chat-bubble{background:var(--accent);border-bottom-right-radius:4px}.chat-bubble-time{color:var(--muted);align-self:flex-end;align-items:center;gap:4px;font-size:11px;display:flex}.chat-attachment{background:var(--ink);align-items:center;gap:12px;display:flex}@supports (color:color-mix(in lab,red,red)){.chat-attachment{background:color-mix(in srgb,var(--ink) 5%,transparent)}}.chat-attachment{border:1px solid var(--border);border-radius:8px;margin-bottom:4px;padding:8px 12px}.chat-attachment img{object-fit:cover;border-radius:4px;width:40px;height:40px}.chat-attachment-info{flex:1}.chat-attachment-info strong{color:var(--text);font-size:13px;display:block}.chat-attachment-info span{color:var(--muted);font-size:11px}.chat-attachment-dl{background:var(--ink)}@supports (color:color-mix(in lab,red,red)){.chat-attachment-dl{background:color-mix(in srgb,var(--ink) 10%,transparent)}}.chat-attachment-dl{color:var(--text);cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.chat-input-area{border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:center;gap:12px;min-width:0;max-width:100%;padding:16px 24px;display:flex}.chat-input-tools{gap:8px;display:flex}.chat-input-tools button{color:var(--muted);cursor:pointer;background:0 0;border:none;min-width:44px;min-height:44px;padding:4px;font-size:20px}.chat-input-box{background:var(--ink);flex:1;min-width:0;max-width:100%}@supports (color:color-mix(in lab,red,red)){.chat-input-box{background:color-mix(in srgb,var(--ink) 3%,transparent)}}.chat-input-box{border:1px solid var(--border);color:var(--text);border-radius:20px;outline:none;padding:10px 16px;font-size:16px}.chat-send-btn{background:var(--accent);color:var(--on-accent);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.chat-mobile-back,.chat-mobile-contact{display:none}.chat-aside-col{background:var(--surface-alt);border-left:1px solid var(--border);flex-direction:column;height:100%;display:flex;overflow-y:auto}.ca-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px;display:flex}.ca-header h2{margin:0;font-size:16px}.ca-profile{text-align:center;border-bottom:1px solid var(--border);padding:24px 16px}.ca-profile img{object-fit:cover;border-radius:50%;width:80px;height:80px;margin-bottom:12px}.ca-profile h3{margin:0 0 4px;font-size:18px}.ca-profile p{color:var(--muted);margin:0 0 8px;font-size:13px}.ca-profile .loc{color:var(--muted);margin-bottom:12px;font-size:12px}.ca-profile .quote{color:var(--text-secondary);margin-bottom:16px;font-size:13px;font-style:italic}.ca-actions{flex-direction:column;gap:8px;display:flex}.ca-actions a,.ca-actions button{text-align:center;border-radius:8px;width:100%;padding:10px;font-size:14px;font-weight:600;text-decoration:none;display:block}.ca-btn-primary{background:var(--accent);color:var(--on-accent);border:none}.ca-btn-outline{border:1px solid var(--border);color:var(--text);background:0 0}.ca-section{border-bottom:1px solid var(--border);padding:20px 16px}.ca-section h4{color:var(--text);justify-content:space-between;margin:0 0 16px;font-size:14px;display:flex}.ca-section h4 span{color:var(--accent);cursor:pointer;font-size:12px;font-weight:400}.ca-group-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.ca-group-item{align-items:center;gap:12px;display:flex}.ca-group-item img{border-radius:50%;width:36px;height:36px}.ca-group-item div strong{color:var(--text);font-size:13px;display:block}.ca-group-item div span{color:var(--muted);font-size:11px}.ca-media-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.ca-media-grid img{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%}@media (max-width:767px){.chat-layout-header.has-active-conversation{display:none}.chat-page-wrapper{grid-template-columns:1fr;height:calc(100dvh - 65px)}.chat-aside-col,.chat-conversation-search,.chat-message-search,.chat-page-wrapper.has-active-conversation .chat-list-col{display:none}.chat-list-search{flex:auto;min-width:0;max-width:none}.chat-mobile-back,.chat-mobile-contact{flex:0 0 44px;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;display:inline-flex}.chat-main-header{gap:8px;padding:10px 12px}.cm-user{flex:auto;min-width:0}.cm-user-info{min-width:0;overflow:hidden}.cm-user-info h3{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-messages{min-height:0;padding:16px 12px}.chat-main-col{min-height:0}.chat-input-area{padding-bottom:calc(12px + env(safe-area-inset-bottom));margin-bottom:0}.chat-empty-state{grid-column:auto}}@media (max-width:640px){.chat-input-area{margin-bottom:64px}}.activity-main{max-width:820px;margin:0 auto;padding:32px 24px}.act-hero{margin-bottom:24px;position:relative}.act-hero h1{margin:0 0 4px;font-size:28px;font-weight:800}.act-hero p{color:var(--text-tertiary);margin:0;font-size:14px}.act-hero .slogan{color:var(--accent);text-align:right;font-family:Brush Script MT,cursive;font-size:24px;line-height:1.2;position:absolute;top:10px;right:20px;transform:rotate(-5deg)}.act-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.act-stat-card{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:16px;padding:16px;display:flex;position:relative;overflow:hidden}.act-stat-card .icon{width:48px;height:48px;color:var(--text-strong);border-radius:12px;justify-content:center;align-items:center;font-size:24px;display:flex}.act-stat-card.c1 .icon{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.act-stat-card.c1 .icon{background:color-mix(in srgb,var(--accent) 20%,transparent)}}.act-stat-card.c1 .icon{color:var(--accent)}.act-stat-card.c2 .icon{background:var(--info)}@supports (color:color-mix(in lab,red,red)){.act-stat-card.c2 .icon{background:color-mix(in srgb,var(--info) 20%,transparent)}}.act-stat-card.c2 .icon{color:var(--info)}.act-stat-card.c3 .icon{background:var(--teal)}@supports (color:color-mix(in lab,red,red)){.act-stat-card.c3 .icon{background:color-mix(in srgb,var(--teal) 16%,transparent)}}.act-stat-card.c3 .icon{color:var(--teal)}.act-stat-info{flex:1}.act-stat-info p{color:var(--text);margin:0 0 4px;font-size:13px;font-weight:600}.act-stat-info h2{margin:0;font-size:24px;font-weight:800}.act-stat-card .arrow{color:var(--muted);position:absolute;right:16px}.act-filters{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;display:flex}.act-tabs{gap:16px;display:flex}.act-tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:16px;padding:6px 12px;font-size:14px;font-weight:500}.act-tab.active{background:var(--accent);color:var(--on-accent)}.act-sort select{border:1px solid var(--border);color:var(--text);background:0 0;border-radius:16px;padding:6px 12px;font-size:13px}.act-list{flex-direction:column;gap:12px;display:flex}.act-item{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:16px;padding:16px;display:flex}.act-item-avatar{position:relative}.act-item-avatar img{object-fit:cover;border-radius:50%;width:48px;height:48px}.act-item-avatar .badge{border:2px solid var(--surface-alt);width:24px;height:24px;color:var(--on-accent);border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;bottom:-4px;right:-4px}.act-item-content{flex:1}.act-item-content strong{color:var(--text);font-weight:700}.act-item-content p{color:var(--text-secondary);margin:4px 0;font-size:14px}.act-item-content .time{color:var(--muted);font-size:12px}.act-item-status{background:var(--accent);border-radius:50%;width:8px;height:8px;margin-right:12px}.act-item-actions{gap:8px;display:flex}.act-item-actions button{cursor:pointer;border:1px solid #0000;border-radius:16px;padding:6px 16px;font-size:13px;font-weight:600}.act-btn-primary{background:var(--accent);color:var(--on-accent)}.act-btn-outline{border:1px solid var(--border);min-height:44px;color:var(--text);background:0 0;justify-content:center;align-items:center;padding:8px 16px;display:inline-flex}.act-aside-section{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:24px;padding:20px}.act-aside-section h3{justify-content:space-between;margin:0 0 16px;font-size:16px;display:flex}.act-aside-section h3 span{color:var(--muted);cursor:pointer;font-size:12px;font-weight:400}.quick-nav-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.qn-item{background:var(--ink)}@supports (color:color-mix(in lab,red,red)){.qn-item{background:color-mix(in srgb,var(--ink) 2%,transparent)}}.qn-item{border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:flex-start;gap:12px;padding:12px;transition:background .2s;display:flex}.qn-item:hover{background:var(--ink)}@supports (color:color-mix(in lab,red,red)){.qn-item:hover{background:color-mix(in srgb,var(--ink) 5%,transparent)}}.qn-item .icon{color:var(--muted);font-size:20px}.qn-item div strong{color:var(--text);margin-bottom:2px;font-size:13px;display:block}.qn-item div span{color:var(--muted);font-size:11px}.reminders-list{flex-direction:column;gap:16px;display:flex}.reminder-item{align-items:flex-start;gap:12px;display:flex}.reminder-item .icon{width:36px;height:36px;color:var(--on-accent);border-radius:8px;justify-content:center;align-items:center;font-size:16px;display:flex}.reminder-item-content{flex:1}.reminder-item-content strong{color:var(--text);font-size:14px;display:block}.reminder-item-content span{color:var(--muted);font-size:12px}.reminder-item .meta{color:var(--accent);white-space:nowrap;font-size:12px}.act-chart-wrap{margin-top:16px}.act-chart-stats{align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.act-chart-stats h2{margin:0;font-size:32px;font-weight:800}.act-chart-stats span{color:var(--success);font-size:13px;font-weight:600}.act-chart-stats p{color:var(--muted);width:100%;margin:0;font-size:12px}.mock-chart{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;height:120px;margin-bottom:8px;padding-bottom:8px;display:flex}.mock-bar-wrap{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.mock-bar{background:var(--accent);opacity:.7;border-radius:4px 4px 0 0;width:24px}.mock-bar.active,.mock-bar:hover{opacity:1}.mock-x-labels{color:var(--muted);justify-content:space-between;padding:0 8px;font-size:11px;display:flex}.mock-quote{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.mock-quote{background:color-mix(in srgb,var(--accent) 10%,transparent)}}.mock-quote{text-align:center;border-radius:8px;margin-top:24px;padding:16px}.mock-quote p{color:var(--accent);margin:0 0 8px;font-family:Brush Script MT,cursive;font-size:18px}.saved-hero{gap:16px;margin-bottom:24px}.saved-hero,.saved-hero-icon{align-items:center;display:flex}.saved-hero-icon{background:var(--accent);width:56px;height:56px;color:var(--on-accent);border-radius:16px;justify-content:center}.saved-hero-text h1{color:var(--text-strong);margin:0 0 4px;font-size:28px;font-weight:800}.saved-hero-text p{color:var(--muted);margin:0;font-size:15px}.saved-filters{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.saved-filters,.saved-tabs{flex-wrap:wrap;display:flex}.saved-tabs{gap:8px}.saved-tab{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.saved-tab:hover{background:var(--ink)}@supports (color:color-mix(in lab,red,red)){.saved-tab:hover{background:color-mix(in srgb,var(--ink) 5%,transparent)}}.saved-tab.active{background:var(--accent);color:var(--on-accent);border-color:#0000}.saved-tools{gap:12px;display:flex}.saved-search{border:1px solid var(--border);background:0 0;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;display:flex}.saved-search input{border:none;outline:none;min-width:200px}.saved-search input,.saved-sort{color:var(--text);background:0 0;font-size:14px}.saved-sort{border:1px solid var(--border);cursor:pointer;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;display:flex}.saved-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:40px;display:grid}.saved-card{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;transition:transform .2s;display:flex;overflow:hidden}.saved-card:hover{border-color:var(--ink);transform:translateY(-2px)}@supports (color:color-mix(in lab,red,red)){.saved-card:hover{border-color:color-mix(in srgb,var(--ink) 20%,transparent)}}.saved-card-header{justify-content:space-between;align-items:flex-start;padding:16px;display:flex}.saved-card-author{align-items:center;gap:12px;display:flex}.saved-card-author img{object-fit:cover;border-radius:50%;width:40px;height:40px}.saved-card-author div strong{color:var(--text);font-size:15px;display:block}.saved-card-author div span{color:var(--muted);font-size:13px}.saved-card-more{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px}.saved-card-body{flex:1;gap:16px;padding:0 16px 16px;display:flex}.saved-card-content{flex-direction:column;flex:1;gap:8px;display:flex}.saved-card-title{color:var(--text-strong);-webkit-line-clamp:2;font-size:18px;font-weight:700;line-height:1.4}.saved-card-desc,.saved-card-title{-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.saved-card-desc{color:var(--muted);-webkit-line-clamp:3;font-size:14px;line-height:1.5}.saved-card-price{color:var(--highlight-rose);margin:4px 0;font-size:15px;font-weight:700}.saved-card-tags{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.saved-tag{background:var(--ink);border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:600;display:flex}@supports (color:color-mix(in lab,red,red)){.saved-tag{background:color-mix(in srgb,var(--ink) 5%,transparent)}}.saved-tag{color:var(--text)}.saved-tag.accent{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.saved-tag.accent{background:color-mix(in srgb,var(--accent) 15%,transparent)}}.saved-tag.accent{color:var(--accent)}.saved-tag.blue{background:var(--info)}@supports (color:color-mix(in lab,red,red)){.saved-tag.blue{background:color-mix(in srgb,var(--info) 15%,transparent)}}.saved-tag.blue{color:var(--info)}.saved-tag.orange{background:var(--warning)}@supports (color:color-mix(in lab,red,red)){.saved-tag.orange{background:color-mix(in srgb,var(--warning) 15%,transparent)}}.saved-tag.orange{color:var(--warning)}.saved-card-image{object-fit:cover;background:var(--card);border-radius:8px;flex-shrink:0;width:140px;height:140px}.saved-card-footer{border-top:1px solid var(--border);gap:12px;padding:16px;display:flex}.saved-btn-main{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:14px;font-weight:600;transition:background .2s;display:flex}.saved-btn-main:hover{background:var(--ink)}@supports (color:color-mix(in lab,red,red)){.saved-btn-main:hover{background:color-mix(in srgb,var(--ink) 5%,transparent)}}.saved-btn-remove{background:var(--danger);width:120px}@supports (color:color-mix(in lab,red,red)){.saved-btn-remove{background:color-mix(in srgb,var(--danger) 10%,transparent)}}.saved-btn-remove{color:var(--danger);cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.saved-btn-remove:hover{background:var(--danger);color:var(--on-accent)}.collection-header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.collection-header h2{align-items:center;gap:8px;margin:0;font-size:20px;font-weight:700;display:flex}.collection-header span{color:var(--muted);font-size:14px}.collection-header button{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:20px;margin-left:auto;padding:8px 16px;font-size:14px;font-weight:600}.collection-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.collection-card{cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;padding:20px 16px;transition:transform .2s;display:flex}.collection-card:hover{transform:translateY(-2px)}.collection-card-info{align-items:center;gap:12px;display:flex}.collection-card-icon{background:var(--ink);border-radius:8px;width:40px;height:40px}@supports (color:color-mix(in lab,red,red)){.collection-card-icon{background:color-mix(in srgb,var(--ink) 10%,transparent)}}.collection-card-icon{color:var(--text-strong);justify-content:center;align-items:center;font-size:20px;display:flex}.collection-card-text strong{color:var(--text-strong);margin-bottom:4px;font-size:15px;display:block}.collection-card-text span{color:var(--text-tertiary);font-size:12px}.collection-card-arrow{color:var(--text-tertiary)}.collection-card.add-new{border:1px dashed var(--border);color:var(--text);background:0 0;justify-content:center;font-weight:600}.collection-card.add-new:hover{border-color:var(--text)}.tip-numbered-list{flex-direction:column;gap:16px;margin:0 0 20px;padding:0;list-style:none;display:flex}.tip-numbered-item{align-items:flex-start;gap:12px;display:flex}.tip-number{background:var(--ink);width:28px;height:28px}@supports (color:color-mix(in lab,red,red)){.tip-number{background:color-mix(in srgb,var(--ink) 10%,transparent)}}.tip-number{color:var(--text-strong);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.tip-numbered-item p{color:var(--text-secondary);margin:0;padding-top:4px;font-size:14px;line-height:1.4}.tip-banner{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.tip-banner{background:color-mix(in srgb,var(--accent) 10%,transparent)}}.tip-banner{border:1px solid var(--accent);border-radius:8px;gap:12px;padding:16px;display:flex}.tip-banner-icon{color:var(--accent);flex-shrink:0;font-size:20px}.tip-banner p{color:var(--text-strong);margin:0;font-size:14px;font-weight:600;line-height:1.4}.profile-page-wrapper{flex-direction:column;gap:24px;padding-bottom:100px;display:flex}.profile-hero{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius);position:relative;overflow:hidden}.profile-cover{background:linear-gradient(135deg,var(--accent),var(--highlight-rose));height:180px}@supports (color:color-mix(in lab,red,red)){.profile-cover{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 20%,transparent),color-mix(in srgb,var(--highlight-rose) 20%,transparent))}}.profile-cover{justify-content:center;align-items:center;display:flex;position:relative}.profile-cover-img{object-fit:cover;opacity:.6;mix-blend-mode:overlay;width:100%;height:100%;position:absolute;top:0;left:0}.profile-cover-text{z-index:1;color:var(--text-strong);text-shadow:0 2px 10px var(--shadow-ink);font-family:Brush Script MT,cursive;font-size:28px;position:relative}@supports (color:color-mix(in lab,red,red)){.profile-cover-text{text-shadow:0 2px 10px color-mix(in srgb,var(--shadow-ink) 50%,transparent)}}.profile-cover-text{text-align:center}.profile-cover-btn{background:var(--shadow-ink);position:absolute;top:16px;right:16px}@supports (color:color-mix(in lab,red,red)){.profile-cover-btn{background:color-mix(in srgb,var(--shadow-ink) 50%,transparent)}}.profile-cover-btn{border:1px solid var(--ink)}@supports (color:color-mix(in lab,red,red)){.profile-cover-btn{border:1px solid color-mix(in srgb,var(--ink) 20%,transparent)}}.profile-cover-btn{color:var(--on-accent);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:flex}.profile-hero-body{flex-wrap:wrap;gap:24px;padding:0 24px 24px;display:flex;position:relative}.profile-avatar-wrap{flex-shrink:0;width:120px;height:120px;position:relative}.profile-avatar{border:4px solid var(--surface-alt);object-fit:cover;background:var(--surface);width:100%;height:100%;color:var(--text-strong);border-radius:50%;font-size:32px;font-weight:700}.profile-avatar,.profile-avatar-btn{justify-content:center;align-items:center;display:flex}.profile-avatar-btn{background:var(--accent);border:2px solid var(--surface-alt);width:32px;height:32px;min-height:0;color:var(--on-accent);cursor:pointer;border-radius:50%;padding:0;position:absolute;bottom:4px;right:4px}.profile-info{flex:1;min-width:200px;margin-top:16px}.profile-name{color:var(--text-strong);align-items:center;gap:8px;margin:0 0 4px;font-size:24px;font-weight:800;display:flex}.profile-role{color:var(--muted);margin:0 0 12px;font-size:14px}.profile-meta{color:var(--text-tertiary);flex-wrap:wrap;gap:16px;font-size:13px;display:flex}.profile-meta span{align-items:center;gap:6px;display:flex}.profile-stats{text-align:center;gap:32px;margin-top:16px;display:flex}.profile-stat-item{flex-direction:column;display:flex}.profile-stat-val{color:var(--text-strong);font-size:20px;font-weight:800}.profile-stat-lbl{color:var(--muted);font-size:13px}.profile-hero-footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;margin-top:8px;padding-top:16px;display:flex}.profile-quote{color:var(--text);font-size:14px;font-style:italic}.profile-hero-actions{gap:12px;display:flex}.profile-btn-outline{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .15s,transform .15s;display:flex}.profile-btn-outline:hover{background:var(--ink)}@supports (color:color-mix(in lab,red,red)){.profile-btn-outline:hover{background:color-mix(in srgb,var(--ink) 5%,transparent)}}.profile-btn-outline:active{transform:scale(.97)}.profile-btn-outline.accent{border-color:var(--accent);color:var(--accent)}.profile-action-row{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.profile-btn-primary{background:var(--accent);color:var(--on-accent);border:none;border-radius:20px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:700;transition:filter .15s,transform .15s;display:inline-flex}.profile-btn-primary:hover:not(:disabled){filter:brightness(1.1)}.profile-btn-primary:active:not(:disabled){transform:scale(.97)}.profile-btn-danger{border:1px solid var(--danger);background:0 0}@supports (color:color-mix(in lab,red,red)){.profile-btn-danger{border:1px solid color-mix(in srgb,var(--danger) 40%,transparent)}}.profile-btn-danger{color:var(--danger-text);border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.profile-btn-danger:hover:not(:disabled){background:var(--danger)}@supports (color:color-mix(in lab,red,red)){.profile-btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 10%,transparent)}}.profile-inline-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;flex-basis:100%;gap:10px;padding:16px;display:flex}.profile-inline-form label{color:var(--muted);font-size:13px;font-weight:600}.profile-inline-form input,.profile-inline-form textarea{background:var(--ink);width:100%}@supports (color:color-mix(in lab,red,red)){.profile-inline-form input,.profile-inline-form textarea{background:color-mix(in srgb,var(--ink) 3%,transparent)}}.profile-inline-form input,.profile-inline-form textarea{border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px 12px;font-size:14px}.profile-inline-form input:focus,.profile-inline-form textarea:focus{border-color:var(--accent);outline:none}.profile-inline-form--danger{border-color:var(--danger)}@supports (color:color-mix(in lab,red,red)){.profile-inline-form--danger{border-color:color-mix(in srgb,var(--danger) 35%,transparent)}}.profile-inline-form-actions{flex-wrap:wrap;gap:10px;display:flex}.profile-section{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:20px;padding:24px;display:flex}.profile-section-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.profile-section-header h2{align-items:center;gap:8px;margin:0;font-size:18px;font-weight:700;display:flex}.profile-section-header span{color:var(--muted);font-size:13px}.profile-field-group{flex-direction:column;gap:8px;display:flex}.profile-field-group label{color:var(--text);font-size:14px;font-weight:600}.profile-field-group label span.req{color:var(--highlight-rose)}.profile-input-wrap{position:relative}.profile-input-wrap input,.profile-input-wrap select,.profile-input-wrap textarea{background:var(--ink);width:100%}@supports (color:color-mix(in lab,red,red)){.profile-input-wrap input,.profile-input-wrap select,.profile-input-wrap textarea{background:color-mix(in srgb,var(--ink) 3%,transparent)}}.profile-input-wrap input,.profile-input-wrap select,.profile-input-wrap textarea{border:1px solid var(--border);color:var(--text);appearance:none;border-radius:8px;outline:none;padding:12px 16px;font-size:14px;transition:border-color .2s}.profile-input-wrap input:focus,.profile-input-wrap select:focus,.profile-input-wrap textarea:focus{border-color:var(--accent)}.profile-input-wrap textarea{resize:vertical;min-height:100px}.profile-char-count{font-size:12px;bottom:12px}.profile-char-count,.profile-select-icon{color:var(--muted);pointer-events:none;position:absolute;right:12px}.profile-input-icon,.profile-select-icon{top:50%;transform:translateY(-50%)}.profile-input-icon{color:var(--muted);position:absolute;left:12px}.profile-input-wrap.has-icon input,.profile-input-wrap.has-icon select{padding-left:40px;padding-right:40px}.profile-input-clear{color:var(--muted);cursor:pointer;background:0 0;border:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.profile-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.profile-chips{flex-wrap:wrap;gap:12px;display:flex}.profile-chip{background:var(--accent);align-items:center;gap:8px;display:flex}@supports (color:color-mix(in lab,red,red)){.profile-chip{background:color-mix(in srgb,var(--accent) 15%,transparent)}}.profile-chip{border:1px solid var(--accent)}@supports (color:color-mix(in lab,red,red)){.profile-chip{border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}}.profile-chip{color:var(--text);border-radius:20px;padding:6px 12px;font-size:13px;font-weight:600}.profile-chip button{color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.profile-chip button:hover{color:var(--text-strong)}.profile-chip-add{border:1px dashed var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:600;transition:all .2s}.profile-chip-add:hover{border-color:var(--text);color:var(--text)}.profile-progress-bar{background:var(--ink);height:8px}@supports (color:color-mix(in lab,red,red)){.profile-progress-bar{background:color-mix(in srgb,var(--ink) 10%,transparent)}}.profile-progress-bar{border-radius:4px;margin:16px 0;overflow:hidden}.profile-progress-fill{background:var(--accent);border-radius:4px;height:100%;transition:width .3s}.profile-checklist{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.profile-check-item{color:var(--muted);justify-content:space-between;align-items:center;font-size:13px;display:flex}.profile-check-item.done{color:var(--text)}.profile-check-item div{align-items:center;gap:8px;display:flex}.sticky-action-bar{background:var(--surface-alt);border-top:1px solid var(--border);z-index:50;box-shadow:0 -4px 24px var(--shadow-ink);justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:fixed;bottom:0;left:0;right:0}@supports (color:color-mix(in lab,red,red)){.sticky-action-bar{box-shadow:0 -4px 24px color-mix(in srgb,var(--shadow-ink) 50%,transparent)}}.sticky-action-text strong{color:var(--text-strong);margin-bottom:2px;font-size:15px;display:block}.sticky-action-text span{color:var(--muted);font-size:13px}.sticky-actions{gap:12px;display:flex}.sticky-btn-cancel{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;padding:10px 24px;font-weight:600}.sticky-btn-save{background:var(--accent);color:var(--on-accent);cursor:pointer;opacity:.9;border:none;border-radius:8px;padding:10px 32px;font-weight:600}.sticky-btn-save:hover{opacity:1}.sticky-btn-save:disabled{opacity:.5;cursor:not-allowed}@media (max-width:1050px){.community-app{grid-template-columns:200px minmax(0,1fr)}.community-main-layout{grid-template-columns:1fr}.community-aside{display:none}}@media (max-width:640px){.community-app{flex-direction:column;display:flex}.community-sidebar{display:none}.community-main-layout{padding:16px}.hero-banner{flex-direction:column;padding:24px}.hero-graphics{width:100%;height:200px;margin-top:20px;position:static}.feed-controls{flex-direction:column;align-items:stretch}.mobile-nav{z-index:20;padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:var(--surface-alt);border-top:1px solid var(--border);grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{color:var(--muted);flex-direction:column;justify-content:center;gap:4px;padding:4px;font-size:11px;transition:color .15s;position:relative}.mobile-nav a[aria-current=page]{color:var(--accent-dark)}.search-hero{padding:20px}.search-filters{grid-template-columns:1fr}.topics-grid{grid-template-columns:1fr 1fr}}.auth-shell{text-align:center;background:var(--surface);flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100vh;padding:40px;display:flex}.auth-shell>.brand{padding:0;font-size:32px}.auth-shell>main{background:var(--glass);width:100%;max-width:480px}@supports (color:color-mix(in lab,red,red)){.auth-shell>main{background:color-mix(in srgb,var(--glass) 40%,transparent)}}.auth-shell>main{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--accent)}@supports (color:color-mix(in lab,red,red)){.auth-shell>main{border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}}.auth-shell>main{border-radius:var(--radius);box-shadow:0 24px 64px var(--shadow-ink),inset 0 1px 0 var(--ink);padding:40px}@supports (color:color-mix(in lab,red,red)){.auth-shell>main{box-shadow:0 24px 64px color-mix(in srgb,var(--shadow-ink) 40%,transparent),inset 0 1px 0 color-mix(in srgb,var(--ink) 10%,transparent)}}.auth-shell>main h1{margin:0 0 12px;font-size:24px}.auth-shell>main p{color:var(--muted);margin:0 0 24px}.login-layout{background:var(--surface);grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-layout-single{grid-template-columns:1fr}.login-layout-single .login-card-brand{justify-content:center;margin-bottom:24px}.register-password-hint{color:var(--muted);margin:-4px 0 12px;font-size:13px;display:block}.login-left{flex-direction:column;justify-content:center;padding:60px;display:flex;position:relative;overflow:hidden}.login-brand{letter-spacing:-1px;background:var(--accent);color:#0000;z-index:10;-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800;position:absolute;top:40px;left:60px}.login-left-content{z-index:2;max-width:600px;margin:0 auto;position:relative}.login-left h1{letter-spacing:-1px;margin-bottom:16px;font-size:48px;font-weight:800;line-height:1.2}.login-left h1 span{background:var(--accent);color:#0000;-webkit-background-clip:text;background-clip:text}.login-left-desc{color:var(--text-tertiary);max-width:480px;margin-bottom:40px;font-size:18px;line-height:1.5}.login-graphics{width:100%;height:400px;position:relative}.login-badge{background:var(--glass);position:absolute}@supports (color:color-mix(in lab,red,red)){.login-badge{background:color-mix(in srgb,var(--glass) 80%,transparent)}}.login-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--ink)}@supports (color:color-mix(in lab,red,red)){.login-badge{border:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}}.login-badge{border-radius:var(--radius-sm);color:var(--text-strong);box-shadow:0 8px 32px var(--shadow-ink);align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}@supports (color:color-mix(in lab,red,red)){.login-badge{box-shadow:0 8px 32px color-mix(in srgb,var(--shadow-ink) 40%,transparent)}}.login-badge .icon-box{background:var(--ink);border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}@supports (color:color-mix(in lab,red,red)){.login-badge .icon-box{background:color-mix(in srgb,var(--ink) 10%,transparent)}}.login-badge-1{top:20px;left:0}.login-badge-2{top:20px;left:220px}.login-badge-3{top:20px;left:420px}.login-badge-4{padding:16px;bottom:20px;left:0}.login-badge-4 h3{color:var(--muted);margin:0 0 4px;font-size:12px;font-weight:600}.login-badge-4 .stat{align-items:center;gap:8px;font-size:24px;font-weight:800;display:flex}.login-badge-4 .stat span{color:var(--success);font-size:14px}.login-footer-text{color:var(--text-tertiary);align-items:center;gap:8px;font-size:14px;font-style:italic;display:flex;position:absolute;bottom:40px;left:60px}.login-right{justify-content:center;align-items:center;padding:40px;display:flex;position:relative}.login-right:before{content:"";background:radial-gradient(circle at center,var(--accent) 0,transparent 70%);position:absolute;inset:0}@supports (color:color-mix(in lab,red,red)){.login-right:before{background:radial-gradient(circle at center,color-mix(in srgb,var(--accent) 5%,transparent) 0,transparent 70%)}}.login-right:before{z-index:0}.login-card{z-index:1;background:var(--glass);width:100%;max-width:480px;position:relative}@supports (color:color-mix(in lab,red,red)){.login-card{background:color-mix(in srgb,var(--glass) 40%,transparent)}}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--accent)}@supports (color:color-mix(in lab,red,red)){.login-card{border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}}.login-card{border-radius:var(--radius);box-shadow:0 24px 64px var(--shadow-ink),inset 0 1px 0 var(--ink);padding:40px}@supports (color:color-mix(in lab,red,red)){.login-card{box-shadow:0 24px 64px color-mix(in srgb,var(--shadow-ink) 40%,transparent),inset 0 1px 0 color-mix(in srgb,var(--ink) 10%,transparent)}}.login-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.login-card-brand{background:var(--accent);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:800}.security-badge{font-size:12px;display:flex}.security-icon{background:var(--ink);width:32px;height:32px}@supports (color:color-mix(in lab,red,red)){.security-icon{background:color-mix(in srgb,var(--ink) 5%,transparent)}}.security-icon{justify-content:center;align-items:center;display:flex}.login-card h2{margin:0 0 8px;font-size:28px;font-weight:700}.login-card>p{color:var(--muted);margin:0 0 32px;font-size:15px}.step-indicator{gap:16px;margin-bottom:32px}.step-indicator,.step-item{align-items:center;display:flex}.step-item{color:var(--muted);gap:8px;font-size:14px;font-weight:600}.step-item.active{color:var(--text)}.step-number{background:var(--ink);border-radius:50%;width:28px;height:28px}@supports (color:color-mix(in lab,red,red)){.step-number{background:color-mix(in srgb,var(--ink) 10%,transparent)}}.step-number{justify-content:center;align-items:center;font-size:12px;display:flex}.step-item.active .step-number{background:var(--accent);color:var(--on-accent)}.step-arrow{color:var(--ink)}@supports (color:color-mix(in lab,red,red)){.step-arrow{color:color-mix(in srgb,var(--ink) 20%,transparent)}}.form-group{margin-bottom:24px}.form-group label{color:var(--text);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.btn-gradient{background:var(--accent);width:100%;color:var(--on-accent);border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:16px;font-weight:700;transition:filter .2s;display:flex}.btn-gradient:hover:not(:disabled){filter:brightness(1.1)}.btn-gradient:disabled{opacity:.7;cursor:not-allowed}.divider{text-align:center;align-items:center;margin:24px 0;display:flex}.divider:after,.divider:before{content:"";border-bottom:1px solid var(--ink);flex:1}@supports (color:color-mix(in lab,red,red)){.divider:after,.divider:before{border-bottom:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}}.divider span{color:var(--muted);padding:0 16px;font-size:12px}.btn-outline-login{border:1px solid var(--ink);background:0 0;width:100%}@supports (color:color-mix(in lab,red,red)){.btn-outline-login{border:1px solid color-mix(in srgb,var(--ink) 20%,transparent)}}.btn-outline-login{color:var(--text);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:12px;padding:14px;font-size:15px;font-weight:600;transition:background .2s;display:flex}.btn-outline-login:hover{background:var(--ink)}@supports (color:color-mix(in lab,red,red)){.btn-outline-login:hover{background:color-mix(in srgb,var(--ink) 5%,transparent)}}.login-options{margin-top:24px;font-size:14px}.checkbox-group{color:var(--text);align-items:center;gap:8px;display:flex}.checkbox-group input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);min-height:0;margin:0;padding:0}.help-link{color:var(--accent-dark);text-decoration:underline}.login-terms{text-align:center;color:var(--muted);margin-top:32px;font-size:12px;line-height:1.5}.login-terms a{color:var(--accent-dark)}@media (max-width:1024px){.login-layout{grid-template-columns:1fr}.login-left{display:none}.login-card{max-width:500px;margin:0 auto}}.payment-layout{background:var(--surface);min-height:100vh;color:var(--text);flex-direction:column;display:flex}.payment-header{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;padding:24px 40px;display:flex}@supports (color:color-mix(in lab,red,red)){.payment-header{border-bottom:1px solid color-mix(in srgb,var(--ink) 5%,transparent)}}.payment-brand{align-items:center;gap:12px;font-size:24px;font-weight:800;display:flex}.payment-brand span{background:var(--accent);color:#0000;-webkit-background-clip:text;background-clip:text}.payment-back-link{color:var(--muted);align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.payment-header-actions{align-items:center;gap:24px;display:flex}.payment-support{color:var(--muted);align-items:center;gap:6px;font-size:14px;display:flex}.payment-secure{color:var(--success);align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.payment-secure span{color:var(--muted);font-size:11px;font-weight:400;display:block}.payment-container{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:40px 24px;position:relative}.payment-container:before{content:"";background:radial-gradient(circle,var(--accent) 0,transparent 70%);width:400px;height:400px;position:absolute;top:0;right:0}@supports (color:color-mix(in lab,red,red)){.payment-container:before{background:radial-gradient(circle,color-mix(in srgb,var(--accent) 15%,transparent) 0,transparent 70%)}}.payment-container:before{z-index:0;pointer-events:none}.payment-container:after{content:"";background:radial-gradient(circle,var(--accent) 0,transparent 70%);width:400px;height:400px;position:absolute;bottom:0;left:0}@supports (color:color-mix(in lab,red,red)){.payment-container:after{background:radial-gradient(circle,color-mix(in srgb,var(--accent) 10%,transparent) 0,transparent 70%)}}.payment-container:after{z-index:0;pointer-events:none}.payment-title-row{z-index:1;justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex;position:relative}.payment-title-row h1{margin:0 0 8px;font-size:32px;font-weight:800}.payment-title-row p{color:var(--muted);margin:0;font-size:16px}.payment-steps{gap:16px}.p-step,.payment-steps{align-items:center;display:flex}.p-step{color:var(--muted);flex-direction:column;gap:8px;font-size:13px;position:relative}.p-step-num{background:var(--ink);border-radius:50%;width:32px;height:32px}@supports (color:color-mix(in lab,red,red)){.p-step-num{background:color-mix(in srgb,var(--ink) 10%,transparent)}}.p-step-num{justify-content:center;align-items:center;font-weight:600;display:flex}.p-step.active{color:var(--text);font-weight:600}.p-step.active .p-step-num{background:var(--accent);color:var(--on-accent);box-shadow:0 0 16px var(--accent)}@supports (color:color-mix(in lab,red,red)){.p-step.active .p-step-num{box-shadow:0 0 16px color-mix(in srgb,var(--accent) 40%,transparent)}}.p-step-line{background:var(--ink);width:60px;height:1px}@supports (color:color-mix(in lab,red,red)){.p-step-line{background:color-mix(in srgb,var(--ink) 10%,transparent)}}.p-step-line{margin-bottom:20px}.p-step-line.active{background:var(--accent)}.payment-grid{z-index:1;grid-template-columns:1fr 400px;gap:24px;display:grid;position:relative}.p-card{background:var(--glass)}@supports (color:color-mix(in lab,red,red)){.p-card{background:color-mix(in srgb,var(--glass) 60%,transparent)}}.p-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--ink)}@supports (color:color-mix(in lab,red,red)){.p-card{border:1px solid color-mix(in srgb,var(--ink) 5%,transparent)}}.p-card{border-radius:var(--radius);padding:24px}.p-card-header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.p-card-icon{background:var(--ink);border-radius:8px;width:36px;height:36px}@supports (color:color-mix(in lab,red,red)){.p-card-icon{background:color-mix(in srgb,var(--ink) 5%,transparent)}}.p-card-icon{justify-content:center;align-items:center;font-size:18px;display:flex}.p-card-header h2{margin:0 0 4px;font-size:18px;font-weight:700}.p-card-header p{color:var(--muted);margin:0;font-size:13px}.bank-info-grid{grid-template-columns:1fr auto;gap:24px;display:grid}.bank-details{flex-direction:column;gap:20px;display:flex}.bank-field{grid-template-columns:140px 1fr auto;align-items:center;gap:12px;display:grid}.bank-field label{color:var(--muted);font-size:13px;font-weight:500}.bank-field .val{color:var(--text);font-family:monospace;font-size:15px;font-weight:700}.btn-copy{background:var(--ink)}@supports (color:color-mix(in lab,red,red)){.btn-copy{background:color-mix(in srgb,var(--ink) 5%,transparent)}}.btn-copy{border:1px solid var(--ink)}@supports (color:color-mix(in lab,red,red)){.btn-copy{border:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}}.btn-copy{color:var(--text);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;min-height:0;padding:6px;display:flex}.btn-copy:hover{background:var(--ink)}@supports (color:color-mix(in lab,red,red)){.btn-copy:hover{background:color-mix(in srgb,var(--ink) 10%,transparent)}}.amount-highlight{background:linear-gradient(135deg,var(--accent),var(--accent))}@supports (color:color-mix(in lab,red,red)){.amount-highlight{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 22%,transparent),color-mix(in srgb,var(--accent) 8%,transparent))}}.amount-highlight{border:1px solid var(--accent)}@supports (color:color-mix(in lab,red,red)){.amount-highlight{border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}}.amount-highlight{border-radius:12px;align-items:center;gap:16px;margin-top:24px;padding:20px;display:flex}.amount-highlight .icon{font-size:32px}.amount-highlight .val-box{flex-direction:column;display:flex}.amount-highlight .val-box span{color:var(--text-secondary);font-size:13px}.amount-highlight .val-box strong{color:var(--text-strong);font-size:28px;font-weight:800}.qr-section{background:var(--sink);flex-direction:column;align-items:center;display:flex}@supports (color:color-mix(in lab,red,red)){.qr-section{background:color-mix(in srgb,var(--sink) 20%,transparent)}}.qr-section{border:1px dashed var(--ink);border-radius:12px;padding:24px}@supports (color:color-mix(in lab,red,red)){.qr-section{border:1px dashed color-mix(in srgb,var(--ink) 10%,transparent)}}.qr-header{align-items:center;gap:8px;margin-bottom:4px;font-size:13px;font-weight:600;display:flex}.qr-section p{color:var(--muted);text-align:center;margin:0 0 16px;font-size:12px}.qr-code-box{background:var(--qr-surface);border-radius:12px;justify-content:center;align-items:center;width:180px;height:180px;padding:12px;display:flex;position:relative}.qr-code-box img{object-fit:contain;width:100%;height:100%}.qr-timer{color:var(--muted);align-items:center;gap:8px;margin-top:16px;font-size:13px;display:flex}.qr-timer strong{color:var(--danger);font-family:monospace;font-size:16px}.p-warning{background:var(--warning);margin-top:24px}@supports (color:color-mix(in lab,red,red)){.p-warning{background:color-mix(in srgb,var(--warning) 10%,transparent)}}.p-warning{border:1px solid var(--warning)}@supports (color:color-mix(in lab,red,red)){.p-warning{border:1px solid color-mix(in srgb,var(--warning) 20%,transparent)}}.p-warning{border-radius:var(--radius);padding:20px}.p-warning-header{color:var(--warning);align-items:center;gap:12px;margin-bottom:16px;font-size:16px;font-weight:700;display:flex}.p-warning-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.p-warning-item{align-items:flex-start;gap:12px;display:flex}.p-warning-item .icon{color:var(--muted);font-size:20px}.p-warning-item h4{color:var(--text);margin:0 0 4px;font-size:13px}.p-warning-item p{color:var(--muted);margin:0;font-size:11px;line-height:1.4}.p-support-footer{border-top:1px solid var(--ink);margin-top:16px}@supports (color:color-mix(in lab,red,red)){.p-support-footer{border-top:1px solid color-mix(in srgb,var(--ink) 5%,transparent)}}.p-support-footer{color:var(--muted);align-items:center;gap:8px;padding-top:16px;font-size:13px;display:flex}.p-support-footer a{color:var(--accent-dark)}.upload-dropzone{border:1px dashed var(--accent);border-radius:var(--radius-sm);text-align:center;background:var(--accent);padding:32px 24px}@supports (color:color-mix(in lab,red,red)){.upload-dropzone{background:color-mix(in srgb,var(--accent) 5%,transparent)}}.upload-dropzone{cursor:pointer;margin-bottom:24px;transition:background .2s}.upload-dropzone:hover{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.upload-dropzone:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}}.upload-dropzone .dz-icon{color:var(--accent);margin-bottom:12px;font-size:32px}.upload-dropzone p{margin:0 0 4px;font-size:14px}.upload-dropzone p span{color:var(--accent-dark);text-decoration:underline}.upload-dropzone .dz-hint{color:var(--muted);font-size:12px}.upload-file-status{background:var(--ink);align-items:center;gap:12px;display:flex}@supports (color:color-mix(in lab,red,red)){.upload-file-status{background:color-mix(in srgb,var(--ink) 5%,transparent)}}.upload-file-status{border:1px solid var(--ink)}@supports (color:color-mix(in lab,red,red)){.upload-file-status{border:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}}.upload-file-status{border-radius:8px;margin-bottom:24px;padding:12px}.upload-file-status img{object-fit:cover;background:var(--shadow-ink);border-radius:4px;width:40px;height:40px}.upload-file-info{flex:1}.upload-file-info strong{white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:13px;display:block;overflow:hidden}.upload-file-info span{color:var(--muted);font-size:11px}.upload-file-ok{color:var(--success);font-size:20px}.upload-file-remove{border:1px solid var(--ink);background:0 0}@supports (color:color-mix(in lab,red,red)){.upload-file-remove{border:1px solid color-mix(in srgb,var(--ink) 20%,transparent)}}.upload-file-remove{color:var(--muted);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;min-height:0;padding:0;display:flex}.upload-file-remove:hover{background:var(--ink)}@supports (color:color-mix(in lab,red,red)){.upload-file-remove:hover{background:color-mix(in srgb,var(--ink) 10%,transparent)}}.order-summary{background:var(--sink);align-items:center;gap:16px;display:flex}@supports (color:color-mix(in lab,red,red)){.order-summary{background:color-mix(in srgb,var(--sink) 20%,transparent)}}.order-summary{border-radius:8px;margin-bottom:24px;padding:16px}.order-summary-icon{background:var(--warning);border-radius:12px;width:48px;height:48px}@supports (color:color-mix(in lab,red,red)){.order-summary-icon{background:color-mix(in srgb,var(--warning) 20%,transparent)}}.order-summary-icon{justify-content:center;align-items:center;font-size:24px;display:flex}.order-summary-info{flex:1}.order-summary-info strong{font-size:15px;display:block}.order-summary-info span{color:var(--muted);font-size:12px}.order-summary-price{color:var(--text);font-size:15px;font-weight:700}.total-row{border-top:1px solid var(--ink);justify-content:space-between;align-items:center;display:flex}@supports (color:color-mix(in lab,red,red)){.total-row{border-top:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}}.total-row{margin-top:16px;padding-top:16px}.total-row span{color:var(--muted);font-size:14px}.total-row strong{color:var(--accent-dark);font-size:20px;font-weight:800}@media (max-width:1024px){.bank-info-grid,.p-warning-grid,.payment-grid{grid-template-columns:1fr}.payment-title-row{flex-direction:column;gap:16px}.payment-steps{justify-content:space-between;width:100%}}.post-detail-layout{grid-template-columns:1fr 340px;align-items:start;gap:24px;margin-top:16px;display:grid}.post-main{flex-direction:column;gap:24px;display:flex}.post-card{background:var(--glass)}@supports (color:color-mix(in lab,red,red)){.post-card{background:color-mix(in srgb,var(--glass) 60%,transparent)}}.post-card{border:1px solid var(--ink)}@supports (color:color-mix(in lab,red,red)){.post-card{border:1px solid color-mix(in srgb,var(--ink) 5%,transparent)}}.post-card{border-radius:var(--radius);padding:24px}.post-breadcrumb{color:var(--muted);align-items:center;gap:8px;margin-bottom:24px;font-size:13px;display:flex}.post-breadcrumb a{color:var(--text);text-decoration:none}.post-breadcrumb a:hover{text-decoration:underline}.post-author-inline{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.post-author-left{align-items:center;gap:12px;display:flex}.post-author-avatar{object-fit:cover;background:var(--ink);border-radius:50%;width:48px;height:48px}@supports (color:color-mix(in lab,red,red)){.post-author-avatar{background:color-mix(in srgb,var(--ink) 10%,transparent)}}.post-author-info{flex-direction:column;gap:2px;display:flex}.post-author-name{font-size:15px;font-weight:700}.post-author-meta,.post-author-name{align-items:center;gap:6px;display:flex}.post-author-meta{color:var(--muted);font-size:12px}.post-title-h1{margin:0 0 16px;font-size:24px;font-weight:800;line-height:1.3}.post-desc{color:var(--text-secondary);white-space:pre-wrap;margin-bottom:16px;font-size:15px;line-height:1.6}.post-hashtags{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.post-tag{background:var(--ink)}@supports (color:color-mix(in lab,red,red)){.post-tag{background:color-mix(in srgb,var(--ink) 5%,transparent)}}.post-tag{color:var(--text);border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.post-tag.tag-primary{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.post-tag.tag-primary{background:color-mix(in srgb,var(--accent) 10%,transparent)}}.post-tag.tag-primary{color:var(--accent-dark)}.post-gallery{border-radius:12px;grid-template-rows:200px 200px;grid-template-columns:2fr 1fr;gap:8px;margin-bottom:24px;display:grid;overflow:hidden}.post-gallery.single{grid-template-rows:400px;grid-template-columns:1fr}.post-gallery img{object-fit:cover;width:100%;height:100%}.gallery-main{grid-row:span 2}.post-gallery.single .gallery-main{grid-row:span 1}.gallery-img-wrapper{position:relative}.gallery-overlay{background:var(--shadow-ink);position:absolute;inset:0}@supports (color:color-mix(in lab,red,red)){.gallery-overlay{background:color-mix(in srgb,var(--shadow-ink) 50%,transparent)}}.gallery-overlay{justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.post-interaction-bar{border-top:1px solid var(--ink);justify-content:space-between;align-items:center;display:flex}@supports (color:color-mix(in lab,red,red)){.post-interaction-bar{border-top:1px solid color-mix(in srgb,var(--ink) 5%,transparent)}}.post-interaction-bar{flex-wrap:wrap;gap:16px;padding-top:16px}.interaction-stats{gap:20px}.interaction-stats,.stat-item{align-items:center;display:flex}.stat-item{color:var(--muted);cursor:pointer;background:0 0;border:none;gap:8px;padding:0;font-size:14px}.stat-item.active{color:var(--accent-dark)}.interaction-actions{align-items:center;gap:12px;display:flex}.btn-action{background:var(--ink)}@supports (color:color-mix(in lab,red,red)){.btn-action{background:color-mix(in srgb,var(--ink) 5%,transparent)}}.btn-action{border:1px solid var(--ink)}@supports (color:color-mix(in lab,red,red)){.btn-action{border:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}}.btn-action{color:var(--text);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.btn-action:hover{background:var(--ink)}@supports (color:color-mix(in lab,red,red)){.btn-action:hover{background:color-mix(in srgb,var(--ink) 10%,transparent)}}.btn-action.btn-message{background:var(--accent);color:var(--on-accent);border:none}.comment-section-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.comment-section-header h3{margin:0;font-size:16px}.comment-sort{color:var(--muted);font-size:13px}.comment-input-area{gap:12px;margin-bottom:32px;display:flex}.comment-input-wrapper{flex:1;align-items:center;display:flex;position:relative}.comment-input-wrapper input{background:var(--ink);width:100%}@supports (color:color-mix(in lab,red,red)){.comment-input-wrapper input{background:color-mix(in srgb,var(--ink) 5%,transparent)}}.comment-input-wrapper input{border:1px solid var(--ink)}@supports (color:color-mix(in lab,red,red)){.comment-input-wrapper input{border:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}}.comment-input-wrapper input{color:var(--text);border-radius:24px;padding:12px 100px 12px 16px;font-size:14px}.comment-input-actions{align-items:center;gap:8px;display:flex;position:absolute;right:8px}.btn-send{background:var(--accent);color:var(--on-accent);border:none;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:600}.comment-list{flex-direction:column;gap:24px;display:flex}.comment-item{gap:12px;display:flex}.comment-content{flex:1}.comment-name{margin-right:8px;font-size:14px;font-weight:700}.comment-text{color:var(--text-secondary);font-size:14px}.comment-meta{color:var(--muted);align-items:center;gap:12px;margin-top:6px;font-size:12px;display:flex}.comment-meta span.action{cursor:pointer}.comment-meta span.action:hover{text-decoration:underline}.sidebar-card{background:var(--glass)}@supports (color:color-mix(in lab,red,red)){.sidebar-card{background:color-mix(in srgb,var(--glass) 60%,transparent)}}.sidebar-card{border:1px solid var(--ink)}@supports (color:color-mix(in lab,red,red)){.sidebar-card{border:1px solid color-mix(in srgb,var(--ink) 5%,transparent)}}.sidebar-card{border-radius:var(--radius);margin-bottom:24px;padding:24px}.sidebar-title{justify-content:space-between;align-items:center;margin:0 0 20px;font-size:16px;font-weight:700;display:flex}.sidebar-author-header{gap:16px;margin-bottom:20px;display:flex}.sidebar-author-avatar{object-fit:cover;border-radius:50%;width:60px;height:60px}.sidebar-author-name{align-items:center;gap:6px;margin-bottom:4px;font-size:16px;font-weight:700;display:flex}.author-badge{background:var(--ink)}@supports (color:color-mix(in lab,red,red)){.author-badge{background:color-mix(in srgb,var(--ink) 10%,transparent)}}.author-badge{border-radius:12px;margin-bottom:4px;padding:2px 8px;font-size:11px;display:inline-block}.author-stats{border-top:1px solid var(--ink);justify-content:space-between;display:flex}@supports (color:color-mix(in lab,red,red)){.author-stats{border-top:1px solid color-mix(in srgb,var(--ink) 5%,transparent)}}.author-stats{border-bottom:1px solid var(--ink)}@supports (color:color-mix(in lab,red,red)){.author-stats{border-bottom:1px solid color-mix(in srgb,var(--ink) 5%,transparent)}}.author-stats{text-align:center;margin-bottom:16px;padding:16px 0}.author-stat-item strong{font-size:16px;font-weight:800;display:block}.author-stat-item span{color:var(--muted);font-size:11px}.author-achievements{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.achievement-item{font-size:13px}.achievement-item,.related-post-item{align-items:center;gap:12px;display:flex}.related-post-item{color:var(--text);margin-bottom:16px;text-decoration:none}.related-post-item:hover{background:var(--ink)}@supports (color:color-mix(in lab,red,red)){.related-post-item:hover{background:color-mix(in srgb,var(--ink) 2%,transparent)}}.related-post-item:hover{border-radius:8px}.related-post-thumb{object-fit:cover;border-radius:8px;width:80px;height:60px}.related-post-info h4{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 4px;font-size:13px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.related-post-author{align-items:center;gap:4px}.related-post-author,.related-post-meta{color:var(--muted);font-size:11px;display:flex}.related-post-meta{gap:12px;margin-top:4px}@media (max-width:1024px){.post-detail-layout,.post-gallery{grid-template-columns:1fr}.post-gallery{grid-template-rows:auto}.gallery-main{grid-row:auto;height:300px}.gallery-img-wrapper{height:150px}}.ob-layout{background-color:var(--bg);min-height:100vh;color:var(--text);flex-direction:column;display:flex}.ob-header{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;padding:16px 32px;display:flex}@supports (color:color-mix(in lab,red,red)){.ob-header{border-bottom:1px solid color-mix(in srgb,var(--ink) 5%,transparent)}}.ob-header-left{align-items:center;gap:12px;display:flex}.ob-logo{background:var(--accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:24px;font-weight:800;text-decoration:none}.ob-slogan{color:var(--muted);border-left:1px solid var(--ink);font-size:12px}@supports (color:color-mix(in lab,red,red)){.ob-slogan{border-left:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}}.ob-slogan{padding-left:12px;line-height:1.4}.ob-stepper{gap:8px}.ob-step-item,.ob-stepper{align-items:center;display:flex}.ob-step-item{flex-direction:column;gap:4px;width:80px}.ob-step-circle{background:var(--ink);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}@supports (color:color-mix(in lab,red,red)){.ob-step-circle{background:color-mix(in srgb,var(--ink) 10%,transparent)}}.ob-step-circle{color:var(--muted)}.ob-step-item.active .ob-step-circle{background:var(--accent-dark);color:var(--on-accent)}.ob-step-item.done .ob-step-circle{background:var(--success);color:var(--on-accent)}.ob-step-label{color:var(--muted);text-align:center;font-size:11px}.ob-step-item.active .ob-step-label{color:var(--text);font-weight:600}.ob-step-line{background:var(--ink);width:40px;height:2px}@supports (color:color-mix(in lab,red,red)){.ob-step-line{background:color-mix(in srgb,var(--ink) 10%,transparent)}}.ob-step-line{margin-top:-16px}.ob-step-line.done{background:var(--accent)}.ob-header-right{align-items:center;gap:20px;display:flex}.ob-help{color:var(--muted);gap:6px;text-decoration:none}.ob-help,.ob-user{align-items:center;font-size:13px;display:flex}.ob-user{gap:8px;font-weight:600}.ob-user-avatar{background:var(--avatar-lilac);width:32px;height:32px;color:var(--on-avatar-lilac);border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.ob-main{flex:1;grid-template-columns:300px 1fr 340px;gap:32px;width:100%;max-width:1400px;margin:0 auto;padding:40px 32px;display:grid}.ob-col-left{flex-direction:column;display:flex}.ob-col-left h1{margin:0 0 12px;font-size:32px;font-weight:800}.ob-col-left h1 span{color:var(--accent-dark)}.ob-col-left p{color:var(--text-secondary);margin-bottom:40px;font-size:14px;line-height:1.5}.ob-v-steps{flex-direction:column;gap:24px;margin-bottom:40px;display:flex;position:relative}.ob-v-steps:before{content:"";background:var(--ink);width:2px;position:absolute;top:16px;bottom:16px;left:15px}@supports (color:color-mix(in lab,red,red)){.ob-v-steps:before{background:color-mix(in srgb,var(--ink) 10%,transparent)}}.ob-v-steps:before{z-index:0}.ob-v-step{z-index:1;gap:16px;display:flex;position:relative}.ob-v-icon{background:var(--ink);border-radius:50%;width:32px;height:32px}@supports (color:color-mix(in lab,red,red)){.ob-v-icon{background:color-mix(in srgb,var(--ink) 10%,transparent)}}.ob-v-icon{border:2px solid var(--bg);justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.ob-v-step.done .ob-v-icon{background:var(--success);color:var(--on-accent)}.ob-v-step.active .ob-v-icon{background:var(--accent-dark);color:var(--on-accent)}.ob-v-info h4{margin:0 0 4px;font-size:15px;font-weight:700}.ob-v-step.active .ob-v-info h4{color:var(--accent-dark)}.ob-v-info p{color:var(--muted);margin:0;font-size:12px}.ob-quote{color:var(--muted);font-size:13px;font-style:italic;line-height:1.5}.ob-card{background:var(--glass)}@supports (color:color-mix(in lab,red,red)){.ob-card{background:color-mix(in srgb,var(--glass) 60%,transparent)}}.ob-card{border:1px solid var(--ink)}@supports (color:color-mix(in lab,red,red)){.ob-card{border:1px solid color-mix(in srgb,var(--ink) 5%,transparent)}}.ob-card{border-radius:16px;padding:32px}.ob-card-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.ob-card-icon{background:var(--ink);border-radius:50%;width:48px;height:48px}@supports (color:color-mix(in lab,red,red)){.ob-card-icon{background:color-mix(in srgb,var(--ink) 5%,transparent)}}.ob-card-icon{color:var(--accent-dark);justify-content:center;align-items:center;display:flex}.ob-card-header h2{margin:0 0 4px;font-size:20px}.ob-card-header p{color:var(--muted);margin:0;font-size:13px}.ob-warning{background:var(--caution)}@supports (color:color-mix(in lab,red,red)){.ob-warning{background:color-mix(in srgb,var(--caution) 10%,transparent)}}.ob-warning{border:1px solid var(--caution)}@supports (color:color-mix(in lab,red,red)){.ob-warning{border:1px solid color-mix(in srgb,var(--caution) 20%,transparent)}}.ob-warning{border-radius:8px;gap:12px;margin-bottom:32px;padding:12px 16px;display:flex}.ob-warning-icon{color:var(--caution)}.ob-warning-text strong{color:var(--caution);margin-bottom:2px;font-size:13px;display:block}.ob-warning-text p{color:var(--text-tertiary);margin:0;font-size:12px}.ob-form-group{align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.ob-form-label{width:140px;color:var(--text-secondary);align-items:center;gap:8px;padding-top:12px;font-size:14px;display:flex}.ob-form-label svg{color:var(--muted)}.ob-form-control{flex:1;position:relative}.ob-form-control input,.ob-form-control select{background:var(--ink);width:100%}@supports (color:color-mix(in lab,red,red)){.ob-form-control input,.ob-form-control select{background:color-mix(in srgb,var(--ink) 5%,transparent)}}.ob-form-control input,.ob-form-control select{border:1px solid var(--ink)}@supports (color:color-mix(in lab,red,red)){.ob-form-control input,.ob-form-control select{border:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}}.ob-form-control input,.ob-form-control select{color:var(--text);border-radius:8px;padding:12px 16px;font-size:14px}.ob-form-control input:disabled,.ob-form-control select:disabled{background:var(--ink)}@supports (color:color-mix(in lab,red,red)){.ob-form-control input:disabled,.ob-form-control select:disabled{background:color-mix(in srgb,var(--ink) 2%,transparent)}}.ob-form-control input:disabled,.ob-form-control select:disabled{color:var(--muted);cursor:not-allowed;appearance:none}.ob-form-control select.has-lock{padding-right:40px}.ob-lock-icon{color:var(--muted);pointer-events:none;position:absolute;top:12px;right:16px}.ob-form-hint{color:var(--muted);margin-top:6px;font-size:12px;display:block}.ob-tags-input{background:var(--ink);flex-wrap:wrap;gap:8px;display:flex}@supports (color:color-mix(in lab,red,red)){.ob-tags-input{background:color-mix(in srgb,var(--ink) 5%,transparent)}}.ob-tags-input{border:1px solid var(--ink)}@supports (color:color-mix(in lab,red,red)){.ob-tags-input{border:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}}.ob-tags-input{border-radius:8px;align-items:center;min-height:44px;padding:8px 16px}.ob-tag{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.ob-tag{background:color-mix(in srgb,var(--accent) 10%,transparent)}}.ob-tag{border:1px solid var(--accent-dark);border-radius:16px;gap:6px;padding:4px 10px;font-size:12px}.ob-tag,.ob-tag button{color:var(--accent-light);align-items:center;display:flex}.ob-tag button{padding:0}.ob-tag button,.ob-tag-add{cursor:pointer;background:0 0;border:none}.ob-tag-add{color:var(--muted);padding:4px;font-size:14px}.ob-toggle-group{border-top:1px solid var(--ink);justify-content:space-between;align-items:center;display:flex}@supports (color:color-mix(in lab,red,red)){.ob-toggle-group{border-top:1px solid color-mix(in srgb,var(--ink) 5%,transparent)}}.ob-toggle-group{margin-top:32px;padding-top:24px}.ob-toggle-info h4{margin:0 0 4px;font-size:14px}.ob-toggle-info p{color:var(--muted);margin:0;font-size:12px}.ob-toggle-btn{background:var(--accent);cursor:pointer;border:none;border-radius:12px;width:44px;height:24px;position:relative}.ob-toggle-btn:after{content:"";background:var(--on-accent);border-radius:50%;width:20px;height:20px;position:absolute;top:2px;right:2px}.ob-footer{justify-content:space-between;margin-top:40px;display:flex}.ob-btn-back{background:var(--ink)}@supports (color:color-mix(in lab,red,red)){.ob-btn-back{background:color-mix(in srgb,var(--ink) 5%,transparent)}}.ob-btn-back{border:1px solid var(--ink)}@supports (color:color-mix(in lab,red,red)){.ob-btn-back{border:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}}.ob-btn-back{color:var(--text);border-radius:8px;padding:12px 24px}.ob-btn-back,.ob-btn-next{cursor:pointer;font-size:14px;font-weight:600}.ob-btn-next{background:var(--accent);color:var(--on-accent);border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 32px;display:flex}.ob-btn-next:disabled{opacity:.7;cursor:not-allowed}.ob-preview-card{background:var(--ink)}@supports (color:color-mix(in lab,red,red)){.ob-preview-card{background:color-mix(in srgb,var(--ink) 2%,transparent)}}.ob-preview-card{border:1px solid var(--ink)}@supports (color:color-mix(in lab,red,red)){.ob-preview-card{border:1px solid color-mix(in srgb,var(--ink) 5%,transparent)}}.ob-preview-card{border-radius:12px;flex-direction:column;align-items:center;margin-bottom:24px;padding:32px 24px;display:flex}.ob-preview-avatar{background:var(--avatar-lilac);width:96px;height:96px;color:var(--on-avatar-lilac);text-transform:uppercase;border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;font-size:40px;font-weight:700;display:flex}.ob-preview-name{min-height:28px;margin-bottom:8px;font-size:20px;font-weight:700}.ob-preview-type{background:var(--ink)}@supports (color:color-mix(in lab,red,red)){.ob-preview-type{background:color-mix(in srgb,var(--ink) 10%,transparent)}}.ob-preview-type{border-radius:16px;align-items:center;gap:6px;margin-bottom:24px;padding:4px 12px;font-size:12px;display:flex}.ob-preview-info{width:100%}.ob-preview-row{align-items:flex-start;gap:12px;margin-bottom:16px;font-size:13px;display:flex}.ob-preview-row svg{color:var(--muted);flex-shrink:0;margin-top:2px}.ob-preview-label{color:var(--muted);margin-bottom:8px}.ob-preview-tags{flex-wrap:wrap;gap:8px;display:flex}.ob-preview-tag{background:var(--ink)}@supports (color:color-mix(in lab,red,red)){.ob-preview-tag{background:color-mix(in srgb,var(--ink) 5%,transparent)}}.ob-preview-tag{border-radius:16px;padding:4px 12px;font-size:12px}.ob-success-hint{background:var(--success);gap:12px;display:flex}@supports (color:color-mix(in lab,red,red)){.ob-success-hint{background:color-mix(in srgb,var(--success) 10%,transparent)}}.ob-success-hint{color:var(--text-secondary);border-radius:8px;padding:16px;font-size:12px;line-height:1.5}.ob-success-hint svg{color:var(--success);flex-shrink:0}@media (max-width:1024px){.ob-main{grid-template-columns:1fr}.ob-col-left,.ob-header-left .ob-stepper{display:none}.ob-form-group{flex-direction:column;gap:8px}.ob-form-label{width:100%;padding-top:0}}.community-app{grid-template-columns:264px minmax(0,1fr)}.community-sidebar{background:var(--surface-alt);padding:28px 16px 20px}.community-content{background:radial-gradient(circle at 44% 0,var(--accent),transparent 34rem),var(--surface)}@supports (color:color-mix(in lab,red,red)){.community-content{background:radial-gradient(circle at 44% 0,color-mix(in srgb,var(--accent) 10%,transparent),transparent 34rem),var(--surface)}}.brand{padding:0 16px;font-size:28px}.brand>span:last-child{background:var(--accent);color:#0000;-webkit-background-clip:text;background-clip:text}.brand-mark{background:var(--accent);width:28px;height:28px;color:var(--on-accent);border-radius:8px;place-items:center;font-size:21px;font-weight:900;display:grid;transform:rotate(-8deg)}.top-header{background:var(--surface);padding:12px 32px}@supports (color:color-mix(in lab,red,red)){.top-header{background:color-mix(in srgb,var(--surface) 88%,transparent)}}.top-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.search-bar-container{background:var(--card-raised);border-color:var(--ink);border-radius:12px;max-width:560px}@supports (color:color-mix(in lab,red,red)){.search-bar-container{border-color:color-mix(in srgb,var(--ink) 12%,transparent)}}.community-main-layout{grid-template-columns:minmax(0,1fr) 424px;gap:22px;max-width:1440px;padding:20px 32px 40px}.community-aside,.community-main{gap:12px}.hero-banner{border:1px solid var(--accent);min-height:204px;padding:32px}@supports (color:color-mix(in lab,red,red)){.hero-banner{border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}}.hero-banner{background:radial-gradient(circle at 78% 30%,var(--accent),transparent 30%),linear-gradient(110deg,var(--hero-1),var(--hero-2) 58%,var(--hero-3))}@supports (color:color-mix(in lab,red,red)){.hero-banner{background:radial-gradient(circle at 78% 30%,color-mix(in srgb,var(--accent) 42%,transparent),transparent 30%),linear-gradient(110deg,var(--hero-1),var(--hero-2) 58%,var(--hero-3))}}.hero-content{max-width:58%}.hero-eyebrow{text-transform:none;color:var(--hero-eyebrow);font-size:17px}.hero-banner h1{font-size:clamp(30px,3vw,42px)}.hero-subtitle{max-width:470px;font-size:16px}.hero-graphics{width:48%}.hero-orb{filter:blur(2px);border-radius:50%;position:absolute}.hero-orb-one{background:radial-gradient(circle at 35% 30%,var(--orb-blush),var(--orb-magenta) 45%,transparent 70%);width:270px;height:270px;bottom:-46%;right:7%}@supports (color:color-mix(in lab,red,red)){.hero-orb-one{background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--orb-blush) 48%,transparent),color-mix(in srgb,var(--orb-magenta) 18%,transparent) 45%,transparent 70%)}}.hero-orb-two{border:1px solid var(--ink);width:150px;height:150px;top:16%;right:28%}@supports (color:color-mix(in lab,red,red)){.hero-orb-two{border:1px solid color-mix(in srgb,var(--ink) 17%,transparent)}}.hero-orb-two{background:var(--ink)}@supports (color:color-mix(in lab,red,red)){.hero-orb-two{background:color-mix(in srgb,var(--ink) 5%,transparent)}}.hero-spark{color:var(--text-tertiary);font-size:18px;position:absolute}.hero-spark-one{top:20%;right:15%}.hero-spark-two{font-size:12px;bottom:16%;right:42%}.post-input-box{background:var(--card-raised);border-radius:13px;padding:12px 16px}.post-input-actions{border-top:0;margin-top:0;padding-top:0}.feed-controls{background:var(--card-raised);border:1px solid var(--border);border-radius:13px;gap:0;padding:0}.filter-group{background:0 0;border:0;border-radius:0;flex:1;padding:6px 16px}.filter-group select{min-width:0}.post-card{background:var(--card-raised);border-radius:15px;padding:16px 18px 12px}.post-card-content{min-width:0}.post-card.has-media .post-card-content{grid-template-columns:minmax(0,1fr) 210px;align-items:start;gap:18px;display:grid}.post-copy{min-width:0}.post-content{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.post-media{min-width:0;position:relative}.post-media .post-image{height:140px;margin:36px 0 0}.post-tags{margin-bottom:8px}.post-actions{padding-top:8px}.trust-card{min-height:160px;padding:20px}.trust-card-icon{border-radius:17px;width:56px;height:56px}.aside-widget{background:var(--surface-alt);padding:17px 18px}.btn-outline{border-color:var(--accent);color:var(--accent-dark)}.quick-actions-grid{grid-template-columns:repeat(4,1fr);gap:8px}.quick-actions-grid a{min-height:94px;padding:12px 5px}@media (max-width:1050px){.community-app{grid-template-columns:200px minmax(0,1fr)}.community-main-layout{grid-template-columns:1fr}.community-aside{display:none}.top-header .search-bar-container{flex:auto;min-width:0;max-width:none}.top-header-actions{flex-shrink:0}.header-profile>span:not(.avatar-placeholder){display:none}}@media (max-width:640px){.community-main-layout{padding:16px 16px 88px}.top-header{gap:8px;padding:10px 16px}.top-header-actions{gap:4px}.hero-banner{flex-direction:column;padding:20px}.hero-content{max-width:100%}.hero-graphics{width:100%;height:60px;margin-top:12px;position:relative}.hero-cta{align-self:flex-start;margin-top:16px}.post-card.has-media .post-card-content{grid-template-columns:1fr}.post-media .post-image{height:190px;margin-top:0}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.mobile-nav a{align-items:center;display:flex}}.search-page{gap:14px;min-width:0}.search-aside{flex-direction:column;gap:12px;display:flex}.search-page .search-hero{border:1px solid var(--accent);min-height:210px;padding:30px 32px}@supports (color:color-mix(in lab,red,red)){.search-page .search-hero{border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}}.search-page .search-hero{background:radial-gradient(circle at 82% 18%,var(--accent),transparent 32%),linear-gradient(115deg,var(--hero-1),var(--hero-2) 58%,var(--hero-4))}@supports (color:color-mix(in lab,red,red)){.search-page .search-hero{background:radial-gradient(circle at 82% 18%,color-mix(in srgb,var(--accent) 28%,transparent),transparent 32%),linear-gradient(115deg,var(--hero-1),var(--hero-2) 58%,var(--hero-4))}}.search-page .search-hero-content h1{letter-spacing:-.04em;font-size:clamp(30px,3vw,42px)}.search-page .search-main-input{background:var(--surface);max-width:760px}@supports (color:color-mix(in lab,red,red)){.search-page .search-main-input{background:color-mix(in srgb,var(--surface) 72%,transparent)}}.search-page .search-main-input{border-color:var(--ink)}@supports (color:color-mix(in lab,red,red)){.search-page .search-main-input{border-color:color-mix(in srgb,var(--ink) 14%,transparent)}}.search-page .search-filters{max-width:920px}.search-page .search-filter-box{background:var(--surface)}@supports (color:color-mix(in lab,red,red)){.search-page .search-filter-box{background:color-mix(in srgb,var(--surface) 52%,transparent)}}.search-page .search-filter-box{border-color:var(--ink)}@supports (color:color-mix(in lab,red,red)){.search-page .search-filter-box{border-color:color-mix(in srgb,var(--ink) 12%,transparent)}}.search-page .topics-section{margin-bottom:20px}.search-page .topics-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.search-page .topic-card{border-radius:13px;min-height:128px;padding:15px}.search-page .topic-card.t-nguon{background:linear-gradient(145deg,var(--topic-nguon-from),var(--search-topic-nguon-to))}.search-page .topic-card.t-kol{background:linear-gradient(145deg,var(--topic-kol-from),var(--search-topic-kol-to))}.search-page .topic-card.t-live{background:linear-gradient(145deg,var(--topic-live-from),var(--search-topic-live-to))}.search-page .topic-card.t-van{background:linear-gradient(145deg,var(--topic-van-from),var(--search-topic-van-to))}.search-page .topic-card.t-sell{background:linear-gradient(145deg,var(--topic-nguon-from),var(--topic-sell-to))}.search-page .search-feed-header{margin-top:4px}.search-page .search-tabs{background:var(--surface-alt)}.search-page .post-card{background:var(--card-raised);border-radius:15px;padding:16px 18px 12px}.search-page .post-card-content{min-width:0}.search-page .post-card.has-media .post-card-content{grid-template-columns:minmax(0,1fr) 210px;align-items:start;gap:18px;display:grid}.search-page .post-copy{min-width:0}.search-page .post-content{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.search-page .post-media{min-width:0}.search-page .post-media .post-image{height:140px;margin:36px 0 0}.search-page .post-tags{margin-bottom:8px}.search-page .post-actions{padding-top:8px}.search-aside .aside-widget{background:var(--surface-alt);padding:17px 18px}.search-aside .btn-outline{border-color:var(--accent);color:var(--accent-dark)}.search-page>.status{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted);background:var(--ink);margin:0;padding:10px 14px}@supports (color:color-mix(in lab,red,red)){.search-page>.status{background:color-mix(in srgb,var(--ink) 3%,transparent)}}.search-page .empty-state{border-color:var(--accent);margin:0}@supports (color:color-mix(in lab,red,red)){.search-page .empty-state{border-color:color-mix(in srgb,var(--accent) 20%,transparent)}}.search-page .empty-state{background:var(--surface-alt)}.search-page>button:not(.primary-button){color:var(--text);background:var(--card-raised);align-self:flex-start}@media (max-width:1050px){.search-page .topics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.search-page .search-hero{padding:20px}.search-page .search-main-input{border-radius:14px;flex-wrap:wrap;align-items:stretch;padding:10px}.search-page .search-main-input input{min-width:0}.search-page .search-main-input .primary-button{width:100%}.search-page .search-filters{grid-template-columns:1fr}.search-page .topics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search-page .post-card.has-media .post-card-content{grid-template-columns:1fr}.search-page .post-media .post-image{height:190px;margin-top:0}.search-page .search-feed-header{flex-direction:column;align-items:flex-start;gap:10px}.search-page .search-tabs{width:100%}.search-page .search-tabs button{flex:1}}.community-app-wide{display:block}.community-app-wide .top-header{gap:28px}.top-header-brand{flex:none;padding:0}.upgrade-page{width:min(1440px,100%);margin:0 auto;padding:22px 48px 48px}.upgrade-breadcrumb{color:var(--muted);align-items:center;gap:14px;margin-bottom:14px;font-size:14px;display:flex}.upgrade-breadcrumb span:first-child{color:var(--text);align-items:center;gap:7px;font-weight:600;display:inline-flex}.upgrade-hero{justify-content:space-between;align-items:flex-end;min-height:88px;margin-bottom:16px;display:flex;position:relative}.upgrade-eyebrow{color:var(--accent-dark);letter-spacing:.05em;text-transform:uppercase;margin:0 0 6px;font-size:14px;font-weight:700}.upgrade-hero h1{letter-spacing:-.04em;margin:0 0 8px;font-size:clamp(32px,4vw,44px);font-weight:700;line-height:1.05}.upgrade-hero h1 span,.upgrade-hero-panel h2 span{color:var(--accent-dark)}.upgrade-hero>div>p:last-child{color:var(--muted);margin:0;font-size:16px}.upgrade-grid{grid-template-columns:minmax(0,1.55fr) minmax(380px,.95fr);gap:20px;display:grid}.upgrade-form-card,.upgrade-hero-panel,.upgrade-success-card{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-diffuse);border-radius:16px}.upgrade-hero-panel{background:radial-gradient(circle at 90% 17%,var(--accent),transparent 34%),linear-gradient(120deg,var(--hero-1),var(--upgrade-hero-2) 54%,var(--upgrade-hero-3));min-height:586px;padding:32px 34px;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.upgrade-hero-panel{background:radial-gradient(circle at 90% 17%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 34%),linear-gradient(120deg,var(--hero-1),var(--upgrade-hero-2) 54%,var(--upgrade-hero-3))}}.upgrade-hero-panel:after{content:"";border:1px solid var(--accent);width:720px;height:210px;position:absolute;bottom:-85px;right:-180px}@supports (color:color-mix(in lab,red,red)){.upgrade-hero-panel:after{border:1px solid color-mix(in srgb,var(--accent) 22%,transparent)}}.upgrade-hero-panel:after{border-radius:50%;transform:rotate(-12deg)}.upgrade-panel-glow{background:radial-gradient(circle,var(--accent),transparent 68%);border-radius:50%;width:360px;height:360px;position:absolute;top:17%;right:2%}@supports (color:color-mix(in lab,red,red)){.upgrade-panel-glow{background:radial-gradient(circle,color-mix(in srgb,var(--accent) 18%,transparent),transparent 68%)}}.upgrade-panel-glow{filter:blur(5px)}.upgrade-badges{z-index:1;flex-wrap:wrap;gap:10px;display:flex;position:relative}.upgrade-badges span{border:1px solid var(--accent);align-items:center;gap:7px;padding:8px 14px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.upgrade-badges span{border:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}}.upgrade-badges span{background:var(--accent-soft);color:var(--accent-dark);border-radius:12px;font-weight:700}.upgrade-badges span+span{border-color:var(--border);background:var(--ink)}@supports (color:color-mix(in lab,red,red)){.upgrade-badges span+span{background:color-mix(in srgb,var(--ink) 6%,transparent)}}.upgrade-badges span+span{color:var(--text)}.upgrade-hero-panel h2{z-index:1;letter-spacing:-.035em;max-width:570px;margin:26px 0 12px;font-size:clamp(29px,3vw,40px);font-weight:700;line-height:1.13;position:relative}.upgrade-panel-copy{z-index:1;max-width:540px;color:var(--text-tertiary);margin:0 0 22px;font-size:15px;position:relative}.upgrade-benefits{z-index:1;gap:12px;max-width:590px;display:grid;position:relative}.upgrade-benefits>div{align-items:center;gap:15px;display:flex}.upgrade-benefits>div>span{border:1px solid var(--accent);flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid}@supports (color:color-mix(in lab,red,red)){.upgrade-benefits>div>span{border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}}.upgrade-benefits>div>span{background:var(--accent-soft);color:var(--accent-dark);border-radius:50%}.upgrade-benefits p{gap:2px;margin:0;display:grid}.upgrade-benefits strong{font-size:16px}.upgrade-benefits small{color:var(--text-tertiary);font-size:13px}.upgrade-form-card{background:var(--card);align-self:start;padding:22px}.upgrade-card-heading{align-items:center;gap:14px;margin-bottom:18px;display:flex}.upgrade-card-icon{background:var(--accent);width:49px;height:49px;color:var(--on-accent);border-radius:16px;place-items:center;display:grid}.upgrade-card-heading h2{letter-spacing:-.025em;margin:0 0 2px;font-size:24px}.upgrade-card-heading p{color:var(--muted);margin:0;font-size:13px}.upgrade-form-card [aria-live=polite]:empty{display:none}.upgrade-warning{border:1px solid var(--warning);align-items:center;gap:10px;margin-bottom:16px;padding:12px 14px;display:flex}@supports (color:color-mix(in lab,red,red)){.upgrade-warning{border:1px solid color-mix(in srgb,var(--warning) 55%,transparent)}}.upgrade-warning{background:var(--warning);border-radius:11px}@supports (color:color-mix(in lab,red,red)){.upgrade-warning{background:color-mix(in srgb,var(--warning) 12%,transparent)}}.upgrade-warning{color:var(--caution-text-warm);font-size:13px}.account-transition{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-bottom:17px;display:grid}.account-state{border:1px solid var(--ink);grid-template-columns:auto 1fr;align-items:center;gap:0 10px;min-height:76px;padding:10px 12px;display:grid}@supports (color:color-mix(in lab,red,red)){.account-state{border:1px solid color-mix(in srgb,var(--ink) 14%,transparent)}}.account-state{background:var(--ink);border-radius:12px}@supports (color:color-mix(in lab,red,red)){.account-state{background:color-mix(in srgb,var(--ink) 5%,transparent)}}.account-state>span{background:var(--ink);border-radius:50%;grid-row:span 2;place-items:center;width:40px;height:40px;display:grid}@supports (color:color-mix(in lab,red,red)){.account-state>span{background:color-mix(in srgb,var(--ink) 9%,transparent)}}.account-state>span{color:var(--muted)}.account-state small{color:var(--muted);font-size:11px}.account-state strong{font-size:14px}.account-state-new{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.account-state-new{border-color:color-mix(in srgb,var(--accent) 45%,transparent)}}.account-state-new{background:var(--accent-soft)}.account-state-new>span{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.account-state-new>span{background:color-mix(in srgb,var(--accent) 25%,transparent)}}.account-state-new strong,.account-state-new>span{color:var(--accent-dark)}.account-transition-arrow{color:var(--muted)}.upgrade-field{gap:7px;margin-bottom:14px;display:grid}.upgrade-field label{font-size:13px;font-weight:600}.upgrade-field select{appearance:auto;background:var(--surface-alt);border-color:var(--ink)}@supports (color:color-mix(in lab,red,red)){.upgrade-field select{border-color:color-mix(in srgb,var(--ink) 18%,transparent)}}.upgrade-plan-summary{border:1px solid var(--ink);grid-template-columns:auto minmax(0,1fr) minmax(150px,.9fr);align-items:center;gap:12px;margin-bottom:17px;padding:13px 14px;display:grid}@supports (color:color-mix(in lab,red,red)){.upgrade-plan-summary{border:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}}.upgrade-plan-summary{background:var(--ink);border-radius:12px}@supports (color:color-mix(in lab,red,red)){.upgrade-plan-summary{background:color-mix(in srgb,var(--ink) 4.5%,transparent)}}.upgrade-plan-icon{background:var(--accent);width:46px;height:46px;color:var(--on-accent);border-radius:50%;place-items:center;display:grid}.upgrade-plan-summary div{gap:1px;display:grid}.upgrade-plan-summary strong{font-size:14px}.upgrade-plan-summary b{color:var(--mint);font-size:13px}.upgrade-plan-summary small{color:var(--muted);font-size:11px}.upgrade-plan-summary ul{border-left:1px solid var(--ink);gap:4px;margin:0;padding:0 0 0 17px;display:grid}@supports (color:color-mix(in lab,red,red)){.upgrade-plan-summary ul{border-left:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}}.upgrade-plan-summary ul{color:var(--mint-soft);font-size:11px}.upgrade-submit{width:100%;font-size:15px;border-radius:12px!important;min-height:50px!important}.upgrade-page-success{place-items:center;min-height:calc(100vh - 100px);display:grid}.upgrade-success-card{text-align:center;background:radial-gradient(circle at 50% 0,var(--accent),transparent 48%),var(--card-raised);width:min(580px,100%);padding:48px}@supports (color:color-mix(in lab,red,red)){.upgrade-success-card{background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--accent) 22%,transparent),transparent 48%),var(--card-raised)}}.upgrade-success-icon{background:var(--mint-bg);border-radius:22px;place-items:center;width:72px;height:72px;margin:0 auto 18px;display:grid}@supports (color:color-mix(in lab,red,red)){.upgrade-success-icon{background:color-mix(in srgb,var(--mint-bg) 14%,transparent)}}.upgrade-success-icon{color:var(--mint-strong)}.upgrade-success-card h1{margin:0 0 10px;font-size:34px}.upgrade-success-card>p:not(.upgrade-eyebrow){max-width:420px;color:var(--muted);margin:0 auto 24px}@media (max-width:900px){.upgrade-page{padding:22px 24px 40px}.upgrade-grid{grid-template-columns:1fr}.upgrade-form-card{order:-1}.upgrade-hero-panel{min-height:0}}@media (max-width:640px){.upgrade-page{padding:18px 16px 88px}.community-app-wide .top-header{gap:8px}.upgrade-hero{align-items:flex-start;min-height:0}.upgrade-hero h1{font-size:32px}.upgrade-form-card,.upgrade-hero-panel{border-radius:14px;padding:20px 16px}.upgrade-hero-panel h2{margin-top:22px;font-size:29px}.account-transition{grid-template-columns:1fr}.account-transition-arrow{justify-self:center;transform:rotate(90deg)}.upgrade-plan-summary{grid-template-columns:auto 1fr}.upgrade-plan-summary ul{border-left:0;border-top:1px solid var(--ink);grid-column:1/-1}@supports (color:color-mix(in lab,red,red)){.upgrade-plan-summary ul{border-top:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}}.upgrade-plan-summary ul{padding:10px 0 0 17px}.upgrade-success-card{padding:34px 20px}}.auth-login-page{background:var(--surface);grid-template-columns:minmax(0,1.08fr) minmax(460px,.92fr);min-height:100vh;overflow:hidden}.auth-login-page .login-hero{background:radial-gradient(circle at 17% 7%,var(--accent),transparent 30%),radial-gradient(circle at 76% 64%,var(--accent),transparent 36%),linear-gradient(135deg,var(--login-hero-1) 0,var(--login-hero-2) 62%,var(--login-hero-3) 100%);align-items:center;min-height:100vh;padding:clamp(42px,6vw,78px) clamp(28px,6vw,82px);display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.auth-login-page .login-hero{background:radial-gradient(circle at 17% 7%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 30%),radial-gradient(circle at 76% 64%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 36%),linear-gradient(135deg,var(--login-hero-1) 0,var(--login-hero-2) 62%,var(--login-hero-3) 100%)}}.auth-login-page .login-hero:after,.auth-login-page .login-hero:before{content:"";pointer-events:none;border-radius:50%;position:absolute}.auth-login-page .login-hero:before{background:radial-gradient(circle at 60% 60%,var(--accent),transparent 70%);width:310px;height:310px;top:-190px;left:-100px}@supports (color:color-mix(in lab,red,red)){.auth-login-page .login-hero:before{background:radial-gradient(circle at 60% 60%,color-mix(in srgb,var(--accent) 32%,transparent),transparent 70%)}}.auth-login-page .login-hero:after{border:1px solid var(--accent);width:420px;height:420px;bottom:-260px;right:-220px}@supports (color:color-mix(in lab,red,red)){.auth-login-page .login-hero:after{border:1px solid color-mix(in srgb,var(--accent) 18%,transparent)}}.login-hero-content{z-index:1;width:min(100%,760px);margin:0 auto;position:relative}.login-card-brand,.login-hero-brand{color:var(--text);letter-spacing:-.04em;align-items:center;gap:12px;font-size:clamp(28px,3vw,42px);font-weight:700;display:inline-flex}.login-card-brand>span:last-child span,.login-hero-brand>span:last-child span{color:var(--accent-dark)}.login-card-logo,.login-hero-logo{background:var(--accent);width:42px;height:42px;color:var(--on-accent);border-radius:12px;place-items:center;font-size:22px;font-weight:600;line-height:1;display:grid}.login-card-logo{border-radius:10px;width:34px;height:34px;font-size:18px}.login-hero-kicker{color:var(--muted);letter-spacing:.3em;margin:12px 0 42px;font-size:12px}.login-hero h1{text-wrap:balance;max-width:560px;color:var(--text);letter-spacing:-.045em;margin:0 0 22px;font-size:clamp(38px,5vw,64px);font-weight:700;line-height:1.04}.login-hero h1 span{color:var(--accent-dark);text-wrap:balance;display:block}.login-hero-desc{max-width:540px;color:var(--muted);margin:0;font-size:clamp(15px,1.35vw,18px);line-height:1.65}.login-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;max-width:620px;margin:48px 0 0;padding:0;list-style:none;display:grid}.login-hero-stats li{border-left:1px solid var(--border);gap:4px;padding:0 20px;display:grid}.login-hero-stats li:first-child{border-left:0;padding-left:0}.login-hero-stats strong{color:var(--text);font-size:16px}.login-hero-stats span{color:var(--text)}@supports (color:color-mix(in lab,red,red)){.login-hero-stats span{color:color-mix(in srgb,var(--text) 72%,transparent)}}.login-hero-stats span{font-size:13px;line-height:1.45}.login-hero-quote{color:var(--text);align-items:center;gap:14px;margin:32px 0 0;display:flex}@supports (color:color-mix(in lab,red,red)){.login-hero-quote{color:color-mix(in srgb,var(--text) 72%,transparent)}}.login-hero-quote{font-size:14px;font-style:italic}.login-hero-quote span{background:var(--accent);width:31px;height:2px}.auth-login-page .login-panel{background:radial-gradient(circle at 45% 24%,var(--accent),transparent 45%),var(--surface);justify-content:center;align-items:center;min-width:0;padding:70px clamp(24px,5vw,86px);display:flex;position:relative}@supports (color:color-mix(in lab,red,red)){.auth-login-page .login-panel{background:radial-gradient(circle at 45% 24%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 45%),var(--surface)}}.auth-login-page .login-card{border:1px solid var(--border);background:var(--card);width:min(100%,570px);max-width:none;box-shadow:var(--shadow-diffuse);border-radius:22px;padding:clamp(28px,3.4vw,50px)}.auth-login-page .login-card-header{align-items:center;margin-bottom:30px}.auth-login-page .login-card-brand{gap:10px;font-size:29px}.security-badge{border:1px solid var(--border);background:var(--ink);border-radius:12px;align-items:center;gap:8px;padding:8px 11px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.security-badge{background:color-mix(in srgb,var(--ink) 4%,transparent)}}.security-badge{color:var(--muted);white-space:nowrap;font-size:11px}.security-icon{width:25px;height:25px;color:var(--teal);background:var(--teal);border-radius:8px;place-items:center;display:grid}@supports (color:color-mix(in lab,red,red)){.security-icon{background:color-mix(in srgb,var(--teal) 12%,transparent)}}.security-icon svg{width:18px;height:18px}.login-card-copy h2{color:var(--text);letter-spacing:-.03em;margin:0 0 9px;font-size:clamp(29px,3vw,39px);font-weight:700}.login-card-copy p{color:var(--muted);margin:0 0 32px;font-size:15px}.auth-login-page .login-card [aria-live]:not(:empty){border:1px solid var(--danger);margin-bottom:18px;padding:12px 14px}@supports (color:color-mix(in lab,red,red)){.auth-login-page .login-card [aria-live]:not(:empty){border:1px solid color-mix(in srgb,var(--danger) 35%,transparent)}}.auth-login-page .login-card [aria-live]:not(:empty){background:var(--danger);border-radius:12px}@supports (color:color-mix(in lab,red,red)){.auth-login-page .login-card [aria-live]:not(:empty){background:color-mix(in srgb,var(--danger) 9%,transparent)}}.auth-login-page .login-card [aria-live]:not(:empty){color:var(--danger);font-size:14px;font-weight:500}.login-form{gap:10px;display:grid}.login-form>label{color:var(--text);margin-top:3px;font-size:13px;font-weight:600}.login-input-wrap{border:1px solid var(--border);background:var(--surface);border-radius:13px;align-items:center;min-height:56px;margin-bottom:9px;padding:0 16px;transition:border-color .2s,box-shadow .2s;display:flex}.login-input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.login-input-wrap[data-invalid]{border-color:var(--danger)}.login-input-wrap[data-invalid]:focus-within{box-shadow:0 0 0 3px var(--danger)}@supports (color:color-mix(in lab,red,red)){.login-input-wrap[data-invalid]:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 18%,transparent)}}.login-input-wrap svg{width:21px;height:21px;color:var(--muted);flex:none;margin-right:14px}.auth-login-page .login-input-wrap input{width:100%;min-width:0;min-height:0;color:var(--text);background:0 0;border:0;border-radius:0;flex:auto;align-self:stretch;padding:0;font-size:14px}.login-input-wrap input::placeholder{color:var(--muted)}.login-input-wrap input:focus{box-shadow:none;outline:0}.login-input-wrap input:-webkit-autofill,.login-input-wrap input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--surface) inset;-webkit-text-fill-color:var(--text);caret-color:var(--text);transition:background-color 9999s}.login-input-wrap input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--surface) inset;-webkit-text-fill-color:var(--text);caret-color:var(--text);transition:background-color 9999s}.login-password-toggle{width:44px;height:44px;min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:10px;flex:none;place-items:center;margin-right:-10px;padding:0;display:grid}.login-password-toggle:hover:not(:disabled){background:var(--accent-soft);color:var(--text)}.login-password-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.login-input-wrap .login-password-toggle svg{margin-right:0}.login-caps-hint{color:var(--danger);margin:-4px 0 4px;font-size:12px;font-weight:600}.login-options{color:var(--text);justify-content:space-between;align-items:center;gap:14px;margin:1px 0 19px;font-size:13px;display:flex}.login-checkbox{cursor:pointer;align-items:center;gap:9px;margin:0;line-height:1;display:inline-flex}.login-checkbox input{width:23px;height:23px;min-height:0;accent-color:var(--accent);margin:0}.login-forgot-link{color:var(--accent-dark);align-items:center;font-weight:600;line-height:1;display:inline-flex}.auth-login-page .btn-gradient{border-radius:13px;font-size:17px;min-height:60px!important}.login-submit-arrow{margin-left:4px;font-size:25px;font-weight:400;line-height:1}.login-register-prompt{border-top:1px solid var(--border);color:var(--muted);text-align:center;margin:28px 0 0;padding-top:24px;font-size:14px}.login-register-prompt a{color:var(--accent-dark);font-weight:700}@media (max-width:900px){.auth-login-page{display:block;overflow:visible}.auth-login-page .login-hero{background:0 0;min-height:auto;padding:28px 24px 8px;display:block}.auth-login-page .login-hero:after,.auth-login-page .login-hero:before,.login-hero-desc,.login-hero-quote,.login-hero-stats{display:none}.login-hero-kicker{margin:8px 0 16px}.login-hero h1{margin:0;font-size:clamp(26px,6.5vw,40px)}.auth-login-page .login-panel{min-height:auto;padding:16px 18px 40px}.auth-theme-toggle:has(~.auth-login-page){top:20px;bottom:auto}}@media (max-width:520px){.auth-login-page .login-hero{padding-inline:20px}.login-hero-brand{font-size:26px}.login-hero-logo{border-radius:10px;width:34px;height:34px;font-size:18px}.login-hero-kicker{letter-spacing:.23em;margin-bottom:12px;font-size:10px}.login-hero h1{font-size:26px}.auth-login-page .login-card{border-radius:20px;padding:25px 20px 28px}.auth-login-page .login-card-header{display:none}.login-card-copy h2{font-size:24px}.login-card-copy p{margin-bottom:18px;font-size:14px}.login-input-wrap{min-height:50px;margin-bottom:4px}.login-options{margin-bottom:12px}.auth-login-page .btn-gradient{min-height:52px!important}.login-register-prompt{margin-top:20px;padding-top:18px}.login-options{font-size:12px}}@media (max-width:767px){html{touch-action:manipulation}.community-main,.community-main-layout{min-width:0}.activity-main{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.community-main-layout{padding:16px 16px calc(88px + env(safe-area-inset-bottom))}.top-header{gap:8px;min-width:0;padding:10px 12px}.top-header .search-bar-container{flex:auto;min-width:0;max-width:none}.top-header-actions{flex:none;gap:4px}.community-app-wide .top-header-brand{display:none}.post-card{min-width:0;padding:14px}.post-author-inline,.post-card-header{align-items:flex-start}.post-author-info,.post-card-authorline{min-width:0}.post-author-name,.post-card-authorline a{overflow-wrap:anywhere}.interaction-actions,.post-actions,.post-interaction-bar{flex-wrap:wrap}.interaction-actions .btn-action,.post-actions .action-btn{flex:auto;justify-content:center;min-width:0}.post-actions .ml-auto{margin-left:0}.feed-controls{grid-template-columns:1fr;display:grid}.filter-group{min-width:0}.payment-header{flex-wrap:wrap;gap:12px;padding:16px}.payment-header-actions{justify-content:space-between;gap:10px;width:100%}.payment-support{display:none}.payment-container{padding:24px 16px calc(88px + env(safe-area-inset-bottom))}.payment-title-row{gap:12px}.payment-title-row h1{font-size:26px}.payment-steps{justify-content:flex-start;gap:10px;padding-bottom:4px;overflow-x:auto}.p-step{flex:none}.p-step-line{width:28px}.p-card{min-width:0}.p-card,.p-warning{padding:16px}.ob-header{gap:10px;padding:12px 16px}.ob-help,.ob-slogan,.ob-stepper{display:none}.ob-header-right{margin-left:auto}.ob-user{font-size:0}.ob-user-avatar{font-size:16px}.ob-main{gap:16px;padding:20px 16px 32px}.ob-card{min-width:0;padding:20px 16px}.ob-card-header{align-items:flex-start;gap:12px}.ob-card-header h2{font-size:18px}.ob-form-group{gap:6px}.ob-form-label{width:100%;padding-top:0}.ob-footer{gap:10px}.ob-btn-back,.ob-btn-next{flex:1 1 0;justify-content:center;padding-inline:12px}.saved-filters{grid-template-columns:1fr;gap:12px;display:grid}.saved-search{width:100%;min-width:0}.saved-search input{min-width:0}.saved-grid{grid-template-columns:1fr;gap:16px}.saved-card-body{flex-direction:column}.saved-card-image{width:100%;height:min(52vw,220px)}.saved-card-footer{flex-direction:column}.saved-btn-remove{width:100%}.act-hero .slogan{display:none}.act-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.act-stat-card{gap:10px;min-width:0;padding:12px}.act-stat-card .icon{flex:0 0 40px;width:40px;height:40px}.act-stat-info p{overflow-wrap:anywhere}.act-tabs{white-space:nowrap;gap:8px;max-width:100%;overflow-x:auto}.act-tab{flex:none}.act-item{flex-wrap:wrap;align-items:flex-start;gap:10px;padding:14px}.act-item-content{min-width:0}.act-item-content p{overflow-wrap:anywhere}.act-item>.act-btn-outline{flex:100%;justify-content:center}.profile-hero-body{gap:12px;padding:0 16px 18px}.profile-avatar-wrap{width:88px;height:88px}.profile-info{min-width:0;margin-top:12px}.profile-name{flex-wrap:wrap;font-size:20px}.profile-meta{gap:8px 12px}.profile-stats{justify-content:space-between;gap:12px;width:100%}.profile-hero-footer{flex-direction:column;align-items:stretch}.profile-hero-actions{flex-wrap:wrap}.profile-btn-outline{flex:auto;justify-content:center}.profile-section{padding:16px}.profile-row{grid-template-columns:1fr;gap:16px}.sticky-action-bar{padding:10px 16px calc(10px + env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;gap:10px}.sticky-actions{width:100%}.sticky-actions button{flex:1 1 0;padding-inline:12px}.post-detail-layout{margin-top:0}.post-gallery{grid-template-rows:auto;grid-template-columns:1fr}.post-gallery .gallery-img-wrapper,.post-gallery .gallery-main{grid-row:auto;height:min(60vw,320px);min-height:180px}.post-gallery.single{grid-template-rows:minmax(220px,60vw)}.interaction-stats{flex-wrap:wrap;gap:12px}.interaction-actions{flex:100%}.comment-section-header{flex-wrap:wrap;gap:8px}.comment-input-area{align-items:flex-start}.comment-input-wrapper{min-width:0}.composer-header{gap:10px;min-width:0;padding:10px 12px}.composer-header .breadcrumb{min-width:0;overflow:hidden}.composer-header .breadcrumb a,.composer-header .breadcrumb span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.composer-header-actions{gap:6px}.composer-status{display:none}.composer-box{padding:16px}.composer-toolbar{overflow-x:auto}.composer-filters{grid-template-columns:1fr;gap:12px}.composer-actions{flex-wrap:wrap;justify-content:stretch}.composer-actions>*{flex:1 1 0}}@media (max-width:480px){.community-main-layout{padding-inline:12px}.top-header{padding-inline:8px}.top-header-actions .icon-button{padding-inline:6px}.hero-banner{padding:18px}.post-actions{gap:4px}.post-actions .action-btn{padding-inline:6px;font-size:12px}.saved-card-image{height:180px}.act-stats{grid-template-columns:1fr}.act-stat-card{padding:14px}.payment-header-actions{flex-direction:column;align-items:flex-start}.payment-secure{align-self:flex-end}.ob-logo{font-size:21px}.ob-main,.profile-hero-body{padding-inline:12px}.profile-section{padding-inline:14px}.sticky-action-text{display:none}.sticky-actions{gap:8px}.post-card{padding:12px}.post-title-h1{font-size:21px}.interaction-actions .btn-action{padding-inline:10px}.composer-box{padding-inline:12px}}.admin-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.admin-header-row h1{margin:0}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.stat-card h2{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 4px;font-size:13px;font-weight:600}.stat-card p{align-items:baseline;gap:8px;margin:6px 0 0;display:flex}.stat-card strong{color:var(--text);font-size:26px;font-weight:700;line-height:1}.stat-card a{display:block}.stat-card a strong{color:var(--accent-dark)}.stat-card a:hover strong{color:var(--accent)}.stat-card span{color:var(--muted);font-size:13px}.admin-filter-bar{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:flex-end;gap:12px 16px;padding:16px;display:flex}.admin-filter-bar .admin-filter-field{flex-direction:column;gap:6px;min-width:160px;display:flex}.admin-filter-bar label{color:var(--muted);font-size:13px}.admin-table-wrap{border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}table.admin-table{border-collapse:collapse;width:100%;min-width:640px}table.admin-table td,table.admin-table th{text-align:left;border-bottom:1px solid var(--border);padding:12px 14px}table.admin-table th{background:var(--surface-alt);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:12px}table.admin-table tbody tr:hover{background:var(--ink)}@supports (color:color-mix(in lab,red,red)){table.admin-table tbody tr:hover{background:color-mix(in srgb,var(--ink) 3%,transparent)}}table.admin-table tbody tr:last-child td{border-bottom:none}.status-badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-badge--ok{background:var(--ok)}@supports (color:color-mix(in lab,red,red)){.status-badge--ok{background:color-mix(in srgb,var(--ok) 15%,transparent)}}.status-badge--ok{color:var(--ok-text);border-color:var(--ok)}@supports (color:color-mix(in lab,red,red)){.status-badge--ok{border-color:color-mix(in srgb,var(--ok) 30%,transparent)}}.status-badge--warn{background:var(--caution)}@supports (color:color-mix(in lab,red,red)){.status-badge--warn{background:color-mix(in srgb,var(--caution) 15%,transparent)}}.status-badge--warn{color:var(--caution-text);border-color:var(--caution)}@supports (color:color-mix(in lab,red,red)){.status-badge--warn{border-color:color-mix(in srgb,var(--caution) 30%,transparent)}}.status-badge--danger{background:var(--danger)}@supports (color:color-mix(in lab,red,red)){.status-badge--danger{background:color-mix(in srgb,var(--danger) 15%,transparent)}}.status-badge--danger{color:var(--danger-text);border-color:var(--danger)}@supports (color:color-mix(in lab,red,red)){.status-badge--danger{border-color:color-mix(in srgb,var(--danger) 30%,transparent)}}.status-badge--neutral{background:var(--ink)}@supports (color:color-mix(in lab,red,red)){.status-badge--neutral{background:color-mix(in srgb,var(--ink) 6%,transparent)}}.status-badge--neutral{color:var(--muted);border-color:var(--border)}.admin-card-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.admin-card-list>li{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;padding:16px 18px;transition:background .15s;display:flex}.admin-card-list>li:has(.admin-card-btn:hover:not(:disabled)){background:var(--border)}.admin-card-list p{margin:0}.admin-card-actions{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.admin-dialog-overlay{background:var(--dialog-scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.admin-dialog{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:480px;max-height:90vh;box-shadow:0 20px 60px var(--shadow-ink);flex-direction:column;gap:12px;padding:24px;display:flex;overflow-y:auto}@supports (color:color-mix(in lab,red,red)){.admin-dialog{box-shadow:0 20px 60px color-mix(in srgb,var(--shadow-ink) 50%,transparent)}}.admin-empty,.admin-loading-state,.admin-page>p[aria-live=polite]{color:var(--muted);text-align:center;background:var(--surface-alt);border:1px dashed var(--border);border-radius:var(--radius);padding:24px}.admin-page>p[aria-live=polite]{display:block}.admin-detail-grid{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 24px;padding:6px 20px;display:grid}.admin-detail-grid p{border-bottom:1px solid var(--border);margin:0;padding:10px 0}.admin-history-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.admin-history-list li{background:var(--surface-alt);border:1px solid var(--border);border-radius:10px;padding:10px 14px;font-size:14px}@media (max-width:640px){.admin-detail-grid{grid-template-columns:1fr}table.admin-table{min-width:520px}}.field-error{color:var(--danger);margin:4px 0 0;font-size:12px}.admin-tabs{background:var(--surface-alt);border:1px solid var(--border);gap:4px;padding:4px;display:inline-flex}.admin-tabs,.admin-tabs button{border-radius:var(--radius-pill)}.admin-tabs button{color:var(--muted);background:0 0;border:none;padding:6px 18px;font-size:13px;font-weight:600}.admin-tabs button:hover:not(:disabled){background:var(--ink)}@supports (color:color-mix(in lab,red,red)){.admin-tabs button:hover:not(:disabled){background:color-mix(in srgb,var(--ink) 6%,transparent)}}.admin-tabs button:hover:not(:disabled){color:var(--text)}.admin-tabs button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.admin-card-btn{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:none;flex-direction:column;gap:8px;margin:0;padding:0;font-weight:400;display:flex}.admin-card-btn:hover:not(:disabled){background:0 0}.kw-card-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.kw-truncate{text-overflow:ellipsis;min-width:0;max-width:220px;overflow:hidden}.kw-time{color:var(--muted);white-space:nowrap;font-size:12px}.kw-parties{font-size:14px}.kw-parties strong{font-weight:700}.kw-arrow{color:var(--muted);margin:0 6px}.kw-privacy-notice{background:var(--caution)}@supports (color:color-mix(in lab,red,red)){.kw-privacy-notice{background:color-mix(in srgb,var(--caution) 10%,transparent)}}.kw-privacy-notice{border:1px solid var(--caution)}@supports (color:color-mix(in lab,red,red)){.kw-privacy-notice{border:1px solid color-mix(in srgb,var(--caution) 30%,transparent)}}.kw-privacy-notice{color:var(--caution-text);border-radius:var(--radius-sm);margin:0;padding:12px 14px;font-size:13px}.kw-truncated-note{color:var(--muted);margin:0;font-size:12px}.kw-section-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:14px 0 6px;font-size:12px;font-weight:700}.kw-chat-log{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:8px;max-height:320px;margin:0;padding:10px;list-style:none;display:flex;overflow-y:auto}.kw-chat-msg{background:var(--surface-alt);border-radius:10px;padding:8px 12px}.kw-chat-msg .kw-chat-body{margin:0 0 2px;font-size:14px}.kw-chat-msg .kw-chat-time{color:var(--muted);margin:0;font-size:11px}.kw-chat-msg--violation{background:var(--danger)}@supports (color:color-mix(in lab,red,red)){.kw-chat-msg--violation{background:color-mix(in srgb,var(--danger) 12%,transparent)}}.kw-chat-msg--violation{border:1px solid var(--danger)}@supports (color:color-mix(in lab,red,red)){.kw-chat-msg--violation{border:1px solid color-mix(in srgb,var(--danger) 35%,transparent)}}.kw-phrase-list{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.kw-decision-group{flex-direction:column;gap:8px;display:flex}.kw-decision-option{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;align-items:center;gap:10px;padding:10px 14px;font-size:14px;font-weight:600;display:flex}.kw-decision-option:has(input:checked){border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.kw-decision-option:has(input:checked){background:color-mix(in srgb,var(--accent) 8%,transparent)}}.kw-decision-option input{margin:0}.kw-ban-box{border:1px solid var(--danger)}@supports (color:color-mix(in lab,red,red)){.kw-ban-box{border:1px solid color-mix(in srgb,var(--danger) 35%,transparent)}}.kw-ban-box{background:var(--danger)}@supports (color:color-mix(in lab,red,red)){.kw-ban-box{background:color-mix(in srgb,var(--danger) 8%,transparent)}}.kw-ban-box{border-radius:var(--radius-sm);flex-direction:column;gap:8px;padding:12px 14px;display:flex}.kw-ban-box>label:first-child{color:var(--danger-text);align-items:center;gap:8px;font-weight:700;display:flex}.kw-field{flex-direction:column;gap:6px;display:flex}.kw-field label{color:var(--muted);font-size:13px;font-weight:600}.kw-dialog-footer{gap:10px;margin-top:4px;display:flex}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}