*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background-color:#e8e8e8;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:20px}#root{width:100%;max-width:900px}.app{text-align:center;padding:20px 0}.app h1{font-size:2rem;font-weight:700;color:#333;margin-bottom:16px}.tabs{display:flex;justify-content:center;gap:4px;margin-bottom:24px}.tab{padding:10px 24px;font-size:.95rem;font-weight:600;border:none;background:#d4d4d4;color:#555;border-radius:8px 8px 0 0;cursor:pointer;transition:background .2s,color .2s}.tab.active{background:#fff;color:#333;box-shadow:0 -2px 6px #00000014}.tab:hover:not(.active){background:#c8c8c8}.viewing-badge,.compare-badge{display:inline-block;padding:6px 16px;border-radius:6px;font-size:.85rem;font-weight:600;margin-bottom:12px}.viewing-badge{background:#e3f2fd;color:#1565c0}.compare-badge{background:#fff3e0;color:#e65100;margin-left:8px}.wheel-container{position:relative;display:inline-block;margin-bottom:32px}.wheel-container svg{filter:drop-shadow(0 4px 12px rgba(0,0,0,.15))}.sliders-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 32px;max-width:700px;margin:0 auto;text-align:left}.slider-row{display:flex;align-items:center;gap:12px}.slider-row .color-dot,.goal-section-header .color-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.slider-row label{font-size:.9rem;font-weight:600;color:#444;min-width:120px}.slider-row input[type=range]{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:#ccc;border-radius:3px;outline:none;cursor:pointer}.slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#555;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 4px #0000004d}.slider-row .score-value{font-size:.95rem;font-weight:700;color:#333;min-width:24px;text-align:center}.action-buttons{display:flex;justify-content:center;gap:12px;margin-top:24px}.save-btn{padding:10px 28px;font-size:.95rem;font-weight:600;color:#fff;background:#2e7d32;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.save-btn:hover{background:#1b5e20}.reset-btn{padding:10px 28px;font-size:.95rem;font-weight:600;color:#fff;background:#555;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.reset-btn:hover{background:#333}.history-panel{max-width:750px;margin:0 auto}.empty-msg{color:#888;font-size:1rem;padding:40px 0}.history-list{display:flex;flex-direction:column;gap:14px}.history-card{background:#fff;border-radius:10px;padding:16px 20px;text-align:left;box-shadow:0 2px 6px #00000014;transition:box-shadow .2s}.history-card.comparing{box-shadow:0 0 0 3px #e65100,0 2px 6px #00000014}.history-card-header{display:flex;justify-content:space-between;margin-bottom:10px}.history-date{font-weight:700;font-size:1.05rem;color:#333}.history-avg{font-weight:600;color:#666;font-size:.9rem}.history-scores{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.history-score-chip{padding:3px 10px;border-radius:12px;font-size:.75rem;font-weight:700;color:#fff}.history-actions{display:flex;gap:8px}.history-actions button{padding:6px 16px;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;background:#e0e0e0;color:#333;transition:background .2s}.history-actions button:hover{background:#bbb}.history-actions .del-btn{background:#ffcdd2;color:#c62828}.history-actions .del-btn:hover{background:#ef9a9a}.history-goals{margin-top:14px;padding-top:14px;border-top:1px solid #eee;display:flex;flex-direction:column;gap:12px}.history-goal-area{padding:0}.history-goal-area-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.history-goal-area-header strong{font-size:.85rem;color:#444;flex:1}.goals-panel{max-width:750px;margin:0 auto}.goal-form{display:flex;gap:10px;margin-bottom:24px;align-items:center;justify-content:center}.goal-form select{padding:10px 14px;border:2px solid #ccc;border-radius:8px;font-size:.9rem;font-weight:600;background:#fff;color:#333;cursor:pointer}.goal-form input[type=text]{flex:1;padding:10px 14px;border:2px solid #ccc;border-radius:8px;font-size:.9rem;outline:none;transition:border-color .2s}.goal-form input[type=text]:focus{border-color:#888}.goals-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:left}.goal-section{background:#fff;border-radius:10px;padding:14px 16px;box-shadow:0 2px 6px #00000014}.goal-section-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.goal-section-header h3{font-size:.95rem;font-weight:700;color:#333;flex:1}.goal-count{font-size:.8rem;font-weight:600;color:#888}.no-goals{font-size:.8rem;color:#aaa;font-style:italic}.goal-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.goal-list li{display:flex;align-items:center;justify-content:space-between;gap:8px}.goal-list li label{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#444;cursor:pointer;flex:1}.goal-list li.done label span{text-decoration:line-through;color:#aaa}.goal-list li input[type=checkbox]{width:16px;height:16px;cursor:pointer;flex-shrink:0}.goal-del{background:none;border:none;font-size:1.1rem;color:#ccc;cursor:pointer;padding:2px 6px;line-height:1;border-radius:4px;transition:color .2s,background .2s}.goal-del:hover{color:#c62828;background:#ffebee}