:root{--cream:#f5e6d3;--ink:#2c2416;--muted:#6b5d4d;--accent:#c45c26;--card:#fffaf3;--border:#e0d0bc;--error:#a32020;--ok:#2d6a3e;--touch:44px;color:var(--ink);background:var(--cream);font-family:"Source Sans 3",Segoe UI,system-ui,sans-serif;line-height:1.45}*{box-sizing:border-box}body{background:radial-gradient(ellipse at top, #fff8ee 0%, var(--cream) 55%, #e8d4b8 100%);min-height:100vh;margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0 0 .6rem;font-weight:650}.app-shell{max-width:960px;margin:0 auto;padding:0 1rem 2rem}.app-header{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-bottom:1.25rem;padding:1rem 0;display:flex}.brand{min-height:var(--touch);letter-spacing:.02em;color:var(--ink);align-items:center;gap:.45rem;font-size:1.2rem;font-weight:700;text-decoration:none;display:flex}.brand:hover{color:var(--accent);text-decoration:none}.brand-mark{font-size:1.45rem;line-height:1}.brand-name{font-family:"Source Serif 4",Georgia,serif}.app-nav{flex-wrap:wrap;flex:1;gap:.35rem;display:flex}.nav-link{min-height:var(--touch);color:var(--ink);border-radius:8px;align-items:center;padding:.35rem .75rem;font-size:.95rem;text-decoration:none;display:inline-flex}.nav-link:hover{background:#fffaf3a6;text-decoration:none}.nav-link.active{background:var(--card);box-shadow:inset 0 0 0 1px var(--border);font-weight:600;text-decoration:none}.header-actions{align-items:center;gap:.5rem;display:flex}.handle-chip{color:var(--muted);font-size:.85rem}.page{flex-direction:column;gap:1rem;display:flex}.stack{flex-direction:column;gap:.75rem;display:flex}.panel{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:1rem}label{flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:600;display:flex}input,textarea{font:inherit;border:1px solid var(--border);color:var(--ink);background:#fff;border-radius:6px;padding:.5rem .65rem}.btn{font:inherit;cursor:pointer;border:1px solid var(--border);min-height:var(--touch);background:var(--card);color:var(--ink);border-radius:8px;padding:.5rem 1rem}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn.ghost{background:0 0}.muted{color:var(--muted)}.center-pad{text-align:center;padding:3rem 1rem}.error-banner{color:var(--error);background:#fde8e8;border:1px solid #f0b4b4;border-radius:6px;margin:0;padding:.6rem .8rem}.ok-banner{color:var(--ok);background:#e6f4ea;border:1px solid #b7dfc3;border-radius:6px;margin:0;padding:.6rem .8rem}.login-page{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.login-card{background:var(--card);border:1px solid var(--border);border-radius:14px;width:min(400px,100%);padding:1.75rem 1.5rem;box-shadow:0 12px 40px #2c241614}.login-hero{text-align:center;margin-bottom:1.25rem}.login-hero h1{letter-spacing:.01em;font-family:"Source Serif 4",Georgia,serif;font-size:1.85rem}.login-emoji{background:var(--cream);border:1px solid var(--border);border-radius:12px;place-items:center;width:4rem;height:4rem;margin-bottom:.5rem;font-size:2.1rem;display:inline-grid}.piece-grid,.collection-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.85rem;display:grid}.piece-card,.collection-card{background:var(--card);border:1px solid var(--border);color:inherit;border-radius:8px;display:block;overflow:hidden}.piece-card img,.piece-card .media-placeholder{aspect-ratio:1;object-fit:cover;background:#e8dcc8;width:100%;display:block}.piece-caption{margin:0;padding:.5rem;font-size:.85rem}.collection-card{padding:.85rem}.media-placeholder{background:#e8dcc8;min-height:4rem}.profile-banner{background:#e8dcc8;border-radius:10px;min-height:120px;overflow:hidden}.banner-img{object-fit:cover;width:100%;height:140px;display:block}.profile-header{align-items:flex-start;gap:1rem;display:flex}.avatar-img,.avatar-img.media-placeholder{object-fit:cover;border:3px solid var(--card);background:#dcc9ae;border-radius:50%;flex-shrink:0;width:88px;height:88px;margin-top:-40px}.friend-list{margin:0;padding:0;list-style:none}.friend-list li{border-bottom:1px solid var(--border);padding:.55rem 0}.pending-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.btn-row{flex-wrap:wrap;gap:.35rem;display:flex}.piece-detail .piece-full{object-fit:contain;background:#e8dcc8;border-radius:8px;width:100%;max-height:70vh}.comment-list{padding:0;list-style:none}.comment-list li{border-bottom:1px solid var(--border);padding:.4rem 0}.toggle-row{flex-direction:row;align-items:center;gap:.6rem;font-weight:600}.badge{background:var(--border);color:var(--muted);border-radius:4px;padding:.15rem .4rem;font-size:.75rem;display:inline-block}