:root{--bg: #1e1e1e;--text: #dddddd;--hint: #888888;--btn: #3390ec;--btn-text: #ffffff;--card: #2a2a2a}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overscroll-behavior:none;overflow:hidden}#app{position:fixed;top:0;left:0;width:100%;height:var(--app-h, 100%);display:flex;flex-direction:column;overflow:hidden}.page{padding:16px;padding-top:max(16px,env(safe-area-inset-top));flex:1;min-height:0;display:flex;flex-direction:column;gap:12px}h1{font-size:20px;margin:4px 0 8px}.hint{color:var(--hint);font-size:13px}button,.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:10px;padding:12px 16px;font-size:15px;background:var(--btn);color:var(--btn-text);cursor:pointer}button.secondary{background:var(--card);color:var(--text)}button:disabled{opacity:.5}input,textarea,select{width:100%;padding:12px;border-radius:10px;border:1px solid #444;background:var(--card);color:var(--text);font-size:15px;font-family:inherit}label{display:block;font-size:13px;color:var(--hint);margin-bottom:4px}.field{margin-bottom:12px}.card{background:var(--card);border-radius:12px;padding:14px;cursor:pointer}.card .sub{color:var(--hint);font-size:13px;margin-top:4px}.row{display:flex;gap:8px;align-items:center}.row>*{flex:1}.error{color:#ff6b6b;font-size:14px}.spacer{flex:1}