:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #e3f6fd;--text-primary: #005f8a;--text-secondary: #007cba;--text-tertiary: #90e0ef;--border-primary: #007cba;--border-secondary: #00b4d8;--accent-primary: #00b4d8;--accent-secondary: #0077b6;--shadow-color: rgba(0, 124, 186, .1);--button-bg: #e3f6fd;--button-hover: #b3e0f7;--button-text: #005f8a;--input-bg: #ffffff;--input-border: #007cba;--container-bg: #ffffff}.dark{--bg-primary: #181c1f;--bg-secondary: #23272b;--bg-tertiary: #2c3136;--text-primary: #e0e6ed;--text-secondary: #00b4d8;--text-tertiary: #90e0ef;--border-primary: #007cba;--border-secondary: #00b4d8;--accent-primary: #00b4d8;--accent-secondary: #0077b6;--shadow-color: rgba(0, 124, 186, .15);--button-bg: #23272b;--button-hover: #2c3136;--button-text: #e0e6ed;--input-bg: #2c3136;--input-border: #007cba;--container-bg: #23272b}html{height:100%;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;padding:0;min-height:100vh;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}main{padding-top:20px;-webkit-overflow-scrolling:touch}input:focus,select:focus,textarea:focus{border-color:var(--border-secondary);box-shadow:0 0 0 2px #00b4d833;font-size:16px}input,select,textarea,button{min-height:44px;transform:translateZ(0);backface-visibility:hidden}.name-button{width:100%;padding:10px;text-align:left;background:var(--button-bg)!important;color:var(--button-text)!important;border:1.5px solid var(--border-primary);border-radius:6px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 6px var(--shadow-color);margin-bottom:8px;outline:none}button:hover,.close-btn:hover{background:linear-gradient(90deg,var(--accent-secondary) 60%,var(--accent-primary) 100%);transform:translateY(-2px) scale(1.03) translateZ(0);box-shadow:0 4px 12px var(--shadow-color)}.name-button:hover,.name-button:focus-visible{background:var(--button-hover);color:var(--border-primary);border-color:var(--border-secondary);box-shadow:0 4px 16px var(--shadow-color)}button:active,.name-button:active,.close-btn:active{background:var(--accent-secondary);transform:scale(.98)}.close-btn{background:#e74c3c;color:#fff;border:none;margin-left:2px;transition:all .3s ease;padding:8px 16px;font-size:1.2rem;border-radius:16px}.close-btn:hover{background:#c0392b}.form-row label{font-weight:500;margin-bottom:4px;color:var(--text-secondary)}.form-row{display:flex;gap:18px;margin-bottom:18px;flex-wrap:wrap}.form-row label{flex:1;display:block;font-weight:500;margin-bottom:4px;color:#007cba;position:relative}.form-row input[type=number]::-webkit-inner-spin-button,.form-row input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-row input[type=number]{appearance:textfield}input,select,textarea,.name-button,button,.close-btn{border-radius:16px;border:1.5px solid var(--border-primary);background:var(--input-bg);color:var(--text-primary);box-shadow:0 2px 8px var(--shadow-color);transition:all .3s ease;font-size:1.08em;padding:12px 16px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--border-secondary);box-shadow:0 0 0 2px #00b4d833}button,.name-button{background:var(--button-bg);color:var(--button-text);border:1.5px solid var(--border-primary)}.name-button:hover,.name-button:focus-visible{background:var(--button-hover);color:var(--text-secondary);border-color:var(--border-secondary);box-shadow:0 4px 16px var(--shadow-color)}.name-button.selected{background:linear-gradient(90deg,var(--accent-primary) 60%,var(--accent-secondary) 100%);color:#fff;border-color:var(--accent-primary)}button[type=submit],.close-btn{border-radius:16px;background:linear-gradient(90deg,var(--accent-secondary) 60%,var(--accent-primary) 100%);color:#fff;font-weight:600;box-shadow:0 2px 8px var(--shadow-color);padding:12px 24px;border:none;cursor:pointer}button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.container{margin:0 auto;padding:24px;font-family:Inter,system-ui,sans-serif;background:var(--container-bg);border-radius:24px;box-shadow:0 4px 24px var(--shadow-color)}.table-header{background:var(--bg-secondary);color:var(--text-primary)}table{background:var(--bg-secondary);color:var(--text-primary);border-radius:16px;overflow:hidden;box-shadow:0 2px 8px var(--shadow-color)}th,thead th{background:var(--bg-tertiary)!important;color:var(--text-primary)!important;font-weight:700;font-size:1.08em;border-bottom:2px solid var(--accent-primary)!important;letter-spacing:.02em}.message{border-radius:16px;padding:12px;margin-top:18px;font-size:1em}.message.success{background:var(--bg-tertiary);color:var(--accent-primary);border:1px solid var(--accent-primary)}.message.error{background:#4a2323;color:#ffb3b3;border:1px solid #c62828}.form-row input,.form-row select,.form-row textarea{background:var(--input-bg);color:var(--text-primary);border:1px solid var(--border-primary)}.avatar{border-radius:50%;margin-right:10px;vertical-align:middle;background:#232a34;border:2px solid #007cba}.streak-banner{background:#232a34;color:gold;padding:8px 16px;border-radius:12px;margin-bottom:12px;font-weight:700;display:flex;align-items:center;gap:10px}.achievement{margin-left:10px;color:#00b4d8;font-size:1.2em}.encouragement{display:block;margin-top:8px;font-size:1.1em;color:#176c3a;font-weight:600;text-shadow:0 1px 2px #181c1f44}.avatar.animated{transition:transform .3s}.name-item:hover .avatar.animated{transform:rotate(-10deg) scale(1.1);transition:transform .3s}.intensity-slider{-webkit-appearance:none;appearance:none;width:100%;height:1px;border-radius:8px;background:linear-gradient(90deg,#00b4d8,#007cba);outline:none;transition:background .3s;margin-top:4px;margin-bottom:4px}.intensity-slider:disabled{background:#b0b0b0}.intensity-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:#fff;cursor:pointer;transition:border .2s,box-shadow .2s;margin-top:-12.5px}.intensity-slider:focus::-webkit-slider-thumb{border:3px solid;box-shadow:0 0 0 4px}.intensity-slider::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:#fff;cursor:pointer;transition:border .2s,box-shadow .2s}.intensity-slider:focus::-moz-range-thumb{border:3px solid;box-shadow:0 0 0 4px}.intensity-slider::-ms-thumb{width:28px;height:28px;border-radius:50%;background:#fff;cursor:pointer;transition:border .2s,box-shadow .2s}.intensity-slider:focus::-ms-thumb{border:3px solid;box-shadow:0 0 0 4px}.intensity-slider::-webkit-slider-runnable-track{height:1px;border-radius:8px}.intensity-slider::-ms-fill-lower,.intensity-slider::-ms-fill-upper{background:none}.intensity-slider:focus{outline:none}@media (max-width: 600px){.intensity-slider{height:12px}main{padding-top:10px;padding-left:10px;padding-right:10px}.name-button{padding:14px 16px;font-size:1.1rem;margin-bottom:12px}.form-row{flex-direction:column;gap:12px}.form-row input,.form-row select{font-size:16px;padding:12px}.close-btn{padding:12px 20px;font-size:1.4rem;min-width:44px;min-height:44px}}@media (max-width: 480px){.name-button{font-size:1rem;padding:12px 14px}.close-btn{padding:10px 16px;font-size:1.2rem}}.performance-monitor.svelte-1xjqrsa{position:fixed;top:20px;right:20px;z-index:1000}.monitor-toggle.svelte-1xjqrsa{background:#00b4d8e6;color:#fff;border:none;padding:8px 12px;border-radius:20px;font-size:.8rem;font-weight:500;cursor:pointer;backdrop-filter:blur(10px);transition:all .2s ease;box-shadow:0 2px 8px #0003}.monitor-toggle.svelte-1xjqrsa:hover{background:#00b4d8;transform:scale(1.05)}.monitor-panel.svelte-1xjqrsa{position:absolute;top:50px;right:0;width:320px;background:#232a34f2;border:1px solid rgba(0,180,216,.3);border-radius:12px;padding:16px;backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000004d;animation:svelte-1xjqrsa-slideDown .3s ease-out}@keyframes svelte-1xjqrsa-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.panel-header.svelte-1xjqrsa{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(0,180,216,.2)}.panel-header.svelte-1xjqrsa h4:where(.svelte-1xjqrsa){margin:0;color:#00b4d8;font-size:1rem}.close-btn.svelte-1xjqrsa{background:none;border:none;color:#ccc;cursor:pointer;font-size:1.2rem;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.close-btn.svelte-1xjqrsa:hover{color:#ff6b6b}.metrics-grid.svelte-1xjqrsa{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}.metric-card.svelte-1xjqrsa{background:#0000004d;border-radius:6px;padding:8px;text-align:center}.metric-label.svelte-1xjqrsa{font-size:.7rem;color:#aaa;margin-bottom:2px;text-transform:uppercase;letter-spacing:.5px}.metric-value.svelte-1xjqrsa{font-size:.9rem;font-weight:600;color:#fbbf24}.metric-value.good.svelte-1xjqrsa{color:#4ade80}.monitor-footer.svelte-1xjqrsa{text-align:center;padding-top:8px;border-top:1px solid rgba(0,180,216,.2)}.monitor-footer.svelte-1xjqrsa small:where(.svelte-1xjqrsa){color:#888;font-size:.7rem}.theme-toggle-container.svelte-1pboz9y{display:flex;align-items:center;justify-content:center}.theme-toggle.svelte-1pboz9y{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;outline:none;box-shadow:none}.theme-toggle.svelte-1pboz9y:focus{outline:none;box-shadow:none}.theme-toggle.svelte-1pboz9y:focus-visible{outline:none;box-shadow:none}.toggle-track.svelte-1pboz9y{width:32px;height:16px;background:#ddd;border-radius:8px;position:relative;transition:all .3s ease}.theme-toggle.dark.svelte-1pboz9y .toggle-track:where(.svelte-1pboz9y){background:#333}.toggle-thumb.svelte-1pboz9y{width:12px;height:12px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.toggle-thumb.dark.svelte-1pboz9y{transform:translate(16px);background:#444}.thumb-icon.svelte-1pboz9y{font-size:8px}.theme-toggle-wrapper.svelte-1ekizdn{position:fixed;top:15px;left:15px;z-index:1000}@media (max-width: 768px){.theme-toggle-wrapper.svelte-1ekizdn{top:10px;left:10px}}