:root{--brand: #7760F6;--brand-gradient: linear-gradient(135deg, #725CEC 0%, #4A35C8 100%);--bg: #F4F2F8;--surface: #ECEAF2;--card: #ffffff;--text: #11131B;--muted: #5D6070;--accent: #5B45E0;--accent-hover: #4A35C8;--accent-light: #ECE8FE;--accent-fill: #725CEC;--accent-fill-hover: #6550DE;--on-accent: #ffffff;--border: rgba(17, 19, 27, .1);--glass: rgba(255, 255, 255, .85);--success: #10b981;--warning: #d97706;--error: #dc2626;--info: #2563eb;--like: #e11d48;--rating: #f59e0b;--on-media: #ffffff;--scrim: rgba(17, 19, 27, .6);--media-bg: #000000;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--header-height: 64px;--bottom-nav-height: 0px;--shadow-sm: 0 1px 2px 0 rgba(17, 19, 27, .05);--shadow-md: 0 4px 12px -2px rgba(17, 19, 27, .08);--shadow-lg: 0 12px 24px -6px rgba(17, 19, 27, .12);--shadow-xl: 0 20px 32px -8px rgba(17, 19, 27, .16);--overlay-gradient: linear-gradient(180deg, rgba(17, 19, 27, 0) 0%, rgba(17, 19, 27, .85) 100%);color-scheme:light}[data-theme=dark]{--bg: #11131B;--surface: #151722;--card: #1A1C27;--text: #F4F2F8;--muted: #A4A7B5;--accent: #A090F9;--accent-hover: #B8ACFB;--accent-light: #211F3E;--border: rgba(244, 242, 248, .1);--glass: rgba(26, 28, 39, .85);--success: #34d399;--warning: #fbbf24;--error: #f87171;--info: #60a5fa;--like: #fb7185;--rating: #fbbf24;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .45);--shadow-lg: 0 12px 24px -6px rgba(0, 0, 0, .55);--shadow-xl: 0 20px 32px -8px rgba(0, 0, 0, .6);--overlay-gradient: linear-gradient(180deg, rgba(17, 19, 27, 0) 0%, rgba(17, 19, 27, .9) 100%);color-scheme:dark}.bg-surface{background:var(--surface)}.card{background:var(--card);color:var(--text);border:1px solid var(--border)}.muted{color:var(--muted)}.accent{color:var(--accent)}.ant-input::placeholder,.ant-input-affix-wrapper input::placeholder,.ant-input-textarea textarea::placeholder{color:var(--muted)!important;opacity:1!important}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%;-webkit-text-size-adjust:100%}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 16px)}html,body,#root{background:var(--bg);color:var(--text)}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;padding-bottom:var(--bottom-nav-height);transition:background-color .2s ease,color .2s ease}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}img{max-width:100%}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--muted) 45%,transparent) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 40%,transparent);border-radius:8px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--muted) 65%,transparent)}::selection{background:color-mix(in srgb,var(--brand) 35%,transparent);color:var(--text)}.page-content{padding:24px clamp(12px,4vw,48px);background:var(--bg);box-sizing:border-box}.page-container{width:100%;margin:0 auto;max-width:1200px}.page-container--narrow{max-width:800px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:12px 24px;flex-wrap:wrap}.setting-row>:first-child{flex:1 1 240px;min-width:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.interactive-tile{cursor:pointer;outline:none}.interactive-tile:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{animation:shimmer 2s infinite linear;background:linear-gradient(90deg,var(--surface) 0%,var(--card) 50%,var(--surface) 100%);background-size:1000px 100%;border-radius:8px}.fade-in{animation:fadeIn .35s ease-out}.slide-in{animation:slideIn .35s ease-out}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.tab-label{display:inline-flex;align-items:center;gap:6px}