:root{--primary-orange:#ff6b35;--secondary-orange:#ff8c42;--light-orange:#ffb685;--dark-orange:#cc4125;--background:#fff3f0;--surface:#fff;--text-primary:#2c1810;--text-secondary:#5a453a;--success:#4caf50;--warning:#ff9800;--error:#f44336;--border:#e0e0e0;--shadow:#00000014;--shadow-hover:#0000001f;--shadow-active:#00000029;--border-radius:12px;--border-radius-large:16px;--border-radius-small:8px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff3f0;background-color:var(--background);color:#2c1810;color:var(--text-primary);font-family:Inter,Segoe UI,Roboto,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}.modern-button,.pixel-button,.pixel-button-primary{align-items:center;background:#ff6b35;background:var(--primary-orange);border:none;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 2px 8px #ff6b3533;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;gap:var(--spacing-sm);justify-content:center;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.modern-button:hover,.pixel-button-primary:hover,.pixel-button:hover{background:#ff8c42;background:var(--secondary-orange);box-shadow:0 4px 12px #ff6b354d;transform:translateY(-1px)}.modern-button:active,.pixel-button-primary:active,.pixel-button:active{box-shadow:0 2px 6px #ff6b3540;transform:translateY(0)}.modern-button:disabled,.pixel-button-primary:disabled,.pixel-button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.modern-button-secondary,.pixel-button-secondary{align-items:center;background:#fff;background:var(--surface);border:1px solid #e0e0e0;border:1px solid var(--border);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 1px 3px #00000014;box-shadow:0 1px 3px var(--shadow);color:#ff6b35;color:var(--primary-orange);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;gap:var(--spacing-sm);justify-content:center;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.modern-button-secondary:hover,.pixel-button-secondary:hover{background:#fff3f0;background:var(--background);border-color:#ff6b35;border-color:var(--primary-orange);box-shadow:0 2px 8px #0000001f;box-shadow:0 2px 8px var(--shadow-hover);transform:translateY(-1px)}.modern-button-secondary:active,.pixel-button-secondary:active{box-shadow:0 1px 2px #00000014;box-shadow:0 1px 2px var(--shadow);transform:translateY(0)}.modern-button-secondary:disabled,.pixel-button-secondary:disabled{background:#f5f5f5;border-color:#ddd;box-shadow:none;color:#999;cursor:not-allowed;opacity:.6;transform:none}.modern-input,.pixel-input{background:#fff;background:var(--surface);border:1px solid #e0e0e0;border:1px solid var(--border);border-radius:12px;border-radius:var(--border-radius);color:#2c1810;color:var(--text-primary);font-family:inherit;font-size:16px;padding:16px;padding:var(--spacing-md);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.modern-input:focus,.pixel-input:focus{border-color:#ff6b35;border-color:var(--primary-orange);box-shadow:0 0 0 3px #ff6b351a;outline:none}.modern-input::placeholder,.pixel-input::placeholder{color:#999;font-style:italic;opacity:1}.modern-input::-webkit-input-placeholder,.pixel-input::-webkit-input-placeholder{color:#999;font-style:italic;opacity:1}.modern-input::-moz-placeholder,.pixel-input::-moz-placeholder{color:#999;font-style:italic;opacity:1}.error.pixel-input,.modern-input.error{border-color:#f44336;border-color:var(--error);box-shadow:0 0 0 3px #f443361a}.modern-card,.pixel-card{background:#fff;background:var(--surface);border:1px solid #e0e0e0;border:1px solid var(--border);border-radius:16px;border-radius:var(--border-radius-large);box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--shadow);margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:24px;padding:var(--spacing-lg);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.modern-card:hover,.pixel-card:hover{box-shadow:0 4px 16px #0000001f;box-shadow:0 4px 16px var(--shadow-hover);transform:translateY(-2px)}.modern-tile,.pixel-tile{align-items:center;background:#fff;background:var(--surface);border:1px solid #e0e0e0;border:1px solid var(--border);border-radius:12px;border-radius:var(--border-radius);cursor:pointer;display:flex;font-size:12px;font-weight:600;height:60px;justify-content:center;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:60px}.completed.pixel-tile,.modern-tile.completed{background:linear-gradient(135deg,#4caf50,#4caf50);background:linear-gradient(135deg,var(--success) 0,#4caf50 100%);border-color:#388e3c;box-shadow:0 2px 8px #4caf504d;color:#fff}.modern-tile.partial,.partial.pixel-tile{background:linear-gradient(135deg,#ff9800,#ff9800);background:linear-gradient(135deg,var(--warning) 0,#ff9800 100%);border-color:#f57c00;box-shadow:0 2px 8px #ff98004d;color:#fff}.empty.pixel-tile,.modern-tile.empty{background:#fff;background:var(--surface);border-color:#e0e0e0;border-color:var(--border);color:#5a453a;color:var(--text-secondary)}.current.pixel-tile,.modern-tile.current{animation:modern-pulse 2s infinite;border-color:#ff6b35;border-color:var(--primary-orange);border-width:2px;box-shadow:0 0 0 2px #ff6b3533}.future.pixel-tile,.modern-tile.future{background:#f8f9fa;border-color:#e9ecef;color:#adb5bd;cursor:not-allowed}.modern-tile:hover:not(.future),.pixel-tile:hover:not(.future){box-shadow:0 4px 12px #0000001f;box-shadow:0 4px 12px var(--shadow-hover);transform:translateY(-2px) scale(1.02);z-index:10}.modern-tile.small,.small.pixel-tile{font-size:8px;height:20px;width:20px}@keyframes modern-pulse{0%,to{box-shadow:0 0 0 2px #ff6b3533}50%{box-shadow:0 0 0 4px #ff6b3566}}@keyframes pulse{0%,to{border-color:#ff6b35;border-color:var(--primary-orange)}50%{border-color:#ff8c42;border-color:var(--secondary-orange)}}.loading-spinner,.modern-spinner{animation:spin 1s linear infinite;border:2px solid #e0e0e0;border-top:2px solid #ff6b35;border:2px solid var(--border);border-radius:50%;border-top-color:var(--primary-orange);height:24px;margin:24px auto;margin:var(--spacing-lg) auto;width:24px}.container{margin:0 auto;max-width:1200px;padding:0 20px}.grid{grid-gap:20px;display:grid;gap:20px}.grid.cols-1{grid-template-columns:1fr}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.grid.cols-auto{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.flex{display:flex}.flex.center{align-items:center;justify-content:center}.flex.between{justify-content:space-between}.flex.column{flex-direction:column}.flex.wrap{flex-wrap:wrap}@media(max-width:768px){.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}.pixel-tile{font-size:10px;height:50px;width:50px}.pixel-button{font-size:12px;padding:10px 16px}}.logo.modern-logo{gap:var(--spacing-md)}.logo.modern-logo,.logo.modern-logo .logo-container{align-items:center;display:flex;flex-direction:column}.logo.modern-logo .leaf-modern{align-items:center;display:flex;justify-content:center}.logo.modern-logo .leaf-modern .leaf-svg{height:60px;transition:var(--transition);width:48px}.logo.modern-logo .leaf-modern .leaf-svg .leaf-body{filter:drop-shadow(0 2px 4px rgba(255,107,53,.3))}.logo.modern-logo .leaf-modern .leaf-svg .leaf-main-vein{filter:drop-shadow(0 1px 2px rgba(255,107,53,.4))}.logo.modern-logo .leaf-modern .leaf-svg .leaf-vein{filter:drop-shadow(0 .5px 1px rgba(255,107,53,.2))}.logo.modern-logo .leaf-modern .leaf-svg .leaf-stem{filter:drop-shadow(0 1px 2px rgba(255,107,53,.2))}.logo.modern-logo .logo-text{color:var(--text-primary);text-align:center}.logo.modern-logo .logo-text h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-orange) 0,var(--secondary-orange) 100%);-webkit-background-clip:text;background-clip:text;color:var(--primary-orange);font-family:inherit;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0}.logo.modern-logo .logo-text span{color:var(--text-secondary);font-family:inherit;font-size:14px;font-weight:500;letter-spacing:.5px}.logo.modern-logo.small .leaf-svg{height:40px;width:32px}.logo.modern-logo.small .logo-text h1{font-size:18px}.logo.modern-logo.small .logo-text span{font-size:12px}.logo.modern-logo.medium .leaf-svg{height:50px;width:40px}.logo.modern-logo.medium .logo-text h1{font-size:24px}.logo.modern-logo.medium .logo-text span{font-size:13px}.logo.modern-logo.large .leaf-svg{height:70px;width:56px}.logo.modern-logo.large .logo-text h1{font-size:32px}.logo.modern-logo.large .logo-text span{font-size:16px}.logo.modern-logo.animated .leaf-svg{animation:gentle-sway 4s ease-in-out infinite}@keyframes gentle-sway{0%,to{filter:brightness(1) hue-rotate(0deg);transform:rotate(0deg) scale(1)}25%{filter:brightness(1.05) hue-rotate(5deg);transform:rotate(2deg) scale(1.01)}50%{filter:brightness(.98) hue-rotate(-3deg);transform:rotate(-1deg) scale(.99)}75%{filter:brightness(1.02) hue-rotate(2deg);transform:rotate(1.5deg) scale(1.005)}}.splash-screen{align-items:center;background:linear-gradient(135deg,var(--background) 0,#ffb6854d 50%,var(--light-orange) 100%);display:flex;height:100vh;justify-content:center;left:0;opacity:0;overflow:hidden;position:fixed;top:0;transition:opacity .6s cubic-bezier(.4,0,.2,1);width:100vw;z-index:9999}.splash-screen.fade-in{opacity:1}.splash-screen .splash-content{animation:modern-slideUp 1.2s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:var(--border-radius-large);box-shadow:0 8px 32px #0000001a;padding:var(--spacing-xl);position:relative;text-align:center;z-index:2}.splash-screen .loading-area{margin:var(--spacing-xl) 0}.splash-screen .loading-area .loading-text{margin-bottom:var(--spacing-lg)}.splash-screen .loading-area .loading-text span{animation:modern-pulse-text 2s infinite;color:var(--text-primary);font-family:inherit;font-size:16px;font-weight:500;letter-spacing:.5px}.splash-screen .loading-area .loading-bar{background:#ffffff4d;border-radius:2px;box-shadow:inset 0 1px 3px #0000001a;height:4px;margin:0 auto;overflow:hidden;width:240px}.splash-screen .loading-area .loading-bar .loading-progress{animation:modern-loading 2.5s ease-in-out infinite;background:linear-gradient(90deg,var(--primary-orange) 0,var(--secondary-orange) 100%);border-radius:2px;box-shadow:0 0 8px #ff6b3566;height:100%;width:0}.splash-screen .tagline{margin-top:var(--spacing-lg)}.splash-screen .tagline p{animation:modern-fadeInUp 1.8s cubic-bezier(.4,0,.2,1) .6s both;color:var(--text-secondary);font-family:inherit;font-size:15px;font-weight:400;line-height:1.5;margin:0}.splash-screen .particles{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.splash-screen .particles .particle{animation:modern-float 8s ease-in-out infinite;background:var(--primary-orange);border-radius:50%;box-shadow:0 0 12px #ff6b3566;height:12px;position:absolute;width:12px}.splash-screen .particles .particle.particle-1{animation-delay:0s;background:linear-gradient(135deg,var(--primary-orange) 0,var(--secondary-orange) 100%);left:10%;top:20%}.splash-screen .particles .particle.particle-2{animation-delay:1s;background:linear-gradient(135deg,var(--secondary-orange) 0,var(--light-orange) 100%);height:8px;right:15%;top:30%;width:8px}.splash-screen .particles .particle.particle-3{animation-delay:2s;background:linear-gradient(135deg,var(--light-orange) 0,var(--primary-orange) 100%);bottom:40%;height:6px;left:20%;width:6px}.splash-screen .particles .particle.particle-4{animation-delay:3s;background:linear-gradient(135deg,var(--primary-orange) 0,var(--dark-orange) 100%);bottom:20%;height:10px;right:25%;width:10px}.splash-screen .particles .particle.particle-5{animation-delay:4s;background:linear-gradient(135deg,var(--secondary-orange) 0,var(--primary-orange) 100%);height:7px;left:5%;top:60%;width:7px}.splash-screen .particles .particle.particle-6{animation-delay:1.5s;background:linear-gradient(135deg,var(--light-orange) 0,var(--secondary-orange) 100%);height:9px;left:60%;top:15%;width:9px}.splash-screen .particles .particle.particle-7{animation-delay:2.5s;background:linear-gradient(135deg,var(--primary-orange) 0,var(--light-orange) 100%);bottom:60%;height:11px;right:10%;width:11px}.splash-screen .particles .particle.particle-8{animation-delay:3.5s;background:linear-gradient(135deg,var(--secondary-orange) 0,var(--dark-orange) 100%);bottom:80%;height:5px;left:40%;width:5px}@keyframes modern-slideUp{0%{opacity:0;transform:translateY(60px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modern-pulse-text{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.02)}}@keyframes modern-loading{0%{transform:translateX(-100%);width:0}50%{transform:translateX(0);width:70%}to{transform:translateX(0);width:100%}}@keyframes modern-fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes modern-float{0%,to{opacity:.8;transform:translateY(0) rotate(0deg) scale(1)}25%{opacity:1;transform:translateY(-15px) rotate(90deg) scale(1.1)}50%{opacity:.9;transform:translateY(-25px) rotate(180deg) scale(.9)}75%{opacity:.7;transform:translateY(5px) rotate(270deg) scale(1.05)}}@media(max-width:768px){.splash-screen .splash-content{margin:0 var(--spacing-md);padding:var(--spacing-lg)}.splash-screen .loading-area{margin:var(--spacing-lg) 0}.splash-screen .loading-area .loading-text span{font-size:14px}.splash-screen .loading-area .loading-bar{width:200px}.splash-screen .tagline p{font-size:14px;padding:0 var(--spacing-md)}.splash-screen .particles .particle.particle-1,.splash-screen .particles .particle.particle-4,.splash-screen .particles .particle.particle-7{height:8px;width:8px}.splash-screen .particles .particle.particle-2,.splash-screen .particles .particle.particle-5,.splash-screen .particles .particle.particle-6{height:6px;width:6px}.splash-screen .particles .particle.particle-3,.splash-screen .particles .particle.particle-8{height:4px;width:4px}}.auth-screen{align-items:center;background:linear-gradient(135deg,var(--background) 0,#ffb6854d 50%,var(--light-orange) 100%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--spacing-lg);position:relative}.auth-screen:before{animation:rotate 20s linear infinite;background:radial-gradient(circle,#ff6b351a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.auth-screen .auth-container{animation:modern-slideIn .8s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface);border:1px solid #fff3;border-radius:var(--border-radius-large);box-shadow:0 8px 32px #0000001a;max-width:420px;padding:var(--spacing-xl);position:relative;width:100%;z-index:2}.auth-screen .auth-header{margin-bottom:var(--spacing-xl);text-align:center}.auth-screen .auth-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-orange) 0,var(--secondary-orange) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-family:inherit;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:var(--spacing-lg) 0 var(--spacing-md) 0}.auth-screen .auth-header p{color:var(--text-secondary);font-family:inherit;font-size:15px;font-weight:400;line-height:1.5;margin:0}.auth-screen .auth-form .form-group{margin-bottom:var(--spacing-lg)}.auth-screen .auth-form .form-group label{color:var(--text-primary);display:block;font-family:inherit;font-size:14px;font-weight:600;letter-spacing:.3px;margin-bottom:var(--spacing-sm)}.auth-screen .auth-form .form-group .pixel-input{width:100%}.auth-screen .auth-form .form-group .pixel-input.error{border-color:var(--error);box-shadow:0 0 0 3px #f443361a}.auth-screen .auth-form .form-group .error-message{color:var(--error);display:block;font-family:inherit;font-size:13px;font-weight:500;margin-top:var(--spacing-xs)}.auth-screen .auth-form .form-group .error-message.general-error{background:#f4433614;border:1px solid #f443364d;border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);text-align:center}.auth-screen .auth-form .auth-button{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-md);width:100%}.auth-screen .auth-form .auth-button .loading-spinner{height:18px;margin:0;width:18px}.auth-screen .auth-footer{margin-top:var(--spacing-xl);text-align:center}.auth-screen .auth-footer p{color:var(--text-secondary);font-family:inherit;font-size:14px;font-weight:400;margin-bottom:var(--spacing-md)}.auth-screen .auth-footer .link-button{background:none;border:none;border-radius:var(--border-radius-small);color:var(--primary-orange);cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;margin-left:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);text-decoration:none;transition:var(--transition)}.auth-screen .auth-footer .link-button:hover{background:#ff6b3514;color:var(--secondary-orange)}.auth-screen .auth-footer .link-button.forgot-password{color:var(--text-secondary);font-size:13px;margin-left:0}.auth-screen .auth-footer .link-button.forgot-password:hover{background:#ff6b350d;color:var(--primary-orange)}@media(max-width:768px){.auth-screen{padding:var(--spacing-md)}.auth-screen .auth-container{max-width:100%;padding:var(--spacing-lg)}.auth-screen .auth-header{margin-bottom:var(--spacing-lg)}.auth-screen .auth-header h1{font-size:24px}.auth-screen .auth-header p{font-size:14px}.auth-screen .auth-form .form-group{margin-bottom:var(--spacing-md)}.auth-screen .auth-form .form-group label{font-size:13px}}.modal-overlay .modal-content{max-width:640px}.modal-overlay .modal-form{padding:var(--spacing-xl)}.modal-overlay .modal-form .form-row{margin-bottom:var(--spacing-lg)}.modal-overlay .modal-form .form-row.cols-2{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr}.modal-overlay .modal-form .form-group label{color:var(--text-primary);display:block;font-family:inherit;font-size:14px;font-weight:600;letter-spacing:.3px;margin-bottom:var(--spacing-sm)}.modal-overlay .modal-form .form-group .pixel-input{width:100%}.modal-overlay .modal-form .form-group .pixel-input.error{border-color:var(--error);box-shadow:0 0 0 3px #f443361a}.modal-overlay .modal-form .form-group textarea.pixel-input{font-family:inherit;line-height:1.5;min-height:90px;resize:vertical}.modal-overlay .modal-form .form-group .error-message{color:var(--error);display:block;font-family:inherit;font-size:13px;font-weight:500;margin-top:var(--spacing-xs)}.modal-overlay .modal-form .form-group .error-message.general-error{align-items:center;background:#f4433614;border:1px solid #f443364d;border-radius:var(--border-radius);display:flex;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-md);text-align:center}.modal-overlay .modal-form .form-group .error-message.general-error:before{color:var(--error);content:"⚠";font-size:16px}.modal-overlay .modal-form .form-group .help-text{color:var(--text-secondary);font-size:13px;line-height:1.4;margin-top:var(--spacing-xs)}.modal-overlay .modal-form .form-group .checkbox-group{align-items:flex-start;display:flex;gap:var(--spacing-sm)}.modal-overlay .modal-form .form-group .checkbox-group input[type=checkbox]{accent-color:var(--primary-orange);height:18px;margin:2px 0 0;width:18px}.modal-overlay .modal-form .form-group .checkbox-group label{cursor:pointer;line-height:1.4;margin-bottom:0}.modal-overlay .modal-form .info-box{background:#ff6b3514;border:1px solid #ff6b3533;border-radius:var(--border-radius);color:var(--text-primary);font-size:14px;line-height:1.4;padding:var(--spacing-md)}.modal-overlay .modal-form .info-box strong{color:var(--primary-orange)}.modal-overlay .modal-form .modal-actions{border-top:1px solid #e0e0e04d;display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg)}.modal-overlay .modal-form .modal-actions button{align-items:center;display:flex;font-weight:600;justify-content:center;min-width:140px}.modal-overlay .modal-form .modal-actions button .loading-spinner{height:18px;margin:0;width:18px}@media(max-width:768px){.modal-overlay{padding:var(--spacing-md)}.modal-overlay .modal-content{max-height:95vh}.modal-overlay .modal-header{padding:var(--spacing-md) var(--spacing-lg)}.modal-overlay .modal-header h2{font-size:20px}.modal-overlay .modal-form{padding:var(--spacing-lg)}.modal-overlay .modal-form .form-row.cols-2{gap:var(--spacing-md);grid-template-columns:1fr}.modal-overlay .modal-form .modal-actions{flex-direction:column;gap:var(--spacing-sm)}.modal-overlay .modal-form .modal-actions button{width:100%}}.checkbox-group .checkbox-label{align-items:flex-start;border-radius:var(--border-radius);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);transition:background-color .2s ease}.checkbox-group .checkbox-label:hover{background-color:#ffffff0d}.checkbox-group .checkbox-label .checkbox-input{display:none}.checkbox-group .checkbox-label .checkbox-input:checked+.checkbox-custom{background-color:var(--primary);border-color:var(--primary)}.checkbox-group .checkbox-label .checkbox-input:checked+.checkbox-custom:after{opacity:1;transform:scale(1)}.checkbox-group .checkbox-label .checkbox-custom{background-color:#0000;border:2px solid var(--border-color);border-radius:4px;flex-shrink:0;height:20px;margin-top:2px;position:relative;transition:all .2s ease;width:20px}.checkbox-group .checkbox-label .checkbox-custom:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:all .2s ease}.checkbox-group .checkbox-label .checkbox-text{color:var(--text-primary);font-size:14px;line-height:1.4}.checkbox-group .checkbox-label .checkbox-text .help-text{color:var(--text-secondary);display:block;font-size:12px;margin-top:4px}.header-menu{position:relative}.header-menu .menu-trigger{align-items:center;background:none;border:none;border-radius:6px;color:inherit;cursor:pointer;display:flex;font-family:inherit;font-size:14px;gap:8px;padding:8px 12px;position:relative;transition:background-color .2s ease}.header-menu .menu-trigger:hover{background-color:#ffffff1a}.header-menu .menu-trigger.active{background-color:#ffffff26}.header-menu .menu-trigger .notification-badge{align-items:center;background-color:#ff6b6b;border-radius:10px;color:#fff;display:flex;font-size:11px;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:2px 6px}.header-menu .menu-trigger .dropdown-icon{transition:transform .2s ease}.header-menu .menu-trigger.active .dropdown-icon{transform:rotate(180deg)}.header-menu .menu-dropdown{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:4px;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.header-menu .menu-dropdown .menu-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-family:inherit;font-size:14px;justify-content:space-between;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.header-menu .menu-dropdown .menu-item:hover{background-color:#f5f5f5}.header-menu .menu-dropdown .menu-item.logout-item{border-top:1px solid #eee;color:#666}.header-menu .menu-dropdown .menu-item.logout-item:hover{background-color:#fef2f2;color:#dc2626}.header-menu .menu-dropdown .menu-item .menu-item-text{flex:1 1}.header-menu .menu-dropdown .menu-item .menu-notification{align-items:center;background-color:#3b82f6;border-radius:10px;color:#fff;display:flex;font-size:11px;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:2px 6px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-dropdown{animation:slideDown .2s ease-out}.modal-overlay{background-color:#000000b3;bottom:0;right:0;z-index:2000}.inbox-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.inbox-modal .modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.inbox-modal .modal-header h2{color:#1e293b;font-size:20px;font-weight:600;margin:0}.inbox-modal .modal-header .close-button{background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;padding:4px;transition:all .2s ease}.inbox-modal .modal-header .close-button:hover{background-color:#e2e8f0;color:#1e293b}.inbox-modal .modal-header .close-button svg{height:20px;width:20px}.inbox-modal .modal-content{flex:1 1;overflow-y:auto;padding:0}.inbox-modal .modal-content .empty-state,.inbox-modal .modal-content .error-state,.inbox-modal .modal-content .loading-state{color:#64748b;padding:40px 24px;text-align:center}.inbox-modal .modal-content .empty-state .spinner,.inbox-modal .modal-content .error-state .spinner,.inbox-modal .modal-content .loading-state .spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:32px;margin:0 auto 16px;width:32px}.inbox-modal .modal-content .empty-state p,.inbox-modal .modal-content .error-state p,.inbox-modal .modal-content .loading-state p{font-size:16px;margin:0}.inbox-modal .modal-content .empty-state button,.inbox-modal .modal-content .error-state button,.inbox-modal .modal-content .loading-state button{margin-top:16px}.inbox-modal .modal-content .invitations-list{padding:16px 24px 24px}.inbox-modal .modal-content .invitations-list .invitation-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;padding:20px;transition:all .2s ease}.inbox-modal .modal-content .invitations-list .invitation-item:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000001a}.inbox-modal .modal-content .invitations-list .invitation-item:last-child{margin-bottom:0}.inbox-modal .modal-content .invitations-list .invitation-item .invitation-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.inbox-modal .modal-content .invitations-list .invitation-item .invitation-header h3{color:#1e293b;flex:1 1;font-size:18px;font-weight:600;margin:0}.inbox-modal .modal-content .invitations-list .invitation-item .invitation-header .status-badge{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase;white-space:nowrap}.inbox-modal .modal-content .invitations-list .invitation-item .invitation-header .status-badge.status-pending{background-color:#fef3c7;color:#d97706}.inbox-modal .modal-content .invitations-list .invitation-item .invitation-header .status-badge.status-accepted{background-color:#d1fae5;color:#059669}.inbox-modal .modal-content .invitations-list .invitation-item .invitation-header .status-badge.status-declined{background-color:#fee2e2;color:#dc2626}.inbox-modal .modal-content .invitations-list .invitation-item .invitation-details{margin-bottom:20px}.inbox-modal .modal-content .invitations-list .invitation-item .invitation-details p{color:#475569;font-size:14px;line-height:1.5;margin:0 0 8px}.inbox-modal .modal-content .invitations-list .invitation-item .invitation-details p:last-child{margin-bottom:0}.inbox-modal .modal-content .invitations-list .invitation-item .invitation-details p strong{color:#334155;font-weight:600}.inbox-modal .modal-content .invitations-list .invitation-item .invitation-actions{display:flex;flex-wrap:wrap;gap:12px}.inbox-modal .modal-content .invitations-list .invitation-item .invitation-actions button{border-radius:6px;flex:1 1;font-size:14px;font-weight:600;min-width:120px;padding:10px 16px;transition:all .2s ease}.inbox-modal .modal-content .invitations-list .invitation-item .invitation-actions button.accept-btn{background-color:#10b981;border:none;color:#fff}.inbox-modal .modal-content .invitations-list .invitation-item .invitation-actions button.accept-btn:hover{background-color:#059669;transform:translateY(-1px)}.inbox-modal .modal-content .invitations-list .invitation-item .invitation-actions button.accept-btn:active{transform:translateY(0)}.inbox-modal .modal-content .invitations-list .invitation-item .invitation-actions button.decline-btn{background-color:#f3f4f6;border:1px solid #d1d5db;color:#6b7280}.inbox-modal .modal-content .invitations-list .invitation-item .invitation-actions button.decline-btn:hover{background-color:#fee2e2;border-color:#fca5a5;color:#dc2626}@media(max-width:480px){.inbox-modal .modal-content .invitations-list .invitation-item .invitation-actions button{flex:1 1 100%;min-width:auto}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:768px){.inbox-modal{margin:20px;max-height:90vh;width:95%}.inbox-modal .modal-header{padding:16px 20px}.inbox-modal .modal-header h2{font-size:18px}.inbox-modal .modal-content .invitations-list{padding:12px 20px 20px}.inbox-modal .modal-content .invitations-list .invitation-item{padding:16px}.inbox-modal .modal-content .invitations-list .invitation-item .invitation-header{align-items:flex-start;flex-direction:column;gap:8px}.inbox-modal .modal-content .invitations-list .invitation-item .invitation-header h3{font-size:16px}.inbox-modal .modal-content .invitations-list .invitation-item .invitation-header .status-badge{align-self:flex-start}}.challenges-list{background:var(--background);min-height:100vh}.challenges-list.loading{align-items:center;display:flex;flex-direction:column;justify-content:center}.challenges-list.loading p{color:var(--text-secondary);font-family:inherit;font-weight:500;margin-top:var(--spacing-lg)}.challenges-list .page-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 2px 12px var(--shadow);padding:var(--spacing-lg) 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.challenges-list .page-header .header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 var(--spacing-lg)}.challenges-list .page-header .user-info{align-items:center;display:flex;gap:var(--spacing-md)}.challenges-list .page-header .user-info span{color:var(--text-primary);font-family:inherit;font-size:15px;font-weight:600}.challenges-list .page-header .user-info .logout-btn{font-size:13px;padding:var(--spacing-sm) var(--spacing-md)}.challenges-list .page-content{padding:var(--spacing-xl) 0}.challenges-list .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl)}.challenges-list .section-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-orange) 0,var(--secondary-orange) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-family:inherit;font-size:36px;font-weight:700;letter-spacing:-.5px;margin:0}.challenges-list .section-header .create-btn{box-shadow:0 2px 8px #ff6b354d;font-size:14px;padding:var(--spacing-md) var(--spacing-lg)}.challenges-list .error-message{background:#f4433614;border:1px solid #f443364d;border-radius:var(--border-radius);color:var(--error);font-family:inherit;font-weight:500;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);text-align:center}.challenges-list .error-message button{margin-top:var(--spacing-md)}.challenges-list .empty-state{align-items:center;display:flex;justify-content:center;min-height:400px}.challenges-list .empty-state .empty-content{background:var(--surface);border-radius:var(--border-radius-large);box-shadow:0 4px 16px var(--shadow);max-width:450px;padding:var(--spacing-xl);text-align:center}.challenges-list .empty-state .empty-content .empty-icon{font-size:72px;margin-bottom:var(--spacing-lg);opacity:.7}.challenges-list .empty-state .empty-content h2{color:var(--text-primary);font-family:inherit;font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:var(--spacing-md)}.challenges-list .empty-state .empty-content p{color:var(--text-secondary);font-family:inherit;font-size:15px;font-weight:400;line-height:1.6;margin-bottom:var(--spacing-xl)}.challenges-list .challenges-sections{display:flex;flex-direction:column;gap:var(--spacing-xl)}.challenges-list .challenges-section .section-title{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.challenges-list .challenges-section .section-title h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-orange) 0,var(--secondary-orange) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-family:inherit;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0}.challenges-list .challenges-section .section-title .count-badge{align-items:center;background:linear-gradient(135deg,var(--primary-orange) 0,var(--secondary-orange) 100%);border-radius:50px;box-shadow:0 2px 8px #ff6b354d;color:#fff;display:flex;font-family:inherit;font-size:14px;font-weight:700;height:32px;justify-content:center;min-width:32px;padding:var(--spacing-xs) var(--spacing-sm)}.challenges-list .challenges-section .empty-section{background:var(--surface);border-radius:var(--border-radius-large);box-shadow:0 4px 16px var(--shadow);opacity:.7;padding:var(--spacing-xl);text-align:center}.challenges-list .challenges-section .empty-section .empty-icon{font-size:48px;margin-bottom:var(--spacing-md);opacity:.6}.challenges-list .challenges-section .empty-section p{color:var(--text-secondary);font-family:inherit;font-size:15px;font-weight:500;margin:0}.challenges-list .challenges-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.challenges-list .challenge-card{cursor:pointer;overflow:hidden;position:relative;transition:var(--transition)}.challenges-list .challenge-card:hover{box-shadow:0 8px 24px var(--shadow-hover);transform:translateY(-6px)}.challenges-list .challenge-card.completed{opacity:.8}.challenges-list .challenge-card.completed:hover{opacity:1;transform:translateY(-3px)}.challenges-list .challenge-card.completed .challenge-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-secondary) 0,#9e9e9ecc 100%);-webkit-background-clip:text;background-clip:text}.challenges-list .challenge-card.completed .challenge-details .challenge-stats .stat{background:#9e9e9e1a}.challenges-list .challenge-card.completed .challenge-details .challenge-stats .stat .label,.challenges-list .challenge-card.completed .challenge-details .challenge-stats .stat .value{opacity:.8}.challenges-list .challenge-card.completed .challenge-details .challenge-dates{background:#9e9e9e0d;border-color:#9e9e9e1a;opacity:.8}.challenges-list .challenge-card .challenge-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.challenges-list .challenge-card .challenge-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-orange) 0,var(--secondary-orange) 100%);-webkit-background-clip:text;background-clip:text;color:var(--primary-orange);flex:1 1;font-family:inherit;font-size:20px;font-weight:700;line-height:1.3;margin:0;margin-right:var(--spacing-md)}.challenges-list .challenge-card .challenge-header .challenge-status{border:1px solid;border-radius:var(--border-radius-small);font-family:inherit;font-size:11px;font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);white-space:nowrap}.challenges-list .challenge-card .challenge-header .challenge-status.active{background:#ff6b351a;border-color:#ff6b3533;color:var(--text-secondary)}.challenges-list .challenge-card .challenge-header .challenge-status.completed{background:#9e9e9e1a;border-color:#9e9e9e33;color:var(--text-secondary)}.challenges-list .challenge-card .challenge-details{margin-bottom:var(--spacing-lg)}.challenges-list .challenge-card .challenge-details .challenge-stats{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-md)}.challenges-list .challenge-card .challenge-details .challenge-stats .stat{background:#ffffff80;border-radius:var(--border-radius-small);display:flex;font-family:inherit;font-size:13px;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-sm)}.challenges-list .challenge-card .challenge-details .challenge-stats .stat .label{color:var(--text-secondary);font-weight:500}.challenges-list .challenge-card .challenge-details .challenge-stats .stat .value{color:var(--text-primary);font-weight:600}.challenges-list .challenge-card .challenge-details .challenge-dates{background:#ff6b350d;border:1px solid #ff6b351a;border-radius:var(--border-radius-small);color:var(--text-secondary);font-family:inherit;font-size:12px;font-weight:500;padding:var(--spacing-sm);text-align:center}.challenges-list .challenge-card .challenge-footer{align-items:center;border-top:1px solid #e0e0e080;display:flex;justify-content:space-between;padding-top:var(--spacing-md)}.challenges-list .challenge-card .challenge-footer .creator{color:var(--text-secondary);font-family:inherit;font-size:13px;font-weight:500}.challenges-list .challenge-card .challenge-footer .participant-badge{background:linear-gradient(135deg,var(--success) 0,#4caf50 100%);border-radius:var(--border-radius-small);box-shadow:0 2px 4px #4caf504d;color:#fff;font-family:inherit;font-size:11px;font-weight:600;padding:var(--spacing-xs) var(--spacing-sm)}@media(max-width:768px){.challenges-list .page-header{padding:var(--spacing-md) 0}.challenges-list .page-header .header-content{gap:var(--spacing-md);padding:0 var(--spacing-md);text-align:center}.challenges-list .page-header .user-info{justify-content:center}.challenges-list .page-content{padding:var(--spacing-lg) 0}.challenges-list .container{padding:0 var(--spacing-md)}.challenges-list .section-header{gap:var(--spacing-lg);text-align:center}.challenges-list .section-header h1{font-size:28px}.challenges-list .challenges-section .section-title{align-items:center;gap:var(--spacing-md);justify-content:space-between;text-align:center}.challenges-list .challenges-section .section-title h2{font-size:24px}.challenges-list .challenges-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.challenges-list .challenge-card .challenge-header{align-items:flex-start;gap:var(--spacing-sm)}.challenges-list .challenge-card .challenge-details .challenge-stats{gap:var(--spacing-xs);grid-template-columns:1fr}.challenges-list .empty-state .empty-content{margin:0 var(--spacing-md);padding:var(--spacing-lg)}}.share-modal{max-width:640px;width:100%}.share-modal .modal-tabs{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex}.share-modal .modal-tabs .tab-btn{background:none;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;flex:1 1;font-family:inherit;font-size:14px;font-weight:600;padding:var(--spacing-md) var(--spacing-lg);transition:all .2s ease}.share-modal .modal-tabs .tab-btn:hover{background:var(--hover-light);color:var(--text-primary)}.share-modal .modal-tabs .tab-btn.active{background:#fff;border-bottom-color:var(--primary);color:var(--primary)}.share-modal .modal-body{max-height:70vh;overflow-y:auto;padding:var(--spacing-xl)}.share-modal .modal-body .success-message{align-items:center;background:#4caf5014;border:1px solid #4caf504d;border-radius:var(--border-radius);color:var(--success);display:flex;font-family:inherit;font-weight:600;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-md);text-align:center}.share-modal .modal-body .success-message:before{color:var(--success);content:"✓";font-size:16px}.share-modal .modal-body .error-message{align-items:center;background:#f4433614;border:1px solid #f443364d;border-radius:var(--border-radius);color:var(--error);display:flex;font-family:inherit;font-weight:600;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-md);text-align:center}.share-modal .modal-body .error-message:before{color:var(--error);content:"⚠";font-size:16px}.share-modal .modal-body .challenge-info{background:#ff6b350d;border:1px solid #ff6b3533;border-radius:var(--border-radius-large);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);position:relative}.share-modal .modal-body .challenge-info:before{background:linear-gradient(90deg,var(--primary-orange) 0,var(--secondary-orange) 100%);border-radius:var(--border-radius-large) var(--border-radius-large) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.share-modal .modal-body .challenge-info h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-orange) 0,var(--secondary-orange) 100%);-webkit-background-clip:text;background-clip:text;color:var(--primary-orange);font-family:inherit;font-size:18px;font-weight:700;margin:0 0 var(--spacing-sm) 0}.share-modal .modal-body .challenge-info p{color:var(--text-secondary);font-family:inherit;font-size:14px;font-weight:400;line-height:1.5;margin:0}.share-modal .invite-section,.share-modal .share-section{margin-bottom:var(--spacing-xl)}.share-modal .invite-section h4,.share-modal .share-section h4{align-items:center;color:var(--text-primary);display:flex;font-family:inherit;font-size:18px;font-weight:600;gap:var(--spacing-sm);margin:0 0 var(--spacing-md) 0}.share-modal .invite-section h4:before,.share-modal .share-section h4:before{background:linear-gradient(135deg,var(--primary-orange) 0,var(--secondary-orange) 100%);border-radius:2px;content:"";height:20px;width:4px}.share-modal .share-link{background:#ffffff80;border:1px solid #ff6b351a;border-radius:var(--border-radius);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.share-modal .share-link .pixel-input{background:var(--surface);border:1px solid #ff6b3533;flex:1 1;font-size:16px}.share-modal .share-link .copy-btn{border:1px solid #ff6b354d;font-size:13px;font-weight:600;padding:var(--spacing-md) var(--spacing-lg);white-space:nowrap}.share-modal .share-link .copy-btn:hover{background:#ff6b351a;border-color:var(--primary-orange)}.share-modal .share-note{color:var(--text-secondary);font-family:inherit;font-size:13px;font-style:italic;font-weight:400;margin:0;opacity:.8;text-align:center}.share-modal .search-input-container{position:relative}.share-modal .search-input-container .search-input{border:1px solid #ff6b3533;margin-bottom:var(--spacing-md);width:100%}.share-modal .search-input-container .search-input:focus{border-color:var(--primary-orange);box-shadow:0 0 0 3px #ff6b351a}.share-modal .search-input-container .search-loading{align-items:center;background:#ffffff80;border-radius:var(--border-radius);display:flex;justify-content:center;padding:var(--spacing-lg)}.share-modal .search-input-container .search-loading .loading-spinner{height:24px;width:24px}.share-modal .search-input-container .search-results{background:var(--surface);border:1px solid #ff6b3533;border-radius:var(--border-radius);box-shadow:0 4px 12px var(--shadow);max-height:240px;overflow-y:auto}.share-modal .search-input-container .search-results .user-result{align-items:center;border-bottom:1px solid #e0e0e080;display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);transition:var(--transition)}.share-modal .search-input-container .search-results .user-result:last-child{border-bottom:none}.share-modal .search-input-container .search-results .user-result:hover{background:#ff6b350d}.share-modal .search-input-container .search-results .user-result .user-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.share-modal .search-input-container .search-results .user-result .user-info .username{color:var(--text-primary);font-family:inherit;font-size:15px;font-weight:600}.share-modal .search-input-container .search-results .user-result .user-info .email{color:var(--text-secondary);font-family:inherit;font-size:13px;font-weight:400;opacity:.8}.share-modal .search-input-container .search-results .user-result .invite-btn{align-items:center;display:flex;font-size:13px;font-weight:600;justify-content:center;min-width:90px;padding:var(--spacing-sm) var(--spacing-md)}.share-modal .search-input-container .search-results .user-result .invite-btn .loading-spinner{height:16px;margin:0;width:16px}.share-modal .search-input-container .no-results{background:#ffffff80;border-radius:var(--border-radius);color:var(--text-secondary);font-family:inherit;font-style:italic;font-weight:500;margin:var(--spacing-md) 0;padding:var(--spacing-xl);text-align:center}.share-modal .modal-footer{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff4d;border-top:1px solid #e0e0e080;display:flex;justify-content:flex-end;padding:var(--spacing-lg) var(--spacing-xl)}.share-modal .description{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:var(--spacing-lg);text-align:center}.share-modal .create-link-btn{margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);width:100%}.share-modal .share-link-container .share-link{margin-bottom:var(--spacing-sm)}.share-modal .share-link-container .hint{color:var(--text-secondary);font-size:12px;font-style:italic;text-align:center}@media(max-width:768px){.share-modal .modal-body{padding:var(--spacing-lg)}.share-modal .share-link{flex-direction:column;gap:var(--spacing-sm)}.share-modal .share-link .copy-btn{width:100%}.share-modal .search-results .user-result{align-items:flex-start;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg)}.share-modal .search-results .user-result .invite-btn{width:100%}.share-modal .modal-footer{padding:var(--spacing-md) var(--spacing-lg)}.share-modal .modal-footer button{width:100%}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;display:flex;height:100vh;justify-content:center;left:0;padding:var(--spacing-lg);position:fixed;top:0;width:100vw;z-index:1000}.modal-overlay .modal-content{animation:modern-modalSlideIn .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--surface);border:1px solid #fff3;border-radius:var(--border-radius-large);box-shadow:0 12px 40px #00000026;max-height:90vh;overflow-y:auto;width:100%}.modal-overlay .modal-header{align-items:center;border-bottom:1px solid #e0e0e04d;display:flex;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);position:relative}.modal-overlay .modal-header:before{background:linear-gradient(90deg,var(--primary-orange) 0,var(--secondary-orange) 100%);bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.modal-overlay .modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-orange) 0,var(--secondary-orange) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-family:inherit;font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0}.modal-overlay .modal-header .close-button{align-items:center;background:none;border:none;border-radius:var(--border-radius);color:var(--text-secondary);cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;padding:var(--spacing-sm);transition:var(--transition);width:36px}.modal-overlay .modal-header .close-button:hover{background:#ff6b351a;color:var(--text-primary)}.confirmation-modal{max-width:480px}.confirmation-modal .modal-body{padding:var(--spacing-xl);text-align:center}.confirmation-modal .modal-body .confirmation-message{color:var(--text-primary);font-family:inherit;font-size:16px;font-weight:500;line-height:1.5;margin:0}.confirmation-modal .modal-actions{display:flex;gap:var(--spacing-md);justify-content:center;padding:0 var(--spacing-xl) var(--spacing-xl) var(--spacing-xl)}.confirmation-modal .modal-actions button{font-weight:600;min-width:120px;padding:var(--spacing-md) var(--spacing-lg)}.confirmation-modal .modal-actions button.danger{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;box-shadow:0 2px 8px #e74c3c4d;color:#fff}.confirmation-modal .modal-actions button.danger:hover:not(:disabled){background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 4px 12px #e74c3c66;transform:translateY(-1px)}.confirmation-modal .modal-actions button.danger:disabled{background:linear-gradient(135deg,#bdc3c7,#95a5a6);box-shadow:none;cursor:not-allowed}@keyframes modern-modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.challenge-view{background:linear-gradient(135deg,var(--background) 0,#ffb6851a 100%);min-height:100vh;padding:var(--spacing-lg)}.challenge-view.error,.challenge-view.loading{align-items:center;display:flex;flex-direction:column;justify-content:center}.challenge-view.error p,.challenge-view.loading p{color:var(--text-secondary);font-family:inherit;font-weight:500;margin-top:var(--spacing-lg)}.challenge-view.error .error-content,.challenge-view.loading .error-content{background:var(--surface);border-radius:var(--border-radius-large);box-shadow:0 4px 16px var(--shadow);padding:var(--spacing-xl);text-align:center}.challenge-view.error .error-content h2,.challenge-view.loading .error-content h2{color:var(--error);font-family:inherit;font-size:24px;font-weight:700;margin-bottom:var(--spacing-md)}.challenge-view.error .error-content button,.challenge-view.loading .error-content button{margin-top:var(--spacing-lg)}.challenge-view .challenge-header{margin:0 auto var(--spacing-xl) auto;max-width:1200px}.challenge-view .challenge-header .back-btn{font-size:13px;margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md)}.challenge-view .challenge-header .challenge-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface);border:1px solid #fff3;border-radius:var(--border-radius-large);box-shadow:0 8px 24px var(--shadow);padding:var(--spacing-xl)}.challenge-view .challenge-header .challenge-info .challenge-header-content{align-items:flex-start;display:flex;gap:var(--spacing-lg);justify-content:space-between}.challenge-view .challenge-header .challenge-info .challenge-text{flex:1 1}.challenge-view .challenge-header .challenge-info .challenge-text .challenge-title-section{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:space-between;margin-bottom:var(--spacing-md)}.challenge-view .challenge-header .challenge-info .challenge-text .challenge-title-section .challenge-actions{display:flex;gap:var(--spacing-sm)}.challenge-view .challenge-header .challenge-info .challenge-text .challenge-title-section .challenge-actions .context-menu-container{position:relative}.challenge-view .challenge-header .challenge-info .challenge-text .challenge-title-section .challenge-actions .context-menu-container .context-menu-trigger{align-items:center;background:#fff;border:1px solid var(--light-orange);color:var(--primary-orange);display:flex;font-size:14px;font-weight:600;justify-content:center;min-height:40px;min-width:40px;padding:var(--spacing-sm);transition:all .2s ease}.challenge-view .challenge-header .challenge-info .challenge-text .challenge-title-section .challenge-actions .context-menu-container .context-menu-trigger .material-symbols-outlined{font-size:20px}.challenge-view .challenge-header .challenge-info .challenge-text .challenge-title-section .challenge-actions .context-menu-container .context-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface);border:1px solid var(--light-orange);border-radius:var(--border-radius-large);box-shadow:0 8px 24px var(--shadow);min-width:160px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);transform:translateX(5px);z-index:1000}.challenge-view .challenge-header .challenge-info .challenge-text .challenge-title-section .challenge-actions .context-menu-container .context-menu .context-menu-item{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:500;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all .2s ease;width:100%}.challenge-view .challenge-header .challenge-info .challenge-text .challenge-title-section .challenge-actions .context-menu-container .context-menu .context-menu-item .material-symbols-outlined{color:var(--text-secondary);font-size:18px}.challenge-view .challenge-header .challenge-info .challenge-text .challenge-title-section .challenge-actions .context-menu-container .context-menu .context-menu-item .loading-spinner{height:16px;margin-left:auto;width:16px}.challenge-view .challenge-header .challenge-info .challenge-text .challenge-title-section .challenge-actions .context-menu-container .context-menu .context-menu-item:hover:not(:disabled){background:#ff6b351a;color:var(--primary-orange)}.challenge-view .challenge-header .challenge-info .challenge-text .challenge-title-section .challenge-actions .context-menu-container .context-menu .context-menu-item:hover:not(:disabled) .material-symbols-outlined{color:var(--primary-orange)}.challenge-view .challenge-header .challenge-info .challenge-text .challenge-title-section .challenge-actions .context-menu-container .context-menu .context-menu-item:disabled{cursor:not-allowed;opacity:.6}.challenge-view .challenge-header .challenge-info .challenge-text .challenge-title-section .challenge-actions .context-menu-container .context-menu .context-menu-item:not(:last-child):after{background:#ffffff1a;bottom:0;content:"";height:1px;left:var(--spacing-lg);position:absolute;right:var(--spacing-lg)}.challenge-view .challenge-header .challenge-info .challenge-text .challenge-title-section .challenge-actions .join-btn,.challenge-view .challenge-header .challenge-info .challenge-text .challenge-title-section .challenge-actions .leave-btn,.challenge-view .challenge-header .challenge-info .challenge-text .challenge-title-section .challenge-actions .share-btn{align-items:center;display:flex;font-size:14px;font-weight:600;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-sm) var(--spacing-sm);white-space:nowrap}.challenge-view .challenge-header .challenge-info .challenge-text .challenge-title-section .challenge-actions .join-btn .loading-spinner,.challenge-view .challenge-header .challenge-info .challenge-text .challenge-title-section .challenge-actions .leave-btn .loading-spinner,.challenge-view .challenge-header .challenge-info .challenge-text .challenge-title-section .challenge-actions .share-btn .loading-spinner{height:18px;margin:0;width:18px}.challenge-view .challenge-header .challenge-info .challenge-text .challenge-title-section .challenge-actions .join-btn{background:linear-gradient(135deg,var(--success) 0,#4caf50 100%);border:none;box-shadow:0 2px 8px #4caf504d}.challenge-view .challenge-header .challenge-info .challenge-text .challenge-title-section .challenge-actions .join-btn:hover:not(:disabled){background:linear-gradient(135deg,#4caf50,#66bb6a);box-shadow:0 4px 12px #4caf5066;transform:translateY(-1px)}.challenge-view .challenge-header .challenge-info .challenge-text .challenge-title-section .challenge-actions .leave-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;box-shadow:0 2px 8px #e74c3c4d;color:#fff}.challenge-view .challenge-header .challenge-info .challenge-text .challenge-title-section .challenge-actions .leave-btn:hover:not(:disabled){background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 4px 12px #e74c3c66;transform:translateY(-1px)}.challenge-view .challenge-header .challenge-info .challenge-text .challenge-title-section .challenge-actions .leave-btn:disabled{background:linear-gradient(135deg,#bdc3c7,#95a5a6);box-shadow:none;cursor:not-allowed}.challenge-view .challenge-header .challenge-info .challenge-text h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-orange) 0,var(--secondary-orange) 100%);-webkit-background-clip:text;background-clip:text;color:var(--primary-orange);font-family:inherit;font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0 0 var(--spacing-md) 0}.challenge-view .challenge-header .challenge-info .challenge-text .challenge-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.challenge-view .challenge-header .challenge-info .challenge-text .challenge-meta span{background:#ff6b351a;border:1px solid #ff6b3533;border-radius:var(--border-radius);color:var(--text-primary);font-family:inherit;font-size:14px;font-weight:600;padding:var(--spacing-sm) var(--spacing-md)}.challenge-view .progress-section{margin:0 auto var(--spacing-sm) auto;max-width:1200px}.challenge-view .progress-section .progress-cards{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.challenge-view .progress-section .progress-cards .progress-card{display:flex;justify-content:space-around;overflow:hidden;padding:var(--spacing-xl);position:relative;text-align:center}.challenge-view .progress-section .progress-cards .progress-card:before{background:linear-gradient(90deg,var(--primary-orange) 0,var(--secondary-orange) 100%);border-radius:var(--border-radius-large) var(--border-radius-large) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.challenge-view .progress-section .progress-cards .progress-card .card-content-divider{background-color:var(--light-orange);height:100%;width:1px}.challenge-view .progress-section .progress-cards .progress-card .card-title{color:var(--text-secondary);font-family:inherit;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:var(--spacing-md);text-transform:uppercase}.challenge-view .progress-section .progress-cards .progress-card .card-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-orange) 0,var(--secondary-orange) 100%);-webkit-background-clip:text;background-clip:text;color:var(--primary-orange);font-family:inherit;font-size:36px;font-weight:700;margin-bottom:var(--spacing-xs)}.challenge-view .progress-section .progress-cards .progress-card .card-subtitle{color:var(--text-secondary);font-family:inherit;font-size:13px;font-weight:500}.challenge-view .tiles-section{margin:0 auto var(--spacing-xl) auto;max-width:1200px}.challenge-view .tiles-section .section-header{align-items:center;display:flex;justify-content:space-around;margin-bottom:var(--spacing-xl)}.challenge-view .tiles-section .section-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-orange) 0,var(--secondary-orange) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-family:inherit;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0}.challenge-view .tiles-section .section-header .legend{display:flex;gap:var(--spacing-lg)}.challenge-view .tiles-section .section-header .legend .legend-item{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffc;border-radius:var(--border-radius);display:flex;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm)}.challenge-view .tiles-section .section-header .legend .legend-item span{color:var(--text-secondary);font-family:inherit;font-size:12px;font-weight:500}.challenge-view .tiles-section .section-header .legend .legend-item .pixel-tile.small{font-size:8px;height:16px;width:16px}.challenge-view .tiles-section .tiles-grid{grid-gap:var(--spacing-md);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff80;border-radius:var(--border-radius-large);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(64px,1fr));padding:var(--spacing-lg)}.challenge-view .tiles-section .tiles-grid .pixel-tile{height:64px;position:relative;width:64px}.challenge-view .tiles-section .tiles-grid .pixel-tile .tile-content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.challenge-view .tiles-section .tiles-grid .pixel-tile .tile-content .day-number{font-size:15px;font-weight:600}.challenge-view .tiles-section .tiles-grid .pixel-tile .tile-content .day-value{font-size:9px;font-weight:500;margin-top:2px}.challenge-view .tiles-section .tiles-grid .pixel-tile.future{background:#f8f9facc;border-color:#e9ecef;color:#adb5bd;cursor:not-allowed}.challenge-view .tiles-section .tiles-grid .pixel-tile.future:hover{box-shadow:none;transform:none}.challenge-view .tiles-section .tiles-grid .pixel-tile:not(.future){cursor:pointer}.challenge-view .participants-section{margin:0 auto;max-width:1200px}.challenge-view .participants-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-orange) 0,var(--secondary-orange) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-family:inherit;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 var(--spacing-xl) 0}.challenge-view .participants-section .participants-list{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.challenge-view .participants-section .participants-list .participant-card{padding:var(--spacing-lg)}.challenge-view .participants-section .participants-list .participant-card .participant-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.challenge-view .participants-section .participants-list .participant-card .participant-info .participant-name{color:var(--text-primary);font-family:inherit;font-size:16px;font-weight:600}.challenge-view .participants-section .participants-list .participant-card .participant-info .participant-progress{background:#ff6b351a;border-radius:var(--border-radius-small);color:var(--text-secondary);font-family:inherit;font-size:14px;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm)}.challenge-view .participants-section .participants-list .participant-card .participant-bar{background:#e0e0e080;border-radius:3px;height:6px;overflow:hidden}.challenge-view .participants-section .participants-list .participant-card .participant-bar .participant-fill{background:linear-gradient(90deg,var(--primary-orange) 0,var(--secondary-orange) 100%);border-radius:3px;box-shadow:0 0 8px #ff6b354d;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}@media(max-width:768px){.challenge-view{padding:15px}.challenge-view .challenge-header .challenge-info{padding:20px}.challenge-view .challenge-header .challenge-info .challenge-text h1{font-size:22px}.challenge-view .challenge-header .challenge-info .challenge-text .challenge-meta{flex-direction:column;gap:10px}.challenge-view .challenge-header .challenge-info .challenge-actions .context-menu-container .context-menu{min-width:140px;right:0;transform:translateX(-20px)}.challenge-view .challenge-header .challenge-info .challenge-actions .join-btn,.challenge-view .challenge-header .challenge-info .challenge-actions .leave-btn,.challenge-view .challenge-header .challenge-info .challenge-actions .share-btn{width:100%}.challenge-view .progress-section .progress-cards{gap:15px;grid-template-columns:1fr}.challenge-view .progress-section .progress-cards .progress-card{padding:15px}.challenge-view .progress-section .progress-cards .progress-card .card-value{font-size:24px}.challenge-view .tiles-section .section-header{gap:15px;text-align:center}.challenge-view .tiles-section .section-header h2{font-size:20px}.challenge-view .tiles-section .section-header .legend{gap:15px;justify-content:center}.challenge-view .tiles-section .tiles-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}.challenge-view .participants-section h2{font-size:20px}.challenge-view .participants-section .participants-list{gap:15px;grid-template-columns:1fr}.challenge-view .participants-section .participants-list .participant-card{padding:15px}}@media(max-width:480px){.challenge-view .tiles-section .tiles-grid{grid-template-columns:repeat(4,1fr)}.challenge-view .tiles-section .tiles-grid .pixel-tile .tile-content .day-number{font-size:15px}.challenge-view .tiles-section .tiles-grid .pixel-tile .tile-content .day-value{font-size:8px}}.confetti-container{height:100vh;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100vw;z-index:10000}.confetti-piece{-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px;pointer-events:none;position:absolute;transform-origin:center;-webkit-user-select:none;user-select:none;will-change:transform,opacity}.confetti-piece.rectangle,.confetti-piece.square{border-radius:0}.confetti-piece.circle{border-radius:50%}.celebration-burst{left:50%;pointer-events:none;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:9999}.celebration-burst .celebration-message{animation:celebrationBurst 2s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000004d;color:#fff;font-size:2rem;font-weight:700;padding:1rem 2rem;white-space:nowrap}@keyframes celebrationBurst{0%{opacity:0;transform:scale(0) rotate(-180deg)}15%{opacity:1;transform:scale(1.3) rotate(-10deg)}30%{opacity:1;transform:scale(.9) rotate(5deg)}45%{opacity:1;transform:scale(1.1) rotate(-2deg)}60%{opacity:1;transform:scale(1) rotate(0deg)}85%{opacity:1;transform:scale(1) rotate(0deg)}to{opacity:0;transform:scale(1) rotate(0deg)}}@media(max-width:768px){.celebration-burst .celebration-message{font-size:1.5rem;padding:.8rem 1.5rem}}@media(max-width:480px){.celebration-burst .celebration-message{font-size:1.2rem;padding:.6rem 1rem}}.stopwatch{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin:0;padding:.75rem 1rem}.stopwatch .stopwatch-display{background:#f5f5f500;background:var(--pixel-input-bg,#f5f5f500);border:2px inset var(--pixel-border);border-radius:4px;color:var(--text-primary);flex:1 1;font-family:Courier New,monospace;font-size:1.5rem;font-weight:700;min-width:100px;padding:.5rem .75rem;text-align:center}.stopwatch .stopwatch-btn{flex-shrink:0;min-width:auto;padding:.75rem 1rem}.stopwatch .stopwatch-btn .material-symbols-outlined{font-size:1.4rem}@media(max-width:768px){.stopwatch{gap:.75rem;padding:.5rem .75rem}.stopwatch .stopwatch-display{font-size:1.25rem;min-width:80px;padding:.375rem .5rem}.stopwatch .stopwatch-btn{padding:.5rem .75rem}.stopwatch .stopwatch-btn .material-symbols-outlined{font-size:1.2rem}}.day-detail{background:linear-gradient(135deg,var(--background) 0,#ffb6851a 100%);min-height:100vh}.day-detail.error,.day-detail.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-lg)}.day-detail.error p,.day-detail.loading p{color:var(--text-secondary);font-family:inherit;font-weight:500;margin-top:var(--spacing-lg)}.day-detail.error .error-content,.day-detail.loading .error-content{background:var(--surface);border-radius:var(--border-radius-large);box-shadow:0 4px 16px var(--shadow);padding:var(--spacing-xl);text-align:center}.day-detail.error .error-content h2,.day-detail.loading .error-content h2{color:var(--error);font-family:inherit;font-size:24px;font-weight:700;margin-bottom:var(--spacing-md)}.day-detail.error .error-content button,.day-detail.loading .error-content button{margin-top:var(--spacing-lg)}.day-detail .day-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface);border-bottom:1px solid #e0e0e04d;box-shadow:0 2px 12px var(--shadow);padding:var(--spacing-lg);position:relative}.day-detail .day-header:after{background:linear-gradient(90deg,var(--primary-orange) 0,var(--secondary-orange) 100%);bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.day-detail .day-header .back-btn{font-size:13px;margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md)}.day-detail .day-header .day-info{margin:0 auto;max-width:1200px}.day-detail .day-header .day-info .day-header-content{align-items:baseline;display:flex;flex-direction:column;justify-content:space-between}.day-detail .day-header .day-info .day-header-content .day-header-day-number{display:flex;justify-content:space-between;width:100%}.day-detail .day-header .day-info .day-header-day-info{align-items:end;display:flex;flex-direction:column}.day-detail .day-header .day-info h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-orange) 0,var(--secondary-orange) 100%);-webkit-background-clip:text;background-clip:text;color:var(--primary-orange);font-family:inherit;font-size:36px;font-weight:700;letter-spacing:-.5px}.day-detail .day-header .day-info .challenge-title{color:var(--text-primary);font-family:inherit;font-size:20px;font-weight:600;margin-bottom:var(--spacing-md)}.day-detail .day-header .day-info .day-meta span{background:#ff6b351a;border:1px solid #ff6b3533;border-radius:var(--border-radius);color:var(--text-primary);font-family:inherit;font-size:14px;font-weight:600;padding:var(--spacing-sm) var(--spacing-md)}.day-detail .day-content{padding:var(--spacing-xl) var(--spacing-lg)}.day-detail .day-content .day-sections{display:flex;flex-direction:column;gap:var(--spacing-xl);margin:0 auto;max-width:1200px}.day-detail .day-content .day-sections .my-progress-section{grid-column:1/-1}.day-detail .day-content .day-sections .participants-section{grid-column:1}.day-detail .day-content .day-sections .messages-section{grid-column:2}.day-detail .day-content .section-card{overflow:hidden;padding:var(--spacing-xl);position:relative}.day-detail .day-content .section-card:before{background:linear-gradient(90deg,var(--primary-orange) 0,var(--secondary-orange) 100%);border-radius:var(--border-radius-large) var(--border-radius-large) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.day-detail .day-content .section-card h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-orange) 0,var(--secondary-orange) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-family:inherit;font-size:22px;font-weight:700;letter-spacing:-.3px;margin:0 0 var(--spacing-lg) 0}.day-detail .progress-input .input-group{margin-bottom:var(--spacing-lg)}.day-detail .progress-input .input-group .input-value{display:flex;gap:var(--spacing-md);height:51px;justify-content:space-between}.day-detail .progress-input .input-group label{color:var(--text-primary);display:block;font-family:inherit;font-size:14px;font-weight:600;letter-spacing:.3px;margin-bottom:var(--spacing-sm)}.day-detail .progress-input .input-group .pixel-input{width:100%}.day-detail .progress-input .input-group textarea.pixel-input{font-family:inherit;line-height:1.5;min-height:90px;resize:vertical}.day-detail .progress-input .update-btn{align-items:center;display:flex;font-weight:600;height:51px;justify-content:center;margin-bottom:var(--spacing-lg)}.day-detail .progress-input .update-btn .loading-spinner{height:18px;margin:0;width:18px}.day-detail .progress-stats{border-top:1px solid #e0e0e080;padding-top:var(--spacing-lg)}.day-detail .progress-stats .stat{align-items:center;background:#ffffff80;border-radius:var(--border-radius);display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.day-detail .progress-stats .stat .label{color:var(--text-secondary);font-family:inherit;font-size:14px;font-weight:500}.day-detail .progress-stats .stat .value{color:var(--text-primary);font-family:inherit;font-size:14px;font-weight:600}.day-detail .progress-stats .progress-bar{background:#e0e0e080;border-radius:4px;height:8px;overflow:hidden}.day-detail .progress-stats .progress-bar .progress-fill{background:linear-gradient(90deg,var(--primary-orange) 0,var(--secondary-orange) 100%);border-radius:4px;box-shadow:0 0 8px #ff6b354d;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.day-detail .participants-progress .participant-item{background:#ffffff80;border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);transition:var(--transition)}.day-detail .participants-progress .participant-item:hover{background:#fffc}.day-detail .participants-progress .participant-item .participant-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.day-detail .participants-progress .participant-item .participant-info .name{color:var(--text-primary);font-family:inherit;font-size:15px;font-weight:600}.day-detail .participants-progress .participant-item .participant-info .value{background:#ff6b351a;border-radius:var(--border-radius-small);color:var(--text-secondary);font-family:inherit;font-size:13px;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm)}.day-detail .participants-progress .participant-item .participant-bar{background:#e0e0e080;border-radius:3px;height:6px;overflow:hidden}.day-detail .participants-progress .participant-item .participant-bar .participant-fill{border-radius:3px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.day-detail .participants-progress .participant-item .participant-bar .participant-fill.completed{background:linear-gradient(90deg,var(--success) 0,#4caf50 100%);box-shadow:0 0 6px #4caf504d}.day-detail .participants-progress .participant-item .participant-bar .participant-fill.partial{background:linear-gradient(90deg,var(--warning) 0,#ff9800 100%);box-shadow:0 0 6px #ff98004d}.day-detail .participants-progress .participant-item .participant-bar .participant-fill.empty{background:#e0e0e0cc}.day-detail .participants-progress .empty-participants{background:#ffffff80;border-radius:var(--border-radius);color:var(--text-secondary);font-family:inherit;font-style:italic;font-weight:500;opacity:.8;padding:var(--spacing-xl);text-align:center}.day-detail .messages-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.day-detail .messages-header h2{margin:0}.day-detail .messages-header .story-play-btn{align-items:center;background:#ff6b351a;border:1px solid #ff6b354d;border-radius:var(--border-radius);display:flex;height:40px;justify-content:center;transition:var(--transition);width:40px}.day-detail .messages-header .story-play-btn .material-symbols-outlined{color:var(--primary-orange);font-size:20px}.day-detail .messages-header .story-play-btn:hover{background:#ff6b3533;border-color:var(--primary-orange)}.day-detail .message-input{margin-bottom:var(--spacing-xl)}.day-detail .message-input,.day-detail .message-input .file-preview{background:#ffffff80;border-radius:var(--border-radius);padding:var(--spacing-md)}.day-detail .message-input .file-preview{border:1px solid #e0e0e080;margin-top:var(--spacing-md)}.day-detail .message-input .file-preview .file-preview-content{align-items:center;display:flex;gap:var(--spacing-sm);position:relative}.day-detail .message-input .file-preview .file-preview-content .preview-image{border-radius:var(--border-radius-small);max-height:100px;max-width:150px;object-fit:cover}.day-detail .message-input .file-preview .file-preview-content .file-info{align-items:center;display:flex;gap:var(--spacing-sm)}.day-detail .message-input .file-preview .file-preview-content .file-info .material-symbols-outlined{color:var(--primary-orange);font-size:24px}.day-detail .message-input .file-preview .file-preview-content .file-info .file-name{color:var(--text-primary);font-family:inherit;font-size:14px;font-weight:500;word-break:break-all}.day-detail .message-input .file-preview .file-preview-content .remove-file-btn{align-items:center;background:var(--danger);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:var(--transition);width:24px}.day-detail .message-input .file-preview .file-preview-content .remove-file-btn:hover{background:#d32f2f}.day-detail .message-input .message-actions{align-items:center;display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.day-detail .message-input .message-actions .file-input-hidden{display:none}.day-detail .message-input .message-actions .file-input-btn{align-items:center;background:#ff6b351a;border:1px solid #ff6b354d;border-radius:var(--border-radius);cursor:pointer;display:flex;height:48px;justify-content:center;transition:var(--transition);width:48px}.day-detail .message-input .message-actions .file-input-btn .material-symbols-outlined{color:var(--primary-orange);font-size:20px}.day-detail .message-input .message-actions .file-input-btn:hover{background:#ff6b3533;border-color:var(--primary-orange)}.day-detail .message-input .message-actions .send-btn{flex:1 1;max-width:120px}.day-detail .message-input .pixel-input{font-family:inherit;line-height:1.5;margin-bottom:var(--spacing-md);min-height:90px;resize:vertical;width:100%}.day-detail .message-input .send-btn{align-items:center;display:flex;font-weight:600;gap:var(--spacing-sm);justify-content:center;padding:16px 0}.day-detail .message-input .send-btn .loading-spinner{height:18px;margin:0;width:18px}.day-detail .messages-list{max-height:450px;overflow-y:auto;padding-right:var(--spacing-xs)}.day-detail .messages-list::-webkit-scrollbar{width:6px}.day-detail .messages-list::-webkit-scrollbar-track{background:#e0e0e04d;border-radius:3px}.day-detail .messages-list::-webkit-scrollbar-thumb{background:#ff6b354d;border-radius:3px}.day-detail .messages-list::-webkit-scrollbar-thumb:hover{background:#ff6b3580}.day-detail .messages-list .message-item{background:#fffc;border:1px solid #ff6b351a;border-radius:var(--border-radius);margin-bottom:var(--spacing-md);padding:var(--spacing-md);transition:var(--transition)}.day-detail .messages-list .message-item:hover{background:#ffffffe6;border-color:#ff6b3533}.day-detail .messages-list .message-item .message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.day-detail .messages-list .message-item .message-header .author{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-orange) 0,var(--secondary-orange) 100%);-webkit-background-clip:text;background-clip:text;color:var(--primary-orange);font-family:inherit;font-size:14px;font-weight:600}.day-detail .messages-list .message-item .message-header .time{color:var(--text-secondary);font-family:inherit;font-size:12px;font-weight:500;opacity:.8}.day-detail .messages-list .message-item .message-content{color:var(--text-primary);font-family:inherit;font-size:14px;font-weight:400;line-height:1.6}.day-detail .messages-list .message-item .message-content .message-text{margin-bottom:var(--spacing-sm)}.day-detail .messages-list .message-item .message-content .file-attachment{margin-top:var(--spacing-sm)}.day-detail .messages-list .message-item .message-content .file-attachment .attached-image{border-radius:var(--border-radius);cursor:pointer;max-height:300px;max-width:100%;transition:var(--transition)}.day-detail .messages-list .message-item .message-content .file-attachment .attached-image:hover{opacity:.9;transform:scale(1.02)}.day-detail .messages-list .message-item .message-content .file-attachment .attached-video{border-radius:var(--border-radius);max-height:300px;max-width:100%}.day-detail .messages-list .message-item .message-content .file-attachment .attached-audio{max-width:300px;width:100%}.day-detail .messages-list .message-item .message-content .file-attachment .file-link{align-items:center;background:#ff6b351a;border:1px solid #ff6b354d;border-radius:var(--border-radius);color:var(--primary-orange);display:inline-flex;font-family:inherit;font-size:14px;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:var(--transition)}.day-detail .messages-list .message-item .message-content .file-attachment .file-link:hover{background:#ff6b3533;border-color:var(--primary-orange);text-decoration:none}.day-detail .messages-list .empty-messages{background:#ffffff80;border-radius:var(--border-radius);color:var(--text-secondary);font-family:inherit;font-style:italic;font-weight:500;opacity:.8;padding:var(--spacing-xl);text-align:center}@media(max-width:1024px){.day-detail .day-content .day-sections{gap:var(--spacing-lg);grid-template-columns:1fr}.day-detail .day-content .day-sections .messages-section,.day-detail .day-content .day-sections .my-progress-section,.day-detail .day-content .day-sections .participants-section{grid-column:1}}@media(max-width:768px){.day-detail .day-header{padding:var(--spacing-md)}.day-detail .day-header .day-info h1{font-size:28px}.day-detail .day-header .day-info .challenge-title{font-size:18px}.day-detail .day-content{padding:var(--spacing-lg) var(--spacing-md)}.day-detail .day-content .day-sections{gap:var(--spacing-lg)}.day-detail .day-content .section-card{padding:var(--spacing-lg)}.day-detail .day-content .section-card h2{font-size:20px}.day-detail .messages-list{max-height:350px}.day-detail .messages-list .message-item{padding:var(--spacing-md)}.day-detail .messages-list .message-item .message-header{margin-bottom:var(--spacing-xs)}.day-detail .messages-list .message-item .message-header .author{font-size:13px}.day-detail .messages-list .message-item .message-header .time{font-size:11px}.day-detail .messages-list .message-item .message-content{font-size:13px}}.story-overlay{align-items:center;background:#000;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}@supports(height:100dvh){.story-overlay{height:100dvh;width:100dvw}}@supports(padding:env(safe-area-inset-top)){.story-overlay{height:calc(100vh + env(safe-area-inset-top) + env(safe-area-inset-bottom));margin:calc(env(safe-area-inset-top)*-1) calc(env(safe-area-inset-right)*-1) calc(env(safe-area-inset-bottom)*-1) calc(env(safe-area-inset-left)*-1);width:calc(100vw + env(safe-area-inset-left) + env(safe-area-inset-right))}}@supports(padding:constant(safe-area-inset-top)){.story-overlay{height:calc(100vh + constant(safe-area-inset-top) + constant(safe-area-inset-bottom));margin:calc(constant(safe-area-inset-top)*-1) calc(constant(safe-area-inset-right)*-1) calc(constant(safe-area-inset-bottom)*-1) calc(constant(safe-area-inset-left)*-1);width:calc(100vw + constant(safe-area-inset-left) + constant(safe-area-inset-right))}}.story-container{background:#000;border-radius:0;height:100%;max-height:100vh;max-width:400px;overflow:hidden;position:relative;width:100%}@media(max-width:767px){@supports(padding:env(safe-area-inset-top)){.story-container{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}}@supports(padding:constant(safe-area-inset-top)){.story-container{padding:constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left)}}}@media(min-width:768px){.story-container{border-radius:var(--border-radius-large);max-height:90vh}}.story-progress-bar{display:flex;gap:4px;left:20px;position:absolute;right:20px;top:20px;z-index:10}@media(max-width:767px){@supports(top:env(safe-area-inset-top)){.story-progress-bar{left:calc(20px + env(safe-area-inset-left));right:calc(20px + env(safe-area-inset-right));top:calc(20px + env(safe-area-inset-top))}}@supports(top:constant(safe-area-inset-top)){.story-progress-bar{left:calc(20px + constant(safe-area-inset-left));right:calc(20px + constant(safe-area-inset-right));top:calc(20px + constant(safe-area-inset-top))}}}.story-progress-bar .story-progress-segment{background:#ffffff4d;border-radius:2px;flex:1 1;height:3px;overflow:hidden;position:relative}.story-progress-bar .story-progress-segment.completed{background:#fffc}.story-progress-bar .story-progress-segment .story-progress-fill{background:#ffffffe6;border-radius:2px;height:100%;left:0;position:absolute;top:0}.story-header{align-items:center;display:flex;justify-content:space-between;left:20px;position:absolute;right:20px;top:60px;z-index:10}@media(max-width:767px){@supports(top:env(safe-area-inset-top)){.story-header{left:calc(20px + env(safe-area-inset-left));right:calc(20px + env(safe-area-inset-right));top:calc(60px + env(safe-area-inset-top))}}@supports(top:constant(safe-area-inset-top)){.story-header{left:calc(20px + constant(safe-area-inset-left));right:calc(20px + constant(safe-area-inset-right));top:calc(60px + constant(safe-area-inset-top))}}}.story-header .story-user-info{display:flex;flex-direction:column;gap:2px}.story-header .story-user-info .story-username{color:#fff;font-family:inherit;font-size:16px;font-weight:600;text-shadow:0 1px 3px #00000080}.story-header .story-user-info .story-time{color:#fffc;font-family:inherit;font-size:12px;font-weight:500;text-shadow:0 1px 3px #00000080}.story-header .story-close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:var(--transition);width:32px}.story-header .story-close-btn:hover{background:#ffffff4d}.story-content{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.story-content .story-media{position:relative}.story-content .story-media,.story-content .story-media .story-attachment{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.story-content .story-media .story-attachment .story-image{border-radius:0;max-height:100%;max-width:100%;object-fit:contain}.story-content .story-media .story-attachment .story-video{border-radius:0;height:100%;object-fit:contain;width:100%}.story-content .story-media .story-attachment .story-audio{max-width:300px;width:90%}.story-content .story-media .story-text-only{align-items:center;background:linear-gradient(135deg,var(--primary-orange) 0,var(--secondary-orange) 100%);display:flex;height:100%;justify-content:center;padding:60px 40px 120px;width:100%}.story-content .story-media .story-text-only .story-text-content{word-wrap:break-word;color:#fff;font-family:inherit;font-size:24px;font-weight:600;line-height:1.4;max-width:100%;text-align:center;text-shadow:0 2px 4px #0000004d}.story-content .story-media .story-text-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border-radius:var(--border-radius);bottom:120px;left:20px;padding:var(--spacing-md);position:absolute;right:20px}@media(max-width:767px){@supports(bottom:env(safe-area-inset-bottom)){.story-content .story-media .story-text-overlay{bottom:calc(120px + env(safe-area-inset-bottom));left:calc(20px + env(safe-area-inset-left));right:calc(20px + env(safe-area-inset-right))}}@supports(bottom:constant(safe-area-inset-bottom)){.story-content .story-media .story-text-overlay{bottom:calc(120px + constant(safe-area-inset-bottom));left:calc(20px + constant(safe-area-inset-left));right:calc(20px + constant(safe-area-inset-right))}}}.story-content .story-media .story-text-overlay p{color:#fff;font-family:inherit;font-size:16px;font-weight:500;line-height:1.4;margin:0;text-shadow:0 1px 3px #00000080}.story-controls{align-items:center;bottom:40px;display:flex;gap:var(--spacing-lg);left:50%;position:absolute;transform:translateX(-50%);z-index:10}.story-controls .story-nav-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;transition:var(--transition);width:48px}.story-controls .story-nav-btn .material-symbols-outlined{font-size:24px}.story-controls .story-nav-btn:hover:not(:disabled){background:#ffffff4d}.story-controls .story-nav-btn:disabled{cursor:not-allowed;opacity:.4}.story-controls .story-play-pause-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;transition:var(--transition);width:56px}.story-controls .story-play-pause-btn .material-symbols-outlined{font-size:28px}.story-controls .story-play-pause-btn:hover{background:#ffffff59;border-color:#ffffff80}.story-touch-areas{bottom:0;display:flex;left:0;position:absolute;right:0;top:0}.story-touch-areas .story-touch-left,.story-touch-areas .story-touch-right{cursor:pointer;flex:1 1;height:100%;-webkit-user-select:none;user-select:none;width:50%}.story-touch-areas .story-touch-left:active,.story-touch-areas .story-touch-right:active{background:#ffffff1a}@media(max-width:768px){.story-container{border-radius:0;max-height:100vh}.story-progress-bar{left:15px;right:15px;top:15px}@supports(top:env(safe-area-inset-top)){.story-progress-bar{left:calc(15px + env(safe-area-inset-left));right:calc(15px + env(safe-area-inset-right));top:calc(15px + env(safe-area-inset-top))}}@supports(top:constant(safe-area-inset-top)){.story-progress-bar{left:calc(15px + constant(safe-area-inset-left));right:calc(15px + constant(safe-area-inset-right));top:calc(15px + constant(safe-area-inset-top))}}.story-header{left:15px;right:15px;top:45px}@supports(top:env(safe-area-inset-top)){.story-header{left:calc(15px + env(safe-area-inset-left));right:calc(15px + env(safe-area-inset-right));top:calc(45px + env(safe-area-inset-top))}}@supports(top:constant(safe-area-inset-top)){.story-header{left:calc(15px + constant(safe-area-inset-left));right:calc(15px + constant(safe-area-inset-right));top:calc(45px + constant(safe-area-inset-top))}}.story-header .story-user-info .story-username{font-size:14px}.story-header .story-user-info .story-time{font-size:11px}.story-content .story-media .story-text-only{padding:45px 20px 100px}.story-content .story-media .story-text-only .story-text-content{font-size:20px}.story-content .story-media .story-text-overlay{bottom:100px;left:15px;right:15px}.story-content .story-media .story-text-overlay p{font-size:14px}.story-controls{bottom:30px;gap:var(--spacing-md)}.story-controls .story-nav-btn{height:44px;width:44px}.story-controls .story-nav-btn .material-symbols-outlined{font-size:22px}.story-controls .story-play-pause-btn{height:52px;width:52px}.story-controls .story-play-pause-btn .material-symbols-outlined{font-size:26px}}.progress-entries{margin:var(--spacing-lg) 0}.progress-entries h3{color:var(--text-primary);font-family:inherit;font-size:16px;font-weight:600;margin:0 0 var(--spacing-md) 0}.progress-entries .entries-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.progress-entries .progress-entry-item{align-items:center;background:#fff6;border:1px solid #e0e0e066;border-radius:var(--border-radius);display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.progress-entries .progress-entry-item:hover{background:#fff9;border-color:#e0e0e099;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.progress-entries .progress-entry-item .entry-info{display:flex;flex-direction:column;gap:2px}.progress-entries .progress-entry-item .entry-info .entry-quantity{color:var(--primary-orange);font-family:inherit;font-size:14px;font-weight:600}.progress-entries .progress-entry-item .entry-info .entry-time{color:var(--text-secondary);font-family:inherit;font-size:12px;font-weight:400}.progress-entries .progress-entry-item .delete-btn{background:#ef44441a;border:1px solid #ef444433;color:#ef4444;height:32px;min-width:32px;padding:var(--spacing-xs);width:32px}.progress-entries .progress-entry-item .delete-btn:hover:not(:disabled){background:#ef444426;border-color:#ef44444d;box-shadow:0 2px 8px #ef444433;transform:translateY(-1px)}.progress-entries .progress-entry-item .delete-btn .material-symbols-outlined{font-size:16px}.progress-notes{border-top:1px solid #e0e0e04d;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.progress-notes .save-notes-btn{font-size:13px;height:auto;margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}@media(max-width:480px){.progress-entry-item{padding:var(--spacing-sm)}.progress-entry-item .entry-info .entry-quantity{font-size:13px}.progress-entry-item .entry-info .entry-time{font-size:11px}.progress-entry-item .delete-btn{height:28px;min-width:28px;width:28px}.progress-entry-item .delete-btn .material-symbols-outlined{font-size:14px}}.not-found{align-items:center;background:linear-gradient(135deg,var(--background) 0,#ffb6854d 50%,var(--light-orange) 100%);color:var(--text-primary);display:flex;font-family:inherit;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.not-found:before{animation:rotate 20s linear infinite;background:radial-gradient(circle,#ff6b351a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.not-found__container{grid-gap:var(--spacing-xl);align-items:center;animation:modern-slideIn .8s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface);border:1px solid #fff3;border-radius:var(--border-radius-large);box-shadow:0 8px 32px #0000001a;display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 1fr;max-width:800px;padding:var(--spacing-xl);position:relative;width:100%;z-index:2}@media(max-width:768px){.not-found__container{gap:var(--spacing-lg);grid-template-columns:1fr;padding:var(--spacing-lg);text-align:center}}.not-found__content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.not-found__title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-orange) 0,var(--secondary-orange) 100%);background-clip:text;-webkit-background-clip:text;font-size:6rem;font-weight:900;letter-spacing:-2px;margin:0;text-shadow:0 4px 20px #ff6b354d}@media(max-width:768px){.not-found__title{font-size:4rem}}.not-found__subtitle{color:var(--text-primary);font-size:2rem;font-weight:700;letter-spacing:-.5px;margin:0}@media(max-width:768px){.not-found__subtitle{font-size:1.5rem}}.not-found__message{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin:0;max-width:400px}@media(max-width:768px){.not-found__message{max-width:none}}.not-found__actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}@media(max-width:768px){.not-found__actions{align-items:center;flex-direction:column}}.not-found__button{align-items:center;border:none;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:var(--spacing-sm);justify-content:center;min-width:140px;padding:var(--spacing-md) var(--spacing-lg);position:relative;text-decoration:none;transition:var(--transition)}.not-found__button--primary{background:var(--primary-orange);box-shadow:0 2px 8px #ff6b3533;color:#fff}.not-found__button--primary:hover{background:var(--secondary-orange);box-shadow:0 4px 12px #ff6b354d;transform:translateY(-1px)}.not-found__button--secondary{background:var(--surface);border:1px solid var(--border);box-shadow:0 1px 3px var(--shadow);color:var(--primary-orange)}.not-found__button--secondary:hover{background:var(--background);border-color:var(--primary-orange);box-shadow:0 2px 8px var(--shadow-hover);transform:translateY(-1px)}.not-found__button:active{transform:translateY(0)}.not-found__button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.not-found__illustration{align-items:center;display:flex;justify-content:center}.not-found__icon{animation:float 6s ease-in-out infinite;color:var(--primary-orange);opacity:.8}.not-found__icon svg{filter:drop-shadow(0 4px 8px rgba(255,107,53,.3))}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(2deg)}}@keyframes modern-slideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.eb3bbf1a.css.map*/