:root{--cream:#f3ead7;--cream-2:#efe3cb;--panel:#fdfaf2;--ink:#2b2018;--ink-soft:#5b4d3d;--muted:#8a7c68;--amber:#b9842f;--amber-dark:#97651f;--gold:#c8973f;--line:#e2d4b8;--good:#5a7d3c;--good-bg:#e7eed9;--bad:#b23b2e;--bad-bg:#f4ddd8;--shadow:0 1px 2px rgba(43,32,24,0.06),0 8px 24px rgba(43,32,24,0.08);--serif:Georgia,"Times New Roman","Iowan Old Style",serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--cream);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:var(--amber-dark)}h1,h2,h3{font-family:var(--serif);letter-spacing:.01em}button{font-family:inherit;cursor:pointer}.landing{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;background:radial-gradient(circle at 50% 30%,#f7efdd 0,var(--cream) 55%,var(--cream-2) 100%)}.landing img{width:min(440px,80vw);height:auto;filter:drop-shadow(0 10px 24px rgba(43,32,24,.18))}.landing .tagline{margin-top:8px;color:var(--ink-soft);font-size:1.05rem;max-width:520px}.cta{display:inline-block;margin-top:28px;padding:14px 28px;background:var(--ink);color:var(--cream);border-radius:999px;text-decoration:none;font-weight:600;letter-spacing:.02em;box-shadow:var(--shadow);transition:transform .12s ease,background .12s ease}.cta:hover{transform:translateY(-1px);background:#3a2c20}.page{max-width:1040px;margin:0 auto;padding:24px 20px 80px}.topbar{justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:18px;border-bottom:2px solid var(--line);margin-bottom:28px}.brand,.topbar{display:flex;align-items:center}.brand{gap:14px;text-decoration:none;color:var(--ink)}.brand img{height:56px;width:auto}.brand .title{font-family:var(--serif);font-size:1.5rem;line-height:1.1}.brand .subtitle{font-size:.82rem;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.section-title{font-size:1.5rem;margin:36px 0 14px;display:flex;align-items:baseline;gap:12px}.section-title .hint{font-family:var(--sans);font-size:.8rem;color:var(--muted);font-weight:400}.section-title.style{color:var(--amber-dark)}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px 18px 8px;margin-bottom:16px;box-shadow:var(--shadow)}.kpi-head{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px}.kpi-head h3{margin:0;font-size:1.18rem}.kpi-desc{margin:2px 0 0;color:var(--ink-soft);font-size:.9rem}.info-wrap{flex:none;position:relative}.info-btn{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--amber);background:transparent;color:var(--amber-dark);font-weight:700;font-size:.8rem;line-height:1}.info-pop{position:absolute;top:28px;right:0;width:250px;background:var(--ink);color:var(--cream);padding:10px 12px;border-radius:10px;font-size:.82rem;font-weight:400;text-align:left;z-index:30;box-shadow:var(--shadow)}.persons{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}@media (max-width:640px){.persons{grid-template-columns:1fr}}.cell{border:1px solid var(--line);border-radius:10px;padding:12px;background:#fff;display:flex;flex-direction:column;gap:8px;min-height:96px}.cell.mine{border-color:var(--amber);box-shadow:inset 0 0 0 1px var(--amber)}.cell.na{background:repeating-linear-gradient(45deg,#faf6ec,#faf6ec 8px,#f3ead7 0,#f3ead7 16px);color:var(--muted);justify-content:center;align-items:center;font-size:.85rem;min-height:96px}.cell-name{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:.95rem}.cell-name .tag{font-size:.65rem;font-weight:600;letter-spacing:.04em;color:var(--amber-dark);background:#f6ebd4;padding:2px 6px;border-radius:6px;text-transform:uppercase}.cell-note{font-size:.78rem;color:var(--muted)}.cell-sublabel{font-size:.82rem;color:var(--ink-soft);font-weight:600}.check{gap:8px;border:none;background:transparent;font-size:.92rem;color:var(--ink);padding:0}.check,.check .box{display:inline-flex;align-items:center}.check .box{width:24px;height:24px;border-radius:7px;border:2px solid var(--muted);justify-content:center;font-size:15px;color:#fff;background:#fff}.check.done .box{background:var(--good);border-color:var(--good)}.check.readonly{cursor:default}.checklist{display:flex;flex-direction:column;gap:7px}.checkitem{display:flex;align-items:center;gap:8px;border:none;background:transparent;padding:0;text-align:left;font-size:.84rem;color:var(--ink);line-height:1.25}.checkitem .box{width:20px;height:20px;flex:none;border-radius:6px;border:2px solid var(--muted);display:inline-flex;align-items:center;justify-content:center;font-size:13px;color:#fff;background:#fff}.checkitem.done .box{background:var(--good);border-color:var(--good)}.checkitem.done{color:var(--ink-soft)}.checkitem.readonly{cursor:default}.counter{display:flex;align-items:center;gap:10px}.counter .val{font-family:var(--serif);font-size:1.35rem;min-width:64px}.counter .val .target{font-family:var(--sans);font-size:.82rem;color:var(--muted)}.counter .val.good{color:var(--good)}.counter .val.bad{color:var(--bad)}.step{width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:#fff;font-size:1.1rem;line-height:1;color:var(--ink)}.step:hover{background:var(--cream)}.step:disabled{opacity:.4;cursor:not-allowed}.pill{font-size:.78rem;font-weight:600;padding:2px 8px;border-radius:999px}.pill.good{background:var(--good-bg);color:var(--good)}.pill.bad{background:var(--bad-bg);color:var(--bad)}.pill.neutral{background:#efe6cf;color:var(--ink-soft)}.book-btn{border:1px solid var(--amber);background:#fff;color:var(--amber-dark);padding:6px 10px;border-radius:8px;font-size:.82rem;font-weight:600}.book-btn:hover{background:#f6ebd4}.loginbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.who{font-size:.9rem;color:var(--ink-soft)}.who b{color:var(--ink)}.btn{border:1px solid var(--ink);background:var(--ink);color:var(--cream);padding:8px 14px;border-radius:8px;font-size:.88rem;font-weight:600}.btn.ghost{background:transparent;color:var(--ink)}.btn:hover{opacity:.92}.input,.select{font-family:inherit;font-size:.9rem;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}.overlay{position:fixed;inset:0;background:rgba(43,32,24,.55);display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{background:var(--panel);border-radius:16px;max-width:720px;width:100%;max-height:86vh;overflow:auto;padding:22px;box-shadow:var(--shadow)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.modal-head h3{margin:0;font-size:1.3rem}.x{border:none;background:transparent;font-size:1.5rem;line-height:1;color:var(--ink-soft)}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:12px;gap:12px}.bookcard{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;position:relative}.bookcard img{width:100%;height:170px;object-fit:cover;display:block;background:var(--cream-2)}.bookcard .cap{padding:8px 10px;font-size:.84rem}.bookcard .del{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;border:none;background:rgba(43,32,24,.7);color:#fff;font-size:.9rem}.empty{color:var(--muted);font-size:.92rem;padding:18px 0}.addbook{margin-top:18px;padding-top:16px;border-top:1px dashed var(--line);display:flex;flex-direction:column;gap:10px}.addbook .row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.addbook .input{flex:1 1;min-width:180px}.error{color:var(--bad);font-size:.85rem}.footer-note{margin-top:40px;text-align:center;color:var(--muted);font-size:.82rem}