:root{--theme-font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{font-family:var(--theme-font-family, system-ui, Avenir, Helvetica, Arial, sans-serif)}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;width:100%;font-family:var(--theme-font-family, system-ui, Avenir, Helvetica, Arial, sans-serif)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb,#90caf9);position:relative;overflow:hidden}.login-decorations{position:absolute;inset:0;pointer-events:none;overflow:hidden}.snowflake{position:absolute;color:#2196f380;font-size:2rem;animation:fall linear infinite;-webkit-user-select:none;user-select:none}.snowflake:nth-child(1){left:10%;animation-duration:12s;animation-delay:0s}.snowflake:nth-child(2){left:50%;animation-duration:15s;animation-delay:2s;font-size:1.5rem}.snowflake:nth-child(3){left:80%;animation-duration:10s;animation-delay:4s;font-size:2.5rem}.login-card{background:#fffffff2;border-radius:20px;padding:3rem;box-shadow:0 20px 60px #0000004d;width:100%;max-width:400px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--primary-color, #c21807)}.login-title{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;color:var(--primary-color, #c21807);text-align:center}.login-subtitle{font-size:1rem;color:#666;text-align:center;margin:0 0 2rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#333;font-size:.9rem}.form-group input{padding:.75rem;border:2px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .3s}.form-group input:focus{outline:none;border-color:var(--primary-color, #c21807)}.error-message{background:#fee;border:1px solid #c21807;color:#c21807;padding:.75rem;border-radius:8px;font-size:.9rem;text-align:center}.login-button{padding:1rem;background:var(--primary-color, #c21807);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s}.login-button:hover:not(:disabled){background:var(--accent-color, #2e7d32);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-footer{margin-top:2rem;text-align:center}.theme-indicator{font-size:.8rem;color:#999;font-style:italic}.cheer-gauge{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;background:#ffffffe6;border-radius:20px;box-shadow:0 4px 15px #0000001a;transition:all .3s ease;position:relative;min-width:200px;cursor:pointer}.cheer-gauge:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.cheer-gauge.current-user{border:3px solid var(--primary-color, #d32f2f);box-shadow:0 4px 20px #d32f2f4d}.cheer-level-text{font-size:1.5rem;font-weight:700;color:var(--primary-color, #d32f2f);text-align:center;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.gauge-container{position:relative;width:220px;height:120px;display:flex;justify-content:center;align-items:flex-start;margin-bottom:-50px}.gauge-svg{width:100%;height:100%}.gauge-avatar{width:140px;height:140px;border-radius:50%;overflow:hidden;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:cover;box-shadow:0 4px 12px #00000026;border:4px solid #fff}.user-name{font-size:1.25rem;font-weight:600;color:#333;margin:.5rem 0 0;text-align:center}.quote-bubble{position:relative;background:var(--accent-color, #2e7d32);color:#fff;padding:1rem;border-radius:15px;max-width:220px;text-align:center;box-shadow:0 2px 10px #00000026}.quote-content{font-size:.9rem;font-style:italic;line-height:1.4}.typing-cursor{display:inline-block;margin-left:2px;animation:blink .7s infinite;font-style:normal}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.quote-arrow{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--accent-color, #2e7d32)}.celebration-burst{position:absolute;top:-20px;right:-20px;font-size:3rem;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.2) rotate(180deg);opacity:.8}}@media(max-width:768px){.cheer-gauge{min-width:200px;padding:1rem}.cheer-level-text{font-size:1.2rem;margin-bottom:.25rem}.gauge-container{width:180px;height:100px;margin-bottom:-35px}.gauge-avatar{width:110px;height:110px;border:3px solid #fff}.user-name{font-size:1rem}}.cheer-update-panel{background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;padding:2rem;box-shadow:0 8px 25px #00000026;max-width:500px;margin:2rem auto;border:2px solid var(--primary-color, #c21807)}.panel-title{font-size:1.5rem;font-weight:700;color:var(--primary-color, #c21807);margin:0 0 1.5rem;text-align:center}.slider-container{margin-bottom:1.5rem}.slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.slider-label{font-weight:600;color:#333}.slider-value{font-size:1.5rem;font-weight:700;color:var(--primary-color, #c21807);background:#c218071a;padding:.25rem .75rem;border-radius:10px}.cheer-slider{width:100%;height:8px;-webkit-appearance:none;appearance:none;background:linear-gradient(to right,#e74c3c,#f39c12,#f1c40f 50%,#2ecc71);border-radius:5px;outline:none;margin:.5rem 0}.cheer-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;background:#fff;border:3px solid var(--primary-color, #c21807);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #0003;transition:all .3s}.cheer-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.cheer-slider::-moz-range-thumb{width:25px;height:25px;background:#fff;border:3px solid var(--primary-color, #c21807);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #0003;transition:all .3s}.cheer-slider::-moz-range-thumb:hover{transform:scale(1.2)}.slider-markers{display:flex;justify-content:space-between;font-size:.75rem;color:#999;margin-top:.25rem}.quote-input-container{margin-bottom:1.5rem;position:relative}.quote-input-container label{display:block;font-weight:600;color:#333;margin-bottom:.5rem}.quote-input{width:100%;padding:.75rem;border:2px solid #ddd;border-radius:10px;font-size:1rem;transition:border-color .3s}.quote-input:focus{outline:none;border-color:var(--primary-color, #c21807)}.char-count{position:absolute;bottom:-20px;right:0;font-size:.75rem;color:#999}.update-button{width:100%;padding:1rem;background:var(--primary-color, #c21807);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s;margin-top:1.5rem}.update-button:hover:not(:disabled){background:var(--accent-color, #2e7d32);transform:translateY(-2px);box-shadow:0 4px 15px #0003}.update-button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.cheer-update-panel{padding:1.5rem;margin:1rem}.panel-title{font-size:1.25rem}}.seasonal-decorations{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:1}.snowflake{position:absolute;color:#2196f399;-webkit-user-select:none;user-select:none;animation:fall linear infinite;text-shadow:0 0 10px rgba(33,150,243,.4)}@keyframes fall{0%{top:-10%;transform:translate(0) rotate(0)}to{top:110%;transform:translate(100px) rotate(360deg)}}.christmas-lights{position:absolute;top:0;left:0;right:0;height:50px;display:flex;justify-content:space-around}.light{width:10px;height:10px;border-radius:50%;position:relative;animation:twinkle 2s ease-in-out infinite}.light:nth-child(odd){background:radial-gradient(circle,red,#c00);box-shadow:0 0 10px red}.light:nth-child(2n){background:radial-gradient(circle,#0f0,#0c0);box-shadow:0 0 10px #0f0}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.flower{position:absolute;font-size:2rem;animation:bloom 3s ease-in-out infinite;opacity:.6}@keyframes bloom{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(180deg)}}.sun{position:absolute;top:20px;right:20px;font-size:4rem;animation:rotate 20s linear infinite;opacity:.8}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.leaf{position:absolute;font-size:1.5rem;animation:fall-and-sway linear infinite;opacity:.7}@keyframes fall-and-sway{0%{top:-10%;transform:translate(0) rotate(0)}25%{transform:translate(30px) rotate(90deg)}50%{transform:translate(-30px) rotate(180deg)}75%{transform:translate(30px) rotate(270deg)}to{top:110%;transform:translate(0) rotate(360deg)}}.firework{position:absolute;font-size:3rem;animation:firework-burst 2s ease-out infinite;z-index:100;pointer-events:none}@keyframes firework-burst{0%{opacity:0;transform:scale(0) rotate(0)}10%{opacity:1;transform:scale(1) rotate(0)}50%{opacity:1;transform:scale(1.5) rotate(180deg)}to{opacity:0;transform:scale(2) rotate(360deg)}}.dashboard{min-height:100vh;background:linear-gradient(135deg,#e3f2fd,#bbdefb,#90caf9);padding:2rem;position:relative;overflow-x:hidden;transition:background 1s ease,filter 1s ease}.dashboard.mood-euphoric{background:linear-gradient(135deg,#e3f2fd,#fff9e6,#ffeb3b66)}.dashboard.mood-happy{background:linear-gradient(135deg,#e3f2fd,#e8f5e9,#81c7844d)}.dashboard.mood-neutral{background:linear-gradient(135deg,#e3f2fd,#bbdefb,#90caf9)}.dashboard.mood-low{background:linear-gradient(135deg,#e3f2fd,#cfd8dc,#90a4ae66)}.dashboard.mood-very-low{background:linear-gradient(135deg,#e3f2fd,#b0bec5,#78909c80)}.dashboard.everyone-low{filter:saturate(.4);animation:pulse-dark 3s ease-in-out infinite}@keyframes pulse-dark{0%,to{filter:saturate(.4) brightness(1)}50%{filter:saturate(.3) brightness(.95)}}.dashboard.everyone-high{position:relative;animation:golden-pulse 2s ease-in-out infinite}.dashboard.everyone-high:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at center,rgba(255,215,0,.2) 0%,transparent 70%);pointer-events:none;z-index:1;animation:glow-pulse 2s ease-in-out infinite}@keyframes golden-pulse{0%,to{filter:brightness(1) saturate(1)}50%{filter:brightness(1.1) saturate(1.2)}}@keyframes glow-pulse{0%,to{opacity:.5}50%{opacity:.8}}.dashboard-loading{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;background:linear-gradient(135deg,#e3f2fd,#bbdefb,#90caf9);color:#37474f}.dashboard-header{text-align:center;margin-bottom:3rem}.dashboard-title{font-size:3rem;font-weight:700;margin:0 0 .5rem;color:var(--primary-color, #d32f2f);text-shadow:2px 2px 4px rgba(0,0,0,.1)}.dashboard-subtitle{font-size:1.25rem;color:#37474f;margin:0 0 1.5rem}.dashboard-logo{max-width:100px;width:100%;height:auto;margin:0 auto;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.wtf-link{display:block;text-align:center;font-size:.75rem;color:#666;margin-top:.5rem;text-decoration:none;transition:all .3s;font-style:italic}.wtf-link:hover{color:var(--primary-color, #d32f2f);text-decoration:underline}.gauges-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1600px;margin:0 auto 2rem;justify-items:center}@media(min-width:1400px){.gauges-grid{grid-template-columns:repeat(5,1fr)}}.dashboard-footer{text-align:center;margin-top:3rem;padding-top:2rem;border-top:2px solid rgba(0,0,0,.1)}.theme-name{color:#757575;font-size:.9rem;font-style:italic}@media(max-width:1200px){.gauges-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}}@media(max-width:768px){.dashboard{padding:1rem}.dashboard-title{font-size:2rem}.dashboard-subtitle{font-size:1rem;margin:0 0 1rem}.dashboard-logo{max-width:70px}.gauges-grid{grid-template-columns:1fr;gap:1rem}}.analytics{min-height:100vh;background:linear-gradient(135deg,#e3f2fd,#bbdefb,#90caf9);padding:2rem}.analytics-header{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;align-items:center}.analytics-header h1{font-size:2.5rem;color:var(--primary-color, #d32f2f);margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.1);text-align:center}.time-range-selector{display:flex;align-items:center;gap:1rem;background:#fffffff2;padding:.75rem 1.5rem;border-radius:10px;box-shadow:0 2px 8px #0000001a}.time-range-selector label{font-weight:600;color:#333}.time-range-selector select{padding:.5rem 1rem;border:2px solid #ddd;border-radius:5px;font-size:1rem;cursor:pointer;transition:all .3s;background:#fff;color:#333;min-width:180px}.time-range-selector select:focus{outline:none;border-color:var(--primary-color, #c21807);box-shadow:0 0 0 3px #d32f2f1a}.time-range-selector select option{color:#333;background:#fff}.data-info{display:flex;justify-content:space-between;align-items:center;background:#fffffff2;padding:1rem 1.5rem;border-radius:10px;box-shadow:0 2px 8px #0000001a}.data-info p{margin:0;font-weight:600;color:#333;font-size:1.1rem}.refresh-button{padding:.5rem 1.5rem;margin-left:5px;background:#3498db;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease}.refresh-button:hover{background:#2980b9;transform:scale(1.05)}.analytics-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:400px;color:#37474f}.no-data{text-align:center;padding:4rem 2rem;background:#fffffff2;border-radius:12px;box-shadow:0 2px 10px #0000001a}.no-data p{margin:.5rem 0;color:#7f8c8d;font-size:1.1rem}.charts-container{display:grid;grid-template-columns:1fr;gap:2rem;max-width:1400px;margin:0 auto}.chart-card{background:#fffffff2;border-radius:15px;padding:2rem;box-shadow:0 4px 15px #0003}@media(max-width:768px){.analytics{padding:1rem}.analytics-header h1{font-size:2rem}.time-range-selector{flex-direction:column;padding:1rem}.time-range-selector select{width:100%}.data-info{flex-direction:column;gap:1rem}.refresh-button{width:100%}.chart-card{padding:1rem}}.profile{min-height:100vh;background:linear-gradient(135deg,#e3f2fd,#bbdefb,#90caf9);padding:2rem}.profile-container{max-width:800px;margin:0 auto;background:#fffffff2;border-radius:20px;padding:2rem;box-shadow:0 8px 25px #0003}.profile-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--primary-color, #c21807)}.profile-header h1{font-size:2.5rem;color:var(--primary-color, #c21807);margin:0 0 .5rem}.username{font-size:1.25rem;color:#666;font-style:italic;margin:0}.message{padding:1rem;border-radius:10px;margin-bottom:1.5rem;text-align:center;font-weight:500}.message.success{background:#d4edda;border:1px solid #2ecc71;color:#155724}.message.info{background:#d1ecf1;border:1px solid #3498db;color:#0c5460}.profile-section{margin-bottom:2.5rem}.profile-section h2{font-size:1.5rem;color:#333;margin:0 0 .5rem}.section-description{color:#666;margin:0 0 1.5rem;line-height:1.5}.avatar-editor{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.avatar-preview-section h3{font-size:1.2rem;color:#333;margin:0 0 1rem}.avatar-preview{width:140px;height:140px;margin:0 auto;border-radius:50%;overflow:hidden;border:4px solid #fff;box-shadow:0 4px 12px #00000026;background:#f0f0f0}.avatar-preview-image{width:100%;height:100%;background-repeat:no-repeat;background-position:center}.avatar-preview-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#999;font-style:italic;text-align:center;padding:1rem}.avatar-controls{display:flex;flex-direction:column;gap:1.5rem}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-group label{cursor:pointer}.control-label{font-weight:600;color:#333;font-size:.95rem}.file-input{display:none}.upload-button{padding:.75rem;background:var(--primary-color, #d32f2f);color:#fff;border-radius:8px;text-align:center;font-weight:600;transition:all .3s;cursor:pointer}.control-group label:hover .upload-button{background:var(--accent-color, #388e3c);transform:translateY(-2px)}.slider{width:100%;height:8px;border-radius:5px;background:#ddd;outline:none;-webkit-appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary-color, #d32f2f);cursor:pointer;transition:all .3s}.slider::-webkit-slider-thumb:hover{background:var(--accent-color, #388e3c);transform:scale(1.1)}.slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--primary-color, #d32f2f);cursor:pointer;border:none;transition:all .3s}.slider::-moz-range-thumb:hover{background:var(--accent-color, #388e3c);transform:scale(1.1)}.save-button{padding:1rem;background:var(--primary-color, #d32f2f);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s}.save-button:hover:not(:disabled){background:var(--accent-color, #388e3c);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.save-button:disabled{opacity:.6;cursor:not-allowed}.info-grid{display:flex;flex-direction:column;gap:1rem}.info-item{display:flex;justify-content:space-between;padding:1rem;background:#f8f9fa;border-radius:8px}.info-label{font-weight:600;color:#555}.info-value{color:#333}.admin-badge{background:var(--primary-color, #c21807);color:#fff;padding:.25rem .75rem;border-radius:15px;font-size:.85rem;font-weight:600}.display-name-container{display:flex;align-items:center;gap:1rem}.edit-name-button{padding:.4rem .8rem;background:var(--primary-color, #d32f2f);color:#fff;border:none;border-radius:5px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s}.edit-name-button:hover{background:var(--accent-color, #388e3c);transform:translateY(-1px)}.edit-name-container{display:flex;align-items:center;gap:.5rem;flex:1}.name-input{flex:1;padding:.5rem;border:2px solid #ddd;border-radius:5px;font-size:1rem;transition:border-color .3s}.name-input:focus{outline:none;border-color:var(--primary-color, #d32f2f)}.save-name-button{padding:.5rem 1rem;background:var(--accent-color, #388e3c);color:#fff;border:none;border-radius:5px;font-weight:600;cursor:pointer;transition:all .3s}.save-name-button:hover:not(:disabled){background:#2e7d32;transform:translateY(-1px)}.save-name-button:disabled{opacity:.6;cursor:not-allowed}.cancel-name-button{padding:.5rem 1rem;background:#999;color:#fff;border:none;border-radius:5px;font-weight:600;cursor:pointer;transition:all .3s}.cancel-name-button:hover:not(:disabled){background:#777;transform:translateY(-1px)}.cancel-name-button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.profile{padding:1rem}.profile-container{padding:1.5rem}.profile-header h1{font-size:2rem}.avatar-editor{grid-template-columns:1fr;gap:1.5rem}.avatar-preview{width:110px;height:110px}.light-ranges{grid-template-columns:1fr}.light-range-card{padding:1rem}.color-control,.brightness-control{margin-bottom:.75rem}}.admin-section{border-top:3px solid var(--primary-color, #c21807);padding-top:2rem}.light-ranges{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.light-range-card{background:#f8f9fa;border-radius:12px;padding:1.5rem;border:2px solid #e0e0e0;transition:all .3s ease}.light-range-card:hover{border-color:var(--primary-color, #c21807);box-shadow:0 4px 12px #d32f2f26}.light-range-card h3{font-size:1.1rem;color:#333;margin:0 0 1rem;font-weight:600}.light-controls{display:flex;flex-direction:column;gap:1rem}.color-control{display:flex;align-items:center;gap:1rem}.color-control label{font-weight:600;color:#555;min-width:50px}.color-picker{width:60px;height:40px;border:2px solid #ddd;border-radius:8px;cursor:pointer;transition:all .3s ease}.color-picker:hover{border-color:var(--primary-color, #c21807)}.rgb-display{font-family:monospace;font-size:.9rem;color:#666;background:#fff;padding:.5rem .75rem;border-radius:5px;border:1px solid #ddd}.brightness-control{display:flex;flex-direction:column;gap:.5rem}.brightness-control label{font-weight:600;color:#555;font-size:.9rem}.test-button{padding:.75rem 1.5rem;background:#3498db;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.test-button:hover:not(:disabled){background:#2980b9;transform:translateY(-2px);box-shadow:0 4px 8px #3498db4d}.test-button:disabled{background:#95a5a6;cursor:not-allowed;opacity:.6}.save-config-button{width:100%;padding:1rem 2rem;background:var(--primary-color, #c21807);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #d32f2f4d}.save-config-button:hover:not(:disabled){background:#a61a06;transform:translateY(-2px);box-shadow:0 6px 16px #d32f2f66}.save-config-button:disabled{background:#95a5a6;cursor:not-allowed;opacity:.6}.about{min-height:100vh;background:linear-gradient(135deg,#e3f2fd,#bbdefb,#90caf9);padding:2rem}.about-container{max-width:900px;margin:0 auto;background:#fffffff2;border-radius:20px;padding:3rem;box-shadow:0 8px 25px #0003}.about-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:3px solid var(--primary-color, #d32f2f)}.about-logo{max-width:120px;width:100%;height:auto;margin:0 auto 1.5rem;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.about-header h1{font-size:3rem;color:var(--primary-color, #d32f2f);margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.about-content{display:flex;flex-direction:column;gap:2.5rem}.about-section{line-height:1.8}.about-section h2{font-size:1.75rem;color:var(--primary-color, #d32f2f);margin:0 0 1rem;font-weight:700}.about-section p{font-size:1.1rem;color:#333;margin:0 0 1rem}.about-section p:last-child{margin-bottom:0}.signature{text-align:right;font-style:italic;margin-top:2rem;padding-top:2rem;border-top:2px solid rgba(0,0,0,.1)}.signature p{font-size:1.25rem;color:#555;margin:.5rem 0}.year-marker{font-size:1rem!important;color:#999!important;font-style:normal}@media(max-width:768px){.about{padding:1rem}.about-container{padding:2rem 1.5rem}.about-header h1{font-size:2rem}.about-logo{max-width:80px}.about-section h2{font-size:1.5rem}.about-section p{font-size:1rem}.signature p{font-size:1.1rem}}.user-history{min-height:100vh;background:linear-gradient(135deg,#e3f2fd,#bbdefb,#90caf9);padding:2rem;position:relative}.back-button{padding:.75rem 1.5rem;background:#3498db;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease;margin-bottom:2rem;display:inline-block}.back-button:hover{background:#2980b9;transform:translate(-2px)}.history-header{text-align:center;margin-bottom:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.history-header h1{margin:0;font-size:2.5rem;color:var(--primary-color, #d32f2f);text-shadow:2px 2px 4px rgba(0,0,0,.1)}.history-avatar{width:140px;height:140px;border-radius:50%;overflow:hidden;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:cover;box-shadow:0 4px 12px #00000026;border:4px solid #fff}.history-subtitle{color:#37474f;font-size:1.1rem;margin:0}.history-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:0 auto 2rem;max-width:900px}.stat-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;align-items:center;gap:.5rem}.stat-label{font-size:.9rem;color:#7f8c8d;font-weight:500;letter-spacing:.5px}.stat-value{font-size:2rem;font-weight:700;color:#2c3e50}.history-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:#37474f}.loading-spinner{width:50px;height:50px;border:5px solid rgba(255,255,255,.3);border-top:5px solid var(--primary-color, #d32f2f);border-radius:50%;animation:spin 1s linear infinite}.history-entries{display:flex;flex-direction:column;gap:1rem;max-width:900px;margin:0 auto}.history-entry{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;border-left:5px solid #3498db;transition:all .3s ease}.history-entry:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.cheer-badge{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;border-radius:25px;color:#fff;font-weight:700}.cheer-emoji,.cheer-number{font-size:1.5rem}.entry-datetime{font-size:.9rem;color:#7f8c8d;font-weight:500}.entry-quote{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#f8f9fa;border-radius:8px;margin-top:1rem}.quote-icon{font-size:1.25rem;flex-shrink:0}.quote-text{font-size:1rem;color:#2c3e50;line-height:1.6;font-style:italic}.no-history{text-align:center;padding:4rem 2rem;color:#37474f;font-size:1.1rem;max-width:900px;margin:0 auto;background:#fffffff2;border-radius:12px}.load-more{text-align:center;margin:2rem auto 0;max-width:900px}.load-more button{padding:.75rem 2rem;background:#3498db;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease}.load-more button:hover{background:#2980b9;transform:scale(1.05)}.error-message{text-align:center;padding:4rem 2rem;max-width:600px;margin:2rem auto;background:#fffffff2;border-radius:12px;box-shadow:0 2px 10px #0000001a}.error-message h2{color:#e74c3c;margin:0 0 1.5rem}.error-message button{padding:.75rem 2rem;background:#3498db;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease}.error-message button:hover{background:#2980b9}@media(max-width:768px){.user-history{padding:1rem}.history-header h1{font-size:1.8rem}.history-avatar{width:110px;height:110px;border:3px solid #fff}.history-subtitle{font-size:1rem}.back-button{margin-bottom:1rem}.history-stats{grid-template-columns:1fr}.entry-header{flex-direction:column;align-items:flex-start;gap:.75rem}.cheer-badge{width:100%;justify-content:center}}.navigation{background:linear-gradient(135deg,#d32f2f,#388e3c);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 2rem;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px #0003}.nav-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:2rem}.nav-brand a{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none;transition:all .3s;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.nav-brand a:hover{color:gold;transform:scale(1.05)}.hamburger-menu{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001}.hamburger-line{width:25px;height:3px;background:#fff;border-radius:3px;transition:all .3s ease}.hamburger-line.open:nth-child(1){transform:rotate(45deg) translate(7px,7px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.nav-links{display:flex;gap:1.5rem;flex:1;justify-content:center}.nav-link{color:#fffffff2;text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:8px;transition:all .3s;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.nav-link:hover{color:#fff;background:#fff3;transform:translateY(-2px)}.nav-link.active{color:gold;background:#ffd70033;font-weight:600}.nav-user{display:flex;align-items:center;gap:1rem}.user-display-name{color:#fff;font-weight:500;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.logout-button{padding:.5rem 1rem;background:#ffffffe6;color:var(--primary-color, #d32f2f);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}.logout-button:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #0003}@media(max-width:768px){.navigation{padding:1rem}.nav-container{flex-wrap:wrap;position:relative}.hamburger-menu{display:flex;order:3}.nav-brand{order:1;flex:1}.nav-links{display:none;order:4;width:100%;flex-direction:column;gap:.5rem;margin-top:1rem;background:#0000001a;padding:1rem;border-radius:10px}.nav-links.mobile-open{display:flex;animation:slideDown .3s ease}.nav-user{display:none;order:5;width:100%;justify-content:center;margin-top:.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.2)}.nav-user.mobile-open{display:flex;animation:slideDown .3s ease}.nav-link{padding:.75rem;font-size:1rem;text-align:center}.user-display-name{font-size:.9rem}.logout-button{padding:.75rem 1.5rem}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.app{min-height:100vh;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}#root{min-height:100vh}.app-loading{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;background:linear-gradient(135deg,#1a0f0f,#2d1f1f);color:#fff}.loading-spinner{width:50px;height:50px;border:5px solid rgba(255,255,255,.3);border-top:5px solid var(--primary-color, #c21807);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--primary-color: #c21807;--accent-color: #2e7d32;--background-color: #1a0f0f;--gauge-color: #d4af37}*{box-sizing:border-box;margin:0;padding:0}