.matrix-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000!important;overflow:hidden;z-index:9999!important;pointer-events:all}.matrix-canvas{display:block!important;width:100vw!important;height:100vh!important;position:absolute;top:0;left:0;background-color:#000!important}.name-entry-container{min-height:100vh;display:flex;flex-direction:row;align-items:flex-start;justify-content:center;padding:2rem;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);gap:2rem}@media (max-width: 1200px){.name-entry-container{flex-direction:column;align-items:center}}.title{font-size:clamp(2.5rem,8vw,5rem);font-weight:700;margin-bottom:3rem;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;letter-spacing:-.02em}.name-form-wrapper{width:100%;max-width:400px}.name-form{display:flex;flex-direction:column;gap:1.5rem}.name-label{font-size:1.25rem;font-weight:500;color:var(--color-text);text-align:center}.radio-buttons-container{display:flex;flex-direction:column;gap:1rem;width:100%}.radio-button-label{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background-color:var(--color-bg-light);border:2px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-normal);font-size:1.125rem;color:var(--color-text);position:relative}.radio-button-label:hover{border-color:var(--color-text-muted);background-color:var(--color-hover)}.radio-button-label.selected{border-color:var(--color-primary);background-color:#00ff411a;box-shadow:0 0 0 4px #00ff411a}.radio-input{display:none}.radio-custom{width:24px;height:24px;border:2px solid var(--color-border);border-radius:50%;position:relative;transition:all var(--transition-normal);flex-shrink:0}.radio-button-label:hover .radio-custom{border-color:var(--color-primary)}.radio-button-label.selected .radio-custom{border-color:var(--color-primary);background-color:var(--color-primary)}.radio-button-label.selected .radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background-color:var(--color-bg);border-radius:50%}.radio-text{font-weight:500;-webkit-user-select:none;user-select:none;flex:1}.voting-status{display:flex;align-items:center;gap:.5rem;margin-left:auto}.status-checkmark{color:#00ff41;font-size:1.25rem;font-weight:700;line-height:1}.status-todo{font-size:1.25rem;line-height:1}.status-text{color:#00ff41;font-size:.875rem;font-weight:500}.error-message{color:#ff6b6b;font-size:.875rem;text-align:center;margin-top:-.5rem}.submit-button{padding:1rem 2rem;font-size:1.125rem;font-weight:600;font-family:var(--font-main);color:var(--color-bg);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);border:none;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-medium)}.submit-button:hover{box-shadow:var(--shadow-large);transform:translateY(-2px)}.submit-button:active{transform:translateY(0)}.submit-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.skip-to-restaurants-button{margin-top:1.5rem;padding:1rem 1.5rem;font-size:1rem;font-weight:500;font-family:var(--font-main);color:var(--color-text);background-color:transparent;border:2px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%}.skip-to-restaurants-button:hover{border-color:var(--color-primary);background-color:#00ff411a}.thumbs-up-icon{font-size:1.5rem;line-height:1}.skip-button-text{text-align:center;line-height:1.4}@media (max-width: 640px){.name-entry-container{padding:1rem}.title{margin-bottom:2rem}.name-form-wrapper{max-width:100%}}.month-navigation{display:flex;align-items:center;justify-content:space-between;padding:1.125rem 0;margin-bottom:1.125rem}.month-title{font-size:clamp(1.125rem,3vw,1.5rem);font-weight:700;color:var(--color-text);text-align:center;min-width:150px}.nav-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:var(--color-bg-light);border:2px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);font-size:1.125rem;cursor:pointer;transition:all var(--transition-normal)}.nav-button:hover{background-color:var(--color-hover);border-color:var(--color-primary);color:var(--color-primary)}.day-cell{position:relative;aspect-ratio:1;min-height:39.375px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.281rem;background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none}.day-cell.other-month{opacity:.3;cursor:default;pointer-events:none}.day-cell.current-month:hover{background-color:var(--color-hover);border-color:var(--color-primary);box-shadow:var(--shadow-small)}.day-cell.today{border-color:var(--color-accent);background-color:#00d4aa1a}.day-cell.user-available{border-color:var(--color-primary);background-color:#00ff410d}.day-number{font-size:.633rem;font-weight:600;color:var(--color-text);margin-bottom:.141rem}.user-badges{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;align-items:center;margin-top:auto}.user-badge{width:7.5px;height:7.5px;border-radius:50%;box-shadow:0 1.5px 3px #0000004d}.user-indicator{position:absolute;top:6px;right:6px;width:6px;height:6px;background-color:var(--color-primary);border-radius:50%;box-shadow:0 0 6px var(--color-primary)}.day-cell.weekend{cursor:not-allowed;pointer-events:none;opacity:.5;background-color:#80808033}.day-cell.weekend.current-month{pointer-events:none}.weekend-x{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;font-weight:900;color:#f009;pointer-events:none;z-index:10;text-shadow:0 2px 4px rgba(0,0,0,.5)}.day-cell.blocked{cursor:not-allowed;pointer-events:none;opacity:.6;background-color:#ff00001a}.day-cell.blocked.current-month{pointer-events:none}.blocked-x{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;font-weight:900;color:#f00c;pointer-events:none;z-index:10;text-shadow:0 2px 4px rgba(0,0,0,.5)}.calendar-container{max-width:825px;margin:0 auto;padding:1.125rem;min-height:100vh}.calendar-content-wrapper{display:flex;align-items:flex-start;gap:1.5rem}.calendar-main{flex:1;max-width:675px}.calendar-header{text-align:center;margin-bottom:1.125rem}.calendar-title{font-size:clamp(.975rem,2.25vw,1.406rem);font-weight:700;color:var(--color-text);margin-bottom:.281rem}.calendar-subtitle{font-size:.633rem;color:var(--color-text-muted)}.calendar-grid-container{background-color:#1a1a1a80;border-radius:var(--border-radius);padding:.844rem;box-shadow:var(--shadow-medium)}.weekday-headers{display:grid;grid-template-columns:repeat(7,1fr);gap:.281rem;margin-bottom:.281rem}.weekday-header{text-align:center;font-size:.492rem;font-weight:600;color:var(--color-text-muted);padding:.281rem}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.281rem}.calendar-legend{margin-top:2rem;padding:1.5rem;background-color:#1a1a1a80;border-radius:var(--border-radius)}.legend-title{font-size:1.25rem;font-weight:600;color:var(--color-text);margin-bottom:1rem}.legend-items{display:flex;flex-wrap:wrap;gap:1rem}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-color{width:16px;height:16px;border-radius:50%}.legend-name{font-size:1rem;color:var(--color-text)}.calendar-save-section{display:flex;align-items:flex-start;padding-top:0;flex-shrink:0;margin-left:auto}.save-button{padding:.705rem 2.25rem;font-size:.844rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4.5px 14.25px #667eea66;letter-spacing:.5625px;white-space:nowrap}.save-button:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 9px 26px #667eea99}.save-button:active{transform:translateY(-1px) scale(1.01)}@media (max-width: 768px){.calendar-content-wrapper{flex-direction:column;gap:1.125rem}.calendar-save-section{width:100%;justify-content:center;margin-left:0}.save-button{padding:.5625rem 1.688rem;font-size:.75rem}}.celebration-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:flex-start;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);overflow-y:auto;overflow-x:hidden;z-index:1000;padding:2rem 0}.celebration-content-wrapper{width:100%;max-width:900px;position:relative;display:flex;flex-direction:column;align-items:center;padding:2rem}.celebration-title{position:relative;z-index:10;font-size:6rem;font-weight:900;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.3),0 0 40px rgba(255,255,255,.5);margin:2rem 0 4rem;line-height:1;pointer-events:none;text-align:center}.celebration-summary-content{position:relative;z-index:10;width:100%;background:#fff;border-radius:20px;padding:3rem;box-shadow:0 20px 60px #0000004d;margin-top:0}.celebration-summary-title{font-size:2.25rem;font-weight:800;color:#2d3748;margin:0 0 2rem;text-align:center}.explosion-particles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;pointer-events:none}.particle{position:absolute;font-size:1.5rem;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.explosion-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,#fffc,#fff0 70%);border:3px solid rgba(255,255,255,.6);pointer-events:none}@media (max-width: 768px){.celebration-title{font-size:3.75rem}.particle{font-size:1.125rem}}.all-voted-section{margin-top:2rem;margin-bottom:2rem;text-align:center}.all-voted-title{font-size:2rem;font-weight:800;color:#22c55e;margin:0;text-shadow:0 2px 4px rgba(34,197,94,.3)}@media (max-width: 480px){.celebration-title{font-size:3rem}.particle{font-size:.9rem}.all-voted-title{font-size:1.5rem}}.celebration-continue{margin-top:3rem;padding-top:2rem;display:flex;justify-content:center;align-items:center;width:100%}.summary-screen{min-height:100vh;width:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:2rem}.summary-container{max-width:900px;width:100%;background:#fff;border-radius:20px;padding:3rem;box-shadow:0 20px 60px #0000004d}.summary-header{margin-bottom:2rem}.summary-title{font-size:1.875rem;font-weight:800;color:#2d3748;margin:0 0 1.5rem}.summary-name-badge{display:inline-flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem 2rem;border-radius:50px;box-shadow:0 4px 15px #667eea66}.name-label{font-size:.75rem;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:1px}.name-value{font-size:1.125rem;font-weight:700;color:#fff}.summary-content{margin-top:2rem;display:flex;flex-direction:column;min-height:calc(100vh - 10rem)}.no-dates-message{text-align:center;padding:3rem;color:#718096;font-size:.825rem}.available-dates-section{margin-top:1rem}.section-title{font-size:1.125rem;font-weight:700;color:#2d3748;margin-bottom:1.5rem}.month-group{margin-bottom:2rem}.month-header{font-size:.9rem;font-weight:700;color:#4a5568;margin-bottom:1rem;text-transform:capitalize}.dates-row{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem;background:#f7fafc;border-radius:12px;border:2px solid #e2e8f0}.user-name-cell{min-width:120px;font-size:.825rem;font-weight:600;color:#2d3748;padding:.5rem 1rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d}.date-boxes{display:flex;flex-wrap:wrap;gap:.5rem;flex:1}.date-box{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d}.date-box:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea80}.date-day{font-size:.9rem;font-weight:700;color:#fff}.summary-stats{margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,#667eea15,#764ba215);border-radius:12px;text-align:center}.stats-text{font-size:.9rem;color:#4a5568;margin:0}.stats-text strong{color:#667eea;font-weight:800}.summary-footer{margin-top:2rem;text-align:center}.back-button{padding:1rem 3rem;font-size:.825rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.back-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.participants-section{margin-top:2rem;margin-bottom:2rem}.participants-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:flex-start}.participant-entry{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:1.5rem;padding:1rem 1.5rem;background:#f7fafc;border-radius:12px;border:2px solid #e2e8f0;transition:all .3s ease;min-width:200px;flex:1 1 auto;max-width:400px;flex-wrap:wrap}.participant-entry:hover{background:#edf2f7;border-color:#cbd5e0;transform:translate(5px)}.participant-info{display:flex;flex-direction:row;gap:1.5rem;align-items:center}.participant-name-wrapper{display:flex;flex-direction:row;align-items:center;gap:1rem;flex-wrap:wrap}.participant-name{font-size:.825rem;font-weight:600;color:#2d3748;white-space:nowrap}.participant-vote-status{font-size:.7rem;color:#718096;font-weight:400;white-space:nowrap;font-style:italic}.participant-entry-time{font-size:.7rem;color:#718096;font-weight:400;white-space:nowrap}.participant-date{font-size:.75rem;color:#4a5568;font-weight:500;white-space:nowrap}.common-dates-section{margin-top:auto;padding-top:3rem}.summary-continue{margin-top:3rem;padding-top:2rem;display:flex;justify-content:center;align-items:center}.continue-button{padding:1rem 3rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.continue-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.continue-button:active{transform:translateY(0)}.no-common-dates{text-align:center;padding:2rem;color:#718096;font-size:.825rem;font-style:italic}.availability-timeline-section{margin-top:3rem;padding-top:2rem;border-top:2px solid #e2e8f0}.timeline-container{display:flex;flex-direction:column;gap:2rem}.timeline-month-group{display:flex;flex-direction:column;gap:1rem}.timeline-bars{display:flex;flex-wrap:nowrap;gap:.25rem;align-items:flex-end;min-height:150px;padding:1rem;background:#f7fafc;border-radius:12px;border:2px solid #e2e8f0;overflow-x:auto}.timeline-bar-wrapper{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex-shrink:0;min-width:20px;max-width:30px}.timeline-bar{width:100%;min-height:20px;background:linear-gradient(180deg,#22c55e,#16a34a);border-radius:4px 4px 0 0;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s ease;box-shadow:0 2px 4px #22c55e4d}.timeline-bar:hover{transform:translateY(-2px);box-shadow:0 4px 8px #22c55e80}.timeline-bar-value{font-size:.7rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.timeline-day-label{font-size:.65rem;font-weight:600;color:#4a5568;text-align:center}.timeline-legend{margin-top:1rem;text-align:center;font-size:.75rem;color:#718096;font-style:italic}@media (max-width: 768px){.summary-container{padding:2rem 1.5rem}.summary-title{font-size:1.5rem}.summary-name-badge{flex-direction:column;gap:.5rem;padding:1rem 1.5rem}.name-value{font-size:.9rem}.dates-row{flex-direction:column;align-items:stretch}.user-name-cell{text-align:center;min-width:unset}.date-boxes{justify-content:center}.date-box{width:45px;height:45px}.date-day{font-size:.75rem}.participant-entry{flex-direction:column;align-items:flex-start;gap:.5rem}.participant-date{font-size:.675rem}.timeline-bars{min-height:120px;gap:.15rem}.timeline-bar-wrapper{min-width:15px;max-width:20px}.timeline-bar-value,.timeline-day-label{font-size:.6rem}.timeline-legend{font-size:.7rem}}.special-guest-message-container{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2)}.special-guest-message-content{background:#fff;padding:3rem;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:800px;text-align:center}.special-guest-text{font-size:1.8rem;font-weight:600;color:#333;line-height:1.6;margin:0 0 2rem}.back-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2.5rem;font-size:1.2rem;font-weight:600;border-radius:12px;cursor:pointer;box-shadow:0 4px 15px #667eea66;transition:all .3s ease;margin-top:1rem}.back-button:hover{box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.back-button:active{transform:translateY(0)}@media (max-width: 768px){.special-guest-message-content{padding:2rem}.special-guest-text{font-size:1.4rem}}.status-overview{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background:linear-gradient(135deg,#0a0a0a,#1a1a1a)}.status-title{color:#fff;font-size:1.8rem;margin-bottom:2rem;text-align:center}.calendars-container{display:flex;gap:2rem;margin-bottom:1.5rem;flex-wrap:wrap;justify-content:center}.mini-calendar{background:#1e1e1ecc;border-radius:12px;padding:1rem;border:1px solid rgba(255,255,255,.1)}.month-title{color:#fff;font-size:1.2rem;text-align:center;margin-bottom:.75rem}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.weekday-header{color:#888;font-size:.75rem;text-align:center;padding:.25rem;font-weight:600}.calendar-day{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:#ccc;border-radius:4px;background:#32323280}.calendar-day.other-month{color:#555;background:#1e1e1e4d}.calendar-day.available{background:linear-gradient(135deg,#00c853,#00e676);color:#000;font-weight:600}.calendar-day.blocked{background:#f003;position:relative}.calendar-day .blocked-x{position:absolute;color:#f00c;font-size:.9rem;font-weight:900}.calendar-hint{color:#888;font-size:.9rem;text-align:center;margin-bottom:2rem}.action-buttons{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:350px}.action-button{padding:1rem 2rem;font-size:1.1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.back-button{background:linear-gradient(135deg,#424242,#616161);color:#fff}.back-button:hover{background:linear-gradient(135deg,#616161,#757575);box-shadow:0 0 15px #fff3}.finish-button{background:linear-gradient(135deg,#00c853,#00e676);color:#000}.finish-button:hover{box-shadow:0 0 20px #00c85380}@media (max-width: 600px){.status-title{font-size:1.4rem}.calendars-container{flex-direction:column;gap:1.5rem}.action-buttons{max-width:100%}}.thank-you-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#0a0a0a);overflow:hidden}.confetti-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.confetti{position:absolute;top:-20px;border-radius:2px}.thank-you-content{text-align:center;z-index:10}.thank-you-title{font-size:5rem;font-weight:900;color:#0f0;text-shadow:0 0 20px rgba(0,255,0,.8),0 0 40px rgba(0,255,0,.6),0 0 60px rgba(0,255,0,.4),0 0 80px rgba(0,255,0,.2);margin:0;letter-spacing:.1em}.thank-you-subtitle{font-size:2.5rem;font-weight:600;color:#fff;margin-top:1rem;text-shadow:0 0 10px rgba(255,255,255,.5),0 0 20px rgba(255,255,255,.3)}.thank-you-emoji{font-size:6rem;margin-top:2rem;filter:drop-shadow(0 0 20px rgba(255,255,0,.5))}.glow-effect{position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(0,255,0,.3) 0%,transparent 70%);border-radius:50%;pointer-events:none}@media (max-width: 768px){.thank-you-title{font-size:3rem}.thank-you-subtitle{font-size:1.5rem}.thank-you-emoji{font-size:4rem}.glow-effect{width:250px;height:250px}}.app{min-height:100vh;position:relative}.title-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a0a,#1a1a1a)}.main-title{font-size:clamp(3rem,10vw,6rem);font-weight:700;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;letter-spacing:-.02em;animation:fadeInUp 1s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.error-notification{position:fixed;bottom:2rem;right:2rem;background-color:#ff6b6b;color:#fff;padding:1rem 1.5rem;border-radius:var(--border-radius);box-shadow:var(--shadow-large);display:flex;align-items:center;gap:1rem;z-index:1000;max-width:400px}.error-notification p{margin:0;font-size:.875rem;font-weight:500}.error-notification button{background:none;border:none;color:#fff;font-size:1.25rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color var(--transition-fast)}.error-notification button:hover{background-color:#fff3}.loading-indicator{position:fixed;top:1rem;right:1rem;z-index:999}.spinner{width:32px;height:32px;border:3px solid rgba(0,254,65,.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.error-notification{bottom:1rem;right:1rem;left:1rem;max-width:none}}*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #0a0a0a;--color-bg-light: #1a1a1a;--color-text: #ffffff;--color-text-muted: #888888;--color-primary: #00ff41;--color-secondary: #0f0;--color-accent: #00d4aa;--color-border: #333333;--color-hover: #252525;--font-main: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--border-radius: 8px;--shadow-small: 0 2px 8px rgba(0, 0, 0, .3);--shadow-medium: 0 4px 16px rgba(0, 0, 0, .4);--shadow-large: 0 8px 32px rgba(0, 0, 0, .5)}body{margin:0;padding:0;font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}