:root{--bg: #f5f3ee;--card: #ffffff;--ink: #1f2a37;--muted: #5b6676;--line: #e2ddd2;--accent: #d9921a;--accent-ink: #1f2a37;--error: #b42318;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #14181f;--card: #1d232c;--ink: #eef1f5;--muted: #a3adbb;--line: #2d3540;--accent: #f5b83d;--accent-ink: #14181f;--error: #ff8a80}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:17px/1.45 -apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;-webkit-text-size-adjust:100%;padding-bottom:env(safe-area-inset-bottom)}a{color:var(--accent)}h1{font-size:1.6rem;margin:.2em 0 .4em}.muted{color:var(--muted)}.error{color:var(--error)}.center{min-height:100vh;display:grid;place-items:center;padding:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px 22px;max-width:380px;width:100%;text-align:center}.logo{width:72px;height:72px}.shell{max-width:640px;margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:center;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;border-bottom:1px solid var(--line)}.brand{font-weight:700;font-size:1.2rem;color:var(--ink);text-decoration:none}main{padding:16px}button{font:inherit;border-radius:12px;border:0;padding:12px 18px;cursor:pointer}button:disabled{opacity:.5}.primary{background:var(--accent);color:var(--accent-ink);font-weight:600}.secondary{background:transparent;color:var(--ink);border:1px solid var(--line);margin-top:8px}.big{width:100%;padding:16px;font-size:1.05rem;margin-top:12px}.link{background:none;color:var(--muted);padding:6px}.row{display:flex;gap:8px}input{flex:1;min-width:0;font:inherit;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--ink)}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;color:var(--muted);margin:0}.binnum{font-size:3.4rem;line-height:1;margin:0 0 12px}.offline{background:#fff4d6;color:#6b4b00;padding:8px 12px;border-radius:10px}.empty{background:var(--card);border:1px dashed var(--line);border-radius:14px;padding:16px}:root{--warn-bg: #fff4d6;--warn-ink: #6b4b00;--ok: #2f7d4a;--blue: #2c6db5}@media(prefers-color-scheme:dark){:root{--warn-bg: #3a2f12;--warn-ink: #f5d58a;--ok: #6fcf8f;--blue: #7fb2ef}}.stack{display:flex;flex-direction:column;gap:14px}.small{font-size:.9rem}.offline{background:var(--warn-bg);color:var(--warn-ink)}.banner{background:var(--warn-bg);color:var(--warn-ink);border-radius:14px;padding:14px;margin:0}.banner p{margin:0 0 10px}.banner.small{padding:10px 14px}.photo{position:relative;border-radius:14px;overflow:hidden;background:var(--line);aspect-ratio:4 / 3;display:grid;place-items:center}.photo img{width:100%;height:100%;object-fit:cover;display:block}.photo.placeholder{color:var(--muted);font-size:.95rem}.pending-tag{position:absolute;left:10px;bottom:10px;background:#000000a6;color:#fff;font-size:.8rem;padding:4px 10px;border-radius:999px}.desc{font-size:1.1rem;margin:0 0 4px;white-space:pre-wrap}.link{padding:4px 0;text-align:left;color:var(--accent)}.seg{display:flex;background:var(--line);border-radius:12px;padding:3px;gap:3px}.seg button{flex:1;background:transparent;color:var(--ink);padding:10px 6px;border-radius:9px}.seg button.on{background:var(--card);font-weight:600;box-shadow:0 1px 2px #0000001f}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-weight:600}textarea{font:inherit;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--ink);resize:vertical;width:100%}.row.two>*{flex:1;margin-top:0}.search{width:100%;font-size:1.05rem;padding:14px 16px}.card-link{display:block;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;font-weight:600;text-decoration:none}.grid{list-style:none;padding:0;margin:0;display:grid;gap:10px}.tile{display:flex;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:8px;color:var(--ink);text-decoration:none}.tile .thumb{width:96px;flex:none;aspect-ratio:1;border-radius:10px;font-size:.7rem;text-align:center}.tile-text{min-width:0;display:flex;flex-direction:column;gap:4px;padding:2px 0}.tile-top{display:flex;align-items:center;gap:8px;font-size:1.15rem}.clamp{margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.95rem}.dot{width:10px;height:10px;border-radius:50%;background:var(--accent)}.badge{align-self:flex-start;font-size:.75rem;padding:2px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.badge.house{color:var(--ok);border-color:currentColor}.badge.transit{color:var(--blue);border-color:currentColor}.chips{list-style:none;padding:0;margin:6px 0 0;display:flex;flex-wrap:wrap;gap:6px}.chips li{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:.9rem}.lidlist{border-top:1px solid var(--line);padding-top:12px;display:flex;flex-direction:column;gap:8px}.lidlist .eyebrow{margin:0}.row.wrap{flex-wrap:wrap;align-items:center;gap:12px}.row.wrap .secondary{margin-top:0}.paper{width:100%;border-radius:12px;border:1px solid var(--line)}.newbin-toggle{width:100%;margin-top:0}.newbin{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px}.newbin-head{display:flex;justify-content:space-between;align-items:center}.newbin p{margin:0}