*{box-sizing:border-box}body{margin:0;background:#f7f5f0;color:#27352f;font-family:system-ui,-apple-system,sans-serif;line-height:1.65}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:var(--accent);text-underline-offset:4px}.shell{max-width:1180px;margin:auto;padding:28px 30px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px;gap:15px}.brand{display:flex;gap:12px;align-items:center;font-weight:750;font-size:18px}.brand img{width:52px;height:52px;border-radius:15px}.subbrand{font-size:10px;letter-spacing:2px;color:#8a9288}.topbadge{font-size:11px;color:var(--accent);border:1px solid var(--line);background:var(--tint);border-radius:20px;padding:7px 13px}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--accent);font-weight:700}h1{font-size:clamp(26px,4vw,40px);line-height:1.4;margin:10px 0 14px;letter-spacing:-1px}h2{font-size:17px;margin:0 0 20px}h3{font-size:16px;margin:0 0 6px}p{font-size:13px;color:#788176;line-height:1.9;margin:8px 0 16px}.hero{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.hero-art{width:150px;height:150px;transform:rotate(7deg);filter:drop-shadow(0 12px 18px #0001)}.stats{display:flex;gap:12px;margin-bottom:26px}.stat{border:1px solid var(--line);background:var(--tint);padding:15px 22px;border-radius:16px;min-width:145px}.stat b{font-size:28px;display:block;color:var(--accent)}.stat span{font-size:11px;color:#7c867b}.grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:24px;align-items:start}.panel{padding:26px;background:#fff;border:1px solid #e5e6df;border-radius:20px;box-shadow:0 3px 10px #26382d03}.panel.sticky{position:sticky;top:20px}label{display:block;font-size:12px;font-weight:600;color:#667361;margin:16px 0 7px}input,select,textarea{width:100%;border:1px solid #dde2d7;background:#fcfcf9;border-radius:10px;padding:12px;color:#27352f;min-height:46px}textarea{min-height:85px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--line);border-color:var(--accent)}.row{display:flex;gap:10px}.row>*{flex:1;min-width:0}.primary{border:0;color:white;background:var(--accent);padding:12px 18px;border-radius:10px;font-weight:650}.secondary{border:1px solid #dfe4d9;color:#65745f;background:#f7f9f3;padding:10px 15px;border-radius:10px}.wide{width:100%;margin-top:18px}.small{font-size:11px;padding:7px 10px}.danger{color:#9e5544}.toolbar{display:flex;gap:10px;margin-bottom:18px}.toolbar input{flex:1}.toolbar select{width:auto;max-width:150px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card{background:#fff;border:1px solid #e3e7dd;border-radius:17px;overflow:hidden}.card-body{padding:18px}.card img{width:100%;height:180px;object-fit:cover;background:var(--tint)}.placeholder{height:140px;display:grid;place-items:center;background:var(--tint);font-size:48px}.pill{display:inline-block;color:var(--accent);background:var(--tint);border-radius:20px;padding:3px 10px;font-size:10px;font-weight:600}.meta{font-size:12px;color:#899081}.actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.empty{padding:55px 25px;text-align:center;background:#fff9;border:1px dashed var(--line);border-radius:18px;color:#89937f;font-size:13px;grid-column:1/-1}.empty b{display:block;font-size:35px;margin-bottom:15px}.hint{padding:15px 18px;border-radius:12px;background:var(--tint);font-size:12px;color:var(--accent);margin-top:20px}.note{font-size:11px;color:#909789}.record{padding:18px 0;border-top:1px solid #e6eadf}.record p{white-space:pre-wrap;overflow-wrap:anywhere}.record strong,.card h3{overflow-wrap:anywhere}.checkrow{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #edf0e7}.checkrow input{width:20px;height:20px;min-height:20px;accent-color:var(--accent);flex:none}.checkrow span{flex:1;overflow-wrap:anywhere}.checkrow.checked span{text-decoration:line-through;color:#9ba290}.wheel-wrap{position:relative;width:270px;height:270px;margin:25px auto}.wheel{width:100%;height:100%;border:10px solid white;border-radius:50%;box-shadow:0 0 0 1px var(--line),0 10px 30px #0001;background:conic-gradient(#f4c37e 0 60deg,#e8a48e 60deg 120deg,#c9d8aa 120deg 180deg,#e9d8a1 180deg 240deg,#ddc4b4 240deg 300deg,#f7d9a4 300deg);transition:transform 2s cubic-bezier(.15,.8,.2,1)}.wheel-center{position:absolute;inset:75px;border:6px solid #fff;border-radius:50%;display:grid;place-items:center;background:#fffaf4;font-size:47px;box-shadow:0 4px 15px #0001}.pointer{position:absolute;top:-9px;left:calc(50% - 13px);width:0;height:0;border-left:13px solid transparent;border-right:13px solid transparent;border-top:25px solid var(--accent);z-index:1}.result{font-size:26px;font-weight:700;color:var(--accent);text-align:center;min-height:48px;margin:15px 0}.focus{text-align:center}.focus h2{text-align:left}.progress{height:8px;border-radius:9px;background:#e6ebde;overflow:hidden;margin:15px 0}.progress i{display:block;background:var(--accent);height:100%;transition:width .2s}.vote-bar{background:#edf0e7;height:6px;border-radius:6px;margin:12px 0}.vote-bar i{display:block;height:100%;background:var(--accent);border-radius:6px}.hidden{display:none!important}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#273c31;color:white;border-radius:12px;padding:14px 24px;z-index:50;max-width:90vw;font-size:13px}.footer{display:flex;gap:15px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:38px;padding-top:22px;border-top:1px solid #dfe4d8;font-size:11px;color:#90988b}.footer nav{display:flex;gap:15px;flex-wrap:wrap}.footer button{font-size:11px}.preview-photo{width:100%;max-height:160px;object-fit:cover;border-radius:10px;margin-top:10px}.pack-name{display:flex;justify-content:space-between;align-items:center}dialog{max-width:650px;width:calc(100% - 30px);border:1px solid #dce3d4;border-radius:18px;padding:28px;line-height:1.8;color:#344536}dialog::backdrop{background:#263a3377}dialog h2{margin:20px 0 12px}.legal-copy{font-size:13px}details>summary{cursor:pointer;font-size:13px;color:var(--accent)}@media(max-width:800px){.grid{grid-template-columns:1fr}.panel.sticky{position:static}.shell{padding:22px 18px}.hero-art{width:95px;height:95px}.hero{gap:10px}.hero p{max-width:260px}.stats{gap:8px}.stat{padding:12px 16px;min-width:0;flex:1}header{margin-bottom:25px}.panel{padding:22px}.topbadge{font-size:10px;padding:6px 9px}.brand{font-size:15px}.brand img{width:44px;height:44px}.grid>.panel.sticky{order:0}.cards{gap:12px}.card-body{padding:14px}.card img{height:155px}}@media(max-width:390px){.cards{grid-template-columns:1fr}.hero-art{width:72px;height:72px}.toolbar{flex-wrap:wrap}.toolbar select{max-width:none;width:100%}}