*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#111;--bg2:#1a1a1a;--bg3:#222;--border:#ffffff12;--border2:#ffffff1f;--text:#f0ede8;--text2:#d0cdc8;--text3:#6a6460;--accent:#c8b89a;--accent2:#c8b89a4d;--red:#c0392b1a;--red-text:#e07060;--green:#4a8c5c1a;--green-text:#6abf82;--blue:#3a6a9c1a;--blue-text:#7aaad0;--amber:#9a7a3a1a;--amber-text:#d4a84b;--radius:8px;--font:"Noto Serif TC", "Georgia", serif;--scale:1.15}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;max-width:390px;margin:0 auto;font-size:120%}input,textarea,select,button{font-family:var(--font)}input,textarea{background:var(--bg2);border:.5px solid var(--border2);border-radius:var(--radius);width:100%;color:var(--text);outline:none;padding:10px 12px;font-size:15px}input::placeholder,textarea::placeholder{color:var(--text3)}input:focus,textarea:focus{border-color:var(--accent)}select{background:var(--bg2);border:.5px solid var(--border2);border-radius:var(--radius);color:var(--text);cursor:pointer;padding:4px 8px;font-size:11px}::-webkit-scrollbar{width:0}