:root{--bg:#f7f3ec;--ink:#21201d;--muted:#6f6659;--panel:#fffcf7;--line:#dcd1bf;--accent:#be6841;--accent-soft:#f6d3c4;--ok:#2f8f62;--warn:#aa6a00;--radius:14px;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Avenir Next,Nunito Sans,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(1200px 500px at 10% -10%, #f8dcbf 0%, transparent 55%), radial-gradient(800px 380px at 98% 10%, #ead8ff 0%, transparent 60%), var(--bg);min-width:320px;margin:0}#app{width:min(1080px,100% - 1rem);margin:.5rem auto 1.5rem}.page-shell,.landing{gap:.8rem;display:grid}.landing-copy,.auth-card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:.95rem;box-shadow:0 6px 18px #2d200c12}.eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.73rem}h1,h2,h3,p{margin:0}h1{margin-top:.35rem;font-size:clamp(1.55rem,4.7vw,2.35rem);line-height:1.1}h2{font-size:1.2rem}.subtitle,.muted{color:var(--muted);margin-top:.5rem}.stack{gap:.58rem;margin-top:.8rem;display:grid}.row{align-items:center;gap:.55rem;display:flex}input,select,button{width:100%;color:var(--ink);background:#fffdfa;border:1px solid #cabca9;border-radius:10px;padding:.72rem .8rem;font-family:inherit;font-size:.97rem}button{background:var(--accent);color:#fff;cursor:pointer;border:0;font-weight:600;transition:transform .12s,box-shadow .12s}button:hover{transform:translateY(-1px);box-shadow:0 5px 12px #be684147}button.secondary{color:#3e3227;background:#e4d5c4}.topbar{gap:.65rem;display:grid}.status-pill{color:#5c4d35;background:#f0e4d4;border-radius:999px;padding:.33rem .72rem;font-size:.86rem;display:inline-block}.status-pill[data-status=offline]{color:#6f3900;background:#ffdfc6}.status-pill[data-status=syncing]{color:var(--warn);background:#ffeec4}.status-pill[data-status=synced]{color:#1b6544;background:#dcf4e5}.filter-grid{gap:.55rem;display:grid}.mobile-card{padding:.7rem}.mobile-card-toggle{text-align:left;color:#453224;background:#f3e7d7;justify-content:space-between;align-items:center;display:flex}.mobile-card-toggle:after{content:"▾";opacity:.8;font-size:.9rem}.mobile-card-toggle[aria-expanded=true]:after{transform:rotate(180deg)}.mobile-card-body{margin-top:.6rem}.board{gap:.8rem;animation:.24s fade-in;display:grid}.bucket{border-radius:var(--radius);border:1px solid var(--line);background:#fffefb;padding:.7rem}.bucket-head{margin-bottom:.6rem}.bucket-toggle{color:#3f2f23;text-align:left;width:100%;box-shadow:none;background:#f9f2e8;border:1px solid #e2d6c5;justify-content:space-between;align-items:baseline;gap:.6rem;padding:.52rem .65rem;display:flex}.bucket-toggle:hover{box-shadow:none;transform:none}.bucket-toggle small{color:var(--muted)}.bucket-toggle:after{content:"▾";margin-left:.35rem}.bucket-toggle[aria-expanded=false]:after{transform:rotate(-90deg)}.bucket-toggle[aria-expanded=true]:after{transform:rotate(0)}.bucket-head small{color:var(--muted)}.bucket-head h3,.bucket-toggle span{font-size:1.02rem;font-weight:700}.bucket-toggle span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bucket-toggle,.mobile-card-toggle{transition:background-color .12s}.bucket-toggle:focus-visible,.mobile-card-toggle:focus-visible{outline-offset:2px;outline:2px solid #bb8b63}.bucket{padding:.62rem}.bucket>.pin-grid[hidden],.mobile-card .mobile-card-body[hidden]{display:none}.mobile-card .stack{margin-top:0}.mobile-card .muted{margin-top:.55rem}.topbar .row{flex-wrap:wrap}.topbar .row button{width:auto;margin-bottom:.6rem}.install-btn{color:#214a72;background:#e1f0ff}.pin-grid{columns:1;column-gap:.6rem}.pin{width:100%;color:inherit;background:#fffdf8;border:1px solid #eadcc9;border-radius:12px;margin:0 0 .6rem;padding:.7rem;text-decoration:none;transition:border-color .12s,transform .12s;display:inline-block}.pin:hover{border-color:#d7b696;transform:translateY(-1px)}.pin.pending{background:#fff5e7;border-color:#f0c17b}.pin-title{word-break:break-word;font-weight:700}.pin-url{color:#5f7382;word-break:break-word;margin-top:.26rem;font-size:.88rem}.pin-meta{flex-wrap:wrap;gap:.36rem;margin-top:.4rem;display:flex}.pin-meta span{background:var(--accent-soft);color:#7f3c1f;border-radius:999px;padding:.12rem .45rem;font-size:.76rem}.pin small{color:var(--muted);margin-top:.5rem;display:block}.empty-state{text-align:center;color:var(--muted);border-radius:var(--radius);background:#fffdf8;border:1px dashed #ccbda9;margin:0;padding:1rem;font-size:.95rem}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (width>=760px){#app{width:min(1080px,100% - 2rem);margin-top:1rem}.landing{grid-template-columns:1.1fr .9fr}.topbar{grid-template-columns:1fr auto;align-items:center}.filter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mobile-card{padding:.95rem}.mobile-card-toggle{pointer-events:none;color:var(--ink);cursor:default;background:0 0;border:0;width:auto;padding:0;font-size:1.15rem}.mobile-card-toggle:after{content:""}.mobile-card-body{margin-top:0}.mobile-card .mobile-card-body[hidden]{display:block}.bucket-toggle{pointer-events:none;background:0 0;border:0;width:100%;padding:0}.bucket-toggle:after{content:""}.pin-grid{columns:2}}@media (width>=1100px){.pin-grid{columns:3}}