:root{--bg: #0f172a;--card: #1e293b;--ink: #f1f5f9;--muted: #94a3b8;--accent: #38bdf8;--accent-ink: #04263a;--error: #fca5a5;--tag: #334155;--private: #7c3aed}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:1.5rem;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink)}#app{width:100%;max-width:34rem}.card{background:var(--card);border:1px solid #334155;border-radius:14px;padding:1.75rem;box-shadow:0 10px 30px #00000059}.card.wide{max-width:34rem}h1{margin:0 0 .25rem;font-size:1.5rem}h2{font-size:1rem;color:var(--muted);margin:1.25rem 0 .5rem}.muted{color:var(--muted);margin:.25rem 0}label{display:block;margin:1rem 0 0;font-weight:600}input{width:100%;margin-top:.35rem;padding:.7rem .8rem;border-radius:9px;border:1px solid #475569;background:#0b1220;color:var(--ink);font-size:1rem}input:focus-visible{outline:3px solid var(--accent);outline-offset:1px}button{margin-top:1.25rem;width:100%;padding:.75rem 1rem;border:0;border-radius:9px;background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:1rem;cursor:pointer}button.secondary{background:transparent;color:var(--ink);border:1px solid #475569;width:auto;margin:0}button:disabled{opacity:.6;cursor:progress}.error{color:var(--error);min-height:1.3rem;margin:.75rem 0 0}.row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.items{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.item{display:flex;align-items:center;gap:.6rem;padding:.65rem .8rem;background:#0b1220;border:1px solid #334155;border-radius:9px}.item .title{font-weight:600;margin-right:auto}.tag{font-size:.75rem;padding:.1rem .5rem;border-radius:999px;background:var(--tag);color:var(--ink)}.tag.private{background:var(--private)}.status{font-size:.8rem;color:var(--muted)}.footnote{font-size:.8rem;color:var(--muted);margin-top:1rem}.capture textarea{width:100%;margin-top:.35rem;padding:.7rem .8rem;border-radius:9px;border:1px solid #475569;background:#0b1220;color:var(--ink);font:inherit;resize:vertical}.capture textarea:focus-visible{outline:3px solid var(--accent);outline-offset:1px}.capture label{font-weight:600}fieldset.route{border:1px solid #334155;border-radius:9px;margin:.75rem 0 0;padding:.5rem .8rem}fieldset.route legend{padding:0 .4rem;color:var(--muted);font-size:.85rem}fieldset.route label{display:inline-flex;align-items:center;gap:.35rem;margin-right:1rem;font-weight:500}.draft dl{display:grid;grid-template-columns:auto 1fr;gap:.25rem .75rem;margin:.5rem 0}.draft dt{color:var(--muted)}.draft dd{margin:0;font-weight:600}.draft .actions{display:flex;gap:.6rem;margin-top:.75rem}.draft .actions button{width:auto;margin:0}.item .owner{font-size:.8rem;color:var(--muted)}.item-actions{display:inline-flex;gap:.4rem;margin-left:auto}.item-actions button{width:auto;margin:0;padding:.3rem .6rem;font-size:.8rem;background:transparent;color:var(--ink);border:1px solid #475569}section[aria-labelledby] h2{margin:1rem 0 .4rem}.capture .photo-label{display:block;margin-top:.6rem;font-size:.85rem;color:var(--muted);font-weight:500}.capture input[type=file]{display:block;margin-top:.3rem;font-size:.85rem;color:var(--ink)}.capture input[type=file]::file-selector-button{margin-right:.6rem;padding:.35rem .7rem;border-radius:8px;border:1px solid #475569;background:transparent;color:var(--ink);cursor:pointer}
