:root{--bg: #151515;--card: #222222;--text: #f2f2f2;--muted: var(--accent-border);--primary: #79a7ff;--primary-strong: #9ec0ff;--accent-border: #4b4b4b;--button-border: #5a5a5a;--note-blue: #5bbdff;--note-green: #9de7a8;--note-yellow: #ffe959;--note-purple: #c7a3ff;--note-pink: #ff6c8e;--note-orange: #ff8d41;--note-red: #ff5f5f;--scented-blue: #deecff;--hue-blue: #cadfff;--reverse-hue-blue: #7bcaff;--off-white: #f6f2e8;--off-dark: #151515;--scented-pink: #ffdded;--hue-pink: #ffcbde;--reverse-hue-pink: #ff8cb6;--button-text: var(--off-dark);--header-button-bg: #2a2a2a;--header-button-text: #f2f2f2;--input-bg: var(--card);--theme-option-bg: #2f2f2f;--theme-option-active-bg: #79a7ff;--theme-option-active-text: #10223a;--btn-display-bg: var(--note-blue);--btn-storage-bg: var(--note-yellow);--btn-social-bg: var(--note-pink);--btn-preference-bg: var(--note-orange);--btn-moderator-bg: var(--note-purple);--btn-destructive-bg: var(--note-red);--scrollbar-theme-color: var(--note-yellow);--logo-blue: var(--note-blue);--logo-yellow: var(--note-yellow);--logo-pink: var(--note-pink);--logo-orange: var(--note-orange)}:root[data-theme-main=blue]{--btn-display-bg: var(--note-blue);--btn-storage-bg: var(--note-blue);--btn-social-bg: var(--note-blue);--btn-preference-bg: var(--note-blue);--btn-moderator-bg: var(--note-purple);--scrollbar-theme-color: var(--note-blue);--theme-option-active-bg: #79a7ff;--theme-option-active-text: #10223a;--logo-blue: var(--note-blue);--logo-yellow: var(--note-blue);--logo-pink: var(--note-blue);--logo-orange: var(--note-blue)}:root[data-theme-main=pink]{--btn-display-bg: var(--note-pink);--btn-storage-bg: var(--note-pink);--btn-social-bg: var(--note-pink);--btn-preference-bg: var(--note-pink);--btn-moderator-bg: var(--note-purple);--scrollbar-theme-color: var(--note-pink);--theme-option-active-bg: #ff8ab4;--theme-option-active-text: #4a2036;--logo-blue: var(--note-pink);--logo-yellow: var(--note-pink);--logo-pink: var(--note-pink);--logo-orange: var(--note-pink)}:root[data-theme-bg=light]{--bg: #f6f2e8;--card: #f2e5cd;--text: #2f2a24;--muted: var(--accent-border);--primary: #2f6fed;--primary-strong: #1f4fb0;--accent-border: #b89f7a;--button-border: #b89f7a;--header-button-bg: #e6d6b8;--header-button-text: #1f1f1f;--input-bg: var(--card);--theme-option-bg: #efe1c9}:root[data-theme-main=blue][data-theme-bg=hue]{--bg: var(--scented-blue);--card: var(--hue-blue);--text: var(--off-dark);--muted: var(--accent-border);--primary: #2f6fed;--primary-strong: #1f4fb0;--accent-border: #89a9d4;--button-border: #89a9d4;--header-button-bg: #5bbdff;--header-button-text: var(--scented-blue);--button-text: var(--scented-blue);--input-bg: var(--card);--theme-option-bg: #b9d5fa}:root[data-theme-main=pink][data-theme-bg=hue]{--bg: var(--scented-pink);--card: var(--hue-pink);--text: var(--off-dark);--muted: var(--accent-border);--primary: #d0487e;--primary-strong: #b73668;--accent-border: #d7a5bb;--button-border: #d7a5bb;--header-button-bg: #ff6c8e;--header-button-text: var(--scented-pink);--button-text: var(--scented-pink);--input-bg: var(--card);--theme-option-bg: #ffc8df}:root[data-theme-main=blue][data-theme-bg=reverse-hue]{--bg: var(--note-blue);--card: var(--reverse-hue-blue);--text: var(--off-white);--muted: var(--accent-border);--primary: #123f73;--primary-strong: #0f325a;--accent-border: #2f77ac;--button-border: #b7d3f0;--header-button-bg: var(--scented-blue);--header-button-text: var(--off-dark);--button-text: var(--off-dark);--input-bg: var(--card);--theme-option-bg: #8dc6f8;--btn-display-bg: var(--scented-blue);--btn-storage-bg: var(--scented-blue);--btn-social-bg: var(--scented-blue);--btn-preference-bg: var(--scented-blue);--btn-moderator-bg: var(--note-purple);--logo-blue: var(--scented-blue);--logo-yellow: var(--scented-blue);--logo-pink: var(--scented-blue);--logo-orange: var(--scented-blue)}:root[data-theme-main=pink][data-theme-bg=reverse-hue]{--bg: var(--note-pink);--card: var(--reverse-hue-pink);--text: var(--off-white);--muted: var(--accent-border);--primary: #7a1f45;--primary-strong: #5e1735;--accent-border: #c04770;--button-border: #e7bfd0;--header-button-bg: var(--scented-pink);--header-button-text: var(--off-dark);--button-text: var(--off-dark);--input-bg: var(--card);--theme-option-bg: #f3a2bf;--btn-display-bg: var(--scented-pink);--btn-storage-bg: var(--scented-pink);--btn-social-bg: var(--scented-pink);--btn-preference-bg: var(--scented-pink);--btn-moderator-bg: var(--note-purple);--logo-blue: var(--scented-pink);--logo-yellow: var(--scented-pink);--logo-pink: var(--scented-pink);--logo-orange: var(--scented-pink)}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}button{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:13px;font-weight:700;color:var(--button-text)}select,select option{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:13px;font-weight:700}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}.auth-shell{min-height:100vh;display:grid;justify-items:center;align-content:start;padding:72px 24px 24px}.auth-card{width:min(460px,100%);background:var(--card);border:1px solid var(--accent-border);border-radius:14px;padding:28px;box-shadow:0 12px 24px #402e1829}.auth-card h1{margin:0 0 18px;text-align:center;color:var(--primary);letter-spacing:.5px}.auth-card .welcome-title-small{margin:0;text-align:center;color:#fff;font-size:clamp(1.2rem,2.8vw,1.8rem);font-weight:500}.welcome-title-large{margin:4px 0 10px;text-align:center;font-size:clamp(2.6rem,6.5vw,4.2rem);line-height:1;font-weight:900;letter-spacing:.5px}.welcome-subtitle{margin:0 0 16px;text-align:center;color:var(--text);line-height:1.35;font-size:1.12rem;font-weight:600}.auth-mode-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.tab{border:1px solid #3b3b3b;background:#1f1f1f;color:#f2f2f2;padding:10px 12px;border-radius:10px;cursor:pointer}.tab.active{border-color:var(--btn-display-bg);color:var(--btn-display-bg);box-shadow:0 0 0 2px #5bbdff3d}.auth-form{display:grid;gap:10px}.auth-form input{background:var(--input-bg);color:var(--text);border:1px solid var(--accent-border);border-radius:10px;padding:10px 12px}.auth-form button{margin-top:4px;border:1px solid #3b3b3b;background:#1f1f1f;color:#f2f2f2;border-radius:10px;padding:10px 12px;cursor:pointer;box-shadow:0 0 0 2px #0000002e}.auth-error{margin-top:10px;color:#ff8f8f;font-size:.95rem}[data-home-scroll=true],[data-cabinet-scroll=true]{scrollbar-width:thin;scrollbar-color:var(--scrollbar-theme-color) transparent;scrollbar-gutter:stable}[data-home-scroll=true]::-webkit-scrollbar,[data-cabinet-scroll=true]::-webkit-scrollbar{width:10px}[data-home-scroll=true]::-webkit-scrollbar-track,[data-cabinet-scroll=true]::-webkit-scrollbar-track{background:transparent}[data-home-scroll=true]::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--scrollbar-theme-color),var(--scrollbar-theme-color));border-radius:999px;border:2px solid transparent;background-clip:padding-box;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}[data-cabinet-scroll=true]::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--scrollbar-theme-color),var(--scrollbar-theme-color));border-radius:999px;border:2px solid transparent;background-clip:padding-box;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}[data-home-scroll=true]::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--scrollbar-theme-color),var(--scrollbar-theme-color));background-clip:padding-box}[data-cabinet-scroll=true]::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--scrollbar-theme-color),var(--scrollbar-theme-color));background-clip:padding-box}@keyframes cabinet-drag-wiggle{0%{transform:scale(1.06) rotate(-1deg)}to{transform:scale(1.06) rotate(1deg)}}@keyframes cabinet-banner-sheen{0%{background-position:120% 0;opacity:0}8%{opacity:1}55.56%{background-position:-140% 0;opacity:0}to{background-position:-140% 0;opacity:0}}.view-mode-slider{-webkit-appearance:none;appearance:none;background:transparent}.view-mode-slider:focus{outline:none}.view-mode-slider::-webkit-slider-runnable-track{height:0;background:transparent;border:none}.view-mode-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:999px;border:1px solid var(--button-border);background:var(--note-blue);box-shadow:0 1px 3px #00000040;margin-top:-7px}.view-mode-slider::-moz-range-track{height:0;background:transparent;border:none}.view-mode-slider::-moz-range-thumb{width:14px;height:14px;border-radius:999px;border:1px solid var(--button-border);background:var(--note-blue);box-shadow:0 1px 3px #00000040}[data-gallery-card=true],[data-gallery-card=true] *{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}[data-gallery-card=true]{-webkit-tap-highlight-color:transparent}.banner-hover-controls select,.banner-hover-controls button{opacity:.5;transition:opacity .12s ease}.banner-hover-controls select:hover,.banner-hover-controls button:hover,.banner-hover-controls select:focus-visible,.banner-hover-controls button:focus-visible{opacity:1}[data-no-focus-ring=true]:focus,[data-no-focus-ring=true]:focus-visible{outline:none!important;box-shadow:none!important}