:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0}#root{min-height:100svh}h1,h2,p{margin:0}button{font-family:inherit}.page{background:#f7f8fa;flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex}.header{text-align:center;padding:32px 20px 16px;position:relative}.back-btn{color:#8b95a1;cursor:pointer;background:0 0;border:none;padding:4px;font-size:13px;font-weight:600;position:absolute;top:32px;left:16px}.header h1{color:#191f28;margin:0 0 6px;font-size:22px;font-weight:800}.header p{color:#8b95a1;margin:0;font-size:14px}.checklist{flex-direction:column;flex:1;gap:20px;padding:0 16px 220px;display:flex}.category{background:#fff;border:1px solid #0000;border-radius:16px;padding:16px;transition:border-color .2s,box-shadow .2s}.category.combo{border-color:#ffb800;box-shadow:0 0 0 3px #ffb8001f}.category h2{color:#191f28;align-items:center;gap:6px;margin:0 0 10px;font-size:16px;font-weight:700;display:flex}.combo-badge{color:#b06d00;white-space:nowrap;background:#fff3d6;border-radius:999px;margin-left:auto;padding:4px 8px;font-size:11px;font-weight:700}.category-emoji{font-size:18px}.category ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.item{cursor:pointer;background:#f2f4f6;border-radius:12px;align-items:center;gap:10px;padding:12px;transition:background .15s;display:flex}.item.checked{background:#e8f3ff}.item input[type=checkbox]{accent-color:#3182f6;flex-shrink:0;width:18px;height:18px}.item-label{color:#333d4b;flex:1;font-size:14px;line-height:1.4}.item-meta{color:#8b95a1;white-space:nowrap;font-size:12px}.item-cost{color:#f04452}.result{background:#fff;border-top:1px solid #eef0f2;border-radius:20px 20px 0 0;width:100%;max-width:480px;padding:18px 20px 24px;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -8px 24px #0000000f}.result-top{align-items:center;gap:12px;margin-bottom:8px;display:flex}.result-gauge{background:#eef0f2;border-radius:999px;flex:1;height:10px;overflow:hidden}.result-gauge-fill{background:linear-gradient(90deg,#3182f6,#f04452);border-radius:999px;height:100%;transition:width .3s}.result-percentage{color:#191f28;text-align:right;min-width:48px;font-size:18px;font-weight:800}.result-tier{color:#191f28;margin-bottom:4px;font-size:17px;font-weight:700}.result-cost{color:#8b95a1;margin-bottom:14px;font-size:13px}.result-cost strong{color:#f04452}.result-actions{gap:8px;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:12px;flex:1;padding:14px;font-size:15px;font-weight:700}.btn-primary{color:#fff;background:#3182f6}.btn-secondary{color:#4e5968;background:#f2f4f6;flex:0 0 96px}.share-status{color:#8b95a1;text-align:center;margin:10px 0 0;font-size:12px}.custom-section .item{cursor:default}.custom-item{gap:8px}.custom-remove{color:#8b95a1;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px;font-size:14px}.custom-remove:hover{color:#f04452}.custom-form{flex-direction:column;gap:10px;margin-top:4px;display:flex}.custom-section ul{margin-bottom:12px}.custom-input{color:#333d4b;border:1px solid #e5e8eb;border-radius:12px;padding:12px;font-family:inherit;font-size:14px}.custom-input:focus{border-color:#3182f6;outline:none}.custom-form-row{align-items:center;gap:12px;display:flex}.custom-score-label{color:#8b95a1;flex-direction:column;flex:1;gap:4px;font-size:12px;display:flex}.custom-score-label input[type=range]{accent-color:#3182f6}.custom-cost-input{color:#333d4b;border:1px solid #e5e8eb;border-radius:12px;width:110px;padding:10px;font-family:inherit;font-size:13px}.custom-cost-input:focus{border-color:#3182f6;outline:none}.custom-add-btn{flex:none;width:100%}.share-card-wrap{justify-content:center;margin-bottom:14px;display:flex}.share-canvas{border-radius:16px;width:100%;max-width:260px;height:auto;box-shadow:0 4px 16px #00000014}.share-card-actions{gap:8px;display:flex}.category-select{flex-direction:column;flex:1;gap:14px;padding:0 16px 24px;display:flex}.select-status-row{justify-content:space-between;align-items:center;display:flex}.select-count{color:#4e5968;font-size:13px;font-weight:700}.select-all-btn{color:#4e5968;cursor:pointer;background:#eef0f2;border:none;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700}.select-all-btn:disabled{color:#b0b8c1;cursor:not-allowed}.category-select-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.category-select-card{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:20px 12px;font-family:inherit;transition:border-color .15s,background .15s;display:flex;position:relative}.category-select-card.selected{background:#eef6ff;border-color:#3182f6}.category-select-card.disabled{opacity:.4;cursor:not-allowed}.category-select-check{color:#fff;background:#3182f6;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:flex;position:absolute;top:10px;right:12px}.category-select-emoji{font-size:32px}.category-select-name{color:#191f28;font-size:15px;font-weight:700}.category-select-count{color:#8b95a1;font-size:12px}.select-footer{background:linear-gradient(#f7f8fa00 0%,#f7f8fa 40%);padding:16px 20px 24px;position:sticky;bottom:0}.select-start-btn{width:100%;padding:16px}.select-start-btn:disabled{cursor:not-allowed;background:#d1d6db}