:root{--bg: #f1f3f6;--surface: #ffffff;--surface-2: #f7f8fa;--text: #14181f;--muted: #8a94a6;--border: #e9edf2;--accent: #2f6bff;--accent-text: #ffffff;--link: #2f6bff;--danger: #e5484d;--positive: #1f9d57;--radius: 16px;--radius-sm: 12px;--shadow: 0 1px 2px rgba(20, 24, 31, .05), 0 1px 8px rgba(20, 24, 31, .04)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased}.app{max-width:520px;margin:0 auto;min-height:100%;display:flex;flex-direction:column}.appbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:8px;padding:14px 16px;background:var(--surface);border-bottom:1px solid var(--border)}.appbar .title{font-weight:700;font-size:17px;flex:1;text-align:center}.appbar .iconbtn{width:34px}.iconbtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--text);font-size:20px;width:34px;height:34px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.iconbtn:active{background:var(--surface-2)}.content{flex:1;padding:16px 16px 40px}.section-label{color:var(--muted);font-size:13px;font-weight:600;margin:18px 4px 8px;text-transform:none}.page-title{font-size:26px;font-weight:800;margin:6px 4px 2px}.page-sub{color:var(--muted);margin:0 4px 14px;font-size:14px}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card+.card{margin-top:12px}.row{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;background:transparent;border:none;text-align:left;color:var(--text);font-size:16px;cursor:pointer}.row:not(:last-child){border-bottom:1px solid var(--border)}.row:active{background:var(--surface-2)}.row .tile{width:40px;height:40px;border-radius:11px;flex:none;display:flex;align-items:center;justify-content:center;font-size:20px;background:var(--surface-2)}.row .rowbody{flex:1;min-width:0}.row .rowtitle{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .rowsub{color:var(--muted);font-size:13px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .chev{color:var(--muted);font-size:20px;flex:none}.row .trail{color:var(--muted);font-size:14px;flex:none}.t-violet{background:#efeaff}.t-blue{background:#e7f0ff}.t-green{background:#e6f7ee}.t-amber{background:#fff3e0}.t-pink{background:#ffe9f0}.t-gray{background:#eef1f5}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:12px;padding:13px 16px;font-size:16px;font-weight:600;cursor:pointer;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:active{opacity:.85}.btn[disabled]{opacity:.5;cursor:default}.btn-primary{background:var(--accent);color:var(--accent-text)}.btn-secondary{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.btn-danger{background:#fdecec;color:var(--danger)}.btn-positive{background:#e6f7ee;color:var(--positive)}.btn-row{display:flex;gap:10px}.btn-row .btn{width:auto;flex:1}.stack>*+*{margin-top:10px}.field{margin-top:14px}.field label{display:block;font-size:13px;color:var(--muted);margin:0 4px 6px;font-weight:600}.input,.textarea,.select{width:100%;border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:12px 14px;font-size:16px;color:var(--text);font-family:inherit}.textarea{min-height:110px;resize:vertical}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--accent)}.hint{color:var(--muted);font-size:12px;margin:6px 4px 0}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px}.toggle-row .lbl{font-weight:500}.switch{width:46px;height:28px;border-radius:999px;background:var(--border);position:relative;flex:none;transition:background .15s;cursor:pointer;border:none}.switch.on{background:var(--accent)}.switch .knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:left .15s;box-shadow:0 1px 3px #0003}.switch.on .knob{left:21px}.badge{display:inline-block;font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--surface-2);color:var(--muted)}.badge.b-green{background:#e6f7ee;color:var(--positive)}.badge.b-amber{background:#fff3e0;color:#b26a00}.badge.b-gray{background:#eef1f5;color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:40px 16px}.center{display:flex;align-items:center;justify-content:center;min-height:60vh}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:#14181f;color:#fff;padding:10px 16px;border-radius:12px;font-size:14px;z-index:100;max-width:90%;box-shadow:var(--shadow);animation:pop .15s ease}.toast.err{background:var(--danger)}@keyframes pop{0%{transform:translate(-50%,8px);opacity:0}}.md{white-space:pre-wrap;word-break:break-word}.results-q{margin-top:16px}.bar{height:8px;border-radius:999px;background:var(--surface-2);overflow:hidden;margin-top:4px}.bar>span{display:block;height:100%;background:var(--accent)}.opt-line{display:flex;justify-content:space-between;font-size:14px;margin-top:10px}.role-pill{font-size:12px;padding:2px 8px;border-radius:999px;background:var(--surface-2);color:var(--muted)}