:root{color-scheme:light;--paper:#f3f1e9;--ink:#243831;--muted:#61716a;--line:#d8dfd6;--accent:#d8f476;--white:#fbfcf7;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.55}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}main{max-width:1120px;margin:auto;padding:48px 28px}header,.section-head,.savebar{display:flex;justify-content:space-between;gap:20px;align-items:center}header{margin-bottom:36px;align-items:flex-start}h1{font-family:Georgia,serif;font-size:clamp(36px,5vw,56px);font-weight:400;letter-spacing:-1.5px;line-height:1.13;margin:12px 0 14px}h2{font-size:20px;font-weight:600;letter-spacing:-.4px;margin:0 0 12px}.eyebrow,.tag{font-size:11px;letter-spacing:1.5px;font-weight:650}.eyebrow{color:var(--muted)}.tag{background:#e6eddf;padding:6px 10px;border-radius:4px;white-space:nowrap}.intro{font-size:17px;margin:0;color:var(--muted)}.card{border:1px solid var(--line);background:var(--white);border-radius:12px;padding:26px;margin:20px 0}label{display:flex;flex-direction:column;gap:7px;font-weight:550;font-size:13px}input,select{font:inherit;color:var(--ink);border:1px solid #bbc8be;border-radius:5px;background:#fff;padding:10px 11px;width:100%;min-width:0}input:focus,select:focus,button:focus-visible{outline:3px solid #a0bd66;outline-offset:2px}button{border:1px solid var(--ink);border-radius:5px;background:var(--ink);color:white;font:inherit;font-weight:600;font-size:13px;padding:11px 16px;cursor:pointer}button:hover{filter:brightness(.9)}button:disabled{opacity:.45;cursor:default}.quiet{color:var(--ink);background:transparent;border-color:#bfcbbf}.danger{background:transparent;border-color:#bd9586;color:#814631}.receiver-controls{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end}#create{display:flex;align-items:end;gap:12px}#create label{flex:1}.muted,small{color:var(--muted);font-weight:400}small{font-size:12px}.muted{font-size:13px}#credential-controls{margin-top:20px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.profile-grid label:last-child{grid-column:1/-1}.hint{font-size:13px;border-left:3px solid #abc773;padding-left:14px}.section-head p{margin:0 0 12px}.favourite{display:grid;grid-template-columns:26px 1.8fr 1fr 85px 90px;gap:12px;align-items:start;padding:20px 0;border-top:1px solid var(--line)}.favourite-number{margin-top:31px;font-size:12px;color:var(--muted)}.favourite label:nth-of-type(5){grid-column:2/4}.row-actions{grid-column:4/6;align-self:end;display:flex;gap:6px;justify-content:flex-end}.row-actions button{padding:8px 10px}.savebar{padding:4px 0 12px}.savebar p{font-size:13px}.savebar button{background:var(--accent);color:var(--ink);border-color:#a2bf59}.sources p{font-size:13px}.source-status{font-weight:650}.sources a{color:var(--ink);text-underline-offset:3px}footer{text-align:center;font-size:12px;color:var(--muted);margin-top:36px}.notice:empty{display:none}.notice{padding:14px 18px;background:#e4edce;border:1px solid #b1c285;border-radius:6px;margin-bottom:18px}.notice.error{background:#f7e5df;border-color:#c99a88}.login{max-width:570px;padding-top:12vh}.login form{margin:32px 0}.login label{margin:16px 0}.login button{width:100%;margin-top:10px}dialog{border:1px solid var(--line);border-radius:12px;padding:28px;max-width:520px;width:90%;color:var(--ink);background:var(--white)}dialog::backdrop{background:#1e342acc}.dialog-actions{display:flex;gap:12px;margin-top:22px}#new-token{font-family:ui-monospace,monospace;font-size:12px} [hidden]{display:none!important}
@media(max-width:700px){main{padding:28px 16px}header{gap:8px}header button{white-space:nowrap}.card{padding:20px 16px}.receiver-controls,.profile-grid{grid-template-columns:1fr;gap:20px}#create{flex-wrap:wrap}.favourite{grid-template-columns:24px 1fr 1fr;gap:12px}.favourite label:first-of-type{grid-column:2/4}.favourite label:nth-of-type(2){grid-column:2}.favourite label:nth-of-type(4){grid-column:2}.favourite label:nth-of-type(5){grid-column:2/4}.row-actions{grid-column:2/4}.savebar{flex-direction:column;align-items:stretch}.savebar p{margin:6px}.section-head{align-items:flex-start;gap:8px}.tag{font-size:10px;padding:5px 7px}h2{font-size:18px}}