:root{--brand: #40E0D0;--brand-gradient: linear-gradient(135deg, #40E0D0 0%, #0e7c74 100%);--bg: #f5f7f9;--surface: #eef1f4;--card: #ffffff;--text: #1a1d29;--muted: #5f6b76;--accent: #0e7c74;--accent-hover: #0a655e;--accent-light: #e3f6f3;--on-accent: #ffffff;--border: rgba(0, 0, 0, .08);--glass: rgba(255, 255, 255, .85);--success: #10b981;--warning: #d97706;--error: #dc2626;--info: #2563eb;--like: #e11d48;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--header-height: 64px;--bottom-nav-height: 0px;--shadow-sm: 0 1px 2px 0 rgba(16, 24, 40, .05);--shadow-md: 0 4px 12px -2px rgba(16, 24, 40, .08);--shadow-lg: 0 12px 24px -6px rgba(16, 24, 40, .12);--shadow-xl: 0 20px 32px -8px rgba(16, 24, 40, .16);--overlay-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .82) 100%);color-scheme:light}[data-theme=dark]{--bg: #0a0d14;--surface: #0f1419;--card: #161b22;--text: #e6edf3;--muted: #9aa4af;--accent: #40E0D0;--accent-hover: #6ae9dc;--accent-light: #12332f;--on-accent: #04201d;--border: rgba(255, 255, 255, .1);--glass: rgba(22, 27, 34, .85);--success: #34d399;--warning: #fbbf24;--error: #f87171;--info: #60a5fa;--like: #fb7185;--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(0, 0, 0, 0) 0%, rgba(0, 0, 0, .88) 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}