:root{--ink:#12262b;--muted:#5d7177;--bg:#f6f8f8;--card:#fff;--line:#dbe3e4;--brand:#0f4c5c;--brand-2:#e36414;--ok:#2d6a4f;--bad:#b42318;--soft:#e8f1f2;color:var(--ink);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45}*{box-sizing:border-box}body{margin:0}a{color:var(--brand)}h1{margin:.4rem 0;font-size:1.6rem}h2{margin-top:1.5rem;font-size:1.2rem}h3{margin:0 0 .5rem}h4{margin:1rem 0 .4rem}.page{max-width:760px;margin:0 auto;padding:1rem}.page.narrow{max-width:440px}.center{place-items:center;min-height:60vh;display:grid}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--bad)}.hint{color:var(--muted);margin:.2rem 0 .6rem;font-size:.85rem}.banner{background:var(--brand);color:#fff;text-align:center;padding:.6rem 1rem;font-size:.9rem}.notice{background:#fff6e8;border:1px solid #f3d29b;border-radius:10px;margin:.75rem 0;padding:.75rem;font-size:.92rem}.box{background:var(--card);border:1px solid var(--line);border-radius:14px;margin:1rem 0;padding:1rem}.box.inner{background:var(--soft);border:none}.row{align-items:center;gap:.5rem;display:flex}.row>label{flex:1}.row.wrap{flex-wrap:wrap}.between{justify-content:space-between}label{margin:.5rem 0;font-size:.9rem;display:block}label.check{align-items:flex-start;gap:.5rem;display:flex}label.check input{width:auto;margin-top:.25rem}input,select,textarea{width:100%;font:inherit;border:1px solid var(--line);background:#fff;border-radius:10px;margin-top:.25rem;padding:.6rem .7rem}button,.btn{font:inherit;background:var(--brand);color:#fff;cursor:pointer;white-space:nowrap;border:0;border-radius:10px;padding:.6rem 1rem;text-decoration:none;display:inline-block}button:disabled{opacity:.45;cursor:not-allowed}button.ghost,.btn.ghost{color:var(--brand);border:1px solid var(--brand);background:0 0}button.danger{color:var(--bad);border-color:var(--bad)}button.link{color:var(--brand);background:0 0;padding:0 .3rem;text-decoration:underline}.tabs{border-bottom:1px solid var(--line);gap:.3rem;margin:1rem 0;display:flex}.tabs.scroll{overflow-x:auto}.tabs button{color:var(--muted);background:0 0;border-bottom:3px solid #0000;border-radius:0}.tabs button.active{color:var(--brand);border-bottom-color:var(--brand-2);font-weight:600}.cards{gap:.5rem;padding:0;list-style:none;display:grid}.card{background:var(--card);border:1px solid var(--line);color:inherit;border-radius:14px;align-items:center;gap:.75rem;padding:.8rem 1rem;text-decoration:none;display:flex}.avatar{font-size:1.5rem}.timeline,.list{padding:0;list-style:none}.timeline li a{border-bottom:1px solid var(--line);color:inherit;gap:.2rem;padding:.75rem 0;text-decoration:none;display:grid}.list li{border-bottom:1px solid var(--line);padding:.45rem 0}.date{color:var(--muted);font-size:.8rem}.chip{background:var(--soft);color:var(--brand);border-radius:99px;width:fit-content;margin-right:.3rem;padding:.1rem .5rem;font-size:.75rem;display:inline-block}.chip.private{color:var(--bad);background:#fde8e8}.chips{flex-wrap:wrap;gap:.35rem;display:flex}.chip-toggle{border:1px solid var(--line);cursor:pointer;border-radius:99px;align-items:center;gap:.3rem;margin:0;padding:.25rem .6rem;font-size:.8rem;display:inline-flex}.chip-toggle input{display:none}.chip-toggle.on{background:var(--brand);color:#fff;border-color:var(--brand)}.stamp{color:var(--muted);font-size:.75rem}.preview{border:1px solid var(--line);touch-action:manipulation;border-radius:8px;max-width:100%;margin:.75rem 0}.qr{justify-items:center;gap:.5rem;margin:1rem 0;display:grid}.qr img,.qr-img{width:220px}.code{letter-spacing:.1em;font-family:ui-monospace,monospace;font-size:1.4rem}.results{border-collapse:collapse;width:100%;margin:.5rem 0;font-size:.85rem}.results th,.results td{text-align:left;border-bottom:1px solid var(--line);padding:.3rem}.results td input{margin:0;padding:.3rem}.results tr.flag td{color:var(--bad);font-weight:600}.details div{grid-template-columns:9rem 1fr;gap:.5rem;padding:.25rem 0;display:grid}.details dt{color:var(--muted);text-transform:capitalize}.details dd{margin:0}.shared h2{border-bottom:2px solid var(--brand-2);padding-bottom:.2rem}button.danger-solid{background:var(--bad)}button.wide{width:100%}.center-text{text-align:center}