.task-creator{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.creator-inputs{display:flex;flex-direction:column;gap:var(--spacing-md)}.task-title-input{width:100%;padding:var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;font-family:inherit;transition:all .2s ease;background:var(--color-bg);color:var(--color-text)}.task-title-input:focus{outline:none;border-color:var(--color-accent);background:var(--color-surface);color:var(--color-text)}.task-key-input{width:100%;padding:var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:.9rem;font-family:Monaco,Menlo,Courier New,monospace;transition:all .2s ease;background:var(--color-bg);color:var(--color-text)}.task-key-input:focus{outline:none;border-color:var(--color-accent);background:var(--color-surface);color:var(--color-text)}.creator-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.create-button,.cancel-button{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.create-button{background:var(--color-accent);color:#fff}.create-button:hover:not(:disabled){background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.create-button:disabled{opacity:.5;cursor:not-allowed}.cancel-button{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.cancel-button:hover{background:var(--color-bg);border-color:var(--color-text-secondary)}.csv-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1001;padding:var(--spacing-lg);animation:fadeIn .2s ease}.csv-modal-content{background:var(--color-surface);border-radius:var(--radius-lg);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);position:relative;animation:slideUp .3s ease}.csv-modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:32px;height:32px;border:none;background:transparent;color:var(--color-text-secondary);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s ease;z-index:1}.csv-modal-close:hover{background:var(--color-bg);color:var(--color-text)}.csv-modal-title{font-size:1.5rem;font-weight:500;margin:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);color:var(--color-text);padding-right:var(--spacing-xl)}.csv-modal-body{padding:0 var(--spacing-xl) var(--spacing-xl)}.csv-header-option{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-bg);border-radius:var(--radius-md)}.csv-header-option label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:.95rem;color:var(--color-text)}.csv-header-option input[type=checkbox]{width:18px;height:18px;cursor:pointer}.csv-preview{margin-bottom:var(--spacing-xl)}.csv-preview h3{font-size:1.1rem;font-weight:500;margin-bottom:var(--spacing-md);color:var(--color-text)}.csv-preview-table{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.csv-preview-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));border-bottom:1px solid var(--color-border)}.csv-preview-row:last-child{border-bottom:none}.csv-preview-cell{padding:var(--spacing-sm) var(--spacing-md);font-size:.85rem;color:var(--color-text);border-right:1px solid var(--color-border);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csv-preview-cell:last-child{border-right:none}.csv-preview-cell.header-cell{background:var(--color-bg);font-weight:500;color:var(--color-text)}.csv-mapping{margin-bottom:var(--spacing-lg)}.csv-mapping h3{font-size:1.1rem;font-weight:500;margin-bottom:var(--spacing-sm);color:var(--color-text)}.csv-mapping-hint{font-size:.9rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.csv-mapping-row{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}.csv-mapping-label{min-width:150px;font-size:.95rem;color:var(--color-text);font-weight:500}.csv-mapping-select{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.9rem;font-family:inherit;background:var(--color-surface);color:var(--color-text);cursor:pointer}.csv-mapping-select:focus{outline:none;border-color:var(--color-accent)}.csv-warning{padding:var(--spacing-md);background:#ff98001a;border:1px solid #ff9800;border-radius:var(--radius-md);color:#e65100;font-size:.9rem;margin-bottom:var(--spacing-md)}.csv-warning-overwrite{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);background:#f443361a;border:2px solid #f44336;border-radius:var(--radius-md);margin:0 var(--spacing-xl) var(--spacing-lg)}.csv-modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--color-border)}.csv-modal-button{padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit;min-width:100px}.csv-modal-button.primary{background:var(--color-accent);color:#fff}.csv-modal-button.primary:hover:not(:disabled){background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.csv-modal-button.primary:disabled{opacity:.5;cursor:not-allowed}.csv-modal-button.secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.csv-modal-button.secondary:hover{background:var(--color-bg);border-color:var(--color-text-secondary)}.csv-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1002;animation:fadeIn .2s ease}.csv-confirm-modal{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-xl);max-width:450px;width:90%;box-shadow:0 8px 32px #0000004d;animation:slideUp .2s ease}.csv-confirm-title{font-size:1.5rem;font-weight:600;margin:0 0 var(--spacing-md) 0;color:var(--color-text)}.csv-confirm-message{font-size:1rem;color:var(--color-text-secondary);margin:0 0 var(--spacing-xl) 0;line-height:1.5}.csv-confirm-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end}.csv-confirm-button{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:120px}.csv-confirm-button.cancel{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}.csv-confirm-button.cancel:hover{background:var(--color-border)}.csv-confirm-button.confirm{background:#dc3545;color:#fff}.csv-confirm-button.confirm:hover{background:#c82333}.csv-confirm-button:active{transform:scale(.98)}.export-import{display:flex;gap:var(--spacing-md)}.export-button,.import-button{padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.export-button:hover,.import-button:hover{background:var(--color-bg);border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1px)}.export-button:active,.import-button:active{transform:translateY(0)}.entry-screen{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:var(--spacing-xl)}.entry-content{max-width:600px;width:100%;text-align:center}.entry-hero-image{margin-bottom:var(--spacing-xl);display:flex;justify-content:center}.hero-image{max-width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.entry-title{font-size:2rem;font-weight:300;margin-bottom:var(--spacing-md);color:var(--color-text)}.entry-value-proposition{margin-bottom:var(--spacing-xl)}.entry-hero{font-size:1.15rem;color:var(--color-text);margin-bottom:var(--spacing-lg);line-height:1.7;font-weight:400}.entry-description{font-size:1rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-md);line-height:1.7}.entry-description:last-of-type{margin-bottom:0}.entry-import{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.entry-import-note{font-size:.85rem;color:var(--color-text-secondary);text-align:center;margin:0;max-width:400px;line-height:1.5}.backup-reminder{background:linear-gradient(135deg,#007aff14,#007aff08);border:1px solid var(--color-accent);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);position:relative;box-shadow:var(--shadow-sm);max-width:300px}.backup-content{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:nowrap}.backup-icon{font-size:1.2rem;flex-shrink:0}.backup-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.backup-text strong{font-size:.85rem;color:var(--color-text);font-weight:600;white-space:nowrap}.backup-text span{font-size:.75rem;color:var(--color-text-secondary);line-height:1.3}.backup-export-button{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit;white-space:nowrap;flex-shrink:0}.backup-export-button:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.backup-dismiss{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:24px;height:24px;border:none;background:transparent;color:var(--color-text-secondary);font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s ease;line-height:1}.backup-dismiss:hover{background:var(--color-bg);color:var(--color-text)}.results-view{max-width:1400px;margin:0 auto;padding:var(--spacing-xl)}.results-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);gap:var(--spacing-md)}.header-actions{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.results-task-creator{margin-bottom:var(--spacing-xl)}.unscored-indicator{background:linear-gradient(135deg,#007aff1a,#007aff0d);border:2px solid var(--color-accent);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm)}.unscored-content{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.unscored-icon{font-size:2rem;flex-shrink:0}.unscored-text{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:200px}.unscored-text strong{font-size:1.1rem;color:var(--color-text);font-weight:600}.unscored-hint{font-size:.9rem;color:var(--color-text-secondary)}.unscored-button{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit;white-space:nowrap}.unscored-button:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.results-title{font-size:1.5rem;font-weight:500;color:var(--color-text)}.start-scoring-button{padding:var(--spacing-md) var(--spacing-xl);background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.start-scoring-button:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.no-results{text-align:center;color:var(--color-text-secondary);padding:var(--spacing-xl)}.results-section{margin-bottom:var(--spacing-xl)}.section-header{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text)}.section-header.section-next{color:var(--color-accent)}.section-header.section-later{color:var(--color-text-secondary)}.section-icon{font-size:1.75rem}.results-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.results-list-next{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.results-list-later{display:flex;flex-direction:column;gap:var(--spacing-xs)}.result-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);position:relative;box-shadow:var(--shadow-sm);transition:all .2s ease;display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md)}.result-item:hover{box-shadow:var(--shadow-md);transform:translate(2px)}.result-item-next{border-width:2px;border-color:var(--color-accent);background:#007aff05}.result-content{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-lg);flex:1;min-width:0}.result-title{font-size:1rem;font-weight:600;color:var(--color-text);flex-shrink:0;min-width:150px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-metrics{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;justify-content:flex-end;font-size:.9rem;color:var(--color-text-secondary);text-align:right}.metric{font-weight:500}.metric-divider{color:var(--color-border);font-weight:300}.result-score{display:flex;align-items:center;flex-shrink:0;min-width:60px;justify-content:flex-end}.score-value{font-size:1.25rem;font-weight:700;color:var(--color-text);font-variant-numeric:tabular-nums}.result-delete{width:24px;height:24px;border:none;background:transparent;color:var(--color-text-secondary);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s ease;opacity:0;flex-shrink:0}.result-item:hover .result-delete{opacity:1}.result-delete:hover{background:#fee;color:#c33}.results-footer{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.delete-all-data-button{padding:var(--spacing-sm) var(--spacing-lg);background:#dc3545;color:#fff;border:none;border-radius:var(--radius-md);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.delete-all-data-button:hover{background:#c82333;transform:translateY(-1px);box-shadow:0 4px 8px #dc35454d}.delete-all-data-button:active{transform:scale(.98)}@media (max-width: 768px){.results-list-next{grid-template-columns:1fr}}@media (max-width: 768px){.results-list-next{grid-template-columns:1fr}.result-content{flex-wrap:wrap;gap:var(--spacing-sm)}.result-title{min-width:100%;max-width:100%}.result-metrics{flex:1;justify-content:flex-start}.results-view{padding:var(--spacing-md)}.results-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.start-scoring-button{width:100%}}.task-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);cursor:grab;transition:all .2s ease;box-shadow:var(--shadow-sm);position:relative}.task-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.task-card:active{cursor:grabbing}.task-card.dragging{opacity:.5;transform:rotate(2deg)}.task-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.task-key{font-size:.75rem;color:var(--color-text-secondary);font-weight:500;font-family:Monaco,Menlo,Courier New,monospace;margin-bottom:2px}.task-title{font-weight:500;font-size:.9rem;color:var(--color-text);line-height:1.3}.task-scores-preview{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;margin-top:var(--spacing-xs);font-size:.7rem}.score-badge{font-size:.75rem;padding:2px 6px;border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-secondary);font-weight:500}.score-badge.filled{background:var(--color-accent);color:#fff}.task-delete{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);width:24px;height:24px;border:none;background:transparent;color:var(--color-text-secondary);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s ease;opacity:0}.task-card:hover .task-delete{opacity:1}.task-delete:hover{background:#fee;color:#c33}.drop-zone{min-height:200px;border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);background:var(--color-bg);transition:all .2s ease;display:flex;flex-direction:column;gap:var(--spacing-md);position:relative}.drop-zone.over{border-color:var(--color-accent);background:#007aff0d;transform:scale(1.02);border-style:solid}.drop-zone.active{border-color:var(--color-accent);border-style:solid;background:#007aff14}.drop-zone.middle{border-width:3px;background:#007aff08}.drop-zone.middle.over,.drop-zone.middle.active{background:#007aff1a}.drop-zone.value-3{border-color:#e0e0e0;background:#f5f5f5}.drop-zone.value-3.over,.drop-zone.value-3.active{background:#eee;border-color:#bdbdbd}.drop-zone.category-V.value-6,.drop-zone.category-O.value-6,.drop-zone.category-T.value-6{border-color:#64b5f6;background:#e3f2fd}.drop-zone.category-V.value-6.over,.drop-zone.category-V.value-6.active,.drop-zone.category-O.value-6.over,.drop-zone.category-O.value-6.active,.drop-zone.category-T.value-6.over,.drop-zone.category-T.value-6.active{background:#bbdefb;border-color:#42a5f5}.drop-zone.category-V.value-9,.drop-zone.category-O.value-9,.drop-zone.category-T.value-9{border-color:#81c784;background:#e8f5e9}.drop-zone.category-V.value-9.over,.drop-zone.category-V.value-9.active,.drop-zone.category-O.value-9.over,.drop-zone.category-O.value-9.active,.drop-zone.category-T.value-9.over,.drop-zone.category-T.value-9.active{background:#c8e6c9;border-color:#66bb6a}.drop-zone.category-E.value-6{border-color:#ffd54f;background:#fffde7}.drop-zone.category-E.value-6.over,.drop-zone.category-E.value-6.active{background:#fff9c4;border-color:#ffca28}.drop-zone.category-E.value-9{border-color:#ffb74d;background:#fff3e0}.drop-zone.category-E.value-9.over,.drop-zone.category-E.value-9.active{background:#ffe0b2;border-color:#ffa726}.drop-zone-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.drop-zone-number{font-size:1.75rem;font-weight:700;color:var(--color-text);font-variant-numeric:tabular-nums;min-width:32px}.drop-zone-label{font-size:1.1rem;font-weight:600;color:var(--color-text);flex:1}.drop-zone-coaching{font-size:.9rem;color:var(--color-text-secondary);line-height:1.5;font-style:italic;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.drop-zone-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-md);min-height:60px}.scoring-step{max-width:1400px;margin:0 auto;padding:var(--spacing-xl)}.step-header{text-align:center;margin-bottom:var(--spacing-xl)}.step-number{font-size:.9rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm)}.step-question{font-size:2.5rem;font-weight:400;margin-bottom:var(--spacing-lg);color:var(--color-text);line-height:1.3}.step-example{display:inline-block;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.95rem;color:var(--color-text);margin-bottom:var(--spacing-md);line-height:1.6;max-width:800px}.step-special-note{display:inline-block;padding:var(--spacing-md) var(--spacing-lg);background:#007aff1a;border-radius:var(--radius-md);font-size:.95rem;color:var(--color-text);margin-bottom:var(--spacing-md);line-height:1.6}.step-content{display:grid;grid-template-columns:20% 80%;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg);min-height:60vh}.unscored-pool{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);height:100%;position:sticky;top:var(--spacing-xl);overflow-y:auto;max-height:calc(100vh - 200px)}.pool-title{font-size:1.1rem;font-weight:500;margin-bottom:var(--spacing-md);color:var(--color-text)}.pool-empty{color:var(--color-text-secondary);font-size:.9rem;text-align:center;padding:var(--spacing-md)}.pool-tasks{display:flex;flex-direction:column;gap:var(--spacing-sm)}.scoring-zones{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);height:fit-content}.step-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.step-reassurance{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.85rem;color:var(--color-text-secondary);flex:1;justify-content:center;text-align:center}.reassurance-label{font-weight:600;color:var(--color-text)}.step-button{padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit;min-width:120px}.step-button.primary{background:var(--color-accent);color:#fff}.step-button.primary:hover:not(:disabled){background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.step-button.primary:disabled{opacity:.5;cursor:not-allowed}.step-button.secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.step-button.secondary:hover{background:var(--color-bg);border-color:var(--color-text-secondary)}@media (max-width: 1200px){.step-content{grid-template-columns:30% 70%}}@media (max-width: 968px){.step-content{grid-template-columns:1fr}.unscored-pool{position:static;max-height:none;height:auto}.scoring-zones{grid-template-columns:1fr}}@media (max-width: 768px){.step-question{font-size:1.75rem}.scoring-zones{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);animation:fadeIn .2s ease}.modal-content{background:var(--color-surface);border-radius:var(--radius-lg);max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);position:relative;animation:slideUp .3s ease}.modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:32px;height:32px;border:none;background:transparent;color:var(--color-text-secondary);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s ease;z-index:1}.modal-close:hover{background:var(--color-bg);color:var(--color-text)}.modal-title{font-size:2rem;font-weight:500;margin:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);color:var(--color-text);padding-right:var(--spacing-xl)}.modal-body{padding:0 var(--spacing-xl) var(--spacing-xl)}.modal-intro{font-size:1.1rem;line-height:1.7;color:var(--color-text);margin-bottom:var(--spacing-xl)}.modal-section{margin-bottom:var(--spacing-xl)}.section-title{font-size:1.3rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--color-text)}.modal-list{list-style:none;padding:0;margin:var(--spacing-md) 0}.modal-list li{padding:var(--spacing-sm) 0;padding-left:var(--spacing-lg);position:relative;line-height:1.6;color:var(--color-text)}.modal-list li:before{content:"•";position:absolute;left:0;color:var(--color-accent);font-size:1.5rem;line-height:1}.formula-box{background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);margin:var(--spacing-md) 0;text-align:center}.formula{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.formula-label{font-size:1rem;color:var(--color-text-secondary);font-weight:500}.formula-fraction{display:flex;flex-direction:column;align-items:center;margin:var(--spacing-sm) 0}.formula-numerator{font-size:1.5rem;font-weight:600;color:var(--color-text);padding:var(--spacing-sm) var(--spacing-md);background:#007aff1a;border-radius:var(--radius-sm)}.formula-divider{width:100%;height:2px;background:var(--color-border);margin:var(--spacing-xs) 0}.formula-denominator{font-size:1.5rem;font-weight:600;color:var(--color-text);padding:var(--spacing-sm) var(--spacing-md);background:#ff98001a;border-radius:var(--radius-sm)}.formula-explanation{margin-top:var(--spacing-md);font-size:.95rem;color:var(--color-text-secondary);font-style:italic;text-align:center}.sizing-example{display:flex;justify-content:space-around;gap:var(--spacing-md);margin:var(--spacing-lg) 0;flex-wrap:wrap}.sizing-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);flex:1;min-width:120px;padding:var(--spacing-md);background:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border)}.sizing-number{font-size:2rem;font-weight:700;color:var(--color-accent);font-variant-numeric:tabular-nums}.sizing-label{font-size:.9rem;color:var(--color-text-secondary);text-align:center;line-height:1.4}.sizing-note{margin-top:var(--spacing-md);font-size:.95rem;color:var(--color-text-secondary);font-style:italic;text-align:center}.modal-footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);display:flex;justify-content:center}.modal-button{padding:var(--spacing-md) var(--spacing-xl);background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.modal-button:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}@media (max-width: 768px){.modal-content{max-height:95vh;margin:var(--spacing-md)}.modal-title{font-size:1.5rem;margin:var(--spacing-lg);padding-right:var(--spacing-lg)}.modal-body{padding:0 var(--spacing-lg) var(--spacing-lg)}.sizing-example{flex-direction:column}.sizing-item{width:100%}}.delete-modal{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-xl);max-width:400px;width:90%;box-shadow:0 8px 32px #0003;animation:slideUp .2s ease}.delete-modal-title{font-size:1.5rem;font-weight:600;margin:0 0 var(--spacing-md) 0;color:var(--color-text)}.delete-modal-message{font-size:1rem;color:var(--color-text-secondary);margin:0 0 var(--spacing-xl) 0;line-height:1.5}.delete-modal-message strong{color:var(--color-text);font-weight:600}.delete-modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end}.delete-button{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.delete-button.cancel{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}.delete-button.cancel:hover{background:var(--color-border)}.delete-button.confirm{background:#dc3545;color:#fff}.delete-button.confirm:hover{background:#c82333}.delete-button:active{transform:scale(.98)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.delete-all-modal{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-xl);max-width:450px;width:90%;box-shadow:0 8px 32px #0003;animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.delete-all-modal-title{font-size:1.5rem;font-weight:600;margin:0 0 var(--spacing-lg) 0;color:var(--color-text)}.delete-all-modal-warning{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);background:#f443361a;border:2px solid #f44336;border-radius:var(--radius-md);margin-bottom:var(--spacing-xl)}.warning-icon{font-size:2rem;flex-shrink:0}.warning-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.warning-content strong{font-size:1.1rem;color:#c62828;font-weight:600}.warning-content p{font-size:.95rem;color:#d32f2f;margin:0;line-height:1.5}.delete-all-modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end}.delete-all-button{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:120px}.delete-all-button.cancel{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}.delete-all-button.cancel:hover{background:var(--color-border)}.delete-all-button.confirm{background:#dc3545;color:#fff}.delete-all-button.confirm:hover{background:#c82333}.delete-all-button:active{transform:scale(.98)}.app-footer{background:#000!important;color:#fff!important;padding:var(--spacing-lg) var(--spacing-xl);text-align:center;margin-top:auto;border-top:none!important}.footer-text{font-size:.9rem;color:#fff;margin:0;line-height:1.6}.footer-heart{display:inline-block;margin:0 2px}.footer-link{color:#fff;text-decoration:underline;text-decoration-color:#ffffff80;text-underline-offset:3px;transition:all .2s ease}.footer-link:hover{text-decoration-color:#fff;opacity:.9}@media (max-width: 768px){.app-footer{padding:var(--spacing-md)}.footer-text{font-size:.85rem}}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{padding:var(--spacing-lg) var(--spacing-xl);text-align:center;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.app-header h1{font-size:3rem;font-weight:300;letter-spacing:.1em;margin-bottom:var(--spacing-xs);color:var(--color-text)}.app-title-clickable{cursor:pointer;transition:all .2s ease}.app-title-clickable:hover{color:var(--color-accent);transform:scale(1.02)}.subtitle{font-size:.9rem;color:var(--color-text-secondary);font-weight:400;cursor:pointer;transition:all .2s ease;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;display:inline-flex;align-items:center;gap:6px}.subtitle:hover{color:var(--color-accent);text-decoration-color:var(--color-accent)}.help-indicator{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.85rem;font-weight:600;line-height:1;transition:all .2s ease}.subtitle:hover .help-indicator{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.app-main{flex:1;padding:var(--spacing-xl);width:100%}@media (max-width: 1024px){.app-main{grid-template-columns:1fr}}@media (max-width: 768px){.app-header{padding:var(--spacing-md)}.app-header h1{font-size:2rem}.app-main{padding:var(--spacing-md);gap:var(--spacing-lg)}}*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #fafafa;--color-surface: #ffffff;--color-border: #e5e5e5;--color-text: #1a1a1a;--color-text-secondary: #666666;--color-accent: #007aff;--color-accent-hover: #0051d5;--color-value-3: #e8f5e9;--color-value-6: #fff3e0;--color-value-9: #fce4ec;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-bg);color:var(--color-text);line-height:1.6}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}