:root,[data-theme=light]{--bg:#fafafa;--bg-card:#ffffff;--bg-input:#f4f4f5;--border:#e4e4e7;--text:#18181b;--text-muted:#71717a;--twitch:#9146ff;--twitch-hover:#772ce8;--danger:#dc2626;--warning-bg:#fef9c3;--warning-border:#facc15;--warning-text:#854d0e;--success:#16a34a;--radius:8px;--hello-color:rgba(0,0,0,0.18);--toggle-bg:#e4e4e7;--toggle-thumb:#ffffff;--toggle-icon:#71717a;--shadow-sm:0 1px 3px rgba(0,0,0,0.04);--shadow-btn:0 2px 8px rgba(145,70,255,0.25);--shadow-btn-hover:0 4px 16px rgba(145,70,255,0.3);--honey-line:rgba(255,185,0,0.1)}[data-theme=dark]{--bg:#0e0e10;--bg-card:#18181b;--bg-input:#1f1f23;--border:#2f2f35;--text:#efeff1;--text-muted:#adadb8;--twitch:#9146ff;--twitch-hover:#772ce8;--danger:#eb5454;--warning-bg:#3d2e00;--warning-border:#7a5c00;--warning-text:#ffd666;--success:#00c896;--radius:8px;--hello-color:rgba(255,255,255,0.14);--toggle-bg:#2f2f35;--toggle-thumb:#18181b;--toggle-icon:#adadb8;--shadow-sm:0 1px 3px rgba(0,0,0,0.3);--shadow-btn:0 2px 8px rgba(145,70,255,0.3);--shadow-btn-hover:0 4px 16px rgba(145,70,255,0.4);--honey-line:rgba(255,200,60,0.7,0.1)}@keyframes blink{50%{opacity:0}}*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;transition:background .3s ease,color .3s ease}a{color:var(--twitch);text-decoration:none}a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border:none;border-radius:var(--radius);font-size:15px;font-family:Inter,sans-serif;font-weight:600;cursor:pointer;transition:background .15s,transform .1s,box-shadow .15s}.btn,.btn:hover{text-decoration:none}.btn:active{transform:scale(.97)}.btn-primary{background:var(--twitch);color:#fff;box-shadow:var(--shadow-btn)}.btn-primary:hover{background:var(--twitch-hover);box-shadow:var(--shadow-btn-hover)}.btn-secondary{background:var(--bg-card);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-input)}.btn:disabled{opacity:.5;cursor:not-allowed}.container{max-width:720px;margin:0 auto;padding:40px 20px}.landing{justify-content:center;min-height:100vh;text-align:center;position:relative;z-index:2}.landing,.landing-content{display:flex;flex-direction:column;align-items:center}.landing-content{max-width:540px;padding:0 24px}.landing-icon{width:180px;height:auto;margin-bottom:5px}.landing-title{font-family:Montserrat,sans-serif;font-size:3.6rem;font-weight:900;letter-spacing:.02em;color:var(--text);margin-bottom:6px;line-height:1.05}.landing-subtitle{font-family:Inter,sans-serif;font-size:1rem;font-weight:500;color:var(--twitch);margin-bottom:24px;letter-spacing:.06em;text-transform:uppercase}.landing-desc{font-family:Inter,sans-serif;color:var(--text-muted);font-size:1.05rem;line-height:1.7;margin-bottom:36px;max-width:440px}.landing .btn-group{display:flex;gap:12px}.hello-bubble{position:absolute;font-family:Montserrat,sans-serif;font-weight:700;color:var(--hello-color);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;letter-spacing:.01em;will-change:transform,opacity}.hello-cursor{display:inline-block;width:2px;height:.85em;background:var(--hello-color);margin-left:2px;vertical-align:text-bottom;animation:blink .6s step-end infinite}.theme-toggle-corner{position:fixed;top:24px;right:24px;z-index:100}.theme-toggle{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.toggle-track{width:52px;height:28px;border-radius:28px;background:var(--toggle-bg);position:relative;transition:background .3s ease;border:1px solid var(--border)}.toggle-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--toggle-thumb);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--toggle-icon);transition:transform .3s cubic-bezier(.4,0,.2,1),background .3s ease;box-shadow:0 1px 3px rgba(0,0,0,.1)}.toggle-track.is-dark .toggle-thumb{transform:translateX(24px);background:#2f2f35;color:#fbbf24;border-color:#3f3f46}.toggle-track.is-light .toggle-thumb{transform:translateX(0);background:#ffffff;color:#f59e0b;border-color:#e4e4e7}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:20px;box-shadow:var(--shadow-sm);transition:background .25s ease,border-color .25s ease}.card h2{font-size:1.1rem;margin-bottom:16px;font-weight:600}.user-info{display:flex;align-items:center;gap:14px}.user-info img{width:48px;height:48px;border-radius:50%}.user-info .name{font-weight:600;font-size:1.1rem}.user-info .meta{color:var(--text-muted);font-size:.85rem}.toggle-row{display:flex;align-items:center;justify-content:space-between}.toggle-label{font-weight:600}.toggle{position:relative;width:48px;height:26px}.toggle input{opacity:0;width:0;height:0}.toggle .slider{position:absolute;inset:0;background:var(--bg-input);border:1px solid var(--border);border-radius:26px;cursor:pointer;transition:background .2s}.toggle .slider:before{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;background:var(--text-muted);border-radius:50%;transition:transform .2s,background .2s}.toggle input:checked+.slider{background:var(--twitch);border-color:var(--twitch)}.toggle input:checked+.slider:before{transform:translateX(22px);background:#fff}.form-grid{display:grid;grid-gap:16px;gap:16px}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:.85rem;color:var(--text-muted);font-weight:500}.field input[type=number],.field input[type=text],.field select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px;color:var(--text);font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus{border-color:var(--twitch);box-shadow:0 0 0 2px rgba(145,70,255,.1)}.field-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.checkbox-row{display:flex;align-items:center;gap:8px}.checkbox-row input[type=checkbox]{accent-color:var(--twitch);width:16px;height:16px}.checkbox-row label{font-size:.9rem;color:var(--text);cursor:pointer}.warning-banner{background:var(--warning-bg);border:1px solid var(--warning-border);color:var(--warning-text);border-radius:var(--radius);padding:12px 16px;font-size:.9rem;margin-bottom:16px;transition:background .25s ease,border-color .25s ease}.status-msg{font-size:.85rem;margin-top:8px}.status-msg.success{color:var(--success)}.status-msg.error{color:var(--danger)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);margin-bottom:24px;background:var(--bg-card);transition:background .25s ease,border-color .25s ease}.topbar .logo{font-family:Montserrat,sans-serif;font-weight:800;font-size:1rem;color:var(--text)}.topbar .actions{display:flex;align-items:center;gap:10px}