/*! tailwindcss v4.3.0 | 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)))){*,:before,:after,::backdrop{--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, 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;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{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}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, 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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{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{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,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{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-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{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.static{position:static}.hidden{display:none}.resize{resize:both}.rounded{border-radius:.25rem}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}:root{--accent:#2563eb;--accent-dark:#1d4ed8;--accent-soft:#dbeafe;--app-bg:#eef2f7;--app-bg-2:#e5ebf4;--surface:#fff;--surface-soft:#f8fafc;--surface-elevated:#fff;--navbar-bg:#1f2937;--navbar-active:#374151;--navbar-hover:#313b49;--panel-border:#d9dde3;--text-main:#111827;--text-soft:#6b7280;--text-on-dark:#f9fafb;color:var(--text-main);background:var(--app-bg);font-family:Inter,Arial,Helvetica,sans-serif}:root[data-theme=blue]{--accent:#2563eb;--accent-dark:#1d4ed8;--accent-soft:#dbeafe;--app-bg:#eef4ff;--app-bg-2:#dde9ff;--surface:#fff;--surface-soft:#f6f9ff;--navbar-bg:#14213a;--navbar-active:#24416f;--navbar-hover:#1d3359}:root[data-theme=orange]{--accent:#ea580c;--accent-dark:#c2410c;--accent-soft:#ffedd5;--app-bg:#fff3eb;--app-bg-2:#ffe2cf;--surface:#fffefd;--surface-soft:#fff7f1;--navbar-bg:#3b2516;--navbar-active:#8b4b1e;--navbar-hover:#61341b}:root[data-theme=red]{--accent:#dc2626;--accent-dark:#b91c1c;--accent-soft:#fee2e2;--app-bg:#fff1f1;--app-bg-2:#ffdede;--surface:#fffdfd;--surface-soft:#fff5f5;--navbar-bg:#3a1e23;--navbar-active:#7f2730;--navbar-hover:#61252d}:root[data-theme=green]{--accent:#16a34a;--accent-dark:#15803d;--accent-soft:#dcfce7;--app-bg:#edf9f0;--app-bg-2:#d9f2df;--surface:#fff;--surface-soft:#f5fff7;--navbar-bg:#183525;--navbar-active:#236a42;--navbar-hover:#1d5435}:root[data-theme=purple]{--accent:#7c3aed;--accent-dark:#6d28d9;--accent-soft:#ede9fe;--app-bg:#f4f1ff;--app-bg-2:#e8e0ff;--surface:#fffeff;--surface-soft:#faf7ff;--navbar-bg:#2b2040;--navbar-active:#56378a;--navbar-hover:#3e2a66}:root[data-theme=pink]{--accent:#db2777;--accent-dark:#be185d;--accent-soft:#fce7f3;--app-bg:#fff2f8;--app-bg-2:#ffddea;--surface:#fffefe;--surface-soft:#fff7fb;--navbar-bg:#3b2032;--navbar-active:#8f3562;--navbar-hover:#622d49}:root[data-theme=gray]{--accent:#4b5563;--accent-dark:#374151;--accent-soft:#e5e7eb;--app-bg:#f3f4f6;--app-bg-2:#e5e7eb;--surface:#fff;--surface-soft:#f8fafc;--navbar-bg:#252a31;--navbar-active:#4b5563;--navbar-hover:#3d444d}:root[data-mode=dark]{--app-bg:#070a10;--app-bg-2:#0d121a;--surface:#0d131d;--surface-soft:#111927;--surface-elevated:#0f1621;--navbar-bg:#080b12f5;--navbar-active:#ffffff0f;--navbar-hover:#ffffff09;--panel-border:#b4c2dd29;--text-main:#eef4ff;--text-soft:#9ba8c2;--text-on-dark:#fbfdff;--accent-glow:0 0 18px var(--accent)}@supports (color:color-mix(in lab, red, red)){:root[data-mode=dark]{--accent-glow:0 0 18px color-mix(in srgb, var(--accent) 38%, transparent)}}:root[data-theme=blue][data-mode=dark]{--accent:#59b8ff;--accent-dark:#3384ff;--accent-soft:#59b8ff29}:root[data-theme=orange][data-mode=dark]{--accent:#ff9a4d;--accent-dark:#ff6a21;--accent-soft:#ff9a4d29}:root[data-theme=red][data-mode=dark]{--accent:#ff7383;--accent-dark:#ff4460;--accent-soft:#ff738329}:root[data-theme=green][data-mode=dark]{--accent:#46f0a0;--accent-dark:#1acb73;--accent-soft:#46f0a029}:root[data-theme=purple][data-mode=dark]{--accent:#ba7cff;--accent-dark:#9555ff;--accent-soft:#ba7cff29}:root[data-theme=pink][data-mode=dark]{--accent:#ff7dce;--accent-dark:#ff42a9;--accent-soft:#ff7dce29}:root[data-theme=gray][data-mode=dark]{--accent:#ced6df;--accent-dark:#9aa7b6;--accent-soft:#ced6df24}*{box-sizing:border-box}body{background:radial-gradient(circle at top center, var(--accent), transparent 28rem), linear-gradient(180deg, var(--app-bg), var(--app-bg-2));min-height:100vh;margin:0}@supports (color:color-mix(in lab, red, red)){body{background:radial-gradient(circle at top center, color-mix(in srgb, var(--accent) 8%, transparent), transparent 28rem), linear-gradient(180deg, var(--app-bg), var(--app-bg-2))}}body{color:var(--text-main)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{background:radial-gradient(circle at 85% 0%, var(--accent), transparent 24rem), linear-gradient(180deg, var(--app-bg), var(--app-bg-2));min-height:100vh}@supports (color:color-mix(in lab, red, red)){.app-shell{background:radial-gradient(circle at 85% 0%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 24rem), linear-gradient(180deg, var(--app-bg), var(--app-bg-2))}}.loading-screen{min-height:100vh;color:var(--text-soft);place-items:center;font-weight:900;display:grid}.topbar{z-index:900;background:var(--navbar-bg);min-height:76px;color:var(--text-on-dark);grid-template-columns:260px 1fr auto;align-items:center;gap:24px;padding:0 34px;display:grid;position:sticky;top:0;box-shadow:0 6px 20px #1118272e}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#2f3337;background:linear-gradient(135deg,#fff,#cfd3d8);border:2px solid #ffffff73;border-radius:14px;place-items:center;width:42px;height:42px;font-size:22px;font-weight:900;display:grid}.brand-title{font-size:22px;font-weight:900;line-height:1}.brand-subtitle{color:#f9fafbbd;letter-spacing:.12em;text-transform:uppercase;margin-top:4px;font-size:12px}.main-nav{justify-content:center;gap:4px;display:flex}.main-nav a{color:#f9fafb;padding:27px 28px;font-size:15px;font-weight:800;text-decoration:none;transition:background .18s,color .18s,box-shadow .18s}.main-nav a:hover,.main-nav a.active{background:var(--navbar-active);box-shadow:inset 0 -2px 0 var(--accent)}.user-tools{align-items:center;gap:10px;display:flex}.user-tools button,.user-pill{color:#fff;background:#0f172a8c;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:0 13px;display:inline-flex}.user-pill span{background:var(--accent);border-radius:999px;padding:2px 7px;font-size:11px;font-weight:900}.page{width:min(1540px,100vw - 42px);margin:0 auto;padding:30px 0 48px}.classic-layout{grid-template-columns:280px minmax(0,1fr) 360px;align-items:start;gap:24px;display:grid}.catalog-layout,.dashboard-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:24px;display:grid}.side-panel,.toolbar-panel,.form-panel,.cover-panel,.hero-panel,.randominator-card,.stat-card,.empty-state,.auth-card,.settings-modal,.smart-modal{border:1px solid var(--panel-border);background:var(--surface);border-radius:18px;box-shadow:0 12px 30px #0000002e}.side-panel,.form-panel,.cover-panel,.auth-card,.settings-modal,.smart-modal{padding:20px}.side-panel h2{color:var(--text-main);margin:0 0 18px;font-size:22px}.form-field{color:var(--text-main);flex-direction:column;gap:7px;font-size:14px;font-weight:800;display:flex}.form-field.compact{margin-bottom:16px}.form-field input,.form-field select,.form-field textarea,.random-controls input,.random-controls select,.genre-picker input{background:var(--surface-soft);width:100%;color:var(--text-main);border:1px solid #cfd5dd;border-radius:10px;outline:none;padding:11px 12px;transition:border-color .16s,box-shadow .16s,background .16s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.random-controls input:focus,.random-controls select:focus,.genre-picker input:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 4px var(--accent)}@supports (color:color-mix(in lab, red, red)){.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.random-controls input:focus,.random-controls select:focus,.genre-picker input:focus{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 14%, transparent)}}.check-line{color:var(--text-main);align-items:center;gap:9px;font-size:14px;font-weight:800;display:flex}.compact-check{align-self:end;padding-bottom:12px}.muted-text{color:var(--text-soft);font-weight:700}.mini-stats{border-top:1px solid var(--panel-border);gap:8px;margin-top:22px;padding-top:18px;display:grid}.mini-stats span{border:1px solid var(--panel-border);background:var(--surface-soft);border-radius:12px}@supports (color:color-mix(in lab, red, red)){.mini-stats span{background:color-mix(in srgb, var(--surface-soft) 88%, var(--accent) 12%)}}.mini-stats span{color:var(--text-main);padding:10px 12px;font-size:13px;font-weight:900}.main-column{min-width:0}.page-heading{justify-content:space-between;align-items:end;gap:18px;margin-bottom:22px;display:flex}.page-heading span,.section-heading span,.random-header span,.hero-panel span,.modal-title-row span{color:var(--text-soft);letter-spacing:.18em;text-transform:uppercase;font-size:12px;font-weight:900}.page-heading h1,.section-heading h1,.section-heading h2,.hero-panel h1,.modal-title-row h2{color:var(--text-main);margin:6px 0 0;line-height:1.08}.page-heading h1{font-size:32px}.section-heading p{color:var(--text-soft)}.primary-button,.secondary-button,.danger-button,.mini-button,.random-cta,.plain-button,.icon-button{border:0;border-radius:12px;justify-content:center;align-items:center;font-weight:900;text-decoration:none;transition:transform .15s,background .15s,box-shadow .15s;display:inline-flex}.primary-button{background:linear-gradient(180deg, var(--accent), var(--accent-dark));min-height:44px}@supports (color:color-mix(in lab, red, red)){.primary-button{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 90%, white), var(--accent-dark))}}.primary-button{color:#fff;box-shadow:0 8px 14px var(--accent);padding:0 18px}@supports (color:color-mix(in lab, red, red)){.primary-button{box-shadow:0 8px 14px color-mix(in srgb, var(--accent) 25%, transparent)}}.primary-button:hover,.secondary-button:hover,.danger-button:hover,.mini-button:hover,.random-cta:hover{filter:brightness(1.04);transform:translateY(-1px)}.secondary-button{border:1px solid var(--panel-border);background:var(--surface-soft);min-height:42px;color:var(--text-main);padding:0 16px}.danger-button{color:#fff;background:#dc2626;min-height:42px;padding:0 16px}.wide-button{width:100%}.plain-button{color:var(--accent);background:0 0;margin-top:16px;padding:0}.icon-button{background:var(--surface-soft);width:38px;height:38px;color:var(--text-main);font-size:24px}.anime-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.compact-grid{grid-template-columns:repeat(4,minmax(185px,210px));justify-content:start}.card-link{color:inherit;text-decoration:none}.anime-card,.add-card{border:1px solid var(--panel-border);background:var(--surface-elevated);isolation:isolate;border-radius:18px;transition:transform .16s,box-shadow .16s,border-color .16s;position:relative;overflow:hidden;box-shadow:0 10px 22px #11182711}.anime-card>*,.add-card>*{z-index:3;position:relative}.card-inner{z-index:3;background:var(--surface-elevated);border-radius:16px;margin:2px;position:relative;overflow:hidden}.anime-card:before,.add-card:before{content:"";border-radius:inherit;background:conic-gradient(from 0deg, transparent 0 12%, var(--accent) 18%, transparent 28%, var(--accent-dark) 42%, transparent 54%, var(--accent) 68%, transparent 80%, var(--accent-dark) 92%, transparent 100%);position:absolute;inset:-70%}@supports (color:color-mix(in lab, red, red)){.anime-card:before,.add-card:before{background:conic-gradient(from 0deg, transparent 0 12%, color-mix(in srgb, var(--accent) 94%, white) 18%, transparent 28%, color-mix(in srgb, var(--accent-dark) 96%, white) 42%, transparent 54%, color-mix(in srgb, var(--accent) 94%, white) 68%, transparent 80%, color-mix(in srgb, var(--accent-dark) 96%, white) 92%, transparent 100%)}}.anime-card:before,.add-card:before{opacity:0;z-index:1;pointer-events:none;transition:opacity .2s;animation:3.6s linear infinite spinBorder}.anime-card:after,.add-card:after{content:"";background:var(--surface-elevated);z-index:2;border-radius:16px;position:absolute;inset:2px}.anime-card:hover,.add-card:hover{box-shadow:0 16px 32px #1118271f, var(--accent-glow,none);border-color:#0000;transform:translateY(-3px)}.anime-card:hover:before,.add-card:hover:before{opacity:1}@keyframes spinBorder{to{transform:rotate(360deg)}}.cover-wrap{aspect-ratio:3/4;background:linear-gradient(180deg, var(--surface-soft), var(--surface));position:relative}@supports (color:color-mix(in lab, red, red)){.cover-wrap{background:linear-gradient(180deg, color-mix(in srgb, var(--surface-soft) 92%, white), color-mix(in srgb, var(--surface) 88%, white))}}.cover-wrap{overflow:hidden}.list-card .cover-wrap{aspect-ratio:3/4}.cover-wrap img{object-fit:cover;width:100%;height:100%}.list-card .cover-wrap img{object-fit:cover;background:0 0}.cover-placeholder,.add-card{color:#9ca3af;place-items:center;font-weight:900;display:grid}.add-card{border:1px solid var(--panel-border);background:var(--surface-elevated);gap:8px;min-height:238px}.compact-add{min-height:352px}.add-card strong{font-size:46px;line-height:1}.add-card span{color:var(--text-soft);font-weight:900}.favorite-badge{color:#111827;background:#facc15;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:900;display:grid;position:absolute;top:10px;right:10px;box-shadow:0 6px 12px #1118272e}.card-body{padding:13px}.card-heading-row{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.score-pill{background:var(--accent);border-radius:999px;flex:none;min-width:48px;padding:6px 10px}@supports (color:color-mix(in lab, red, red)){.score-pill{background:color-mix(in srgb, var(--accent) 16%, transparent)}}.score-pill{color:var(--accent);border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.score-pill{border:1px solid color-mix(in srgb, var(--accent) 42%, transparent)}}.score-pill{text-align:center;font-size:22px;font-weight:900;line-height:1;box-shadow:inset 0 0 0 1px #ffffff0a}.card-body h3{color:var(--text-main);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;min-height:38px;margin:0;font-size:16px;line-height:1.2;display:-webkit-box;overflow:hidden}.list-card .card-body h3{-webkit-line-clamp:2;min-height:auto}.meta-line{color:var(--text-soft);margin:7px 0 0;font-size:13px;font-weight:700}.meta-line.small{font-size:12px}.progress-bar{background:#e5e7eb;border-radius:999px;height:7px;margin-top:10px;overflow:hidden}.progress-bar span{border-radius:inherit;background:var(--accent);height:100%;display:block}.mini-button{background:var(--accent);color:#fff;width:100%;min-height:38px;margin-top:12px;font-size:13px}.ghost-mini{color:#374151;background:#f3f4f6;border:1px solid #d1d5db}.randominator-card{background:linear-gradient(180deg, var(--surface), var(--surface-soft));padding:18px;position:sticky;top:102px}@supports (color:color-mix(in lab, red, red)){.randominator-card{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 97%, var(--accent) 3%), color-mix(in srgb, var(--surface-soft) 98%, var(--accent) 2%))}}.random-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.random-header h2{color:var(--text-main);margin:4px 0 0;font-size:26px}.status-dot{background:#22c55e;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 5px #22c55e21}.status-dot.pulse{animation:.9s infinite pulse}@keyframes pulse{50%{opacity:.5}}.robot-machine{background:linear-gradient(135deg,#ccd2d8,#f1f4f7 42%,#b5bcc5);border:4px solid #202329;border-radius:28px;width:292px;min-height:418px;margin:0 auto;overflow:hidden;box-shadow:inset 0 0 28px #fff9,0 12px 20px #1118272e}.machine-screen{aspect-ratio:1;background:#21c24a;border:4px solid #111;border-radius:4px;place-items:center;width:78%;margin:24px auto 18px;display:grid;position:relative;overflow:hidden}.machine-screen img{object-fit:contain;image-rendering:auto;width:100%;height:100%}.screen-gif{object-position:center center;padding:8px 5px 2px}.show-banner{background:#111827}.screen-banner-image{width:100%;height:100%;object-fit:cover!important}.screen-banner-fallback{text-align:center;color:#fff;place-items:center;width:100%;height:100%;padding:16px;font-weight:900;display:grid}.screen-shutter{background:#07100a;transition:transform .38s;position:absolute;inset:0;transform:translateY(-100%)}.robot-machine.off .screen-shutter{transform:translateY(0)}.robot-machine.scan .machine-screen{animation:.45s infinite screenFlash}@keyframes screenFlash{50%{filter:brightness(1.25)saturate(1.15)}}.anime-banner{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:linear-gradient(#0c1018b3,#0c1018f0);border:1px solid #ffffff40;border-radius:12px;gap:2px;padding:10px 11px;animation:.32s both bannerIn;display:grid;position:absolute;bottom:10px;left:10px;right:10px}.anime-banner strong{font-size:14px;line-height:1.15}.anime-banner span{color:#ffffffc7;font-size:12px;font-weight:900}@keyframes bannerIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.machine-base{justify-content:center;gap:12px;padding:16px 0 10px;display:flex}.machine-base span{background:#30343a;border-radius:50%;width:12px;height:12px;box-shadow:inset 0 1px 3px #fff6}.machine-random-cta{width:auto;min-width:178px;min-height:42px;margin:10px auto 20px;padding:0 22px}.random-controls{gap:12px;margin-top:16px;display:grid}.two-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.two-fields label{color:var(--text-soft);gap:6px;font-size:12px;font-weight:900;display:grid}.random-cta{border:1px solid var(--accent);width:100%;min-height:46px;margin-top:14px}@supports (color:color-mix(in lab, red, red)){.random-cta{border:1px solid color-mix(in srgb, var(--accent) 58%, transparent)}}.random-cta{background:linear-gradient(180deg, var(--surface-soft), var(--surface));border-radius:999px}@supports (color:color-mix(in lab, red, red)){.random-cta{background:linear-gradient(180deg, color-mix(in srgb, var(--surface-soft) 88%, white), color-mix(in srgb, var(--surface) 80%, #111827))}}.random-cta{color:var(--accent);box-shadow:inset 0 0 0 1px #ffffff08,0 8px 18px #0000002e}.random-result-box{border:1px solid var(--panel-border);background:var(--surface-soft);border-radius:14px;min-height:104px;margin-top:16px}@supports (color:color-mix(in lab, red, red)){.random-result-box{background:color-mix(in srgb, var(--surface-soft) 92%, transparent)}}.random-result-box{padding:13px}.random-message{color:var(--text-main);margin:0;font-weight:900}.random-reason{color:var(--text-soft);font-size:13px;line-height:1.45}.toolbar-panel{grid-template-columns:minmax(220px,1fr) 180px 180px 140px auto;align-items:end;gap:16px;margin-bottom:22px;padding:18px;display:grid}.success-box,.error-box{border-radius:12px;margin-bottom:18px;padding:13px 15px;font-weight:800}.success-box{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.success-box{border:1px solid color-mix(in srgb, var(--accent) 35%, transparent)}}.success-box{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.success-box{background:color-mix(in srgb, var(--surface) 92%, var(--accent) 8%)}}.success-box{color:var(--text-main)}.error-box{background:var(--surface);border:1px solid #ef444440}@supports (color:color-mix(in lab, red, red)){.error-box{background:color-mix(in srgb, var(--surface) 90%, #ef4444 10%)}}.error-box{color:#fecaca}.edit-layout{grid-template-columns:360px minmax(0,1fr);align-items:start;gap:24px;display:grid}.personal-edit-layout{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:24px;display:grid}.cover-preview{aspect-ratio:3/4;border:1px solid var(--panel-border);background:var(--surface-soft);color:var(--text-soft);border-radius:16px;place-items:center;font-size:28px;font-weight:900;display:grid;overflow:hidden}.cover-preview img{object-fit:cover;width:100%;height:100%}.personal-cover-card h2{color:var(--text-main)}.personal-cover-card p{color:var(--text-soft);font-weight:700}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px;display:grid}.form-field.wide{grid-column:1/-1}.form-actions,.edit-top-actions,.modal-actions{justify-content:flex-end;gap:12px;margin-top:22px;display:flex}.edit-top-actions{margin:0 0 18px}.modal-actions.split{justify-content:space-between}.genre-picker{gap:8px;display:grid;position:relative}.selected-genres{flex-wrap:wrap;gap:7px;display:flex}.selected-genres button,.empty-chip{border:1px solid var(--panel-border);background:var(--surface-soft);color:var(--text-main);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.empty-chip{color:var(--text-soft)}.genre-options{z-index:30;border:1px solid var(--panel-border);background:var(--surface);border-radius:14px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 12px 28px #11182738}.genre-options-scroll{max-height:190px;overflow-y:auto}.genre-options button{border:0;border-bottom:1px solid var(--panel-border);background:var(--surface);width:100%;color:var(--text-main);text-align:left;padding:10px 12px;font-weight:800;display:block}.genre-options button:hover{background:var(--surface-soft)}.create-genre-button{position:sticky;bottom:0;color:var(--accent)!important}.filter-genre-box{border:1px solid var(--panel-border);background:var(--surface-soft);border-radius:12px;gap:6px;max-height:146px;padding:9px;display:grid;overflow-y:auto}.genre-check-line{color:var(--text-main);align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.clear-filter-button{color:var(--accent);background:0 0;border:0;justify-self:start;margin-top:8px;font-size:12px;font-weight:900}.catalog-toolbar{grid-template-columns:minmax(180px,1.2fr) minmax(180px,1fr) 150px 150px 170px 140px auto}.hero-panel{background:linear-gradient(135deg, var(--surface), var(--surface-soft)), radial-gradient(circle at top right, var(--accent), transparent 22rem);padding:34px}@supports (color:color-mix(in lab, red, red)){.hero-panel{background:linear-gradient(135deg, color-mix(in srgb, var(--surface) 96%, var(--accent) 4%), color-mix(in srgb, var(--surface-soft) 98%, var(--accent) 2%)), radial-gradient(circle at top right, color-mix(in srgb, var(--accent) 16%, transparent), transparent 22rem)}}.hero-panel h1{max-width:760px;font-size:42px}.hero-panel p{max-width:680px;color:var(--text-soft);font-size:17px;line-height:1.6}.hero-actions{gap:12px;margin-top:20px;display:flex}.stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0;display:grid}.stat-card{padding:20px}.stat-card span{color:var(--text-soft);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:900;display:block}.stat-card strong{color:var(--text-main);margin-top:8px;font-size:34px;display:block}.list-heading{margin-bottom:16px}.empty-state{text-align:center;margin-top:22px;padding:28px}.empty-state h3{color:var(--text-main);margin:0;font-size:22px}.empty-state p{color:var(--text-soft)}.auth-page{background:radial-gradient(circle at top, var(--accent), transparent 18rem), linear-gradient(135deg, #171d28, #090c13);place-items:center;min-height:100vh;padding:24px;display:grid}@supports (color:color-mix(in lab, red, red)){.auth-page{background:radial-gradient(circle at top, color-mix(in srgb, var(--accent) 12%, transparent), transparent 18rem), linear-gradient(135deg, #171d28, #090c13)}}.auth-card{width:min(460px,100%);padding:28px}.auth-brand{margin-bottom:26px}.auth-card h1{color:var(--text-main);margin:0;font-size:34px}.auth-card p{color:var(--text-soft);line-height:1.55}.auth-form{gap:16px;margin-top:20px;display:grid}.modal-backdrop{z-index:100;background:#1118278c;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}.settings-modal{width:min(560px,100%)}.smart-modal{width:min(1000px,100%);max-height:calc(100vh - 48px);overflow:auto}.modal-title-row{justify-content:space-between;align-items:start;gap:18px;margin-bottom:18px;display:flex}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px;display:grid}.theme-mode-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:8px;display:grid}.mode-choice{border:1px solid var(--panel-border);background:var(--surface-soft);min-height:44px;color:var(--text-main);border-radius:12px;font-weight:900}.mode-choice.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent)}@supports (color:color-mix(in lab, red, red)){.mode-choice.active{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}}.theme-choice{border:1px solid var(--panel-border);background:var(--surface-soft);color:var(--text-main);border-radius:12px;align-items:center;gap:10px;padding:10px;font-weight:900;display:flex}.theme-choice.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent)}@supports (color:color-mix(in lab, red, red)){.theme-choice.active{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}}.theme-choice span{background:#2563eb;border-radius:50%;width:18px;height:18px}.theme-choice[data-theme-dot=blue] span{background:#2563eb}.theme-choice[data-theme-dot=orange] span{background:#ea580c}.theme-choice[data-theme-dot=red] span{background:#dc2626}.theme-choice[data-theme-dot=green] span{background:#16a34a}.theme-choice[data-theme-dot=purple] span{background:#7c3aed}.theme-choice[data-theme-dot=pink] span{background:#db2777}.theme-choice[data-theme-dot=gray] span{background:#374151}.smart-search{grid-template-columns:1fr 220px;align-items:end;gap:16px;display:grid}.similar-list{gap:10px;max-height:330px;margin-top:16px;display:grid;overflow-y:auto}.similar-item{border:1px solid var(--panel-border);background:var(--surface-soft);border-radius:14px;grid-template-columns:56px 1fr auto;align-items:center;gap:12px;padding:10px;display:grid}.similar-item img,.similar-item>div:first-child{object-fit:cover;background:var(--surface);border-radius:8px;width:56px;height:74px}.similar-item strong{color:var(--text-main);display:block}.similar-item span{color:var(--text-soft);font-size:13px;font-weight:700;display:block}@media (width<=1280px){.classic-layout,.catalog-layout,.dashboard-layout{grid-template-columns:260px minmax(0,1fr)}.catalog-layout,.dashboard-layout{grid-template-columns:1fr}.randominator-card{grid-column:1/-1;position:static}.anime-grid,.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-grid{grid-template-columns:repeat(3,minmax(185px,210px))}.topbar{grid-template-columns:220px 1fr}.user-tools{grid-column:1/-1;justify-content:flex-end;padding-bottom:12px}}@media (width<=900px){.topbar{grid-template-columns:1fr;padding:16px;position:static}.main-nav{justify-content:flex-start;overflow-x:auto}.main-nav a{padding:14px 16px}.classic-layout,.dashboard-layout,.edit-layout,.toolbar-panel,.catalog-layout,.personal-edit-layout,.smart-search{grid-template-columns:1fr}.anime-grid,.catalog-grid,.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-grid,.form-grid,.theme-grid{grid-template-columns:1fr}.page-heading{flex-direction:column;align-items:start}}@media (width<=560px){.page{width:min(100vw - 24px,1540px);padding-top:18px}.anime-grid,.catalog-grid,.compact-grid,.stat-grid,.two-fields{grid-template-columns:1fr}.hero-panel h1{font-size:32px}.similar-item{grid-template-columns:48px 1fr}.similar-item button{grid-column:1/-1}}.genre-filter-field{position:relative}.genre-filter-trigger{border:1px solid var(--panel-border);background:var(--surface-soft);width:100%;min-height:44px;color:var(--text-main);text-align:left;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;font-weight:900;display:flex}.genre-filter-trigger.open{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent)}@supports (color:color-mix(in lab, red, red)){.genre-filter-trigger.open{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent)}}.genre-trigger-placeholder{color:var(--text-soft)}.genre-trigger-chips{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.genre-trigger-chips span{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.genre-trigger-chips span{border:1px solid color-mix(in srgb, var(--accent) 34%, transparent)}}.genre-trigger-chips span{background:var(--accent);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.genre-trigger-chips span{background:color-mix(in srgb, var(--accent) 12%, transparent)}}.genre-trigger-chips span{color:var(--accent);padding:4px 8px;font-size:12px}.genre-filter-trigger strong{color:var(--accent);font-size:20px;line-height:1}.genre-filter-popover{z-index:50;border:1px solid var(--panel-border);background:var(--surface);border-radius:16px;padding:10px;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 18px 34px #0000003d}.genre-filter-popover input{border:1px solid var(--panel-border);background:var(--surface-soft);width:100%;color:var(--text-main);border-radius:10px;outline:none;padding:10px 11px}.genre-filter-actions{min-height:4px;margin-top:8px}.genre-filter-actions button{color:var(--accent);background:0 0;border:0;padding:4px 0;font-weight:900}.genre-filter-options{gap:7px;max-height:190px;padding-top:6px;display:grid;overflow-y:auto}.genre-option{border:1px solid var(--panel-border);background:var(--surface-soft);color:var(--text-main);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;font-weight:900;display:flex}.genre-option:hover,.genre-option.active{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.genre-option:hover,.genre-option.active{border-color:color-mix(in srgb, var(--accent) 52%, transparent)}}.genre-option:hover,.genre-option.active{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.genre-option:hover,.genre-option.active{background:color-mix(in srgb, var(--accent) 11%, var(--surface-soft))}}.genre-option strong{color:var(--accent)}.favorite-toggle{z-index:5;border:1px solid var(--accent);place-items:center;width:34px;height:34px;display:grid;position:absolute;top:10px;right:10px}@supports (color:color-mix(in lab, red, red)){.favorite-toggle{border:1px solid color-mix(in srgb, var(--accent) 34%, transparent)}}.favorite-toggle{background:var(--surface);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.favorite-toggle{background:color-mix(in srgb, var(--surface) 78%, transparent)}}.favorite-toggle{color:var(--text-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:17px;font-weight:900;box-shadow:0 8px 16px #0000002e}.favorite-toggle.active{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.favorite-toggle.active{background:color-mix(in srgb, var(--accent) 18%, var(--surface))}}.favorite-toggle.active{color:var(--accent);border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.favorite-toggle.active{border-color:color-mix(in srgb, var(--accent) 60%, transparent)}}.favorite-toggle:hover{color:var(--accent);transform:scale(1.06)}.machine-random-cta.random-cta{background:linear-gradient(180deg, var(--surface-soft), var(--surface));width:auto;min-width:178px;margin:10px auto 20px;padding:0 22px}@supports (color:color-mix(in lab, red, red)){.machine-random-cta.random-cta{background:linear-gradient(180deg, color-mix(in srgb, var(--surface-soft) 92%, white), color-mix(in srgb, var(--surface) 82%, #111827))}}.machine-random-cta.random-cta{color:var(--accent);border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.machine-random-cta.random-cta{border:1px solid color-mix(in srgb, var(--accent) 62%, transparent)}}.machine-random-cta.random-cta{box-shadow:0 0 18px var(--accent), inset 0 1px 0 #ffffff1f}@supports (color:color-mix(in lab, red, red)){.machine-random-cta.random-cta{box-shadow:0 0 18px color-mix(in srgb, var(--accent) 14%, transparent), inset 0 1px 0 #ffffff1f}}.machine-random-cta.random-cta:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.machine-random-cta.random-cta:hover{background:color-mix(in srgb, var(--accent) 12%, var(--surface-soft))}}.screen-result-link{color:inherit;text-decoration:none;display:block;position:absolute;inset:0}.screen-result-link .screen-banner-image,.screen-result-link .screen-banner-fallback{position:absolute;inset:0}.screen-shutter{pointer-events:none}.machine-random-cta.random-cta{place-self:center;width:fit-content;margin:12px auto 22px;display:flex}.settings-button .gear-icon{transform-origin:50%;display:inline-block}.settings-button:hover .gear-icon{animation:.7s linear infinite gearSpin}@keyframes gearSpin{to{transform:rotate(360deg)}}.detail-page{max-width:1360px}.detail-top-actions{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.detail-action-group{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.anime-detail-layout{grid-template-columns:360px minmax(0,1fr);align-items:start;gap:24px;display:grid}.detail-cover-card,.detail-main-card{border:1px solid var(--panel-border);background:var(--surface);border-radius:20px;box-shadow:0 12px 30px #0000002e}.detail-cover-card{padding:18px}.detail-main-card{padding:28px}.detail-cover-frame{border:1px solid var(--panel-border);background:var(--surface-soft);aspect-ratio:3/4;border-radius:16px;overflow:hidden}.detail-cover-frame img{object-fit:cover;width:100%;height:100%;display:block}.trailer-mini-preview{border:1px solid var(--accent);overflow:hidden}@supports (color:color-mix(in lab, red, red)){.trailer-mini-preview{border:1px solid color-mix(in srgb, var(--accent) 35%, transparent)}}.trailer-mini-preview{aspect-ratio:16/9;background:#000;border-radius:14px;box-shadow:0 10px 22px #0000002e}.trailer-mini-preview iframe{border:0;width:100%;height:100%;display:block}.detail-link-stack{gap:10px;margin-top:14px;display:grid}.external-link-button{border:1px solid var(--accent);justify-content:center;align-items:center;min-height:42px;display:flex}@supports (color:color-mix(in lab, red, red)){.external-link-button{border:1px solid color-mix(in srgb, var(--accent) 42%, transparent)}}.external-link-button{background:var(--accent);border-radius:12px}@supports (color:color-mix(in lab, red, red)){.external-link-button{background:color-mix(in srgb, var(--accent) 10%, var(--surface-soft))}}.external-link-button{color:var(--accent);font-weight:900;text-decoration:none}.external-link-button:hover{box-shadow:var(--accent-glow,0 8px 16px #00000014)}.detail-kicker{color:var(--text-soft);letter-spacing:.2em;text-transform:uppercase;font-size:12px;font-weight:900}.detail-main-card h1{color:var(--text-main);margin:8px 0 0;font-size:clamp(32px,5vw,58px);line-height:.98}.detail-alt-title{color:var(--text-soft);margin:12px 0 0;font-size:18px;font-weight:800}.detail-genre-row{flex-wrap:wrap;gap:8px;margin:22px 0;display:flex}.detail-genre-row span{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.detail-genre-row span{border:1px solid color-mix(in srgb, var(--accent) 34%, transparent)}}.detail-genre-row span{background:var(--accent);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.detail-genre-row span{background:color-mix(in srgb, var(--accent) 12%, transparent)}}.detail-genre-row span{color:var(--accent);padding:7px 11px;font-size:13px;font-weight:900}.detail-fact-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0;display:grid}.detail-fact{border:1px solid var(--panel-border);background:var(--surface-soft);border-radius:14px;padding:14px}.detail-fact span{color:var(--text-soft);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:900;display:block}.detail-fact strong{color:var(--text-main);margin-top:7px;font-size:18px;display:block}.trailer-embed-card{border:1px solid var(--accent);margin:24px 0 0}@supports (color:color-mix(in lab, red, red)){.trailer-embed-card{border:1px solid color-mix(in srgb, var(--accent) 36%, transparent)}}.trailer-embed-card{background:linear-gradient(135deg, var(--surface-soft), var(--surface));border-radius:18px}@supports (color:color-mix(in lab, red, red)){.trailer-embed-card{background:linear-gradient(135deg, color-mix(in srgb, var(--surface-soft) 94%, var(--accent) 6%), var(--surface))}}.trailer-embed-card{padding:16px;box-shadow:0 14px 30px #0000002e}.trailer-heading-row{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.trailer-heading-row span{color:var(--text-soft);letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:900}.trailer-heading-row h2{color:var(--text-main);margin:4px 0 0;font-size:22px}.trailer-heading-row a{color:var(--accent);font-weight:900;text-decoration:none}.trailer-frame{border:1px solid var(--panel-border);aspect-ratio:16/9;background:#000;border-radius:16px;overflow:hidden}.trailer-frame iframe{border:0;width:100%;height:100%;display:block}.trailer-link-button{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.trailer-link-button{background:color-mix(in srgb, var(--accent) 15%, var(--surface-soft))}}.personal-summary-box{border:1px solid var(--accent);justify-content:space-between;align-items:center;gap:16px;display:flex}@supports (color:color-mix(in lab, red, red)){.personal-summary-box{border:1px solid color-mix(in srgb, var(--accent) 40%, transparent)}}.personal-summary-box{background:var(--accent);border-radius:16px}@supports (color:color-mix(in lab, red, red)){.personal-summary-box{background:color-mix(in srgb, var(--accent) 9%, var(--surface-soft))}}.personal-summary-box{margin-top:20px;padding:16px}.personal-summary-box span{color:var(--text-soft);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:900;display:block}.personal-summary-box strong{color:var(--text-main);margin-top:5px;font-size:18px;display:block}.detail-score-badge{color:var(--accent);font-size:34px;font-weight:900;line-height:1}.detail-description{border-top:1px solid var(--panel-border);margin-top:24px;padding-top:20px}.detail-description h2{color:var(--text-main);margin:0 0 10px;font-size:22px}.detail-description p{color:var(--text-soft);white-space:pre-wrap;margin:0;font-size:16px;line-height:1.7}@media (width<=980px){.anime-detail-layout{grid-template-columns:1fr}.detail-cover-card{width:100%;max-width:420px}.detail-fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.detail-top-actions{flex-direction:column;align-items:stretch}.detail-action-group{justify-content:stretch}.detail-action-group>*{flex:1}.detail-main-card{padding:20px}.detail-fact-grid{grid-template-columns:1fr}}.topbar{grid-template-columns:230px 1fr minmax(240px,360px) auto}.global-search input{color:#fff;background:#0f172a9e;border:1px solid #ffffff29;border-radius:999px;outline:none;width:100%;min-height:38px;padding:0 14px;font-weight:800}.global-search input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent)}@supports (color:color-mix(in lab, red, red)){.global-search input:focus{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent)}}.social-layout,.profile-page,.search-page{gap:22px;display:grid}.composer-card,.post-card,.profile-hero,.profile-stat,.search-page-form,.user-result-card{border:1px solid var(--panel-border);background:var(--surface);border-radius:18px;box-shadow:0 12px 30px #0000001f}.composer-card{margin-bottom:18px;padding:18px}.composer-card textarea{border:1px solid var(--panel-border);background:var(--surface-soft);width:100%;color:var(--text-main);resize:vertical;border-radius:14px;outline:none;padding:14px}.composer-actions{justify-content:flex-end;margin-top:12px;display:flex}.post-list{gap:16px;display:grid}.post-card{padding:18px}.post-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:relative}.post-header a{color:var(--accent);font-weight:900;text-decoration:none}.post-header span,.post-comments-count{color:var(--text-soft);margin-top:3px;font-size:13px;font-weight:800;display:block}.post-content{color:var(--text-main);white-space:pre-wrap;line-height:1.55}.post-content.preview{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.post-actions{align-items:center;gap:10px;margin-top:14px;display:flex}.post-action{border:1px solid var(--panel-border);background:var(--surface-soft);color:var(--text-main);border-radius:999px;min-height:34px;padding:0 12px;font-weight:900}@supports (color:color-mix(in lab, red, red)){.post-action.active{border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:color-mix(in srgb, var(--accent) 12%, transparent)}}.danger-link{color:#ff6476}.comments-list{gap:8px;margin-top:14px;display:grid}.comment-item{background:var(--surface-soft);border-radius:12px;padding:9px 11px}.comment-item a{color:var(--accent);margin-right:8px;font-weight:900;text-decoration:none}.comment-item span{color:var(--text-main)}.comment-form{grid-template-columns:1fr auto;gap:8px;margin-top:14px;display:grid}.comment-form input,.search-page-form input{border:1px solid var(--panel-border);background:var(--surface-soft);color:var(--text-main);border-radius:12px;outline:none;padding:11px 12px}.comment-form button{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.comment-form button{border:1px solid color-mix(in srgb, var(--accent) 45%, transparent)}}.comment-form button{background:var(--accent);border-radius:12px}@supports (color:color-mix(in lab, red, red)){.comment-form button{background:color-mix(in srgb, var(--accent) 12%, transparent)}}.comment-form button{color:var(--accent);padding:0 14px;font-weight:900}.profile-hero{grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:24px;display:grid}.profile-avatar{background:linear-gradient(135deg, var(--accent), var(--accent-dark));color:#fff;width:72px;height:72px;box-shadow:var(--accent-glow,0 10px 18px #0000001f);border-radius:24px;place-items:center;font-size:34px;font-weight:900;display:grid}.profile-avatar.small{border-radius:14px;width:44px;height:44px;font-size:19px}.profile-hero span{color:var(--text-soft);letter-spacing:.18em;text-transform:uppercase;font-size:12px;font-weight:900}.profile-hero h1{color:var(--text-main);margin:4px 0;font-size:34px}.profile-hero p{color:var(--text-soft);margin:0;font-weight:800}.profile-stats-grid{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}.profile-stat{padding:16px}.profile-stat span{color:var(--text-soft);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:900}.profile-stat strong{color:var(--accent);margin-top:8px;font-size:28px;font-weight:900;display:block}.profile-sections{grid-template-columns:minmax(0,1fr) minmax(360px,480px);align-items:start;gap:24px;display:grid}.compact-post-list .post-card{padding:14px}.search-page-form{grid-template-columns:1fr auto;gap:12px;padding:16px;display:grid}.search-results-grid{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:24px;display:grid}.user-result-list{gap:12px;display:grid}.user-result-card{color:var(--text-main);align-items:center;gap:12px;padding:14px;text-decoration:none;display:flex}.user-result-card strong{color:var(--text-main);display:block}.user-result-card span{color:var(--text-soft);font-size:13px;font-weight:800;display:block}.detail-action-group{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}@media (width<=1280px){.topbar{grid-template-columns:220px 1fr}.global-search{grid-column:1/-1}.profile-stats-grid{grid-template-columns:repeat(3,1fr)}.profile-sections,.search-results-grid{grid-template-columns:1fr}}@media (width<=700px){.profile-hero,.search-page-form,.comment-form{grid-template-columns:1fr}.profile-stats-grid{grid-template-columns:repeat(2,1fr)}}.kebab-wrap{position:relative}.kebab-button{border:1px solid var(--panel-border);background:var(--surface-soft);width:34px;height:34px;color:var(--text-main);border-radius:999px;place-items:center;font-size:22px;font-weight:900;line-height:1;display:grid}.kebab-button.small{width:30px;height:30px;font-size:18px}.kebab-menu{z-index:60;border:1px solid var(--panel-border);background:var(--surface);border-radius:12px;min-width:150px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 16px 34px #0000003d}.kebab-menu button{color:#ff6476;text-align:left;background:0 0;border:0;width:100%;padding:10px 12px;font-weight:900}.kebab-menu button:hover{background:#ff64761f}.comments-modal{border:1px solid var(--panel-border);background:var(--surface);border-radius:20px;grid-template-rows:auto auto minmax(180px,1fr) auto;width:min(760px,100%);max-height:min(720px,100vh - 48px);padding:20px;display:grid;box-shadow:0 20px 60px #00000057}.comments-modal-post{border:1px solid var(--panel-border);background:var(--surface-soft);border-radius:14px;margin-bottom:14px;padding:14px}.comments-modal-post p{color:var(--text-main);white-space:pre-wrap;margin:0;line-height:1.55}.modal-comments-list{margin-top:0;padding-right:6px;overflow-y:auto}.empty-comments{border:1px dashed var(--panel-border);color:var(--text-soft);text-align:center;border-radius:14px;padding:18px;font-weight:900}.modal-comment-item{border:1px solid var(--panel-border);justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.modal-comment-item>div:first-child{min-width:0}.modal-comment-item span{margin-top:4px;line-height:1.45;display:block}.modal-comment-form{margin-top:14px}.split-heading{justify-content:space-between;align-items:end;gap:14px;margin-bottom:14px;display:flex}.split-heading .secondary-button{min-height:36px;padding:0 12px;font-size:13px}.search-results-grid .compact-grid{grid-template-columns:repeat(3,minmax(160px,1fr))}@media (width<=700px){.comments-modal{max-height:calc(100vh - 24px);padding:16px}.split-heading{flex-direction:column;align-items:flex-start}.search-results-grid .compact-grid{grid-template-columns:1fr}}.modal-comments-list{scrollbar-width:thin;scrollbar-color:var(--accent) transparent;max-height:360px;padding-right:8px;overflow-y:auto}@supports (color:color-mix(in lab, red, red)){.modal-comments-list{scrollbar-color:color-mix(in srgb, var(--accent) 46%, transparent) transparent}}.modal-comments-list::-webkit-scrollbar{width:8px}.modal-comments-list::-webkit-scrollbar-thumb{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.modal-comments-list::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--accent) 42%, transparent)}}.modal-comments-list::-webkit-scrollbar-thumb{border-radius:999px}.post-action{border:1px solid var(--text-soft);align-items:center;gap:8px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.post-action{border:1px solid color-mix(in srgb, var(--text-soft) 24%, transparent)}}.post-action{color:var(--text-soft);background:0 0;line-height:1}.post-action .action-label{text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:900}.post-action strong{color:inherit;font-size:14px}.post-action:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.post-action:hover{border-color:color-mix(in srgb, var(--accent) 48%, transparent)}}.post-action:hover{color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.post-action:hover{background:color-mix(in srgb, var(--accent) 7%, transparent)}.post-action.active{border-color:color-mix(in srgb, var(--accent) 58%, transparent);background:color-mix(in srgb, var(--accent) 10%, transparent)}}.post-action.dislike.active{color:#ff6476;background:#ff647614;border-color:#ff64768c}.search-preview-panel{z-index:950;border:1px solid var(--panel-border);background:var(--surface);border-radius:18px;position:absolute;top:calc(100% + 10px);left:0;right:0}@supports (color:color-mix(in lab, red, red)){.search-preview-panel{background:color-mix(in srgb, var(--surface) 96%, transparent)}}.search-preview-panel{box-shadow:0 22px 50px #00000047, var(--accent-glow,0 0 0 transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:10px;overflow:hidden}.search-preview-group+.search-preview-group{border-top:1px solid var(--panel-border);margin-top:10px;padding-top:10px}.search-preview-group>span{color:var(--text-soft);letter-spacing:.16em;text-transform:uppercase;margin:0 0 7px 4px;font-size:11px;font-weight:900;display:block}.search-preview-item{min-height:52px;color:var(--text-main);border-radius:13px;grid-template-columns:42px 1fr;align-items:center;gap:10px;padding:7px;text-decoration:none;display:grid}.search-preview-item:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.search-preview-item:hover{background:color-mix(in srgb, var(--accent) 10%, transparent)}}.search-preview-item img,.search-preview-avatar{object-fit:cover;background:linear-gradient(135deg, var(--accent), var(--accent-dark));color:#fff;border-radius:12px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.search-preview-item strong{color:var(--text-main);font-size:14px;line-height:1.15;display:block}.search-preview-item small{color:var(--text-soft);margin-top:3px;font-size:12px;font-weight:800;display:block}.search-preview-all{border:1px solid var(--accent);width:100%;min-height:38px;margin-top:10px}@supports (color:color-mix(in lab, red, red)){.search-preview-all{border:1px solid color-mix(in srgb, var(--accent) 42%, transparent)}}.search-preview-all{background:var(--accent);border-radius:12px}@supports (color:color-mix(in lab, red, red)){.search-preview-all{background:color-mix(in srgb, var(--accent) 10%, transparent)}}.search-preview-all{color:var(--accent);font-weight:900}.search-results-grid .section-heading h2:after{content:""}.comments-modal{grid-template-rows:auto auto minmax(0,1fr) auto;width:min(760px,100%);max-height:min(740px,100vh - 48px);display:grid;overflow:hidden}.modal-comments-list{overscroll-behavior:contain;min-height:0;max-height:min(390px,42vh);margin-top:0;padding-right:8px;overflow-y:auto}.post-actions{gap:9px}.post-action{border:1px solid var(--text-soft);justify-content:center;align-items:center;gap:7px;min-width:54px;min-height:36px;padding:0 12px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.post-action{border:1px solid color-mix(in srgb, var(--text-soft) 26%, transparent)}}.post-action{color:var(--text-soft);background:0 0;border-radius:999px;font-weight:900;line-height:1;transition:transform .14s,border-color .14s,color .14s,background .14s,box-shadow .14s}.post-action:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.post-action:hover{border-color:color-mix(in srgb, var(--accent) 55%, transparent)}}.post-action:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.post-action:hover{background:color-mix(in srgb, var(--accent) 7%, transparent)}}.post-action:hover{box-shadow:0 0 0 3px var(--accent)}@supports (color:color-mix(in lab, red, red)){.post-action:hover{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 10%, transparent)}}.post-action.dislike:hover{color:#ff6476;background:#ff647612;border-color:#ff647694;box-shadow:0 0 0 3px #ff647617}.post-action.active{color:var(--accent);border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.post-action.active{border-color:color-mix(in srgb, var(--accent) 65%, transparent)}}.post-action.active{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.post-action.active{background:color-mix(in srgb, var(--accent) 11%, transparent)}}.post-action.active{box-shadow:0 0 0 3px var(--accent)}@supports (color:color-mix(in lab, red, red)){.post-action.active{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 11%, transparent)}}.post-action.dislike.active{color:#ff6476;background:#ff64761a;border-color:#ff6476a6;box-shadow:0 0 0 3px #ff64761c}.post-action.comments-action:hover{color:var(--accent)}.post-action-icon{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.post-action strong{color:currentColor;text-align:left;min-width:12px;font-size:14px;line-height:1}.post-action .action-label{display:none}.brand-link{color:inherit;text-decoration:none}.nav-logo{object-fit:contain;width:52px;height:42px;filter:drop-shadow(0 0 12px var(--accent))}@supports (color:color-mix(in lab, red, red)){.nav-logo{filter:drop-shadow(0 0 12px color-mix(in srgb, var(--accent) 38%, transparent))}}.brand-title{letter-spacing:-.02em}.brand-subtitle{color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.brand-subtitle{color:color-mix(in srgb, var(--accent) 50%, #f9fafbb8)}}.animefuture-auth-page{background:radial-gradient(circle at 20% 18%, var(--accent), transparent 24rem), radial-gradient(circle at 88% 16%, #be5aff38, transparent 22rem), linear-gradient(135deg, #050810 0%, #08101c 48%, #05060b 100%);grid-template-columns:minmax(0,1.25fr) minmax(380px,520px);align-items:center;gap:clamp(28px,5vw,72px);min-height:100vh;padding:clamp(28px,5vw,70px);display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.animefuture-auth-page{background:radial-gradient(circle at 20% 18%, color-mix(in srgb, var(--accent) 25%, transparent), transparent 24rem), radial-gradient(circle at 88% 16%, #be5aff38, transparent 22rem), linear-gradient(135deg, #050810 0%, #08101c 48%, #05060b 100%)}}.auth-grid-overlay{opacity:.18;pointer-events:none;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0 35%,#0000 70%);mask-image:radial-gradient(circle,#000 0 35%,#0000 70%)}.auth-orb{filter:blur(56px);opacity:.34;pointer-events:none;border-radius:999px;width:380px;height:380px;position:absolute}.auth-orb-one{background:var(--accent);bottom:-120px;left:-120px}.auth-orb-two{background:#bd4bff;top:20px;right:-80px}.auth-showcase-panel,.auth-glass-card{z-index:1;position:relative}.auth-showcase-panel{gap:28px;max-width:860px;display:grid}.auth-logo-frame{background:radial-gradient(circle at 50% 30%,#ffffff14,#0000 24rem),linear-gradient(145deg,#0a1220b8,#060a1261);border:1px solid #b4c2dd29;border-radius:34px;place-items:center;min-height:360px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000057,inset 0 1px #ffffff14}.auth-logo-frame:before{content:"";border:1px solid var(--accent);border-radius:26px;position:absolute;inset:18px}@supports (color:color-mix(in lab, red, red)){.auth-logo-frame:before{border:1px solid color-mix(in srgb, var(--accent) 24%, transparent)}}.auth-logo-frame:before{box-shadow:inset 0 0 40px var(--accent)}@supports (color:color-mix(in lab, red, red)){.auth-logo-frame:before{box-shadow:inset 0 0 40px color-mix(in srgb, var(--accent) 7%, transparent)}}.auth-logo-frame:after{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);width:72%;height:1px;position:absolute;bottom:54px}@supports (color:color-mix(in lab, red, red)){.auth-logo-frame:after{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 70%, white), transparent)}}.auth-logo-frame:after{box-shadow:0 0 22px var(--accent)}.auth-hero-logo{object-fit:contain;width:min(720px,92%);max-height:330px;filter:drop-shadow(0 0 26px var(--accent))}@supports (color:color-mix(in lab, red, red)){.auth-hero-logo{filter:drop-shadow(0 0 26px color-mix(in srgb, var(--accent) 28%, transparent))}}.auth-showcase-copy .auth-kicker,.auth-card-head span{color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.auth-showcase-copy .auth-kicker,.auth-card-head span{color:color-mix(in srgb, var(--accent) 62%, #f8fbff)}}.auth-showcase-copy .auth-kicker,.auth-card-head span{letter-spacing:.22em;text-transform:uppercase;font-size:12px;font-weight:900}.auth-showcase-copy h1{color:#f8fbff;letter-spacing:-.055em;max-width:760px;margin:10px 0 0;font-size:clamp(42px,5.8vw,76px);line-height:.92}.auth-showcase-copy p{color:#a8b5cf;max-width:660px;margin:18px 0 0;font-size:18px;line-height:1.65}.auth-feature-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.auth-feature-row div{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0d131da3;border:1px solid #b4c2dd29;border-radius:18px;padding:16px}.auth-feature-row strong{color:#f8fbff;font-size:16px;display:block}.auth-feature-row span{color:#8f9db7;margin-top:5px;font-size:13px;font-weight:800;display:block}.auth-glass-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(#0d131dd1,#080c14b8);border:1px solid #b4c2dd2e;border-radius:28px;width:100%;padding:28px;box-shadow:0 28px 90px #00000070,inset 0 1px #ffffff14}.auth-card-head{align-items:center;gap:14px;margin-bottom:22px;display:flex}.auth-card-logo{object-fit:contain;width:82px;height:62px;filter:drop-shadow(0 0 14px var(--accent))}@supports (color:color-mix(in lab, red, red)){.auth-card-logo{filter:drop-shadow(0 0 14px color-mix(in srgb, var(--accent) 30%, transparent))}}.auth-card-head h2{color:#fff;letter-spacing:-.04em;margin:4px 0 0;font-size:26px}.auth-switcher{background:#ffffff0a;border:1px solid #b4c2dd24;border-radius:999px;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px;padding:6px;display:grid}.auth-switcher button{color:#9aa7bd;background:0 0;border:0;border-radius:999px;min-height:42px;font-weight:900}.auth-switcher button.active{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-dark))}@supports (color:color-mix(in lab, red, red)){.auth-switcher button.active{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 78%, white), var(--accent-dark))}}.auth-switcher button.active{box-shadow:0 0 20px var(--accent)}@supports (color:color-mix(in lab, red, red)){.auth-switcher button.active{box-shadow:0 0 20px color-mix(in srgb, var(--accent) 22%, transparent)}}.auth-copy-small h1{color:#fff;letter-spacing:-.04em;margin:0;font-size:34px}.auth-copy-small p{color:#96a3bb;margin:8px 0 0;line-height:1.5}.auth-field input{color:#f8fbff;background:#080d16b8;border-color:#b4c2dd33;min-height:48px}.auth-field input::placeholder{color:#a8b5cf94}.auth-submit{border-radius:16px;min-height:50px;margin-top:4px}.auth-alt-button{width:100%;color:var(--accent);justify-content:center}@supports (color:color-mix(in lab, red, red)){.auth-alt-button{color:color-mix(in srgb, var(--accent) 68%, #f8fbff)}}@media (width<=1120px){.animefuture-auth-page{grid-template-columns:1fr}.auth-showcase-panel{max-width:none}.auth-glass-card{max-width:560px;margin:0 auto}}@media (width<=680px){.animefuture-auth-page{padding:20px}.auth-logo-frame{min-height:260px}.auth-feature-row{grid-template-columns:1fr}.auth-showcase-copy h1{font-size:40px}.auth-glass-card{padding:20px}.nav-logo{width:46px;height:36px}}.social-three-column{grid-template-columns:300px minmax(0,760px) 320px;align-items:start;gap:24px}.social-main{width:100%;margin:0}.social-sidebar{gap:16px;display:grid;position:sticky;top:102px}.social-panel{border:1px solid var(--panel-border);background:linear-gradient(180deg, var(--surface), var(--surface));border-radius:18px}@supports (color:color-mix(in lab, red, red)){.social-panel{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 96%, var(--accent) 4%), var(--surface))}}.social-panel{padding:16px;box-shadow:0 12px 30px #00000024}.social-panel>span{color:var(--text-soft);letter-spacing:.18em;text-transform:uppercase;font-size:11px;font-weight:900;display:block}.social-panel h2{color:var(--text-main);margin:5px 0 14px;font-size:20px}.activity-list,.suggested-user-list,.leaderboard-list{gap:10px;display:grid}.activity-item,.suggested-user-card,.leaderboard-row{border:1px solid var(--panel-border);background:var(--surface-soft);color:var(--text-main);border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:10px;text-decoration:none;transition:transform .14s,border-color .14s,background .14s;display:grid}.activity-item:hover,.suggested-user-card:hover,.leaderboard-row:hover{border-color:var(--accent);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.activity-item:hover,.suggested-user-card:hover,.leaderboard-row:hover{border-color:color-mix(in srgb, var(--accent) 45%, transparent)}}.activity-item:hover,.suggested-user-card:hover,.leaderboard-row:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.activity-item:hover,.suggested-user-card:hover,.leaderboard-row:hover{background:color-mix(in srgb, var(--accent) 8%, var(--surface-soft))}}.activity-dot{background:var(--accent);width:10px;height:10px;box-shadow:0 0 0 5px var(--accent);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.activity-dot{box-shadow:0 0 0 5px color-mix(in srgb, var(--accent) 15%, transparent)}}.activity-item strong,.suggested-user-card strong,.leaderboard-row strong{color:var(--text-main);font-weight:900;display:block}.activity-item p{color:var(--text-soft);margin:2px 0;font-size:13px;font-weight:800;line-height:1.35}.activity-item time,.suggested-user-card span,.leaderboard-row span{color:var(--text-soft);font-size:12px;font-weight:800;display:block}.suggested-user-card{grid-template-columns:auto 1fr}.leaderboard-row{grid-template-columns:44px 1fr}.leaderboard-row em{border:1px solid var(--accent);place-items:center;width:38px;height:38px;display:grid}@supports (color:color-mix(in lab, red, red)){.leaderboard-row em{border:1px solid color-mix(in srgb, var(--accent) 35%, transparent)}}.leaderboard-row em{color:var(--accent);background:var(--accent);border-radius:12px}@supports (color:color-mix(in lab, red, red)){.leaderboard-row em{background:color-mix(in srgb, var(--accent) 10%, transparent)}}.leaderboard-row em{font-style:normal;font-weight:900}.empty-mini{border:1px dashed var(--panel-border);color:var(--text-soft);text-align:center;border-radius:14px;padding:14px;font-weight:900}.profile-stats-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.tournament-page{gap:22px;display:grid}.tournament-hero,.tournament-setup-card,.tournament-arena,.champion-card{border:1px solid var(--panel-border);background:linear-gradient(135deg, var(--surface), var(--surface));border-radius:22px}@supports (color:color-mix(in lab, red, red)){.tournament-hero,.tournament-setup-card,.tournament-arena,.champion-card{background:linear-gradient(135deg, color-mix(in srgb, var(--surface) 96%, var(--accent) 4%), var(--surface))}}.tournament-hero,.tournament-setup-card,.tournament-arena,.champion-card{box-shadow:0 16px 38px #0000002e}.tournament-hero{grid-template-columns:1fr auto;align-items:center;gap:22px;padding:34px;display:grid;position:relative;overflow:hidden}.tournament-hero:after{content:"";background:radial-gradient(circle, var(--accent), transparent 62%);border-radius:50%;width:420px;height:420px;position:absolute;inset:-40% -10% auto auto}@supports (color:color-mix(in lab, red, red)){.tournament-hero:after{background:radial-gradient(circle, color-mix(in srgb, var(--accent) 24%, transparent), transparent 62%)}}.tournament-hero:after{pointer-events:none}.tournament-hero span,.champion-card span,.tournament-round-head span,.tournament-options label span{color:var(--text-soft);letter-spacing:.18em;text-transform:uppercase;font-size:12px;font-weight:900}.tournament-hero h1{color:var(--text-main);margin:6px 0 0;font-size:clamp(42px,7vw,78px);line-height:.95}.tournament-hero p{max-width:760px;color:var(--text-soft);font-size:17px;font-weight:800;line-height:1.6}.tournament-hero-badge{border:1px solid var(--accent);place-items:center;width:118px;height:118px;display:grid}@supports (color:color-mix(in lab, red, red)){.tournament-hero-badge{border:1px solid color-mix(in srgb, var(--accent) 45%, transparent)}}.tournament-hero-badge{background:var(--accent);border-radius:34px}@supports (color:color-mix(in lab, red, red)){.tournament-hero-badge{background:color-mix(in srgb, var(--accent) 10%, var(--surface-soft))}}.tournament-hero-badge{color:var(--accent);box-shadow:var(--accent-glow,none);z-index:1;font-size:42px;font-weight:900;position:relative}.tournament-hero-badge img{object-fit:contain;width:92px;height:auto;filter:drop-shadow(0 0 14px var(--accent))}@supports (color:color-mix(in lab, red, red)){.tournament-hero-badge img{filter:drop-shadow(0 0 14px color-mix(in srgb, var(--accent) 42%, transparent))}}.tournament-setup-card{padding:18px}.tournament-options{grid-template-columns:1fr 180px auto;align-items:end;gap:14px;display:grid}.tournament-options label{gap:7px;display:grid}.tournament-options select{border:1px solid var(--panel-border);background:var(--surface-soft);min-height:44px;color:var(--text-main);border-radius:12px;padding:0 12px;font-weight:900}.tournament-start{min-width:170px}.tournament-arena,.champion-card{padding:22px}.tournament-round-head{justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px;display:flex}.tournament-round-head h2,.champion-card h2{color:var(--text-main);margin:5px 0 0;font-size:28px}.tournament-progress{text-align:right;min-width:190px}.tournament-progress strong{color:var(--accent);font-size:18px}.tournament-progress div{background:var(--surface-soft);border-radius:999px;height:7px;margin-top:7px;overflow:hidden}.tournament-progress span{border-radius:inherit;background:var(--accent);height:100%;display:block}.versus-grid{grid-template-columns:minmax(0,1fr) 74px minmax(0,1fr);align-items:center;gap:16px;display:grid}.versus-badge{border:1px solid var(--accent);justify-self:center;place-items:center;width:64px;height:64px;display:grid}@supports (color:color-mix(in lab, red, red)){.versus-badge{border:1px solid color-mix(in srgb, var(--accent) 45%, transparent)}}.versus-badge{color:var(--accent);background:var(--accent);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.versus-badge{background:color-mix(in srgb, var(--accent) 10%, var(--surface))}}.versus-badge{box-shadow:var(--accent-glow,none);font-weight:900}.tournament-option{border:1px solid var(--panel-border);background:var(--surface-soft);min-height:230px;color:var(--text-main);text-align:left;border-radius:20px;grid-template-columns:160px 1fr;align-items:center;gap:16px;padding:14px;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid}.tournament-option:hover{border-color:var(--accent);transform:translateY(-3px)}@supports (color:color-mix(in lab, red, red)){.tournament-option:hover{border-color:color-mix(in srgb, var(--accent) 55%, transparent)}}.tournament-option:hover{box-shadow:var(--accent-glow,0 14px 28px #0000001f)}.tournament-option strong{color:var(--text-main);font-size:22px;line-height:1.1;display:block}.tournament-option span{color:var(--text-soft);margin-top:10px;font-weight:800;display:block}.tournament-cover{aspect-ratio:3/4;border:1px solid var(--panel-border);background:var(--surface);color:var(--accent);border-radius:16px;place-items:center;font-weight:900;display:grid;overflow:hidden}.tournament-cover img{object-fit:cover;width:100%;height:100%}.tournament-cover span{place-items:center;width:100%;height:100%;display:grid}.tournament-cover-logo{filter:drop-shadow(0 0 10px var(--accent));object-fit:contain!important;width:76%!important;height:auto!important}@supports (color:color-mix(in lab, red, red)){.tournament-cover-logo{filter:drop-shadow(0 0 10px color-mix(in srgb, var(--accent) 38%, transparent))}}.tournament-mini-logo{object-fit:contain;width:42px;height:auto;filter:drop-shadow(0 0 8px var(--accent))}@supports (color:color-mix(in lab, red, red)){.tournament-mini-logo{filter:drop-shadow(0 0 8px color-mix(in srgb, var(--accent) 32%, transparent))}}.tournament-cover.big{width:min(260px,100%)}.bye-card{text-align:center;grid-template-columns:1fr;place-items:center}.bye-card button{border:1px solid var(--accent);min-height:38px;margin-top:14px}@supports (color:color-mix(in lab, red, red)){.bye-card button{border:1px solid color-mix(in srgb, var(--accent) 45%, transparent)}}.bye-card button{background:var(--accent);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.bye-card button{background:color-mix(in srgb, var(--accent) 12%, transparent)}}.bye-card button{color:var(--accent);padding:0 18px;font-weight:900}.tournament-meta-row{color:var(--text-soft);flex-wrap:wrap;gap:12px;margin-top:16px;font-size:13px;font-weight:900;display:flex}.champion-layout{grid-template-columns:auto 1fr;align-items:center;gap:20px;display:grid}.champion-card p{color:var(--text-soft);font-weight:800;line-height:1.55}@media (width<=1280px){.social-three-column{grid-template-columns:1fr}.social-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.right-social-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=850px){.social-sidebar,.right-social-sidebar,.tournament-options,.versus-grid,.champion-layout{grid-template-columns:1fr}.versus-badge{width:52px;height:52px}.tournament-option{grid-template-columns:1fr}.tournament-cover{width:100%;max-width:240px}.tournament-round-head{flex-direction:column;align-items:stretch}.tournament-progress{text-align:left;min-width:0}}.show-more-link{border:1px solid var(--accent);justify-content:center;align-items:center;min-height:38px;margin-top:12px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.show-more-link{border:1px solid color-mix(in srgb, var(--accent) 42%, transparent)}}.show-more-link{background:var(--accent);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.show-more-link{background:color-mix(in srgb, var(--accent) 8%, transparent)}}.show-more-link{color:var(--accent);font-size:13px;font-weight:900;text-decoration:none}.show-more-link:hover{box-shadow:var(--accent-glow,none)}.compact-activity-list .activity-item:nth-child(n+5){display:none}.activities-page{gap:22px;display:grid}.activity-full-panel{border:1px solid var(--panel-border);background:var(--surface);border-radius:22px;gap:12px;padding:18px;display:grid;box-shadow:0 16px 38px #00000029}.activity-full-row{border:1px solid var(--panel-border);background:var(--surface-soft);color:var(--text-main);border-radius:16px;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:14px;text-decoration:none;transition:transform .14s,border-color .14s,background .14s;display:grid}.activity-full-row:hover{border-color:var(--accent);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.activity-full-row:hover{border-color:color-mix(in srgb, var(--accent) 45%, transparent)}}.activity-full-row:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.activity-full-row:hover{background:color-mix(in srgb, var(--accent) 8%, var(--surface-soft))}}.activity-full-row strong{color:var(--text-main);font-weight:900;display:block}.activity-full-row p{color:var(--text-soft);margin:3px 0;font-weight:800}.activity-full-row time{color:var(--text-soft);font-size:12px;font-weight:800}.game-hero{background:radial-gradient(circle at 86% 28%, var(--accent), transparent 21rem), linear-gradient(135deg, var(--surface), var(--surface));min-height:260px}@supports (color:color-mix(in lab, red, red)){.game-hero{background:radial-gradient(circle at 86% 28%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 21rem), linear-gradient(135deg, color-mix(in srgb, var(--surface) 92%, var(--accent) 8%), var(--surface))}}.game-badge{animation:3.4s ease-in-out infinite floatBadge}@keyframes floatBadge{50%{transform:translateY(-8px)rotate(3deg)}}.game-setup-card{padding:22px;position:relative;overflow:hidden}.game-setup-card:before{content:"";background:radial-gradient(circle, var(--accent), transparent 64%);border-radius:50%;width:360px;height:360px;position:absolute;inset:-60% -20% auto auto}@supports (color:color-mix(in lab, red, red)){.game-setup-card:before{background:radial-gradient(circle, color-mix(in srgb, var(--accent) 16%, transparent), transparent 64%)}}.game-setup-card:before{pointer-events:none}.tournament-choice-grid{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid;position:relative}.mega-choice{border:1px solid var(--panel-border);background:linear-gradient(135deg, var(--surface-soft), var(--surface));border-radius:26px;min-height:210px}@supports (color:color-mix(in lab, red, red)){.mega-choice{background:linear-gradient(135deg, color-mix(in srgb, var(--surface-soft) 88%, var(--accent) 12%), var(--surface))}}.mega-choice{color:var(--text-main);text-align:left;padding:22px;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden}.mega-choice:after{content:"";border:1px solid var(--accent);border-radius:44px;width:150px;height:150px;position:absolute;bottom:-42px;right:-42px}@supports (color:color-mix(in lab, red, red)){.mega-choice:after{border:1px solid color-mix(in srgb, var(--accent) 30%, transparent)}}.mega-choice:after{background:var(--accent);transform:rotate(18deg)}@supports (color:color-mix(in lab, red, red)){.mega-choice:after{background:color-mix(in srgb, var(--accent) 8%, transparent)}}.mega-choice.random:after{border-radius:999px;transform:none}.mega-choice:hover,.mega-choice.active{border-color:var(--accent);transform:translateY(-4px)}@supports (color:color-mix(in lab, red, red)){.mega-choice:hover,.mega-choice.active{border-color:color-mix(in srgb, var(--accent) 62%, transparent)}}.mega-choice:hover,.mega-choice.active{box-shadow:var(--accent-glow,0 16px 34px #0003)}.mega-choice span,.tournament-mode-card span{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;font-size:12px;font-weight:900;display:block}.mega-choice strong{max-width:420px;color:var(--text-main);margin-top:12px;font-size:clamp(28px,5vw,52px);line-height:.95;display:block}.mega-choice small{max-width:380px;color:var(--text-soft);margin-top:16px;font-size:15px;font-weight:800;line-height:1.45;display:block}.tournament-subchoices{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;display:grid;position:relative}.tournament-mode-card{border:1px solid var(--panel-border);background:var(--surface-soft);color:var(--text-main);text-align:left;border-radius:20px;padding:18px;transition:transform .16s,border-color .16s,box-shadow .16s}.tournament-mode-card:hover{border-color:var(--accent);transform:translateY(-3px)}@supports (color:color-mix(in lab, red, red)){.tournament-mode-card:hover{border-color:color-mix(in srgb, var(--accent) 55%, transparent)}}.tournament-mode-card:hover{box-shadow:var(--accent-glow,none)}.tournament-mode-card strong{color:var(--text-main);margin-top:8px;font-size:24px;line-height:1.05;display:block}.tournament-mode-card small{color:var(--text-soft);margin-top:10px;font-weight:800;line-height:1.45;display:block}.tournament-mode-card.ranking{background:linear-gradient(135deg, var(--accent), var(--surface-soft))}@supports (color:color-mix(in lab, red, red)){.tournament-mode-card.ranking{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 12%, var(--surface-soft)), var(--surface-soft))}}.tournament-size-grid{z-index:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px;display:grid;position:relative}.size-pill-button{border:1px solid var(--panel-border);background:var(--surface-soft);min-height:116px;color:var(--text-main);border-radius:22px;transition:transform .16s,border-color .16s,box-shadow .16s}.size-pill-button:hover{border-color:var(--accent);transform:translateY(-3px)scale(1.02)}@supports (color:color-mix(in lab, red, red)){.size-pill-button:hover{border-color:color-mix(in srgb, var(--accent) 58%, transparent)}}.size-pill-button:hover{box-shadow:var(--accent-glow,none)}.size-pill-button strong{color:var(--accent);font-size:34px;line-height:1;display:block}.size-pill-button span{color:var(--text-soft);text-transform:uppercase;letter-spacing:.14em;margin-top:8px;font-size:12px;font-weight:900;display:block}.animated-in{animation:.28s both tournamentIn}@keyframes tournamentIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.tournament-loading{z-index:1;color:var(--accent);margin-top:14px;font-weight:900;position:relative}.game-arena{background:radial-gradient(circle at center, var(--accent), transparent 28rem), linear-gradient(135deg, var(--surface), var(--surface))}@supports (color:color-mix(in lab, red, red)){.game-arena{background:radial-gradient(circle at center, color-mix(in srgb, var(--accent) 11%, transparent), transparent 28rem), linear-gradient(135deg, color-mix(in srgb, var(--surface) 96%, var(--accent) 4%), var(--surface))}}.playful-versus-grid{align-items:stretch}.game-option{min-height:310px;animation:.32s both cardPop}@keyframes cardPop{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.pulse-vs{animation:1.35s ease-in-out infinite vsPulse}@keyframes vsPulse{50%{box-shadow:0 0 26px color-mix(in srgb, var(--accent) 38%, transparent);transform:scale(1.08)}}.champion-finale-card{position:relative;overflow:hidden}.champion-finale-card:after{content:"";background:radial-gradient(circle, var(--accent), transparent 68%);border-radius:50%;width:260px;height:260px;position:absolute;inset:auto -80px -120px auto}@supports (color:color-mix(in lab, red, red)){.champion-finale-card:after{background:radial-gradient(circle, color-mix(in srgb, var(--accent) 20%, transparent), transparent 68%)}}.champion-finale-card:after{pointer-events:none}.tournament-final-actions{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.ranking-result-list{gap:10px;max-height:520px;margin-top:20px;padding-right:6px;display:grid;overflow-y:auto}.ranking-result-row{border:1px solid var(--panel-border);background:var(--surface-soft);color:var(--text-main);border-radius:15px;grid-template-columns:54px 54px 1fr;align-items:center;gap:12px;padding:10px;text-decoration:none;display:grid}.ranking-result-row:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ranking-result-row:hover{border-color:color-mix(in srgb, var(--accent) 50%, transparent)}}.ranking-result-row em{background:var(--accent);border-radius:12px;place-items:center;height:42px;display:grid}@supports (color:color-mix(in lab, red, red)){.ranking-result-row em{background:color-mix(in srgb, var(--accent) 10%, transparent)}}.ranking-result-row em{color:var(--accent);font-style:normal;font-weight:900}.ranking-result-row img,.ranking-result-row>div{object-fit:cover;background:var(--surface);border-radius:10px;width:54px;height:70px}.ranking-result-row strong{color:var(--text-main);font-weight:900}.tiny-reset{margin-top:0;font-size:13px}@media (width<=850px){.tournament-choice-grid,.tournament-subchoices,.tournament-size-grid{grid-template-columns:1fr}.mega-choice{min-height:170px}}.google-button-wrap{justify-content:center;min-height:44px;margin:18px 0 12px;display:flex}.auth-divider{color:#7f8ca5;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:12px;margin:6px 0 14px;font-size:12px;font-weight:900;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:linear-gradient(90deg,#0000,#b4c2dd3d,#0000);flex:1;height:1px}.auth-divider span{white-space:nowrap}.auth-link-row{gap:10px;margin-top:12px;display:grid}.google-config-hint{color:#98a6be;background:#ffffff0a;border:1px solid #b4c2dd29;border-radius:14px;margin:16px 0;padding:12px 14px;font-size:12px;line-height:1.5}.google-config-hint code{color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.google-config-hint code{color:color-mix(in srgb, var(--accent) 70%, white)}}.google-config-hint code{font-weight:900}:root{--custom-bg-image:none;--custom-bg-position:center center}@supports (color:color-mix(in lab, red, red)){html[data-bg=classic] body,html[data-bg=classic] .app-shell{background:radial-gradient(circle at 85% 0%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 24rem), linear-gradient(180deg, var(--app-bg), var(--app-bg-2))}html[data-bg=aurora] body,html[data-bg=aurora] .app-shell{background:radial-gradient(circle at 15% 10%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 24rem), radial-gradient(circle at 88% 20%, #a855f738, transparent 22rem), radial-gradient(circle at 50% 100%, color-mix(in srgb, var(--accent-dark) 14%, transparent), transparent 26rem), linear-gradient(180deg, var(--app-bg), var(--app-bg-2))}html[data-bg=city] body,html[data-bg=city] .app-shell{background:linear-gradient(#ffffff06 1px, transparent 1px), linear-gradient(90deg, #ffffff06 1px, transparent 1px), radial-gradient(circle at 80% 12%, color-mix(in srgb, var(--accent) 28%, transparent), transparent 20rem), linear-gradient(180deg, #060912, var(--app-bg-2))}html[data-bg=nebula] body,html[data-bg=nebula] .app-shell{background:radial-gradient(circle at 20% 25%, color-mix(in srgb, var(--accent) 24%, transparent), transparent 18rem), radial-gradient(circle at 70% 30%, #ff69c429, transparent 22rem), radial-gradient(circle at 48% 78%, #53b3ff1c, transparent 18rem), linear-gradient(180deg, #050712, #0d121d 52%, #060911)}html[data-bg=sakura] body,html[data-bg=sakura] .app-shell{background:radial-gradient(circle at 20% 10%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 20rem), radial-gradient(circle at 90% 70%, #ff7dce2e, transparent 24rem), linear-gradient(145deg, #090a12, #14111f 58%, #0b0d15)}html[data-bg=matrix] body,html[data-bg=matrix] .app-shell{background:linear-gradient(115deg, transparent 0 47%, color-mix(in srgb, var(--accent) 10%, transparent) 48% 50%, transparent 51% 100%), radial-gradient(circle at 78% 10%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 20rem), linear-gradient(180deg, #05080c, #0b1118)}}html[data-bg=matrix] body,html[data-bg=matrix] .app-shell{background-size:110px 110px,auto,auto}.settings-modal-wide{width:min(780px,100%)}.background-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px;display:grid}.background-choice{border:1px solid var(--panel-border);background:var(--surface-soft);color:var(--text-main);text-align:left;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:74px 1fr;align-items:center;gap:3px 12px;padding:10px;display:grid}.background-choice.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent)}@supports (color:color-mix(in lab, red, red)){.background-choice.active{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}}.background-choice strong{font-size:14px}.background-choice small{color:var(--text-soft);grid-column:2;font-weight:800}.background-preview{background:linear-gradient(135deg, var(--surface), var(--surface-soft));border:1px solid #ffffff1f;border-radius:12px;grid-row:1/span 2;width:74px;height:48px;overflow:hidden}.background-choice[data-bg-preview=city] .background-preview{background:linear-gradient(#ffffff1f 1px, transparent 1px), linear-gradient(90deg, #ffffff1f 1px, transparent 1px), radial-gradient(circle at 80% 20%, var(--accent), transparent 38%), #070a10;background-size:12px 12px,12px 12px,auto,auto}.background-choice[data-bg-preview=nebula] .background-preview{background:radial-gradient(circle at 20% 30%, var(--accent), transparent 44%), radial-gradient(circle at 80% 65%, #ff69c4, transparent 40%), #050712}@supports (color:color-mix(in lab, red, red)){.background-choice[data-bg-preview=matrix] .background-preview{background:repeating-linear-gradient(115deg, transparent 0 11px, color-mix(in srgb, var(--accent) 32%, transparent) 12px 13px), #05080c}.background-choice[data-bg-preview=custom] .background-preview{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 28%, #111927), #111927)}}.background-choice[data-bg-preview=custom] .background-preview:after{content:"+";width:100%;height:100%;color:var(--accent);place-items:center;font-size:28px;font-weight:900;display:grid}.custom-upload-box{gap:12px;margin-top:10px;display:grid}.file-button{position:relative;overflow:hidden}.file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.custom-bg-preview{border:1px solid var(--panel-border);background-position:50%;background-size:cover;border-radius:16px;height:150px}.rich-profile-hero{min-height:238px;padding:0;display:block;position:relative;overflow:hidden}.profile-banner-bg{position:absolute;inset:0}.profile-banner-bg img{object-fit:cover;filter:saturate(1.04)brightness(.78);width:100%;height:100%}.profile-banner-gradient{background:radial-gradient(circle at 15% 20%, var(--accent), transparent 34rem), linear-gradient(135deg, var(--surface), var(--surface-soft));width:100%;height:100%}@supports (color:color-mix(in lab, red, red)){.profile-banner-gradient{background:radial-gradient(circle at 15% 20%, color-mix(in srgb, var(--accent) 34%, transparent), transparent 34rem), linear-gradient(135deg, var(--surface), var(--surface-soft))}}.profile-banner-bg:after{content:"";background:linear-gradient(#06091038,#060910d1);position:absolute;inset:0}.profile-hero-content{z-index:1;grid-template-columns:auto 1fr auto;align-items:end;gap:18px;min-height:238px;padding:28px;display:grid;position:relative}.profile-avatar-image{border:3px solid var(--accent);overflow:hidden}@supports (color:color-mix(in lab, red, red)){.profile-avatar-image{border:3px solid color-mix(in srgb, var(--accent) 44%, white)}}.profile-avatar-image{background:linear-gradient(135deg, var(--accent), var(--accent-dark))}.profile-avatar-image img{object-fit:cover;width:100%;height:100%}.profile-hero-actions{align-items:center;gap:10px;display:flex}.profile-edit-modal{width:min(720px,100%)}.profile-upload-grid{grid-template-columns:220px 1fr;gap:16px;margin-top:18px;display:grid}.upload-box{align-content:start;gap:10px;display:grid}.upload-box>span{color:var(--text-main);font-weight:900}.upload-preview{border:1px solid var(--panel-border);background:var(--surface-soft);color:var(--accent);place-items:center;font-size:34px;font-weight:900;display:grid;overflow:hidden}.upload-preview img{object-fit:cover;width:100%;height:100%}.upload-preview.banner{border-radius:18px;width:100%;height:130px}.enhanced-random-controls .genre-filter-field{margin-bottom:0}.random-chip-row{flex-wrap:wrap;gap:8px;display:flex}.filter-pill{border:1px solid var(--panel-border);background:var(--surface-soft);min-height:34px;color:var(--text-soft);border-radius:999px;padding:0 12px;font-weight:900}.filter-pill.active{color:var(--accent);border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.filter-pill.active{border-color:color-mix(in srgb, var(--accent) 42%, transparent)}}.filter-pill.active{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.filter-pill.active{background:color-mix(in srgb, var(--accent) 10%, transparent)}}.random-advanced-toggle{justify-self:start;margin-top:4px}.random-advanced-panel{border:1px solid var(--panel-border);background:var(--surface-soft);border-radius:16px;gap:11px;padding:12px;display:grid}@supports (color:color-mix(in lab, red, red)){.random-advanced-panel{background:color-mix(in srgb, var(--surface-soft) 72%, transparent)}}.search-preview-avatar img,.user-mini-avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%}@media (width<=900px){.background-grid,.profile-upload-grid,.profile-hero-content{grid-template-columns:1fr}.profile-hero-actions{flex-direction:column;align-items:stretch}}.user-pill .user-mini-avatar{background:var(--surface-soft);border:1px solid #ffffff29;width:24px;height:24px;padding:0;overflow:hidden}.user-pill .user-mini-avatar img{object-fit:cover;width:100%;height:100%}.post-header{align-items:center}.post-author-avatar,.comment-avatar,.activity-avatar,.leaderboard-avatar{border:1px solid var(--accent);flex:none;place-items:center;display:grid;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.post-author-avatar,.comment-avatar,.activity-avatar,.leaderboard-avatar{border:1px solid color-mix(in srgb, var(--accent) 34%, transparent)}}.post-author-avatar,.comment-avatar,.activity-avatar,.leaderboard-avatar{background:linear-gradient(135deg, var(--accent), var(--accent-dark))}@supports (color:color-mix(in lab, red, red)){.post-author-avatar,.comment-avatar,.activity-avatar,.leaderboard-avatar{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 82%, #121927), color-mix(in srgb, var(--accent-dark) 66%, #0d131d))}}.post-author-avatar,.comment-avatar,.activity-avatar,.leaderboard-avatar{color:#fff;box-shadow:0 0 16px var(--accent);font-weight:900;text-decoration:none}@supports (color:color-mix(in lab, red, red)){.post-author-avatar,.comment-avatar,.activity-avatar,.leaderboard-avatar{box-shadow:0 0 16px color-mix(in srgb, var(--accent) 16%, transparent)}}.post-author-avatar{border-radius:16px;width:48px;height:48px;font-size:20px}.post-author-avatar img,.comment-avatar img,.activity-avatar img,.leaderboard-avatar img,.profile-avatar img,.search-preview-avatar img,.user-mini-avatar img{object-fit:cover;width:100%;height:100%}.post-author-main{flex:1;min-width:0}.comment-avatar{border-radius:13px;width:38px;height:38px;font-size:16px}.comment-main{flex:1;min-width:0}.modal-comment-item{align-items:flex-start;display:flex}.activity-item{grid-template-columns:auto 1fr;align-items:center}.activity-dot{display:none}.activity-avatar{border-radius:13px;width:38px;height:38px;font-size:16px}.suggested-user-card .profile-avatar.small{overflow:hidden}.leaderboard-row{grid-template-columns:auto auto 1fr;align-items:center;display:grid}.leaderboard-avatar{border-radius:13px;width:38px;height:38px;font-size:16px}.profile-hero-content .profile-avatar{border-radius:30px;width:96px;height:96px;font-size:42px}.profile-avatar.small img{object-fit:cover;width:100%;height:100%}.hidden-file-input{display:none}.upload-preview.clickable,.custom-bg-select{cursor:pointer;color:inherit;font:inherit;text-align:inherit;border:0;padding:0}.upload-preview.clickable{position:relative}.upload-preview.clickable small{border:1px solid var(--accent);place-items:center;min-height:24px;display:grid;position:absolute;bottom:9px;left:10px;right:10px}@supports (color:color-mix(in lab, red, red)){.upload-preview.clickable small{border:1px solid color-mix(in srgb, var(--accent) 38%, transparent)}}.upload-preview.clickable small{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#060910ad;border-radius:999px;font-size:12px;font-weight:900}.upload-preview.clickable:hover,.custom-bg-select:hover .true-background-preview{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent), var(--accent-glow,none)}@supports (color:color-mix(in lab, red, red)){.upload-preview.clickable:hover,.custom-bg-select:hover .true-background-preview{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent), var(--accent-glow,none)}}.upload-preview.avatar{border-radius:38px;width:150px;height:150px}.upload-preview.banner{min-height:154px}.custom-bg-select{background:0 0;width:100%;display:block}.true-background-preview{border:1px solid var(--panel-border);background:radial-gradient(circle at 80% 10%, var(--accent), transparent 20rem), linear-gradient(180deg, var(--app-bg), var(--app-bg-2));border-radius:20px;place-items:center;min-height:260px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.true-background-preview{background:radial-gradient(circle at 80% 10%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 20rem), linear-gradient(180deg, var(--app-bg), var(--app-bg-2))}}.true-background-preview{background-position:50%;background-size:cover;transition:border-color .18s,box-shadow .18s,transform .18s}.true-background-preview:before{content:"";pointer-events:none;background:linear-gradient(90deg,#ffffff17,#0000 34%),linear-gradient(#0000001f,#00000052);border:1px solid #ffffff1f;border-radius:16px;position:absolute;inset:18px}.true-background-preview strong{z-index:1;border:1px solid var(--accent);place-items:center;width:64px;height:64px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.true-background-preview strong{border:1px solid color-mix(in srgb, var(--accent) 42%, transparent)}}.true-background-preview strong{color:var(--accent);background:#090d1694;border-radius:22px;font-size:34px}.true-background-preview span{z-index:1;border:1px solid var(--accent);position:absolute;bottom:22px;left:22px}@supports (color:color-mix(in lab, red, red)){.true-background-preview span{border:1px solid color-mix(in srgb, var(--accent) 36%, transparent)}}.true-background-preview span{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05080ea3;border-radius:999px;padding:9px 13px;font-weight:900}.cropper-modal{border:1px solid var(--panel-border);background:var(--surface);border-radius:22px;width:min(840px,100%);max-height:calc(100vh - 42px);padding:20px;overflow:auto;box-shadow:0 24px 70px #00000061}.cropper-stage{border:1px solid var(--accent);place-items:center;width:min(100%,720px);margin:0 auto 16px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.cropper-stage{border:1px solid color-mix(in srgb, var(--accent) 30%, transparent)}}.cropper-stage{box-shadow:inset 0 0 0 1px #ffffff0a, 0 0 34px var(--accent);background:#05080d}@supports (color:color-mix(in lab, red, red)){.cropper-stage{box-shadow:inset 0 0 0 1px #ffffff0a, 0 0 34px color-mix(in srgb, var(--accent) 12%, transparent)}}.cropper-stage.avatar{aspect-ratio:1;border-radius:34px;width:min(430px,100%)}.cropper-stage.banner{aspect-ratio:3;border-radius:22px}.cropper-stage.background{aspect-ratio:16/9;border-radius:22px}.cropper-stage img{object-fit:cover;width:100%;height:100%;transition:transform .12s}.cropper-frame{border-radius:inherit;pointer-events:none;border:1px solid #ffffff57;position:absolute;inset:10px;box-shadow:inset 0 0 0 999px #0000000a}.cropper-controls{gap:12px;display:grid}.cropper-controls label{color:var(--text-main);gap:6px;font-weight:900;display:grid}.cropper-controls input{accent-color:var(--accent)}.cropper-note{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.cropper-note{border:1px solid color-mix(in srgb, var(--accent) 28%, transparent)}}.cropper-note{background:var(--accent);border-radius:14px}@supports (color:color-mix(in lab, red, red)){.cropper-note{background:color-mix(in srgb, var(--accent) 8%, transparent)}}.cropper-note{color:var(--text-main);padding:12px;font-weight:800}@supports (color:color-mix(in lab, red, red)){html[data-bg=aurora] body,html[data-bg=aurora] .app-shell{background:radial-gradient(ellipse at 18% 15%, color-mix(in srgb, var(--accent) 34%, transparent), transparent 28rem), radial-gradient(ellipse at 78% 24%, #7c3aed38, transparent 26rem), linear-gradient(135deg, #ffffff0b, transparent 32%), linear-gradient(180deg, #070b13, #101827 58%, #080c14)}}html[data-bg=city] body,html[data-bg=city] .app-shell{background:linear-gradient(180deg, transparent 0 57%, #ffffff09 58% 59%, transparent 60%), repeating-linear-gradient(90deg, transparent 0 28px, var(--accent) 29px 30px), radial-gradient(circle at 72% 18%, var(--accent), transparent 18rem), linear-gradient(180deg, #060814, #0e1222 55%, #080911)}@supports (color:color-mix(in lab, red, red)){html[data-bg=city] body,html[data-bg=city] .app-shell{background:linear-gradient(180deg, transparent 0 57%, #ffffff09 58% 59%, transparent 60%), repeating-linear-gradient(90deg, transparent 0 28px, color-mix(in srgb, var(--accent) 12%, transparent) 29px 30px), radial-gradient(circle at 72% 18%, color-mix(in srgb, var(--accent) 38%, transparent), transparent 18rem), linear-gradient(180deg, #060814, #0e1222 55%, #080911)}}html[data-bg=city] body,html[data-bg=city] .app-shell{background-size:auto,auto,auto,auto}html[data-bg=nebula] body,html[data-bg=nebula] .app-shell{background:radial-gradient(circle at 14% 28%, var(--accent), transparent 18rem), radial-gradient(circle at 70% 18%, #ff69c42e, transparent 21rem), radial-gradient(circle at 54% 74%, #53b3ff29, transparent 18rem), radial-gradient(circle at 50% 50%, #ffffff0b, transparent 1px), linear-gradient(180deg, #030610, #0a1020 52%, #04070f)}@supports (color:color-mix(in lab, red, red)){html[data-bg=nebula] body,html[data-bg=nebula] .app-shell{background:radial-gradient(circle at 14% 28%, color-mix(in srgb, var(--accent) 26%, transparent), transparent 18rem), radial-gradient(circle at 70% 18%, #ff69c42e, transparent 21rem), radial-gradient(circle at 54% 74%, #53b3ff29, transparent 18rem), radial-gradient(circle at 50% 50%, #ffffff0b, transparent 1px), linear-gradient(180deg, #030610, #0a1020 52%, #04070f)}}html[data-bg=nebula] body,html[data-bg=nebula] .app-shell{background-size:auto,auto,auto,34px 34px,auto}html[data-bg=sakura] body,html[data-bg=sakura] .app-shell{background:radial-gradient(circle at 18% 14%, #ff7dce33, transparent 19rem), radial-gradient(circle at 86% 68%, var(--accent), transparent 24rem), repeating-linear-gradient(145deg, transparent 0 42px, #ffffff06 43px 44px), linear-gradient(145deg, #090912, #171323 58%, #0a0d16)}@supports (color:color-mix(in lab, red, red)){html[data-bg=sakura] body,html[data-bg=sakura] .app-shell{background:radial-gradient(circle at 18% 14%, #ff7dce33, transparent 19rem), radial-gradient(circle at 86% 68%, color-mix(in srgb, var(--accent) 20%, transparent), transparent 24rem), repeating-linear-gradient(145deg, transparent 0 42px, #ffffff06 43px 44px), linear-gradient(145deg, #090912, #171323 58%, #0a0d16)}}html[data-bg=matrix] body,html[data-bg=matrix] .app-shell{background:radial-gradient(circle at 76% 12%, var(--accent), transparent 18rem), repeating-linear-gradient(180deg, var(--accent) 0 1px, transparent 1px 28px), repeating-linear-gradient(90deg, #ffffff06 0 1px, transparent 1px 42px), linear-gradient(180deg, #04070b, #08111a)}@supports (color:color-mix(in lab, red, red)){html[data-bg=matrix] body,html[data-bg=matrix] .app-shell{background:radial-gradient(circle at 76% 12%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 18rem), repeating-linear-gradient(180deg, color-mix(in srgb, var(--accent) 8%, transparent) 0 1px, transparent 1px 28px), repeating-linear-gradient(90deg, #ffffff06 0 1px, transparent 1px 42px), linear-gradient(180deg, #04070b, #08111a)}}html[data-bg=dojo] body,html[data-bg=dojo] .app-shell{background:radial-gradient(circle at 78% 16%, var(--accent), transparent .1rem, transparent 7rem), radial-gradient(circle at 78% 16%, var(--accent), transparent 14rem), linear-gradient(120deg, transparent 0 48%, #ffffff09 49% 50%, transparent 51%), linear-gradient(180deg, #07080d, #12131c 62%, #090a10)}@supports (color:color-mix(in lab, red, red)){html[data-bg=dojo] body,html[data-bg=dojo] .app-shell{background:radial-gradient(circle at 78% 16%, color-mix(in srgb, var(--accent) 16%, white), transparent .1rem, transparent 7rem), radial-gradient(circle at 78% 16%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 14rem), linear-gradient(120deg, transparent 0 48%, #ffffff09 49% 50%, transparent 51%), linear-gradient(180deg, #07080d, #12131c 62%, #090a10)}}html[data-bg=sunset] body,html[data-bg=sunset] .app-shell{background:radial-gradient(circle at 50% 15%, var(--accent), transparent 16rem), linear-gradient(180deg, transparent 0 52%, #ffffff0a 53%, transparent 54%), repeating-linear-gradient(0deg, transparent 0 34px, var(--accent) 35px 36px), linear-gradient(180deg, #130917, #10111f 58%, #06070d)}@supports (color:color-mix(in lab, red, red)){html[data-bg=sunset] body,html[data-bg=sunset] .app-shell{background:radial-gradient(circle at 50% 15%, color-mix(in srgb, var(--accent) 24%, #ff7dce), transparent 16rem), linear-gradient(180deg, transparent 0 52%, #ffffff0a 53%, transparent 54%), repeating-linear-gradient(0deg, transparent 0 34px, color-mix(in srgb, var(--accent) 12%, transparent) 35px 36px), linear-gradient(180deg, #130917, #10111f 58%, #06070d)}}.background-choice[data-bg-preview=classic] .background-preview{background:radial-gradient(circle at 80% 20%, var(--accent), transparent 46%), linear-gradient(180deg, var(--app-bg), var(--app-bg-2))}@supports (color:color-mix(in lab, red, red)){.background-choice[data-bg-preview=classic] .background-preview{background:radial-gradient(circle at 80% 20%, color-mix(in srgb, var(--accent) 20%, transparent), transparent 46%), linear-gradient(180deg, var(--app-bg), var(--app-bg-2))}}.background-choice[data-bg-preview=city] .background-preview{background:linear-gradient(transparent 0 55%, #ffffff2e 56%, transparent 58%), repeating-linear-gradient(90deg, transparent 0 9px, var(--accent) 10px 11px), #060814}@supports (color:color-mix(in lab, red, red)){.background-choice[data-bg-preview=city] .background-preview{background:linear-gradient(transparent 0 55%, #ffffff2e 56%, transparent 58%), repeating-linear-gradient(90deg, transparent 0 9px, color-mix(in srgb, var(--accent) 42%, transparent) 10px 11px), #060814}}.background-choice[data-bg-preview=nebula] .background-preview{background:radial-gradient(circle at 20% 30%, var(--accent), transparent 38%), radial-gradient(circle at 78% 66%, #ff69c4, transparent 44%), radial-gradient(circle at 50% 50%, #fff 0 1px, transparent 1px), #030610;background-size:auto,auto,12px 12px,auto}.background-choice[data-bg-preview=sakura] .background-preview{background:radial-gradient(circle at 20% 18%,#ff7dce,#0000 34%),repeating-linear-gradient(135deg,#0000 0 14px,#ffffff1f 15px 16px),#151020}.background-choice[data-bg-preview=matrix] .background-preview{background:repeating-linear-gradient(180deg, var(--accent) 0 1px, transparent 1px 9px), repeating-linear-gradient(90deg, #ffffff1a 0 1px, transparent 1px 14px), #05080c}@supports (color:color-mix(in lab, red, red)){.background-choice[data-bg-preview=matrix] .background-preview{background:repeating-linear-gradient(180deg, color-mix(in srgb, var(--accent) 36%, transparent) 0 1px, transparent 1px 9px), repeating-linear-gradient(90deg, #ffffff1a 0 1px, transparent 1px 14px), #05080c}}.background-choice[data-bg-preview=dojo] .background-preview{background:radial-gradient(circle at 72% 20%, var(--accent), transparent 18%), linear-gradient(120deg, transparent 0 48%, #ffffff2e 49% 50%, transparent 51%), #090a10}@supports (color:color-mix(in lab, red, red)){.background-choice[data-bg-preview=dojo] .background-preview{background:radial-gradient(circle at 72% 20%, color-mix(in srgb, var(--accent) 38%, white), transparent 18%), linear-gradient(120deg, transparent 0 48%, #ffffff2e 49% 50%, transparent 51%), #090a10}}.background-choice[data-bg-preview=sunset] .background-preview{background:radial-gradient(circle at 50% 24%, var(--accent), transparent 28%), repeating-linear-gradient(0deg, transparent 0 9px, #ffffff29 10px 11px), #120815}@supports (color:color-mix(in lab, red, red)){.background-choice[data-bg-preview=sunset] .background-preview{background:radial-gradient(circle at 50% 24%, color-mix(in srgb, var(--accent) 52%, #ff7dce), transparent 28%), repeating-linear-gradient(0deg, transparent 0 9px, #ffffff29 10px 11px), #120815}}html[data-bg=classic] body,html[data-bg=classic] .app-shell{background:radial-gradient(circle at 82% -8%, var(--accent), transparent 26rem), linear-gradient(180deg, var(--app-bg), var(--app-bg-2))}@supports (color:color-mix(in lab, red, red)){html[data-bg=classic] body,html[data-bg=classic] .app-shell{background:radial-gradient(circle at 82% -8%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 26rem), linear-gradient(180deg, var(--app-bg), var(--app-bg-2))}}html[data-bg=aurora] body,html[data-bg=aurora] .app-shell{background:radial-gradient(ellipse at 16% 18%, var(--accent), transparent 26rem), radial-gradient(ellipse at 86% 14%, #c084fc33, transparent 28rem), linear-gradient(120deg, transparent 0 26%, var(--accent) 36%, transparent 54%), linear-gradient(180deg, #050812 0%, #0d1422 58%, #05070f 100%)}@supports (color:color-mix(in lab, red, red)){html[data-bg=aurora] body,html[data-bg=aurora] .app-shell{background:radial-gradient(ellipse at 16% 18%, color-mix(in srgb, var(--accent) 34%, transparent), transparent 26rem), radial-gradient(ellipse at 86% 14%, #c084fc33, transparent 28rem), linear-gradient(120deg, transparent 0 26%, color-mix(in srgb, var(--accent) 7%, transparent) 36%, transparent 54%), linear-gradient(180deg, #050812 0%, #0d1422 58%, #05070f 100%)}}html[data-bg=cyber] body,html[data-bg=cyber] .app-shell{background:linear-gradient(180deg, transparent 0 53%, #ffffff09 54% 55%, transparent 56%), linear-gradient(90deg, transparent 0 7%, var(--accent) 7.2% 7.5%, transparent 7.7% 100%), radial-gradient(circle at 72% 18%, var(--accent), transparent 17rem), linear-gradient(180deg, #060814 0%, #0a0f1c 64%, #05060d 100%)}@supports (color:color-mix(in lab, red, red)){html[data-bg=cyber] body,html[data-bg=cyber] .app-shell{background:linear-gradient(180deg, transparent 0 53%, #ffffff09 54% 55%, transparent 56%), linear-gradient(90deg, transparent 0 7%, color-mix(in srgb, var(--accent) 16%, transparent) 7.2% 7.5%, transparent 7.7% 100%), radial-gradient(circle at 72% 18%, color-mix(in srgb, var(--accent) 30%, transparent), transparent 17rem), linear-gradient(180deg, #060814 0%, #0a0f1c 64%, #05060d 100%)}}html[data-bg=cyber] body,html[data-bg=cyber] .app-shell{background-size:auto,92px 100%,auto,auto}html[data-bg=lofi] body,html[data-bg=lofi] .app-shell{background:radial-gradient(circle at 20% 78%, var(--accent), transparent 18rem), radial-gradient(circle at 82% 12%, #ffb26624, transparent 18rem), linear-gradient(145deg, #ffffff09 0 12%, transparent 13% 100%), linear-gradient(180deg, #0d0a12 0%, #15121d 54%, #070910 100%)}@supports (color:color-mix(in lab, red, red)){html[data-bg=lofi] body,html[data-bg=lofi] .app-shell{background:radial-gradient(circle at 20% 78%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 18rem), radial-gradient(circle at 82% 12%, #ffb26624, transparent 18rem), linear-gradient(145deg, #ffffff09 0 12%, transparent 13% 100%), linear-gradient(180deg, #0d0a12 0%, #15121d 54%, #070910 100%)}}html[data-bg=shrine] body,html[data-bg=shrine] .app-shell{background:radial-gradient(circle at 79% 18%, var(--accent), transparent .09rem, transparent 5.2rem), radial-gradient(circle at 79% 18%, var(--accent), transparent 15rem), linear-gradient(116deg, transparent 0 47%, #ffffff0b 47.5% 48.5%, transparent 49% 100%), linear-gradient(180deg, #06070d 0%, #0e1119 62%, #05060b 100%)}@supports (color:color-mix(in lab, red, red)){html[data-bg=shrine] body,html[data-bg=shrine] .app-shell{background:radial-gradient(circle at 79% 18%, color-mix(in srgb, var(--accent) 26%, white), transparent .09rem, transparent 5.2rem), radial-gradient(circle at 79% 18%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 15rem), linear-gradient(116deg, transparent 0 47%, #ffffff0b 47.5% 48.5%, transparent 49% 100%), linear-gradient(180deg, #06070d 0%, #0e1119 62%, #05060b 100%)}}.background-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.background-choice[data-bg-preview=aurora] .background-preview{background:radial-gradient(ellipse at 18% 18%, var(--accent), transparent 48%), radial-gradient(ellipse at 86% 16%, #c084fc, transparent 46%), linear-gradient(180deg,#050812,#111827)}.background-choice[data-bg-preview=cyber] .background-preview{background:linear-gradient(180deg, transparent 0 55%, #ffffff2e 56%, transparent 58%), repeating-linear-gradient(90deg, transparent 0 15px, var(--accent) 16px 17px), radial-gradient(circle at 80% 18%, var(--accent), transparent 34%), #060814}@supports (color:color-mix(in lab, red, red)){.background-choice[data-bg-preview=cyber] .background-preview{background:linear-gradient(180deg, transparent 0 55%, #ffffff2e 56%, transparent 58%), repeating-linear-gradient(90deg, transparent 0 15px, color-mix(in srgb, var(--accent) 38%, transparent) 16px 17px), radial-gradient(circle at 80% 18%, var(--accent), transparent 34%), #060814}}.background-choice[data-bg-preview=lofi] .background-preview{background:radial-gradient(circle at 20% 78%, var(--accent), transparent 36%), radial-gradient(circle at 85% 14%, #ffb266, transparent 38%), linear-gradient(145deg, #ffffff1f 0 14%, transparent 16%), #15121d}@supports (color:color-mix(in lab, red, red)){.background-choice[data-bg-preview=lofi] .background-preview{background:radial-gradient(circle at 20% 78%, color-mix(in srgb, var(--accent) 56%, transparent), transparent 36%), radial-gradient(circle at 85% 14%, #ffb266, transparent 38%), linear-gradient(145deg, #ffffff1f 0 14%, transparent 16%), #15121d}}.background-choice[data-bg-preview=shrine] .background-preview{background:radial-gradient(circle at 78% 20%, var(--accent), transparent 24%), linear-gradient(116deg, transparent 0 47%, #ffffff38 48% 50%, transparent 51%), #07080e}@supports (color:color-mix(in lab, red, red)){.background-choice[data-bg-preview=shrine] .background-preview{background:radial-gradient(circle at 78% 20%, color-mix(in srgb, var(--accent) 48%, white), transparent 24%), linear-gradient(116deg, transparent 0 47%, #ffffff38 48% 50%, transparent 51%), #07080e}}.background-choice[data-bg-preview=custom] .background-preview{background:linear-gradient(135deg, var(--accent), #111927)}@supports (color:color-mix(in lab, red, red)){.background-choice[data-bg-preview=custom] .background-preview{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 22%, #111927), #111927)}}.background-choice[data-bg-preview=custom] .background-preview{position:relative}.true-background-preview{background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:300px}.true-background-preview:before{background:radial-gradient(circle at 82% 20%, var(--accent), transparent 16rem), linear-gradient(180deg, #00000014, #00000075);inset:16px}@supports (color:color-mix(in lab, red, red)){.true-background-preview:before{background:radial-gradient(circle at 82% 20%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 16rem), linear-gradient(180deg, #00000014, #00000075)}}.classic-cropper-shell{place-items:center;margin-bottom:14px;display:grid}.classic-cropper-stage{border:1px solid var(--accent);width:min(760px,100%);position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.classic-cropper-stage{border:1px solid color-mix(in srgb, var(--accent) 32%, transparent)}}.classic-cropper-stage{box-shadow:inset 0 0 0 1px #ffffff0a, 0 0 34px var(--accent);background:#05080d;border-radius:20px}@supports (color:color-mix(in lab, red, red)){.classic-cropper-stage{box-shadow:inset 0 0 0 1px #ffffff0a, 0 0 34px color-mix(in srgb, var(--accent) 12%, transparent)}}.classic-cropper-stage{-webkit-user-select:none;user-select:none;touch-action:none}.classic-cropper-stage img{object-fit:fill;pointer-events:none;width:100%;height:100%;display:block}.crop-dim-top{top:0;left:0;right:0}.crop-dim-bottom{bottom:0;left:0;right:0}.classic-crop-box{cursor:move;border:2px solid var(--accent);box-shadow:0 0 0 1px #ffffffb8, 0 0 24px var(--accent);position:absolute}@supports (color:color-mix(in lab, red, red)){.classic-crop-box{box-shadow:0 0 0 1px #ffffffb8, 0 0 24px color-mix(in srgb, var(--accent) 28%, transparent)}}.classic-crop-box{background:#ffffff05}.crop-grid-line{pointer-events:none;background:#ffffff6b;position:absolute}.crop-grid-line.vertical{width:1px;top:0;bottom:0}.crop-grid-line.horizontal{height:1px;left:0;right:0}.crop-grid-line.one.vertical{left:33.333%}.crop-grid-line.two.vertical{left:66.666%}.crop-grid-line.one.horizontal{top:33.333%}.crop-grid-line.two.horizontal{top:66.666%}@supports (color:color-mix(in lab, red, red)){.crop-handle{box-shadow:0 0 16px color-mix(in srgb, var(--accent) 48%, transparent)}}.cropper-note{margin:10px 0 0}.classic-cropper-stage{height:auto;max-height:none}.classic-cropper-stage.avatar{width:min(520px,100%)}.gif-live-preview{border:1px solid var(--accent);place-items:center;display:grid;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.gif-live-preview{border:1px solid color-mix(in srgb, var(--accent) 34%, transparent)}}.gif-live-preview{box-shadow:inset 0 0 0 1px #ffffff0a, 0 0 34px var(--accent);background:#05080d}@supports (color:color-mix(in lab, red, red)){.gif-live-preview{box-shadow:inset 0 0 0 1px #ffffff0a, 0 0 34px color-mix(in srgb, var(--accent) 12%, transparent)}}.gif-live-preview.banner{aspect-ratio:3;border-radius:22px}.gif-live-preview.background{aspect-ratio:16/9;border-radius:22px}.gif-position-controls{border:1px solid var(--panel-border);background:var(--surface-soft);border-radius:18px;gap:16px;padding:16px;display:grid}.gif-position-controls label{color:var(--text-main);gap:8px;font-weight:900;display:grid}.gif-position-controls input{accent-color:var(--accent)}html[data-bg=custom] body:before{content:"";z-index:-2;background:var(--custom-bg-image) var(--custom-bg-position) / cover no-repeat;pointer-events:none;position:fixed;inset:0}.profile-banner-bg img,.profile-avatar-image img,.upload-preview img,.post-author-avatar img,.comment-avatar img,.activity-avatar img,.leaderboard-avatar img,.profile-avatar img,.search-preview-avatar img,.user-mini-avatar img{object-fit:cover}@media (width<=900px){.gif-adjust-layout{grid-template-columns:1fr}}html[data-bg=custom] body,html[data-bg=custom] .app-shell{background:linear-gradient(180deg, #05080e66, #05080ec7), var(--custom-bg-image) var(--custom-bg-position) / cover no-repeat fixed, linear-gradient(180deg, var(--app-bg), var(--app-bg-2))}.pro-cropper-modal{width:min(900px,100vw - 28px)}.classic-cropper-stage{display:block}.classic-cropper-stage img{object-fit:contain!important;width:100%!important;height:100%!important;display:block!important}.classic-crop-box{box-sizing:border-box}.classic-crop-box.avatar{border-radius:18px}.classic-crop-box.banner,.classic-crop-box.background{border-radius:14px}.crop-size-badge{color:#fff;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05080ead;border:1px solid #ffffff38;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:900;position:absolute;top:10px;left:10px}.pro-gif-adjust-layout{align-items:stretch}.gif-preview-column{gap:10px;display:grid}.gif-live-preview{position:relative}.gif-live-preview img{object-fit:cover;width:100%;height:100%}.gif-crosshair{pointer-events:none;opacity:.7;background:var(--accent);position:absolute}@supports (color:color-mix(in lab, red, red)){.gif-crosshair{background:color-mix(in srgb, var(--accent) 72%, white)}}.gif-crosshair{box-shadow:0 0 12px var(--accent)}@supports (color:color-mix(in lab, red, red)){.gif-crosshair{box-shadow:0 0 12px color-mix(in srgb, var(--accent) 38%, transparent)}}.gif-crosshair.vertical{width:1px;top:0;bottom:0}.gif-crosshair.horizontal{height:1px;left:0;right:0}.gif-position-summary{color:var(--text-soft);margin:0;font-size:13px;font-weight:800}.gif-position-summary strong{color:var(--accent)}.gif-position-controls label{grid-template-columns:1fr auto}.gif-position-controls label input,.gif-position-controls label small{grid-column:1/-1}.gif-position-controls label>strong{color:var(--accent)}.gif-position-controls small{color:var(--text-soft);font-size:12px;font-weight:700}html[data-bg=custom] .app-shell{background:linear-gradient(#05080e2e,#05080e7a)!important}html[data-bg=custom] .topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.custom-bg-preview.true-background-preview{background-repeat:no-repeat!important;background-size:cover!important}.clickable-card{cursor:pointer}.modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:99999!important;background:#03060cb8!important}.media-adjust-backdrop{z-index:100000!important}.settings-modal,.cropper-modal,.media-adjust-modal{z-index:1;position:relative}html[data-bg=custom] body:before{display:none!important}html[data-bg=custom] .app-shell{isolation:isolate;position:relative;background:0 0!important}@supports (color:color-mix(in lab, red, red)){html[data-bg=custom] .app-shell:after{background:radial-gradient(circle at 82% 12%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 25rem), linear-gradient(180deg, #05080e59, #05080ec7)}}.custom-bg-preview.true-background-preview{border:1px solid var(--accent);background-repeat:no-repeat!important;background-size:cover!important;background-position:var(--custom-preview-position,center)!important;min-height:190px!important}@supports (color:color-mix(in lab, red, red)){.custom-bg-preview.true-background-preview{border:1px solid color-mix(in srgb, var(--accent) 30%, transparent)}}.custom-bg-preview.true-background-preview{box-shadow:inset 0 0 0 1px #ffffff0a,0 12px 28px #00000038}.media-adjust-modal{width:min(980px,100vw - 28px)}.media-adjust-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:stretch;gap:18px;display:grid}.media-adjust-preview{border:1px solid var(--accent);position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.media-adjust-preview{border:1px solid color-mix(in srgb, var(--accent) 34%, transparent)}}.media-adjust-preview{box-shadow:inset 0 0 0 1px #ffffff0a, 0 0 34px var(--accent);background:#05080d}@supports (color:color-mix(in lab, red, red)){.media-adjust-preview{box-shadow:inset 0 0 0 1px #ffffff0a, 0 0 34px color-mix(in srgb, var(--accent) 12%, transparent)}}.media-adjust-preview.avatar{aspect-ratio:1;border-radius:34px;justify-self:center;width:min(430px,100%)}.media-adjust-preview.banner{aspect-ratio:3;border-radius:22px;width:100%}.media-adjust-preview.background{aspect-ratio:16/9;border-radius:22px;width:100%}.media-adjust-preview img{object-fit:cover;object-position:50% 50%;width:100%;height:100%;display:block}.media-preview-shade{pointer-events:none;opacity:.22;background-color:#0000;background-image:linear-gradient(90deg,#ffffff1f 1px,#0000 1px),linear-gradient(#ffffff1f 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:33.333% 33.333%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.media-adjust-controls{border:1px solid var(--panel-border);background:var(--surface-soft);border-radius:18px;align-content:start;gap:16px;padding:16px;display:grid}.media-adjust-help{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.media-adjust-help{border:1px solid color-mix(in srgb, var(--accent) 20%, transparent)}}.media-adjust-help{background:var(--accent);border-radius:14px}@supports (color:color-mix(in lab, red, red)){.media-adjust-help{background:color-mix(in srgb, var(--accent) 8%, transparent)}}.media-adjust-help{padding:12px}.media-adjust-help strong{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:13px}.media-adjust-help p{color:var(--text-soft);margin:6px 0 0;font-size:13px;font-weight:800;line-height:1.45}.media-adjust-controls label{color:var(--text-main);grid-template-columns:1fr auto;gap:8px;font-weight:900;display:grid}.media-adjust-controls label input,.media-adjust-controls label small{grid-column:1/-1}.media-adjust-controls label strong{color:var(--accent)}.media-adjust-controls input{accent-color:var(--accent)}.media-adjust-controls small{color:var(--text-soft);font-size:12px;font-weight:700}.profile-banner-bg img,.profile-avatar-image img,.upload-preview img,.post-author-avatar img,.comment-avatar img,.activity-avatar img,.leaderboard-avatar img,.profile-avatar img,.search-preview-avatar img,.user-mini-avatar img,.suggested-user-card img{object-fit:cover!important}@media (width<=900px){.media-adjust-layout{grid-template-columns:1fr}.media-adjust-controls{order:2}}.cropper-backdrop,.modal-backdrop{z-index:2147483000!important;position:fixed!important;inset:0!important}.real-cropper-modal{width:min(1040px,100vw - 32px);max-height:calc(100vh - 44px);position:relative;overflow:auto;z-index:2147483001!important}.real-crop-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:stretch;gap:18px;display:grid}.real-crop-stage{border:1px solid var(--accent);place-items:center;min-height:450px;display:grid;overflow:auto}@supports (color:color-mix(in lab, red, red)){.real-crop-stage{border:1px solid color-mix(in srgb, var(--accent) 22%, transparent)}}.real-crop-stage{background:radial-gradient(circle at 50% 50%, var(--accent), transparent 22rem), #05080d;border-radius:20px}@supports (color:color-mix(in lab, red, red)){.real-crop-stage{background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 22rem), #05080d}}.real-crop-stage{padding:20px}.crop-image-frame{-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;box-shadow:0 18px 44px #00000057}.crop-image-frame>img{pointer-events:none;width:100%;height:100%;display:block;object-fit:contain!important;object-position:center center!important}.crop-dim{pointer-events:none;background:#00000094;position:absolute}.crop-dim.top{top:0;left:0;right:0}.crop-dim.left{left:0}.crop-dim.right{right:0}.crop-dim.bottom{bottom:0;left:0;right:0}.real-crop-box{border:2px solid var(--accent);box-shadow:0 0 0 9999px #00000005, 0 0 24px var(--accent);position:absolute}@supports (color:color-mix(in lab, red, red)){.real-crop-box{box-shadow:0 0 0 9999px #00000005, 0 0 24px color-mix(in srgb, var(--accent) 42%, transparent)}}.real-crop-box{cursor:move;touch-action:none}.real-crop-box.avatar{border-radius:22px}.real-crop-box.banner,.real-crop-box.background{border-radius:16px}.crop-grid{pointer-events:none;background:#ffffff57;position:absolute}.crop-grid.v{width:1px;top:0;bottom:0}.crop-grid.v.one{left:33.333%}.crop-grid.v.two{left:66.666%}.crop-grid.h{height:1px;left:0;right:0}.crop-grid.h.one{top:33.333%}.crop-grid.h.two{top:66.666%}.crop-handle{background:var(--accent);width:18px;height:18px;box-shadow:0 0 16px var(--accent);border:2px solid #fff;border-radius:999px;position:absolute}@supports (color:color-mix(in lab, red, red)){.crop-handle{box-shadow:0 0 16px color-mix(in srgb, var(--accent) 55%, transparent)}}.crop-handle{touch-action:none}.crop-handle.nw{cursor:nwse-resize;top:-9px;left:-9px}.crop-handle.ne{cursor:nesw-resize;top:-9px;right:-9px}.crop-handle.sw{cursor:nesw-resize;bottom:-9px;left:-9px}.crop-handle.se{cursor:nwse-resize;bottom:-9px;right:-9px}.crop-side-note,.gif-adjust-panel{border:1px solid var(--panel-border);background:var(--surface-soft);border-radius:18px;align-self:stretch;padding:16px}.crop-side-note strong,.gif-adjust-panel strong{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:13px}.crop-side-note p,.gif-adjust-panel p{color:var(--text-soft);font-weight:800;line-height:1.5}.crop-side-note small{color:var(--text-soft);font-weight:800}.crop-loading{color:var(--text-soft);font-weight:900}.gif-adjust-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:stretch;gap:18px;display:grid}.gif-live-preview{border:1px solid var(--accent);position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.gif-live-preview{border:1px solid color-mix(in srgb, var(--accent) 34%, transparent)}}.gif-live-preview{background:#05080d;box-shadow:0 18px 44px #00000057,inset 0 0 0 1px #ffffff0a}.gif-live-preview.avatar{aspect-ratio:1;border-radius:34px;justify-self:center;width:min(460px,100%)}.gif-live-preview.banner{aspect-ratio:3.5;border-radius:22px;width:100%}.gif-live-preview.background{aspect-ratio:16/9;border-radius:22px;width:100%}.gif-live-preview img{width:100%;height:100%;display:block;object-fit:cover!important}.gif-adjust-panel label{color:var(--text-main);grid-template-columns:1fr auto;gap:8px;margin-top:16px;font-weight:900;display:grid}.gif-adjust-panel input,.gif-adjust-panel small{grid-column:1/-1}.gif-adjust-panel b{color:var(--accent)}.gif-adjust-panel input{accent-color:var(--accent)}.gif-adjust-panel small{color:var(--text-soft);font-size:12px;font-weight:800}html[data-bg=custom] .app-shell:before{content:""!important;z-index:0!important;pointer-events:none!important;background-image:var(--custom-bg-image)!important;background-position:var(--custom-bg-position,50% 50%)!important;background-repeat:no-repeat!important;background-size:cover!important;background-attachment:fixed!important;position:fixed!important;inset:0!important}html[data-bg=custom] .app-shell:after{background:radial-gradient(circle at 82% 8%, var(--accent), transparent 24rem), linear-gradient(180deg, #05080e6b, #05080ec7);content:""!important;z-index:1!important;pointer-events:none!important;position:fixed!important;inset:0!important}@supports (color:color-mix(in lab, red, red)){html[data-bg=custom] .app-shell:after{background:radial-gradient(circle at 82% 8%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 24rem), linear-gradient(180deg, #05080e6b, #05080ec7)}}.custom-bg-preview.true-background-preview{background-repeat:no-repeat!important;background-size:cover!important;background-position:var(--custom-preview-position,center)!important}html[data-mode=light][data-bg=classic] body,html[data-mode=light][data-bg=classic] .app-shell{background:radial-gradient(circle at 84% 4%, var(--accent), transparent 28rem), linear-gradient(180deg, #f8fbff, #eef3fb)!important}@supports (color:color-mix(in lab, red, red)){html[data-mode=light][data-bg=classic] body,html[data-mode=light][data-bg=classic] .app-shell{background:radial-gradient(circle at 84% 4%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 28rem), linear-gradient(180deg, #f8fbff, #eef3fb)!important}}html[data-mode=light][data-bg=aurora] body,html[data-mode=light][data-bg=aurora] .app-shell{background:radial-gradient(ellipse at 16% 12%, var(--accent), transparent 34rem), radial-gradient(ellipse at 92% 18%, #c084fc3d, transparent 34rem), linear-gradient(180deg, #f8fbff, #eef6ff)!important}@supports (color:color-mix(in lab, red, red)){html[data-mode=light][data-bg=aurora] body,html[data-mode=light][data-bg=aurora] .app-shell{background:radial-gradient(ellipse at 16% 12%, color-mix(in srgb, var(--accent) 26%, transparent), transparent 34rem), radial-gradient(ellipse at 92% 18%, #c084fc3d, transparent 34rem), linear-gradient(180deg, #f8fbff, #eef6ff)!important}}html[data-mode=light][data-bg=cyber] body,html[data-mode=light][data-bg=cyber] .app-shell{background:linear-gradient(#0f172a0b 1px, transparent 1px), linear-gradient(90deg, #0f172a0b 1px, transparent 1px), radial-gradient(circle at 85% 18%, var(--accent), transparent 28rem), linear-gradient(180deg, #f7fbff, #eef3f8)!important}@supports (color:color-mix(in lab, red, red)){html[data-mode=light][data-bg=cyber] body,html[data-mode=light][data-bg=cyber] .app-shell{background:linear-gradient(#0f172a0b 1px, transparent 1px), linear-gradient(90deg, #0f172a0b 1px, transparent 1px), radial-gradient(circle at 85% 18%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 28rem), linear-gradient(180deg, #f7fbff, #eef3f8)!important}}html[data-mode=light][data-bg=cyber] body,html[data-mode=light][data-bg=cyber] .app-shell{background-size:32px 32px,32px 32px,auto,auto!important}html[data-mode=light][data-bg=lofi] body,html[data-mode=light][data-bg=lofi] .app-shell{background:radial-gradient(circle at 14% 82%, var(--accent), transparent 28rem), radial-gradient(circle at 90% 10%, #ffb26647, transparent 24rem), linear-gradient(145deg, #ffffffd9, #f5eee8eb)!important}@supports (color:color-mix(in lab, red, red)){html[data-mode=light][data-bg=lofi] body,html[data-mode=light][data-bg=lofi] .app-shell{background:radial-gradient(circle at 14% 82%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 28rem), radial-gradient(circle at 90% 10%, #ffb26647, transparent 24rem), linear-gradient(145deg, #ffffffd9, #f5eee8eb)!important}}html[data-mode=light][data-bg=shrine] body,html[data-mode=light][data-bg=shrine] .app-shell{background:radial-gradient(circle at 74% 16%, var(--accent), transparent 18rem), linear-gradient(116deg, transparent 0 47%, #0f172a0e 48% 50%, transparent 51%), linear-gradient(180deg, #fbfbff, #edf1f8)!important}@supports (color:color-mix(in lab, red, red)){html[data-mode=light][data-bg=shrine] body,html[data-mode=light][data-bg=shrine] .app-shell{background:radial-gradient(circle at 74% 16%, color-mix(in srgb, var(--accent) 18%, white), transparent 18rem), linear-gradient(116deg, transparent 0 47%, #0f172a0e 48% 50%, transparent 51%), linear-gradient(180deg, #fbfbff, #edf1f8)!important}}@media (width<=900px){.real-crop-layout,.gif-adjust-layout{grid-template-columns:1fr}.real-crop-stage{min-height:360px}}html[data-bg=custom] body{background:#05080d!important}html[data-bg=custom] .app-shell{min-height:100vh;isolation:isolate!important;background:0 0!important;position:relative!important}.site-background-media-layer{z-index:0;pointer-events:none;background:#05080d;position:fixed;inset:0;overflow:hidden}.site-background-media-layer img{object-fit:cover;width:100%;height:100%;display:block}.site-background-media-layer:after{content:"";pointer-events:none;background:radial-gradient(circle at 82% 8%, var(--accent), transparent 24rem), linear-gradient(180deg, #05080e57, #05080ec2);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.site-background-media-layer:after{background:radial-gradient(circle at 82% 8%, color-mix(in srgb, var(--accent) 15%, transparent), transparent 24rem), linear-gradient(180deg, #05080e57, #05080ec2)}}html[data-bg=custom] .app-shell:before,html[data-bg=custom] .app-shell:after,html[data-bg=custom] body:before,html[data-bg=custom] body:after{content:none!important;display:none!important}html[data-bg=custom] .app-shell>:not(.site-background-media-layer){z-index:2;position:relative}html[data-bg=custom] .topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070a11d1!important}.modal-backdrop,.cropper-backdrop{z-index:2147483000!important}.settings-modal,.cropper-modal,.real-cropper-modal{position:relative;z-index:2147483001!important}.gif-adjust-layout-clear{grid-template-columns:minmax(0,1fr) 300px;align-items:center}.gif-preview-column{align-content:center;gap:12px;display:grid}.gif-final-frame{border:2px solid var(--accent);box-shadow:0 22px 56px #00000061, 0 0 0 1px #ffffff0f inset, 0 0 30px var(--accent);background:#05080d;margin:0 auto;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.gif-final-frame{box-shadow:0 22px 56px #00000061, 0 0 0 1px #ffffff0f inset, 0 0 30px color-mix(in srgb, var(--accent) 22%, transparent)}}.gif-final-frame.avatar{aspect-ratio:1;border-radius:34px;width:min(420px,100%)}.gif-final-frame.banner{aspect-ratio:3.5;border-radius:22px;width:100%}.gif-final-frame.background{aspect-ratio:16/9;border-radius:22px;width:100%}.gif-final-frame img{width:100%;height:100%;display:block;object-fit:cover!important}.gif-final-frame:before{content:"";pointer-events:none;border:1px solid #ffffff38;position:absolute;inset:0;box-shadow:inset 0 0 0 999px #00000005}.gif-visible-badge{z-index:2;border:1px solid var(--accent);position:absolute;top:12px;left:12px}@supports (color:color-mix(in lab, red, red)){.gif-visible-badge{border:1px solid color-mix(in srgb, var(--accent) 48%, transparent)}}.gif-visible-badge{color:#fff;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05080ead;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900}.gif-preview-caption{border:1px solid var(--accent);margin:0}@supports (color:color-mix(in lab, red, red)){.gif-preview-caption{border:1px solid color-mix(in srgb, var(--accent) 24%, transparent)}}.gif-preview-caption{background:var(--accent);border-radius:14px}@supports (color:color-mix(in lab, red, red)){.gif-preview-caption{background:color-mix(in srgb, var(--accent) 7%, transparent)}}.gif-preview-caption{color:var(--text-soft);padding:12px 13px;font-weight:800;line-height:1.45}@media (width<=900px){.gif-adjust-layout-clear{grid-template-columns:1fr}}html[data-bg=custom] body{background:#05080d!important;min-height:100vh!important}html[data-bg=custom] .app-shell{isolation:isolate!important;background:0 0!important;min-height:100vh!important;position:relative!important}html[data-bg=custom] .site-background-media-layer{display:none!important}html[data-bg=custom] .app-shell:before{content:""!important;z-index:-2!important;pointer-events:none!important;background-image:var(--custom-bg-image)!important;background-position:var(--custom-bg-position,50% 50%)!important;background-repeat:no-repeat!important;background-size:cover!important;position:fixed!important;inset:0!important}html[data-bg=custom] .app-shell:after{content:""!important;z-index:-1!important;pointer-events:none!important;background:radial-gradient(circle at 82% 8%, var(--accent), transparent 24rem), linear-gradient(180deg, #05080e6b, #05080ec7)!important;position:fixed!important;inset:0!important}@supports (color:color-mix(in lab, red, red)){html[data-bg=custom] .app-shell:after{background:radial-gradient(circle at 82% 8%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 24rem), linear-gradient(180deg, #05080e6b, #05080ec7)!important}}html[data-bg=custom] .app-shell>*{z-index:1;position:relative}html[data-bg=custom] .topbar{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070a11db!important}html[data-bg=custom] .modal-backdrop,html[data-bg=custom] .cropper-backdrop{z-index:2147483000!important}html[data-bg=custom] .settings-modal,html[data-bg=custom] .cropper-modal,html[data-bg=custom] .real-cropper-modal{position:relative;z-index:2147483001!important}html,body,#root{min-height:100%}body{background-attachment:fixed!important;background-color:var(--app-bg)!important}html[data-bg] .app-shell{isolation:auto!important;background:0 0!important;min-height:100vh!important;position:relative!important}html[data-bg] .app-shell:before,html[data-bg] .app-shell:after,html[data-bg] body:before,html[data-bg] body:after,.site-background-media-layer{content:none!important;background:0 0!important;display:none!important}html[data-bg=classic] body{background-image:radial-gradient(circle at 84% 4%, var(--accent), transparent 28rem), linear-gradient(180deg, var(--app-bg), var(--app-bg-2))!important}@supports (color:color-mix(in lab, red, red)){html[data-bg=classic] body{background-image:radial-gradient(circle at 84% 4%, color-mix(in srgb, var(--accent) 11%, transparent), transparent 28rem), linear-gradient(180deg, var(--app-bg), var(--app-bg-2))!important}}html[data-bg=classic] body{background-position:50%,50%!important;background-repeat:no-repeat,no-repeat!important;background-size:auto,auto!important}html[data-bg=aurora] body{background-image:radial-gradient(circle at 12% 0%, var(--accent), transparent 30rem), radial-gradient(circle at 90% 12%, #a855f73d, transparent 26rem), radial-gradient(circle at 45% 96%, var(--accent-dark), transparent 28rem), linear-gradient(180deg, var(--app-bg), var(--app-bg-2))!important}@supports (color:color-mix(in lab, red, red)){html[data-bg=aurora] body{background-image:radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--accent) 26%, transparent), transparent 30rem), radial-gradient(circle at 90% 12%, #a855f73d, transparent 26rem), radial-gradient(circle at 45% 96%, color-mix(in srgb, var(--accent-dark) 16%, transparent), transparent 28rem), linear-gradient(180deg, var(--app-bg), var(--app-bg-2))!important}}html[data-bg=aurora] body{background-position:50%,50%,50%,50%!important;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat!important;background-size:auto,auto,auto,auto!important}html[data-bg=cyber] body{background-image:linear-gradient(#ffffff09 1px, transparent 1px), linear-gradient(90deg, #ffffff09 1px, transparent 1px), radial-gradient(circle at 82% 9%, var(--accent), transparent 22rem), linear-gradient(180deg, var(--app-bg), var(--app-bg-2))!important}@supports (color:color-mix(in lab, red, red)){html[data-bg=cyber] body{background-image:linear-gradient(#ffffff09 1px, transparent 1px), linear-gradient(90deg, #ffffff09 1px, transparent 1px), radial-gradient(circle at 82% 9%, color-mix(in srgb, var(--accent) 30%, transparent), transparent 22rem), linear-gradient(180deg, var(--app-bg), var(--app-bg-2))!important}}html[data-bg=cyber] body{background-position:50%,50%,50%,50%!important;background-repeat:repeat,repeat,no-repeat,no-repeat!important;background-size:58px 58px,58px 58px,auto,auto!important}html[data-bg=lofi] body{background-image:radial-gradient(circle at 14% 82%, var(--accent), transparent 26rem), radial-gradient(circle at 82% 18%, #ffb26629, transparent 24rem), linear-gradient(135deg, #ffffff0a 0 12%, transparent 13% 100%), linear-gradient(180deg, var(--app-bg), var(--app-bg-2))!important}@supports (color:color-mix(in lab, red, red)){html[data-bg=lofi] body{background-image:radial-gradient(circle at 14% 82%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 26rem), radial-gradient(circle at 82% 18%, #ffb26629, transparent 24rem), linear-gradient(135deg, #ffffff0a 0 12%, transparent 13% 100%), linear-gradient(180deg, var(--app-bg), var(--app-bg-2))!important}}html[data-bg=lofi] body{background-position:50%,50%,50%,50%!important;background-repeat:no-repeat,no-repeat,repeat,no-repeat!important;background-size:auto,auto,140px 140px,auto!important}html[data-bg=custom] body{background-color:#05080d!important;background-image:linear-gradient(180deg, #05080e6b, #05080ecc), var(--custom-bg-image), linear-gradient(180deg, var(--app-bg), var(--app-bg-2))!important;background-position:center center, var(--custom-bg-position,50% 50%), center center!important;background-repeat:no-repeat,no-repeat,no-repeat!important;background-size:cover,cover,cover!important;background-attachment:fixed,fixed,fixed!important}html[data-mode=light][data-bg=custom] body{background-image:linear-gradient(180deg, #f8fbff94, #eef3fbd6), var(--custom-bg-image), linear-gradient(180deg, #f8fbff, #eef3fb)!important}html[data-mode=light][data-bg=aurora] body{background-image:radial-gradient(circle at 12% 0%, var(--accent), transparent 30rem), radial-gradient(circle at 90% 12%, #a855f729, transparent 26rem), linear-gradient(180deg, #f8fbff, #eef3fb)!important}@supports (color:color-mix(in lab, red, red)){html[data-mode=light][data-bg=aurora] body{background-image:radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 30rem), radial-gradient(circle at 90% 12%, #a855f729, transparent 26rem), linear-gradient(180deg, #f8fbff, #eef3fb)!important}}html[data-mode=light][data-bg=cyber] body{background-image:linear-gradient(#0f172a0e 1px, transparent 1px), linear-gradient(90deg, #0f172a0e 1px, transparent 1px), radial-gradient(circle at 82% 9%, var(--accent), transparent 22rem), linear-gradient(180deg, #f8fbff, #eef3fb)!important}@supports (color:color-mix(in lab, red, red)){html[data-mode=light][data-bg=cyber] body{background-image:linear-gradient(#0f172a0e 1px, transparent 1px), linear-gradient(90deg, #0f172a0e 1px, transparent 1px), radial-gradient(circle at 82% 9%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 22rem), linear-gradient(180deg, #f8fbff, #eef3fb)!important}}html[data-mode=light][data-bg=cyber] body{background-size:58px 58px,58px 58px,auto,auto!important}html[data-mode=light][data-bg=lofi] body{background-image:radial-gradient(circle at 14% 82%, var(--accent), transparent 26rem), radial-gradient(circle at 82% 18%, #ffb2662e, transparent 24rem), linear-gradient(135deg, #ffffff6b 0 12%, transparent 13% 100%), linear-gradient(180deg, #fff8f0, #eef3fb)!important}@supports (color:color-mix(in lab, red, red)){html[data-mode=light][data-bg=lofi] body{background-image:radial-gradient(circle at 14% 82%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 26rem), radial-gradient(circle at 82% 18%, #ffb2662e, transparent 24rem), linear-gradient(135deg, #ffffff6b 0 12%, transparent 13% 100%), linear-gradient(180deg, #fff8f0, #eef3fb)!important}}html[data-mode=light][data-bg=lofi] body{background-size:auto,auto,140px 140px,auto!important}.rich-profile-hero,.profile-hero-content{min-height:300px!important}.settings-warning-box{background:#f59e0b;border:1px solid #f59e0b6b;border-radius:14px}@supports (color:color-mix(in lab, red, red)){.settings-warning-box{background:color-mix(in srgb, #f59e0b 12%, var(--surface) 88%)}}.settings-warning-box{color:var(--text-main);padding:12px 14px;font-size:13px;font-weight:800;line-height:1.45}.topbar{z-index:900}.global-search{z-index:930;position:relative}.search-preview-panel{z-index:950}.modal-backdrop{z-index:5000}.search-preview-portal{isolation:isolate;max-height:min(460px,100vh - 96px);overflow:auto;z-index:2147482500!important;position:fixed!important;bottom:auto!important;right:auto!important}.composer-media-tools{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:12px;display:grid}.composer-tool{border:1px solid var(--accent);min-height:40px}@supports (color:color-mix(in lab, red, red)){.composer-tool{border:1px solid color-mix(in srgb, var(--accent) 38%, transparent)}}.composer-tool{background:var(--accent);border-radius:12px}@supports (color:color-mix(in lab, red, red)){.composer-tool{background:color-mix(in srgb, var(--accent) 9%, transparent)}}.composer-tool{color:var(--accent);padding:0 14px;font-weight:900}.composer-tool.danger{color:#ff6476;background:#ff647614;border-color:#ff647666}.composer-media-tools input{border:1px solid var(--panel-border);background:var(--surface-soft);min-height:40px;color:var(--text-main);border-radius:12px;outline:none;padding:0 12px;font-weight:800}.composer-media-preview{border:1px solid var(--panel-border);background:var(--surface-soft);border-radius:16px;place-items:center;max-height:260px;margin-top:12px;display:grid;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.composer-media-preview{background:color-mix(in srgb, var(--surface-soft) 84%, transparent)}}.composer-media-preview img{object-fit:contain;width:100%;max-height:260px}.composer-media-preview span{color:var(--text-soft);padding:18px;font-weight:900}.post-media{border:1px solid var(--panel-border);background:#0000002e;border-radius:18px;width:100%;max-width:100%;margin-top:14px;overflow:hidden}.post-media-image{place-items:center;max-height:520px;display:grid}.post-media-image img{object-fit:contain;image-rendering:auto;filter:saturate(1.04)contrast(1.02);width:100%;max-height:520px;display:block}.post-media-video{aspect-ratio:16/9;max-height:520px;position:relative}.post-media-video iframe{border:0;width:100%;height:100%;display:block}.post-media-open{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000008f;border:1px solid #ffffff2e;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900;text-decoration:none;position:absolute;bottom:12px;right:12px}.cover-wrap img,.detail-cover img,.cover-preview img{image-rendering:auto;filter:saturate(1.03)contrast(1.02);transform:translateZ(0)}@media (width<=700px){.composer-media-tools{grid-template-columns:1fr}.post-media-image,.post-media-image img{max-height:360px}}.music-float-button{z-index:2147483001;pointer-events:auto;border:1px solid var(--accent);place-items:center;width:60px;height:60px;display:grid;position:fixed;top:auto;left:auto}@supports (color:color-mix(in lab, red, red)){.music-float-button{border:1px solid color-mix(in srgb, var(--accent) 58%, transparent)}}.music-float-button{background:radial-gradient(circle at 30% 20%, var(--accent), transparent 58%), var(--surface);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.music-float-button{background:radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--accent) 24%, transparent), transparent 58%), color-mix(in srgb, var(--surface) 92%, transparent)}}.music-float-button{color:var(--accent);box-shadow:0 18px 38px #0000005c, var(--accent-glow,0 0 0 transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;will-change:left, top, transform;transition:transform .16s,border-color .16s,color .16s,box-shadow .16s}.music-float-button:hover{transform:translateY(-2px)scale(1.03)}.music-float-button:active{cursor:grabbing}.music-float-button svg{fill:currentColor;width:27px;height:27px}.music-state-dot{border:2px solid var(--surface);border-radius:50%;width:12px;height:12px;position:absolute;top:6px;right:6px}@supports (color:color-mix(in lab, red, red)){.music-state-dot{border:2px solid color-mix(in srgb, var(--surface) 92%, black)}}.music-state-dot{box-shadow:0 0 0 3px #0000001f}.music-float-button.active .music-state-dot{background:#22c55e;box-shadow:0 0 12px #22c55ea6}.music-float-button.inactive .music-state-dot{background:#ef4444;box-shadow:0 0 12px #ef44448c}.music-player-panel{z-index:2147483000;pointer-events:auto;border:1px solid var(--accent);width:min(360px,100vw - 40px);max-height:min(520px,100vh - 135px);position:fixed;bottom:auto;right:auto;overflow-y:auto}@supports (color:color-mix(in lab, red, red)){.music-player-panel{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--panel-border))}}.music-player-panel{background:linear-gradient(180deg, var(--surface), var(--surface-soft));border-radius:24px}@supports (color:color-mix(in lab, red, red)){.music-player-panel{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 96%, transparent), color-mix(in srgb, var(--surface-soft) 94%, transparent))}}.music-player-panel{box-shadow:0 28px 90px #00000085, var(--accent-glow,0 0 0 transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);padding:16px}.music-player-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.music-player-header span{color:var(--text-soft);letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:900}.music-player-header h2{color:var(--text-main);margin:4px 0 0;font-size:20px;line-height:1.15}.music-player-header p{color:var(--text-soft);margin:5px 0 0;font-weight:800}.music-start-button{border:1px solid var(--accent);width:100%;min-height:40px;margin-top:12px}@supports (color:color-mix(in lab, red, red)){.music-start-button{border:1px solid color-mix(in srgb, var(--accent) 45%, transparent)}}.music-start-button{background:var(--accent);border-radius:14px}@supports (color:color-mix(in lab, red, red)){.music-start-button{background:color-mix(in srgb, var(--accent) 12%, transparent)}}.music-start-button{color:var(--accent);font-weight:900}.music-transport-row{justify-content:center;align-items:center;gap:12px;margin-top:16px;display:flex}.transport-button{border:1px solid var(--accent);place-items:center;width:44px;height:44px;display:grid}@supports (color:color-mix(in lab, red, red)){.transport-button{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--panel-border))}}.transport-button{background:var(--surface-soft);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.transport-button{background:color-mix(in srgb, var(--surface-soft) 90%, transparent)}}.transport-button{color:var(--text-main);transition:transform .15s,color .15s,border-color .15s,box-shadow .15s}.transport-button.main{border-color:var(--accent);width:54px;height:54px}@supports (color:color-mix(in lab, red, red)){.transport-button.main{border-color:color-mix(in srgb, var(--accent) 58%, transparent)}}.transport-button.main{color:var(--accent);box-shadow:0 0 24px var(--accent)}@supports (color:color-mix(in lab, red, red)){.transport-button.main{box-shadow:0 0 24px color-mix(in srgb, var(--accent) 18%, transparent)}}.transport-button:hover:not(:disabled){color:var(--accent);border-color:var(--accent);transform:translateY(-1px)}.transport-button:disabled{cursor:not-allowed;opacity:.45}.transport-button svg{fill:currentColor;width:21px;height:21px}.transport-button.main svg{width:25px;height:25px}.music-control-row{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.music-pill{border:1px solid var(--panel-border);background:var(--surface-soft);min-height:36px;color:var(--text-main);border-radius:999px;padding:0 12px;font-weight:900;transition:border-color .15s,color .15s,background .15s,box-shadow .15s}.music-pill.active{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.music-pill.active{border-color:color-mix(in srgb, var(--accent) 54%, transparent)}}.music-pill.active{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.music-pill.active{background:color-mix(in srgb, var(--accent) 13%, transparent)}}.music-pill.active{color:var(--accent);box-shadow:0 0 16px var(--accent)}@supports (color:color-mix(in lab, red, red)){.music-pill.active{box-shadow:0 0 16px color-mix(in srgb, var(--accent) 12%, transparent)}}.music-pill.inactive{color:#ff7f8c;background:#ef444414;border-color:#ef44446b}.music-volume{color:var(--text-soft);gap:8px;margin-top:14px;font-weight:900;display:grid}.music-volume input{width:100%;accent-color:var(--accent)}.music-library-link{border:1px solid var(--accent);width:100%;min-height:42px;margin-top:14px}@supports (color:color-mix(in lab, red, red)){.music-library-link{border:1px solid color-mix(in srgb, var(--accent) 35%, var(--panel-border))}}.music-library-link{color:var(--accent);background:0 0;border-radius:14px;font-weight:900}.music-library-link:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.music-library-link:hover{background:color-mix(in srgb, var(--accent) 10%, transparent)}}.music-library-modal{border:1px solid var(--panel-border);background:var(--surface);border-radius:22px;width:min(620px,100vw - 34px);max-height:calc(100vh - 56px);overflow:auto}@supports (color:color-mix(in lab, red, red)){.music-library-modal{background:color-mix(in srgb, var(--surface) 96%, transparent)}}.music-library-modal{box-shadow:0 28px 90px #0000008c, var(--accent-glow,0 0 0 transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);padding:20px}.music-song-search{color:var(--text-soft);letter-spacing:.08em;text-transform:uppercase;gap:7px;margin-bottom:12px;font-size:12px;font-weight:900;display:grid}.music-song-search input{border:1px solid var(--accent);min-height:42px}@supports (color:color-mix(in lab, red, red)){.music-song-search input{border:1px solid color-mix(in srgb, var(--accent) 22%, var(--panel-border))}}.music-song-search input{background:var(--surface-soft);color:var(--text-main);text-transform:none;letter-spacing:0;border-radius:13px;outline:none;padding:0 12px;font-weight:800}.music-song-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent)}@supports (color:color-mix(in lab, red, red)){.music-song-search input:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent)}}.music-track-list{gap:8px;margin-top:16px;display:grid}.music-track-list.library{max-height:330px;padding-right:4px;overflow-y:auto}.music-track-list>strong,.music-admin-box>strong{color:var(--text-main)}.music-track-list>p{color:var(--text-soft);margin:0;font-weight:800}.music-track{border:1px solid var(--panel-border);background:var(--surface-soft);color:var(--text-main);border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:10px 11px;font-weight:800;display:grid}.music-track.active{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.music-track.active{border-color:color-mix(in srgb, var(--accent) 48%, transparent)}}.music-track.active{box-shadow:inset 0 0 0 1px var(--accent)}@supports (color:color-mix(in lab, red, red)){.music-track.active{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 16%, transparent)}}.music-track input{accent-color:var(--accent)}.music-track button{color:#ff6476;background:0 0;border:0;font-size:20px;font-weight:900}.music-admin-box{border-top:1px solid var(--panel-border);gap:9px;margin-top:16px;padding-top:14px;display:grid}.music-admin-box input{border:1px solid var(--panel-border);background:var(--surface-soft);min-height:38px;color:var(--text-main);border-radius:12px;outline:none;padding:0 11px}@media (width<=680px){.music-player-panel{width:min(340px,100vw - 28px)}}.topbar{will-change:transform;transition:transform .22s,box-shadow .22s}.topbar.topbar-hidden{box-shadow:none;transform:translateY(-115%)}.infinite-scroll-sentinel{width:100%;height:1px}.loading-more,.end-of-list,.comments-scroll-hint{color:var(--text-soft);text-align:center;margin:18px auto 0;font-size:13px;font-weight:900}.mini-loading{margin:8px 0;font-size:12px}.rich-comment-form{grid-template-columns:1fr auto;gap:10px;display:grid}.rich-comment-form>input:first-child{grid-column:1/-1}.comment-media-tools{grid-column:1/-1;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px;display:grid}.comment-media-tools input{border:1px solid var(--panel-border);background:var(--surface-soft);min-height:38px;color:var(--text-main);border-radius:12px;outline:none;padding:0 12px;font-weight:800}.comment-media-tools button:disabled,.composer-tool:disabled{opacity:.55;cursor:not-allowed}.tenor-results-grid{border:1px solid var(--panel-border);background:var(--surface-soft);border-radius:14px;grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-height:220px;padding:4px;display:grid;overflow-y:auto}@supports (color:color-mix(in lab, red, red)){.tenor-results-grid{background:color-mix(in srgb, var(--surface-soft) 88%, transparent)}}.tenor-results-grid button{aspect-ratio:1;border:1px solid var(--panel-border);background:#0000002e;border-radius:12px;padding:0;display:block;overflow:hidden}.tenor-results-grid img{object-fit:cover;width:100%;height:100%;display:block}.comment-media-preview{border:1px solid var(--panel-border);background:#0000001f;border-radius:14px;grid-column:1/-1;place-items:center;max-height:220px;display:grid;overflow:hidden}.comment-media-preview img{object-fit:contain;width:100%;max-height:220px;display:block}.comment-error{grid-column:1/-1}.rich-comment-item{align-items:flex-start}.comment-media{border:1px solid var(--panel-border);background:#00000029;border-radius:14px;place-items:center;width:min(100%,360px);max-height:260px;margin-top:8px;display:grid;overflow:hidden}.comment-media img{object-fit:contain;width:100%;max-height:260px;display:block}.comments-modal-post .post-media{max-width:360px;max-height:220px}.comments-modal-post .post-media-image,.comments-modal-post .post-media-image img,.comments-modal-post .post-media-video{max-height:220px}@media (width<=700px){.comment-media-tools{grid-template-columns:1fr}.tenor-results-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rich-comment-form{grid-template-columns:1fr}}.topbar{z-index:5000;transition:transform .18s,box-shadow .18s,background .18s;position:sticky;top:0}.topbar.topbar-hidden{pointer-events:none;transform:translateY(calc(-100% - 8px))}.comment-composer,.modal-comment-form.rich-comment-form{margin-top:14px;grid-template-columns:1fr!important;gap:10px!important;display:grid!important}.comment-input-bar{border:1px solid var(--accent);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px;width:100%;min-height:50px;display:grid}@supports (color:color-mix(in lab, red, red)){.comment-input-bar{border:1px solid color-mix(in srgb, var(--accent) 22%, var(--panel-border))}}.comment-input-bar{background:var(--surface-soft);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.comment-input-bar{background:color-mix(in srgb, var(--surface-soft) 92%, transparent)}}.comment-input-bar{padding:6px;box-shadow:inset 0 0 0 1px #ffffff05}.comment-input-bar input{width:100%;min-width:0;min-height:38px;color:var(--text-main);outline:none;font-weight:800;background:0 0!important;border:0!important;border-radius:999px!important;padding:0 4px!important}.comment-input-bar input:focus{box-shadow:none!important}.comment-attach-button,.comment-clear-media-button,.comment-send-button{flex:none;place-items:center;width:38px;height:38px;min-height:38px;font-size:18px;font-weight:1000;transition:transform .15s,border-color .15s,background .15s,color .15s,opacity .15s;display:grid;border-radius:999px!important;padding:0!important}.comment-attach-button{border:1px solid var(--text-soft)!important}@supports (color:color-mix(in lab, red, red)){.comment-attach-button{border:1px solid color-mix(in srgb, var(--text-soft) 28%, transparent)!important}}.comment-attach-button{color:var(--text-soft)!important;background:0 0!important}.comment-clear-media-button{color:#ff7181!important;background:#ff64761a!important;border:1px solid #ff647661!important}.comment-send-button{border:1px solid var(--accent)!important}@supports (color:color-mix(in lab, red, red)){.comment-send-button{border:1px solid color-mix(in srgb, var(--accent) 58%, transparent)!important}}.comment-send-button{box-shadow:0 8px 20px var(--accent);background:linear-gradient(135deg, var(--accent), var(--accent-dark))!important;color:#fff!important}@supports (color:color-mix(in lab, red, red)){.comment-send-button{box-shadow:0 8px 20px color-mix(in srgb, var(--accent) 22%, transparent)}}.comment-send-button:disabled{cursor:not-allowed;opacity:.42;filter:grayscale(.45);box-shadow:none}.comment-attach-button:hover,.comment-clear-media-button:hover,.comment-send-button:hover:not(:disabled){transform:translateY(-1px)}.comment-media-tools,.tenor-results-grid{display:none!important}.comment-media-preview{justify-self:start;width:min(100%,420px);max-height:230px}.comment-error{width:100%}.right-social-sidebar .social-panel,.left-social-sidebar .social-panel{isolation:isolate;overflow:hidden}.leaderboard-list{gap:10px;min-width:0;display:grid}.leaderboard-row{width:100%;min-width:0;grid-template-columns:34px 42px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;display:grid!important}.leaderboard-row>span:first-child{background:var(--accent);border-radius:12px;place-items:center;width:34px;height:34px;display:grid}@supports (color:color-mix(in lab, red, red)){.leaderboard-row>span:first-child{background:color-mix(in srgb, var(--accent) 10%, transparent)}}.leaderboard-row>span:first-child{color:var(--accent);font-size:12px;font-weight:1000}.leaderboard-avatar{border-radius:14px!important;width:42px!important;height:42px!important}.leaderboard-row strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.leaderboard-row em{white-space:nowrap;min-width:74px;padding:0 10px;font-size:12px;width:auto!important;height:34px!important}@media (width<=980px){.topbar{position:sticky!important;top:0!important}}@media (width<=560px){.comment-input-bar{grid-template-columns:auto minmax(0,1fr) auto auto}.comment-attach-button,.comment-clear-media-button,.comment-send-button{width:35px;height:35px;min-height:35px}.leaderboard-row{grid-template-columns:30px 38px minmax(0,1fr) auto!important;gap:8px!important}.leaderboard-row em{min-width:62px;padding:0 8px}}.comments-modal{grid-template-rows:auto minmax(0,1fr) auto!important}.comments-only-list{max-height:min(520px,58vh)!important}.comments-modal-post{display:none!important}.comment-media-uploading{border:1px dashed var(--accent);justify-self:start;width:min(100%,420px)}@supports (color:color-mix(in lab, red, red)){.comment-media-uploading{border:1px dashed color-mix(in srgb, var(--accent) 45%, transparent)}}.comment-media-uploading{color:var(--accent);background:var(--accent);border-radius:14px;padding:14px}@supports (color:color-mix(in lab, red, red)){.comment-media-uploading{background:color-mix(in srgb, var(--accent) 8%, transparent)}}.comment-media-uploading{font-size:13px;font-weight:950}.comment-media-preview,.comment-media{isolation:isolate}.comment-media-preview-gif img,.comment-media-gif img{object-fit:contain;width:100%;max-height:260px}.comment-send-button:disabled{pointer-events:none}:root{--topbar-height:76px}.topbar{will-change:transform;z-index:2147481000!important;width:100%!important;transition:transform .18s,box-shadow .18s,background .18s!important;position:fixed!important;top:0!important;left:0!important;right:0!important;transform:translate(0)!important}.topbar.topbar-hidden{pointer-events:none!important;box-shadow:none!important;transform:translateY(calc(-100% - 12px))!important}.topbar-spacer{width:100%!important;min-height:var(--topbar-height,76px)!important;pointer-events:none!important;flex:none!important;display:block!important}.search-preview-portal{z-index:2147482500!important}@media (width<=900px){.topbar{width:100%!important;position:fixed!important;top:0!important;left:0!important;right:0!important}}.edit-cover-link{border-radius:inherit;cursor:pointer;display:block;overflow:hidden}.clickable-cover{cursor:pointer}.clickable-cover:hover img,.edit-cover-link:hover img{transform:scale(1.035)}.smart-permission-note{color:var(--muted);text-align:right;align-self:center;font-size:.86rem;font-weight:800}@supports (color:color-mix(in lab, red, red)){.admin-panel-card{background:color-mix(in srgb, var(--panel), transparent 4%)}}.admin-panel-card{box-shadow:var(--shadow);padding:22px}.admin-panel-head{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px;display:flex}.admin-panel-head h2{margin:0 0 8px}.admin-panel-head p{color:var(--muted);max-width:720px;margin:0}.admin-search-field{min-width:min(360px,100%);color:var(--muted);text-transform:uppercase;letter-spacing:.12em;gap:8px;font-size:.78rem;font-weight:800;display:grid}.admin-search-field input{border:1px solid var(--border-strong);background:var(--input-bg);color:var(--text);font:inherit;border-radius:14px;padding:12px 14px}.admin-user-row{border:1px solid var(--border);background:var(--panel-2);border-radius:18px;justify-content:space-between;align-items:center;gap:16px;display:flex}@supports (color:color-mix(in lab, red, red)){.admin-user-row{background:color-mix(in srgb, var(--panel-2), transparent 12%)}}.admin-user-main strong,.admin-user-main small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.admin-user-main small{color:var(--muted);margin-top:3px}.admin-user-avatar{background:var(--card);border:1px solid var(--border-strong);border-radius:16px;flex:none;place-items:center;width:44px;height:44px;font-weight:900;display:grid;overflow:hidden}.admin-role-actions{flex:none;align-items:center;gap:10px;display:flex}@supports (color:color-mix(in lab, red, red)){.role-badge.user{background:color-mix(in srgb, var(--card), transparent 15%)}}.ranking-helper-box{border:1px solid var(--border);background:var(--accent);border-radius:16px}@supports (color:color-mix(in lab, red, red)){.ranking-helper-box{background:color-mix(in srgb, var(--accent), transparent 88%)}}.ranking-helper-box{color:var(--text);margin-bottom:16px;padding:12px 14px;font-weight:800}@media (width<=760px){.admin-panel-head,.admin-user-row,.admin-role-actions{flex-direction:column;align-items:stretch}.admin-search-field{min-width:0}.admin-role-actions,.admin-role-actions button{width:100%}}.edit-top-actions{justify-content:space-between!important;align-items:center!important;gap:16px!important;width:100%!important;margin:0 0 18px!important;display:flex!important}.edit-top-actions>.secondary-button:first-child{justify-self:flex-start!important;margin-right:auto!important}.edit-top-actions .detail-action-group{margin-left:auto!important}.admin-nav-button{border:1px solid var(--accent);min-height:38px}@supports (color:color-mix(in lab, red, red)){.admin-nav-button{border:1px solid color-mix(in srgb, var(--accent) 45%, #ffffff2e)}}.admin-nav-button{background:linear-gradient(180deg, var(--accent), #0f172a9e);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.admin-nav-button{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 28%, #0f172abd), #0f172a9e)}}.admin-nav-button{color:#fff;box-shadow:0 10px 22px var(--accent);align-items:center;gap:7px;padding:0 13px;font-weight:900;text-decoration:none;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.admin-nav-button{box-shadow:0 10px 22px color-mix(in srgb, var(--accent) 18%, transparent)}}.admin-nav-button span{font-size:14px;line-height:1}.admin-nav-button strong{font-size:13px}.admin-nav-button:hover{filter:brightness(1.05);transform:translateY(-1px)}.admin-mods-page{gap:18px;display:grid}.admin-mods-hero{border:1px solid var(--panel-border);background:radial-gradient(circle at 100% 0%, var(--accent), transparent 24rem), linear-gradient(135deg, var(--surface), var(--surface-elevated));border-radius:24px;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}@supports (color:color-mix(in lab, red, red)){.admin-mods-hero{background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 24rem), linear-gradient(135deg, color-mix(in srgb, var(--surface) 94%, var(--accent) 6%), var(--surface-elevated))}}.admin-mods-hero{padding:26px;box-shadow:0 16px 34px #0000002e}.admin-mods-hero span,.admin-panel-head>div>span,.admin-stat-card span{color:var(--text-soft);letter-spacing:.18em;text-transform:uppercase;font-size:12px;font-weight:900;display:block}.admin-mods-hero h1{color:var(--text-main);margin:8px 0 0;font-size:clamp(32px,4vw,54px);line-height:1}.admin-mods-hero p{max-width:780px;color:var(--text-soft);margin:12px 0 0;font-weight:750;line-height:1.55}.admin-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.admin-stat-card{border:1px solid var(--panel-border);background:var(--surface-elevated);border-radius:18px}@supports (color:color-mix(in lab, red, red)){.admin-stat-card{background:color-mix(in srgb, var(--surface-elevated) 92%, transparent)}}.admin-stat-card{padding:18px;box-shadow:0 12px 26px #00000024}.admin-stat-card strong{color:var(--text-main);margin-top:8px;font-size:34px;line-height:1;display:block}.admin-stat-card.accent{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.admin-stat-card.accent{border-color:color-mix(in srgb, var(--accent) 50%, var(--panel-border))}}.admin-stat-card.accent{background:linear-gradient(180deg, var(--accent), var(--surface-elevated))}@supports (color:color-mix(in lab, red, red)){.admin-stat-card.accent{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 16%, var(--surface) 84%), var(--surface-elevated))}}.admin-panel-card{border:1px solid var(--panel-border)!important;background:var(--surface)!important;border-radius:24px!important}@supports (color:color-mix(in lab, red, red)){.admin-panel-card{background:color-mix(in srgb, var(--surface) 96%, transparent)!important}}.admin-panel-card{padding:22px!important;box-shadow:0 16px 34px #0000002e!important}.admin-panel-head{grid-template-columns:minmax(0,1fr) minmax(260px,380px)!important;align-items:end!important;gap:20px!important;margin-bottom:18px!important;display:grid!important}.admin-panel-head h2{color:var(--text-main)!important;margin:7px 0 0!important;font-size:26px!important}.admin-panel-head p{max-width:820px!important;color:var(--text-soft)!important;margin:9px 0 0!important;font-weight:750!important;line-height:1.5!important}.admin-search-field{min-width:0!important;color:var(--text-soft)!important;letter-spacing:.14em!important;text-transform:uppercase!important;gap:8px!important;font-size:12px!important;font-weight:900!important;display:grid!important}.admin-search-field input{border:1px solid var(--panel-border)!important;background:var(--surface-soft)!important;min-height:44px!important;color:var(--text-main)!important;border-radius:14px!important;outline:none!important;padding:0 14px!important;font-weight:850!important}.admin-search-field input:focus{border-color:var(--accent)!important;box-shadow:0 0 0 4px var(--accent)!important}@supports (color:color-mix(in lab, red, red)){.admin-search-field input:focus{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 14%, transparent)!important}}.admin-user-list{gap:12px!important;max-height:62vh!important;padding-right:6px!important;display:grid!important;overflow:auto!important}.admin-user-row{border:1px solid var(--panel-border)!important;background:linear-gradient(180deg, var(--surface-elevated), var(--surface-soft))!important;border-radius:18px!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:16px!important;display:grid!important}@supports (color:color-mix(in lab, red, red)){.admin-user-row{background:linear-gradient(180deg, color-mix(in srgb, var(--surface-elevated) 94%, transparent), color-mix(in srgb, var(--surface-soft) 94%, transparent))!important}}.admin-user-row{padding:14px!important}.admin-user-row:hover{border-color:var(--accent)!important}@supports (color:color-mix(in lab, red, red)){.admin-user-row:hover{border-color:color-mix(in srgb, var(--accent) 38%, var(--panel-border))!important}}.admin-user-row:hover{transform:translateY(-1px)}.admin-user-main{align-items:center!important;gap:12px!important;min-width:0!important;display:flex!important}.admin-user-main strong{color:var(--text-main)!important;text-overflow:ellipsis!important;white-space:nowrap!important;display:block!important;overflow:hidden!important}.admin-user-main small{color:var(--text-soft)!important;text-overflow:ellipsis!important;white-space:nowrap!important;margin-top:3px!important;display:block!important;overflow:hidden!important}.admin-user-avatar{background:var(--surface-soft)!important;border:1px solid var(--panel-border)!important;width:48px!important;height:48px!important;color:var(--text-main)!important;border-radius:16px!important;flex:none!important;place-items:center!important;font-weight:900!important;display:grid!important;overflow:hidden!important}.admin-user-avatar img,.admin-user-avatar .media-image{object-fit:cover!important;width:100%!important;height:100%!important}.admin-role-actions{flex:none!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;display:flex!important}.role-badge{letter-spacing:.08em!important;text-transform:uppercase!important;border:1px solid var(--panel-border)!important;border-radius:999px!important;padding:7px 10px!important;font-size:11px!important;font-weight:900!important}.role-badge.admin{color:#fff!important;background:linear-gradient(135deg,#ff7a32,#ffc266)!important;border-color:#ff9650a6!important}.role-badge.mod{color:#04111d!important;background:linear-gradient(135deg,#48d6ff,#9dffb3)!important;border-color:#5adcffa6!important}.role-badge.user{color:var(--text-soft)!important;background:var(--surface-soft)!important}@media (width<=900px){.edit-top-actions,.admin-mods-hero,.admin-panel-head,.admin-user-row,.admin-role-actions{flex-direction:column!important;grid-template-columns:1fr!important;align-items:stretch!important}.edit-top-actions .detail-action-group{margin-left:0!important}.admin-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.admin-stats-grid{grid-template-columns:1fr}}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}body{overflow-x:clip}img,video,iframe,canvas,svg{max-width:100%}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}input,select,textarea,.page,.main-column,.catalog-main,.dashboard-main,.social-main,.profile-sections,.search-results-grid,.post-card,.composer-card,.randominator-card,.side-panel,.toolbar-panel,.form-panel,.hero-panel,.detail-main-card,.detail-cover-card,.admin-panel-card{min-width:0}.primary-button,.secondary-button,.danger-button,.mini-button,.plain-button,.icon-button,.random-cta,.admin-nav-button,.user-tools button,.user-pill,.post-action,.music-pill,.transport-button{touch-action:manipulation}.admin-nav-button{border-radius:999px!important;justify-content:center!important;gap:0!important;width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;padding:0!important}.admin-nav-button strong{display:none!important}.admin-nav-button span{font-size:16px!important}@media (width<=1480px){.page{width:min(100vw - 32px,1540px)}.topbar{grid-template-columns:210px minmax(0,1fr) minmax(210px,320px) auto!important;gap:14px!important;padding-inline:18px!important}.main-nav{justify-content:center;gap:3px;min-width:0}.main-nav a{white-space:nowrap;padding-inline:clamp(10px,1vw,18px)!important}.user-tools{min-width:0;gap:8px!important}.user-pill strong{text-overflow:ellipsis;white-space:nowrap;max-width:130px;overflow:hidden}.catalog-toolbar{grid-template-columns:minmax(190px,1.2fr) minmax(180px,1fr) repeat(4,minmax(128px,.75fr)) auto;gap:12px}}@media (width<=1280px){.page{padding-top:24px}.classic-layout,.catalog-layout,.dashboard-layout{gap:18px!important}.catalog-layout,.dashboard-layout{grid-template-columns:1fr!important}.randominator-card{grid-template-columns:minmax(230px,300px) minmax(0,1fr);grid-template-areas:"header header""machine controls""machine result";align-items:start;gap:16px 20px;width:100%;display:grid;grid-column:1/-1!important;position:static!important}.randominator-card .random-header{grid-area:header;margin-bottom:0}.randominator-card .robot-machine{grid-area:machine}.randominator-card .random-controls{grid-area:controls;margin-top:0}.randominator-card .random-result-box{grid-area:result;margin-top:0}.toolbar-panel{gap:12px}.catalog-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-toolbar .compact-check{align-self:center;padding-bottom:0}.social-three-column{gap:18px}}@media (width<=1100px){.topbar{grid-template-columns:200px minmax(0,1fr) auto!important}.global-search{order:5;grid-column:1/-1}.user-tools{justify-content:flex-end}.settings-button{white-space:nowrap}.classic-layout{grid-template-columns:minmax(230px,280px) minmax(0,1fr)!important}.filters-panel{top:calc(var(--topbar-height,76px) + 14px);position:sticky}.anime-grid,.catalog-grid,.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.profile-hero-content,.rich-profile-hero{min-height:240px!important}}@media (width<=900px){:root{--mobile-gutter:14px}.topbar{min-height:0!important;padding:10px var(--mobile-gutter) 12px!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important}.brand{min-width:0}.brand-title{font-size:20px!important}.brand-subtitle{display:none}.nav-logo{width:44px!important;height:34px!important}.main-nav{overscroll-behavior-x:contain;scrollbar-width:none;width:100%;padding-bottom:2px;overflow-x:auto;justify-content:flex-start!important}.main-nav::-webkit-scrollbar{display:none}.user-tools::-webkit-scrollbar{display:none}.main-nav a{background:#ffffff0b;border-radius:999px;flex:none;box-shadow:none!important;padding:10px 13px!important;font-size:13px!important}.main-nav a.active,.main-nav a:hover{background:var(--navbar-active);box-shadow:inset 0 0 0 1px var(--accent)!important}@supports (color:color-mix(in lab, red, red)){.main-nav a.active,.main-nav a:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 34%, transparent)!important}}.global-search{order:initial;width:100%}.global-search input{min-height:42px}.user-tools{flex-wrap:nowrap;width:100%;overflow-x:auto;justify-content:flex-start!important;padding-bottom:0!important}.user-tools button,.user-pill,.admin-nav-button{flex:none;height:36px!important;min-height:36px!important}.user-pill{max-width:min(62vw,310px)}.user-pill strong{max-width:36vw}.settings-button{padding-inline:12px!important}.search-preview-portal{max-height:calc(100dvh - var(--topbar-height,150px) - 22px);overflow-y:auto;left:var(--mobile-gutter)!important;right:var(--mobile-gutter)!important;top:calc(var(--topbar-height,150px) + 8px)!important;width:auto!important;position:fixed!important}.page{width:calc(100vw - (var(--mobile-gutter) * 2));padding:18px 0 36px}.classic-layout,.catalog-layout,.dashboard-layout,.edit-layout,.personal-edit-layout,.profile-sections,.search-results-grid,.social-three-column,.social-sidebar,.right-social-sidebar,.toolbar-panel,.catalog-toolbar,.form-grid,.smart-search,.admin-panel-head,.admin-user-row{grid-template-columns:1fr!important}.filters-panel{position:static}.side-panel,.toolbar-panel,.form-panel,.cover-panel,.hero-panel,.randominator-card,.stat-card,.empty-state,.auth-card,.settings-modal,.smart-modal,.post-card,.composer-card,.profile-hero,.admin-panel-card,.admin-mods-hero,.tournament-hero,.tournament-setup-card,.tournament-arena,.champion-card{border-radius:16px!important}.side-panel,.form-panel,.cover-panel,.toolbar-panel,.hero-panel,.randominator-card,.post-card,.composer-card,.admin-panel-card,.tournament-arena,.champion-card{padding:16px!important}.page-heading{flex-direction:column;gap:12px;margin-bottom:16px;align-items:stretch!important}.page-heading h1,.section-heading h1,.section-heading h2{font-size:clamp(25px,8vw,34px)!important}.hero-panel h1,.tournament-hero h1,.mega-choice strong{font-size:clamp(34px,10vw,48px)!important}.hero-actions,.form-actions,.edit-top-actions,.modal-actions,.tournament-final-actions,.profile-hero-actions,.composer-actions,.detail-top-actions,.detail-action-group{flex-wrap:wrap}.anime-grid,.catalog-grid,.compact-grid,.search-results-grid .compact-grid,.stat-grid,.profile-stats-grid,.admin-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.compact-add{min-height:260px!important}.card-body{padding:11px!important}.card-body h3{min-height:34px;font-size:14px!important}.score-pill{min-width:40px;padding:5px 8px;font-size:18px}.meta-line{font-size:12px}.mini-button{min-height:36px;font-size:12px}.randominator-card{grid-template-columns:240px minmax(0,1fr)!important;grid-template-areas:"header header""machine controls""result result"!important;gap:14px!important}.robot-machine{border-radius:22px!important;width:min(100%,240px)!important;min-height:auto!important}.machine-screen{margin:18px auto 12px!important}.machine-base{padding:12px 0 6px!important}.machine-random-cta.random-cta,.machine-random-cta{width:calc(100% - 34px)!important;min-width:0!important;margin:8px auto 16px!important}.random-result-box{min-height:0}.modal-backdrop{align-items:start;padding:12px!important}.settings-modal,.settings-modal-wide,.smart-modal,.profile-edit-modal,.comments-modal,.music-library-modal,.real-cropper-modal,.media-adjust-modal{width:min(100%,100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important}.comments-only-list{max-height:min(56vh,520px)!important}.profile-hero-content{align-items:end;grid-template-columns:1fr!important;min-height:230px!important;padding:20px!important}.profile-avatar{border-radius:20px;width:64px;height:64px;font-size:28px}.profile-hero h1{font-size:28px!important}.detail-cover-card{max-width:360px}.trailer-heading-row,.tournament-round-head,.admin-mods-hero,.admin-panel-head{align-items:stretch!important}.real-crop-layout,.gif-adjust-layout,.gif-adjust-layout-clear,.media-adjust-layout,.profile-upload-grid,.background-grid{grid-template-columns:1fr!important}.real-crop-stage{min-height:320px!important;padding:12px!important}.music-float-button{width:54px!important;height:54px!important}.music-player-panel{width:min(360px,100vw - 28px)!important;max-height:min(520px,100dvh - 110px)!important}}@media (width<=700px){:root{--mobile-gutter:12px}.topbar{gap:8px!important;padding-top:9px!important;padding-bottom:10px!important}.brand-title{font-size:18px!important}.nav-logo{width:40px!important;height:31px!important}.main-nav a{padding:9px 11px!important;font-size:12px!important}.user-tools button,.user-pill,.admin-nav-button{height:34px!important;min-height:34px!important;font-size:12px!important}.admin-nav-button{width:34px!important;min-width:34px!important}.settings-button{gap:0!important;width:38px!important;min-width:38px!important;padding:0!important;font-size:0!important}.settings-button .gear-icon{font-size:16px!important}.page{padding-top:14px}.hero-panel,.tournament-hero,.admin-mods-hero{padding:20px!important}.hero-actions,.form-actions,.modal-actions,.detail-action-group,.edit-top-actions,.profile-hero-actions,.tournament-final-actions{grid-template-columns:1fr;display:grid!important}.hero-actions>*,.form-actions>*,.modal-actions>*,.detail-action-group>*,.edit-top-actions>*,.profile-hero-actions>*,.tournament-final-actions>*{width:100%}.toolbar-panel,.catalog-toolbar{padding:14px!important}.check-line{align-items:flex-start}.randominator-card{grid-template-columns:1fr!important;grid-template-areas:"header""machine""controls""result"!important}.random-header h2{font-size:22px!important}.robot-machine{justify-self:center;width:min(100%,230px)!important}.random-controls{gap:10px!important}.random-advanced-panel{padding:10px!important}.comment-input-bar{border-radius:18px!important;grid-template-columns:auto minmax(0,1fr) auto auto!important}.comment-attach-button,.comment-clear-media-button,.comment-send-button{width:34px!important;height:34px!important;min-height:34px!important}.post-actions{padding-bottom:2px;overflow-x:auto}.music-float-button{inset:auto 14px 14px auto!important}.music-player-panel{width:auto!important;max-height:calc(100dvh - 96px)!important;inset:auto 12px 80px!important}.music-library-modal{padding:16px!important}.music-track{grid-template-columns:auto minmax(0,1fr) auto!important}.music-track strong,.music-track span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tournament-option{min-height:0!important}.tournament-cover{justify-self:center;max-width:190px!important}.ranking-result-row{grid-template-columns:42px 44px minmax(0,1fr)!important}.ranking-result-row img,.ranking-result-row>div{width:44px!important;height:58px!important}}@media (width<=560px){.page{width:calc(100vw - 24px)!important}.anime-grid,.catalog-grid,.compact-grid,.search-results-grid .compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.anime-card,.add-card{border-radius:14px!important}.card-inner{border-radius:12px!important;margin:1px!important}.anime-card:after,.add-card:after{border-radius:13px!important;inset:1px!important}.card-body{padding:9px!important}.card-body h3{min-height:31px!important;font-size:13px!important;line-height:1.18!important}.meta-line,.meta-line.small{font-size:11px!important}.score-pill{min-width:34px!important;padding:4px 6px!important;font-size:16px!important}.favorite-toggle,.favorite-badge{width:30px!important;height:30px!important;top:7px!important;right:7px!important}.mini-button{min-height:34px!important;margin-top:9px!important;font-size:11px!important}.compact-add{min-height:224px!important}.add-card strong{font-size:36px!important}.stat-grid,.profile-stats-grid,.admin-stats-grid{grid-template-columns:1fr 1fr!important}.stat-card,.profile-stat,.admin-stat-card{padding:14px!important}.stat-card strong,.profile-stat strong,.admin-stat-card strong{font-size:28px!important}.detail-main-card,.detail-cover-card{padding:16px!important}.detail-main-card h1{font-size:clamp(30px,10vw,42px)!important}.detail-fact-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.detail-fact{padding:12px!important}.detail-fact strong{font-size:15px!important}.personal-summary-box,.trailer-heading-row{grid-template-columns:1fr;display:grid!important}.background-choice{grid-template-columns:58px 1fr!important}.background-preview{width:58px!important;height:42px!important}.theme-grid,.theme-mode-row,.two-fields{grid-template-columns:1fr!important}.similar-item{grid-template-columns:48px minmax(0,1fr)!important}.similar-item button{grid-column:1/-1}.post-card,.composer-card{padding:14px!important}.post-header{gap:9px!important}.post-author-avatar,.comment-avatar,.activity-avatar,.leaderboard-avatar{border-radius:13px!important;width:38px!important;height:38px!important}.post-content{font-size:14px}.comments-modal{border-radius:16px!important;padding:14px!important}.comment-input-bar{gap:5px!important;padding:5px!important}.profile-hero-content{padding:18px!important}.profile-avatar{border-radius:18px!important;width:58px!important;height:58px!important}.profile-hero h1{font-size:25px!important}.admin-user-main{align-items:flex-start!important}.admin-role-actions{grid-template-columns:1fr!important;width:100%!important;display:grid!important}.admin-role-actions button,.admin-role-actions .role-badge{text-align:center;justify-content:center;width:100%}.real-crop-stage{overflow:auto;min-height:260px!important}.crop-handle{width:22px!important;height:22px!important}}@media (width<=380px){.main-nav a{padding-inline:10px!important}.user-pill strong{max-width:92px}.anime-grid,.catalog-grid,.compact-grid,.search-results-grid .compact-grid{gap:8px!important}.card-body h3{font-size:12.5px!important}.meta-line,.meta-line.small{font-size:10.5px!important}.stat-grid,.profile-stats-grid,.admin-stats-grid,.detail-fact-grid{grid-template-columns:1fr!important}}@media (height<=620px) and (width<=900px){.topbar{gap:6px!important}.main-nav a{padding-block:7px!important}.global-search input{min-height:38px!important}.user-tools button,.user-pill,.admin-nav-button{height:32px!important;min-height:32px!important}.search-preview-portal{max-height:48dvh!important}}@supports (padding:max(0px)){@media (width<=700px){.topbar{padding-left:max(var(--mobile-gutter), env(safe-area-inset-left))!important;padding-right:max(var(--mobile-gutter), env(safe-area-inset-right))!important}.music-float-button{right:max(14px, env(safe-area-inset-right))!important;bottom:max(14px, env(safe-area-inset-bottom))!important}.music-player-panel{left:max(12px, env(safe-area-inset-left))!important;right:max(12px, env(safe-area-inset-right))!important;bottom:max(80px, calc(env(safe-area-inset-bottom) + 76px))!important}}}.nav-label-short{display:none}.randominator-nav-button{color:#fff;white-space:nowrap;touch-action:manipulation;background:#0f172a8c;border:1px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 13px;font-weight:900;text-decoration:none;display:inline-flex}.randominator-nav-button:hover{border-color:var(--accent);background:#ffffff17}@supports (color:color-mix(in lab, red, red)){.randominator-nav-button:hover{border-color:color-mix(in srgb, var(--accent) 42%, #ffffff2e)}}.randominator-nav-button span{font-size:16px;line-height:1}.full-width-layout{grid-template-columns:minmax(0,1fr)!important}.no-random-classic{grid-template-columns:280px minmax(0,1fr)!important}.mobile-filter-toggle{display:none}.randominator-page{width:min(980px,100vw - 42px)}.randominator-page-hero{border:1px solid var(--panel-border);background:radial-gradient(circle at 88% 12%, var(--accent), transparent 22rem), linear-gradient(135deg, var(--surface), var(--surface));border-radius:22px}@supports (color:color-mix(in lab, red, red)){.randominator-page-hero{background:radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 22rem), linear-gradient(135deg, color-mix(in srgb, var(--surface) 94%, var(--accent) 6%), var(--surface))}}.randominator-page-hero{margin-bottom:22px;padding:26px;box-shadow:0 16px 42px #00000029}.randominator-page-hero span{color:var(--text-soft);letter-spacing:.18em;text-transform:uppercase;font-size:12px;font-weight:900}.randominator-page-hero h1{color:var(--text-main);letter-spacing:-.055em;margin:7px 0 0;font-size:clamp(42px,8vw,82px);line-height:.92}.randominator-page-hero p{max-width:700px;color:var(--text-soft);margin:14px 0 0;font-weight:800;line-height:1.6}.randominator-page .randominator-card{grid-template-columns:minmax(260px,330px) minmax(0,1fr);grid-template-areas:"header header""machine controls""result result";align-items:start;gap:18px 22px;display:grid;position:static!important}.randominator-page .random-header{grid-area:header}.randominator-page .robot-machine{grid-area:machine}.randominator-page .random-controls{grid-area:controls;margin-top:0}.randominator-page .random-result-box{grid-area:result;margin-top:0}.social-mobile-hub{display:none}.tournament-choice-column{align-content:start;gap:14px;display:grid}.tournament-subchoices.inline-subchoices{grid-template-columns:1fr;margin-top:0}.tournament-size-grid.inline-subchoices{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.music-player-panel .music-library-link{background:var(--accent);margin-top:14px;margin-bottom:0}@supports (color:color-mix(in lab, red, red)){.music-player-panel .music-library-link{background:color-mix(in srgb, var(--accent) 9%, transparent)}}@media (width<=900px){.main-nav{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px!important;padding-bottom:0!important;display:grid!important;overflow:visible!important}.main-nav a{text-align:center;justify-content:center;width:100%;min-width:0!important;padding:9px 4px!important;font-size:11.5px!important;line-height:1!important}.nav-label-full{display:none}.nav-label-short{display:inline}.settings-button{justify-content:center!important;gap:0!important;width:36px!important;min-width:36px!important;padding:0!important}.settings-label{display:none!important}.settings-button .gear-icon{font-size:16px!important}.randominator-nav-button{gap:0!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;padding:0!important}.randominator-nav-button strong{display:none!important}.mobile-filter-toggle{border:1px solid var(--accent);justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.mobile-filter-toggle{border:1px solid color-mix(in srgb, var(--accent) 35%, var(--panel-border))}}.mobile-filter-toggle{background:var(--accent);border-radius:14px}@supports (color:color-mix(in lab, red, red)){.mobile-filter-toggle{background:color-mix(in srgb, var(--accent) 9%, var(--surface))}}.mobile-filter-toggle{color:var(--text-main);margin-bottom:14px;font-weight:900}.mobile-filter-toggle span{color:var(--accent);font-size:15px}.mobile-filter-panel.mobile-collapsed{display:none!important}.mobile-filter-panel.mobile-open{display:grid!important}.no-random-classic,.full-width-layout,.social-three-column{grid-template-columns:1fr!important}.left-social-sidebar,.right-social-sidebar{display:none!important}.social-mobile-hub{gap:10px;margin:0 0 16px;display:grid}.social-mobile-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.social-mobile-tabs button{border:1px solid var(--panel-border);background:var(--surface-soft);min-height:38px;color:var(--text-main);border-radius:999px;font-weight:900}.social-mobile-tabs button.active{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.social-mobile-tabs button.active{border-color:color-mix(in srgb, var(--accent) 52%, transparent)}}.social-mobile-tabs button.active{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.social-mobile-tabs button.active{background:color-mix(in srgb, var(--accent) 12%, var(--surface-soft))}}.social-mobile-tabs button.active{color:var(--accent)}.social-mobile-hub .social-panel{border-radius:16px;padding:14px}.social-mobile-top-grid{gap:10px;display:grid}.tournament-choice-grid.tournament-choice-columns{grid-template-columns:1fr!important}.tournament-choice-column{gap:10px}.tournament-size-grid.inline-subchoices{grid-template-columns:repeat(2,minmax(0,1fr))}.randominator-page{width:calc(100vw - (var(--mobile-gutter,14px) * 2))}.randominator-page .randominator-card{grid-template-columns:240px minmax(0,1fr)!important;grid-template-areas:"header header""machine controls""result result"!important}}@media (width<=700px){.main-nav{gap:4px!important}.main-nav a{min-height:32px;padding:8px 2px!important;font-size:10.5px!important}.user-tools{gap:6px!important}.user-pill{max-width:min(44vw,180px)!important}.user-pill strong{max-width:25vw!important}.randominator-page-hero{border-radius:18px!important;padding:20px!important}.randominator-page-hero h1{font-size:clamp(36px,14vw,58px)}.randominator-page .randominator-card{grid-template-columns:1fr!important;grid-template-areas:"header""machine""controls""result"!important}.randominator-page .robot-machine{justify-self:center}.tournament-hero p{display:none}.mega-choice{border-radius:20px!important;min-height:132px!important;padding:16px!important}.mega-choice strong{max-width:260px;font-size:clamp(25px,9vw,34px)!important}.mega-choice small{margin-top:10px;font-size:13px}.tournament-mode-card{border-radius:16px!important;padding:14px!important}.tournament-mode-card strong{font-size:19px!important}.size-pill-button{border-radius:16px!important;min-height:82px!important}.size-pill-button strong{font-size:26px!important}.animefuture-auth-page{min-height:100dvh!important;padding:max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom))!important;grid-template-columns:1fr!important;place-items:start center!important;display:grid!important;overflow-y:auto!important}.auth-showcase-panel,.auth-orb,.auth-grid-overlay{display:none!important}.auth-glass-card{border-radius:20px!important;width:min(100%,430px)!important;margin:0 auto!important;padding:16px!important}.auth-card-head{margin-bottom:12px!important}.auth-card-logo{width:58px!important;height:44px!important}.auth-card-head h2{font-size:21px!important}.auth-switcher{margin-bottom:14px!important}.auth-switcher button{min-height:38px!important}.auth-copy-small h1{font-size:25px!important}.auth-copy-small p{font-size:13px!important;line-height:1.35!important}.auth-field input{min-height:42px!important}.auth-submit{min-height:44px!important}}@media (width<=380px){.main-nav a{font-size:9.6px!important}.nav-logo{width:34px!important;height:27px!important}.brand-title{font-size:16px!important}.user-pill strong{max-width:72px!important}.tournament-size-grid.inline-subchoices{grid-template-columns:1fr!important}}.auth-mobile-brand-description,.tournament-mobile-setup{display:none}.tournament-desktop-setup{display:block}.randominator-nav-button{display:none!important}@media (width<=900px){.randominator-nav-button{display:inline-flex!important}.catalog-layout>.randominator-card,.dashboard-layout>.randominator-card,.classic-layout>.randominator-card,.tournament-desktop-setup{display:none!important}.tournament-mobile-setup{display:block!important}}@media (width<=700px){.auth-mobile-brand-description{color:var(--text-soft);text-align:center;margin:-4px 0 14px;font-size:13px;font-weight:800;line-height:1.45;display:block}.auth-card-head{text-align:left;justify-content:center}}.catalog-toolbar .compact-check{white-space:normal;grid-template-columns:22px minmax(112px,1fr);justify-content:start;align-items:center;gap:8px;min-width:152px;max-width:190px;padding-bottom:0;line-height:1.15;display:grid}.catalog-toolbar .compact-check input{width:18px;min-width:18px;height:18px;accent-color:var(--accent);margin:0}@media (width>=1281px){.catalog-toolbar{grid-template-columns:minmax(170px,1.15fr) minmax(170px,1fr) 145px 145px 160px 132px minmax(152px,auto)!important}}.champion-layout{justify-content:start;align-items:start;grid-template-columns:minmax(190px,260px) minmax(0,720px)!important}.champion-layout>div:not(.tournament-cover){justify-self:start;width:100%;max-width:720px}.champion-card p{max-width:720px}@media (width<=900px){.tournament-page.tournament-live .tournament-hero{display:none!important}.tournament-page.tournament-live{padding-top:10px}}@media (width<=850px){.champion-layout{grid-template-columns:1fr!important}}@media (width<=700px){.auth-card-head{text-align:center!important;flex-direction:column!important;justify-content:center!important;gap:6px!important;margin-bottom:10px!important}.auth-card-logo{width:96px!important;height:72px!important}.auth-card-head h2{font-size:24px!important}.auth-mobile-brand-description{max-width:310px;margin:0 auto 14px!important}.music-library-backdrop{padding-top:max(12px, env(safe-area-inset-top))!important;align-items:start!important}}.catalog-toolbar .compact-check{grid-template-columns:22px minmax(78px,max-content);min-width:112px;max-width:128px}.music-float-button{z-index:2147483001!important}.music-player-panel{z-index:2147483000!important}.music-library-backdrop{z-index:2147483647!important}.music-library-modal{z-index:2;position:relative}.music-player-panel .music-library-link{margin-top:14px;margin-bottom:0}@media (width>=1281px){.catalog-toolbar{grid-template-columns:minmax(128px,1.1fr) minmax(118px,1fr) minmax(108px,.72fr) minmax(108px,.72fr) minmax(124px,.82fr) minmax(104px,.66fr) max-content!important;align-items:end!important;gap:8px!important}.catalog-toolbar .compact-check{white-space:nowrap!important;grid-template-columns:none!important;justify-content:flex-start!important;align-self:end!important;align-items:center!important;width:auto!important;min-width:max-content!important;max-width:none!important;margin:0 0 16px!important;padding:0!important;line-height:1!important;display:inline-flex!important}.catalog-toolbar .compact-check input{flex:0 0 18px}}.catalog-toolbar .dub-filter-field{min-width:0;max-width:none}.catalog-toolbar .dub-filter-spacer{min-height:15px;display:block}.catalog-toolbar .dub-filter-box{border:1px solid var(--panel-border);background:var(--surface-soft);width:100%;min-height:41px;color:var(--text-main);white-space:nowrap;border-radius:10px;justify-content:flex-start;align-items:center;gap:8px;padding:0 11px;font-weight:900;display:flex}.catalog-toolbar .dub-filter-box input{width:18px;min-width:18px;height:18px;accent-color:var(--accent);margin:0}@media (width>=901px){.catalog-toolbar{grid-template-columns:minmax(150px,1.14fr) minmax(150px,1fr) minmax(112px,.74fr) minmax(112px,.74fr) minmax(130px,.84fr) minmax(112px,.72fr) minmax(96px,.58fr)!important;align-items:end!important}.catalog-toolbar .dub-filter-field{align-self:end!important}}@media (width<=900px){.catalog-toolbar .dub-filter-spacer{display:none}}.randominator-card .random-controls .check-line{align-items:center;gap:12px;line-height:1.25}.randominator-card .random-controls .check-line input[type=checkbox]{width:22px;min-width:22px;height:22px;accent-color:var(--accent);flex:0 0 22px;margin:0}@media (width<=900px){.randominator-card .random-controls .check-line input[type=checkbox]{flex-basis:24px;width:24px;min-width:24px;height:24px}}.user-posts-page{width:min(960px,100vw - 42px)}.user-posts-page .page-heading,.user-posts-page .post-list,.user-posts-page .loading-more{width:min(860px,100%);margin-left:auto;margin-right:auto}.user-posts-page .post-card{width:100%}@media (width<=700px){.user-posts-page{width:calc(100vw - (var(--mobile-gutter,14px) * 2))}}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}