*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:dark light;--bg: #1a1a2e;--surface: #16213e;--surface-2: #0f3460;--text: #e8e8f0;--text-muted: #8888aa;--accent: #7c6ef5;--accent-hover: #9585ff;--border: #2a2a4a;--tab-bg: #12122a;--tab-text: #66667a;--tab-active: #7c6ef5;--success-bg: #1a3a1a;--success-text: #6fcf6f;--warning-bg: #3a2a0a;--warning-text: #f0b040;--error-bg: #3a1a1a;--error-text: #f07070}@media (prefers-color-scheme: light){:root:not([data-theme=dark]){--bg: #f5f5f7;--surface: #ffffff;--surface-2: #ebebf0;--text: #1a1a2e;--text-muted: #666677;--accent: #6c63ff;--accent-hover: #5a52e8;--border: #e0e0e8;--tab-bg: #ffffff;--tab-text: #888899;--tab-active: #6c63ff;--success-bg: #e8f5e9;--success-text: #2e7d32;--warning-bg: #fff8e1;--warning-text: #e65100;--error-bg: #ffebee;--error-text: #c62828}}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100dvh;max-width:700px;margin:0 auto}.app-content{flex:1;overflow-y:auto;overflow-x:hidden}.bottom-nav{display:flex;background:var(--tab-bg);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0px);flex-shrink:0}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 2px;text-decoration:none;color:var(--tab-text);min-height:52px;transition:color .15s;-webkit-tap-highlight-color:transparent}.tab--active{color:var(--tab-active)}.tab-icon{font-size:1.2rem;line-height:1.3}.tab-label{font-size:.62rem;font-weight:500;letter-spacing:.02em;margin-top:1px}.page{max-width:600px;margin:0 auto;padding:1.25rem 1rem 2rem}.page-title{font-size:1.35rem;font-weight:700;margin-bottom:1.25rem;color:var(--text)}textarea,input[type=text],input[type=url],input[type=password]{width:100%;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.75rem;font-size:1rem;font-family:inherit;outline:none;transition:border-color .15s}textarea:focus,input:focus{border-color:var(--accent)}button{cursor:pointer;font-family:inherit;font-size:1rem}.btn{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:.6rem 1.4rem;font-weight:600;transition:background .15s,opacity .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:not(:disabled):hover{background:var(--accent-hover)}.btn-ghost{background:transparent;color:var(--error-text);border:1px solid var(--error-text);border-radius:6px;padding:.3rem .7rem;font-size:.8rem}.banner{padding:.6rem .9rem;border-radius:6px;font-size:.88rem;margin-bottom:1rem}.banner--warning{background:var(--warning-bg);color:var(--warning-text)}.banner--info{background:var(--surface-2);color:var(--text-muted)}.banner--success{background:var(--success-bg);color:var(--success-text)}.banner--error{background:var(--error-bg);color:var(--error-text)}