:root{--bg:#f5f6f8;--fg:#15171c;--mut:#667085;--card:#fff;--bd:#e3e6eb;--ac:#0f6b64;--acf:#fff;--er:#b42318;--ok:#067647}
@media(prefers-color-scheme:dark){:root{--bg:#0e1013;--fg:#eceef2;--mut:#98a2b3;--card:#171a1f;--bd:#262b33;--ac:#4cc3b8;--acf:#08201d;--er:#f97066;--ok:#47cd89}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.55 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.wrap{max-width:680px;margin:0 auto;padding:28px 16px 64px}.narrow{max-width:400px;padding-top:12vh}
header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.brand{font-size:1.25rem;font-weight:650;letter-spacing:-.02em;margin:0 0 18px}header .brand{margin:0}
h2{margin:0;font-size:1.1rem}
.who{display:flex;align-items:center;gap:10px;color:var(--mut);font-size:.9rem}
nav{display:flex;gap:6px;margin-bottom:16px;overflow-x:auto}
nav button{background:none;border:0;border-bottom:2px solid transparent;color:var(--mut);padding:8px 10px;font:inherit;cursor:pointer;white-space:nowrap}
nav button.on{color:var(--fg);border-color:var(--ac);font-weight:600}
.card{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:22px}
.stack{display:flex;flex-direction:column;gap:16px}
.row{display:flex;gap:14px}.row>*{flex:1}
@media(max-width:560px){.row{flex-direction:column}}
label{display:flex;flex-direction:column;gap:6px;font-size:.9rem;font-weight:550}
label small{font-weight:400;color:var(--mut)}
input,select,textarea{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--bd);border-radius:10px;padding:10px 12px;width:100%}
textarea{resize:vertical}
:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
button{font:inherit;border-radius:10px;cursor:pointer}
.primary{background:var(--ac);color:var(--acf);border:0;padding:12px 18px;font-weight:600}
.primary:disabled{opacity:.5;cursor:wait}
.ghost{background:none;border:1px solid var(--bd);color:var(--fg);padding:6px 12px}
.meta{margin:0;color:var(--mut);font-size:.85rem}.err{margin:0;color:var(--er);font-size:.9rem}
hr{border:0;border-top:1px solid var(--bd);width:100%;margin:6px 0}
.list>div{padding:12px 0;border-bottom:1px solid var(--bd);display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.list>div:last-child{border:0}.list p{margin:2px 0 0;color:var(--mut);font-size:.9rem;overflow-wrap:anywhere}
.tag{font-size:.8rem;padding:2px 9px;border-radius:99px;border:1px solid var(--bd);white-space:nowrap}
.tag.good{color:var(--ok)}.tag.bad{color:var(--er)}
.empty{color:var(--mut);margin:0}
#toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:var(--fg);color:var(--bg);padding:10px 16px;border-radius:10px;opacity:0;pointer-events:none;transition:.2s;max-width:90vw}
#toast.show{opacity:1;transform:translate(-50%,0)}#toast.bad{background:var(--er);color:#fff}
@media(prefers-reduced-motion:reduce){#toast{transition:none}}