.login-page{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.login-container{animation:slideUp .4s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:24px;box-shadow:0 20px 60px #0000001a,0 0 0 1px #b3e5fc33;max-width:420px;padding:3rem 2.5rem;width:100%}.login-header{margin-bottom:2.5rem;text-align:center}.login-logo{height:80px;margin-bottom:1.5rem;object-fit:contain;width:80px}.login-title{color:#000;font-family:Recoleta Alt,serif;font-size:2rem;font-weight:600;margin:0 0 .5rem}.login-subtitle{color:#666;font-family:Inter Tight,sans-serif;font-size:1rem;margin:0}.login-form{margin-bottom:2rem}.login-input-group{margin-bottom:1.5rem}.login-label{color:#333;display:block;font-family:Inter Tight,sans-serif;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.login-input{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-sizing:border-box;color:#000;font-family:IBM Plex Mono,monospace;font-size:1rem;padding:1rem 1.25rem;transition:all .3s;width:100%}.login-input:focus{border-color:#b3e5fc;box-shadow:0 0 0 4px #b3e5fc33;outline:none}.login-input:disabled{background:#f5f5f5;cursor:not-allowed}.login-input-error{border-color:#ff6b6b}.login-input-error:focus{border-color:#ff6b6b;box-shadow:0 0 0 4px #ff6b6b33}.login-error{animation:shake .3s ease-in-out;color:#ff6b6b;font-family:Inter Tight,sans-serif;font-size:.875rem;margin-top:.5rem}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.login-button{background:linear-gradient(135deg,#b3e5fc,#81d4fa);border:none;border-radius:12px;box-shadow:0 4px 12px #b3e5fc4d;color:#000;cursor:pointer;font-family:Inter Tight,sans-serif;font-size:1.1rem;font-weight:500;padding:1rem 2rem;transition:all .3s;width:100%}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#81d4fa,#4fc3f7);box-shadow:0 6px 16px #b3e5fc66;transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-toggle{border-top:1px solid #e0e0e0;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.login-toggle-button{background:none;border:none;color:#1976d2;cursor:pointer;font-family:Inter Tight,sans-serif;font-size:.9rem;padding:0;text-decoration:underline;transition:color .2s}.login-toggle-button:hover:not(:disabled){color:#1565c0}.login-toggle-button:disabled{cursor:not-allowed;opacity:.5}.login-footer{border-top:1px solid #e0e0e0;padding-top:1.5rem;text-align:center}.login-footer-text{color:#999;font-family:Inter Tight,sans-serif;font-size:.85rem;margin:0}@media (max-width:768px){.login-container{border-radius:20px;padding:2rem 1.5rem}.login-logo{height:60px;width:60px}.login-title{font-size:1.75rem}.login-subtitle{font-size:.9rem}}.onboarding-page{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow-y:auto}.onboarding-container,.onboarding-page{box-sizing:border-box;padding:20px;width:100%}.onboarding-container{background:#0000;margin:auto;max-width:100%;position:relative}.onboarding-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-radius:24px;box-shadow:0 20px 60px #0000001a,0 0 0 1px #b3e5fc33;box-sizing:border-box;margin:0 auto;max-width:420px;padding:20px;width:100%}.onboarding-header{margin-bottom:32px;text-align:center}.onboarding-logo{margin-bottom:16px;object-fit:contain;width:80px}.onboarding-title{color:#000;font-family:Recoleta Alt,serif;font-size:28px;font-weight:600;margin:0 0 8px}.onboarding-subtitle{color:#666;font-family:Inter Tight,sans-serif;font-size:16px;margin:0}.onboarding-progress{margin-bottom:32px}.progress-bar{background:#e5e7eb;margin-bottom:8px}.progress-fill{background:linear-gradient(90deg,#b3e5fc,#81d4fa)}.progress-text{color:#6b7280;font-size:14px;margin:0;text-align:center}.onboarding-form{width:100%}.onboarding-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:24px;padding:12px 16px}.onboarding-step{display:flex;flex-direction:column;justify-content:center;min-height:250px}.step-title{color:#000;font-family:Recoleta Alt,serif;font-size:22px;font-weight:600;margin:0 0 8px;text-align:center}.step-description{color:#666;font-family:Inter Tight,sans-serif;font-size:16px;margin:0 0 32px;text-align:center}.input-group{margin-bottom:24px}.input-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.onboarding-input{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-sizing:border-box;color:#000;font-family:IBM Plex Mono,monospace;font-size:16px;padding:14px 16px;transition:all .3s ease;width:100%}.onboarding-input:focus{border-color:#b3e5fc;box-shadow:0 0 0 4px #b3e5fc33;outline:none}.onboarding-input:disabled{background:#f9fafb;cursor:not-allowed}.option-group{display:flex;flex-direction:column;gap:12px}.option-button{background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;font-family:Inter Tight,sans-serif;padding:15px;text-align:left;transition:all .3s ease;width:100%}.option-button:hover:not(:disabled){background:#f9fafb;border-color:#b3e5fc}.option-button-selected{background:#f0f4ff;border-color:#b3e5fc;box-shadow:0 0 0 3px #b3e5fc33}.option-button:disabled{cursor:not-allowed;opacity:.6}.option-label{color:#000;font-size:18px;font-weight:600;margin-bottom:4px}.option-description,.option-label{font-family:Inter Tight,sans-serif}.option-description{color:#666;font-size:14px}.onboarding-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px}.onboarding-button{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;min-width:120px;padding:12px 24px;transition:all .2s ease}.onboarding-button-primary{background:linear-gradient(135deg,#b3e5fc,#81d4fa);box-shadow:0 4px 12px #b3e5fc4d;color:#000}.onboarding-button-primary:hover:not(:disabled){background:linear-gradient(135deg,#81d4fa,#4fc3f7);box-shadow:0 6px 16px #b3e5fc66;transform:translateY(-2px)}.onboarding-button-primary:disabled{cursor:not-allowed;opacity:.6}.onboarding-button-secondary{background:#fff;border:2px solid #e0e0e0;color:#333;font-family:Inter Tight,sans-serif}.onboarding-button-secondary:hover:not(:disabled){border-color:#b3e5fc;color:#1976d2}.onboarding-button-secondary:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.onboarding-page{padding:16px}.onboarding-card{border-radius:20px;padding:24px}.onboarding-logo{height:60px;width:60px}.onboarding-title{font-size:24px}.onboarding-subtitle{font-size:14px}.step-title{font-size:20px}.step-description{font-size:14px}.onboarding-step{min-height:200px}.onboarding-actions{flex-direction:column}.onboarding-button{width:100%}.option-button{padding:16px}.option-label{font-size:16px}.option-description{font-size:13px}}.viewport-toggle-button{align-items:center;animation:fadeIn .3s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #b3e5fc4d;border-radius:12px;box-shadow:0 4px 12px #0000001a;color:#333;cursor:pointer;display:flex;font-family:Inter Tight,sans-serif;font-size:.875rem;gap:.5rem;justify-content:center;min-width:100px;padding:.625rem 1rem;position:fixed;right:20px;top:20px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.viewport-toggle-button:hover{background:#fff;border-color:#b3e5fc80;box-shadow:0 6px 16px #00000026;transform:translateY(-2px)}.viewport-toggle-button.active{background:linear-gradient(135deg,#b3e5fc33,#bbdefb33);border-color:#b3e5fc99;color:#1976d2}.viewport-icon{height:20px;transition:transform .3s ease;width:20px}.viewport-toggle-button:hover .viewport-icon{transform:scale(1.1)}.viewport-toggle-button span{font-weight:500;white-space:nowrap}@media (max-width:767px){.viewport-toggle-button{display:none}}.app-layout-wrapper{align-items:center;box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;padding:1rem;position:fixed;top:0;width:100vw}.app-background-gradient{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);height:100%;left:0;position:fixed;top:0;width:100%;z-index:0}.app-phone-frame{animation:slideUp .4s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border-radius:20px;box-shadow:0 20px 60px #0000001a,0 0 0 1px #b3e5fc33;height:100vh;height:100dvh;margin:0 auto;max-height:900px;max-width:380px;overflow:hidden;position:relative;transition:max-width .3s ease,border-radius .3s ease,max-height .3s ease;width:100%;z-index:1}.app-phone-frame.desktop-viewport{border-radius:24px;box-shadow:0 24px 80px #0000001f,0 0 0 1px #b3e5fc4d;height:100vh;height:100dvh;max-height:none;max-width:1200px;min-height:auto}.desktop-layout-container{display:flex;height:100%;overflow:hidden;position:relative;width:100%}.desktop-left-section{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff80;border-right:1px solid #b3e5fc33;box-sizing:border-box;flex-direction:column;min-width:300px;padding:0;width:300px;z-index:1}.desktop-left-section,.desktop-right-section{display:flex;overflow:hidden;position:relative}.desktop-right-section{flex:1 1;flex-direction:column;min-width:0}@media (min-width:768px){.app-phone-frame.desktop-viewport{margin:1rem auto;width:calc(100% - 2rem)}.app-phone-frame.desktop-viewport .app-content-container{padding:0}.app-phone-frame.desktop-viewport .app-main-content{max-width:100%;padding-bottom:2.5rem!important;padding-left:2.5rem;padding-right:2.5rem;padding-top:2rem!important}.app-phone-frame.desktop-viewport .app-main-content.desktop-content{display:flex;flex-direction:column;gap:1.5rem}.app-layout-wrapper{padding:1.5rem}.app-phone-frame.desktop-viewport{margin:0 auto}.desktop-right-section{position:relative}.desktop-right-section .app-main-header{display:none!important}.desktop-right-section .althy-header-wrapper,.desktop-right-section .calendar-header{left:0!important;max-width:100%!important;position:absolute!important;right:0!important;top:0!important;transform:none!important;width:100%!important}.desktop-right-section .althy-header-wrapper[style*="position: fixed"],.desktop-right-section .calendar-header[style*="position: fixed"]{left:0!important;position:absolute!important;transform:none!important}.desktop-layout-container .desktop-right-section{overflow:hidden;position:relative}.desktop-layout-container .desktop-right-section .app-content-container{position:relative}.desktop-left-section .mobile-menu-container{border-bottom:1px solid #b3e5fc33!important;border-top:none!important;box-shadow:0 2px 8px #0000000d!important;flex-direction:column!important;gap:.5rem!important;left:0!important;padding:1rem 0!important;position:relative!important;right:0!important;top:0!important;width:100%!important;z-index:1002!important}.desktop-left-section .mobile-menu-container a{border-radius:8px!important;flex-direction:row!important;justify-content:flex-start!important;margin:0 .75rem!important;max-width:100%!important;padding:12px 1.5rem!important;width:100%!important}.desktop-left-section .mobile-menu-container a span:last-child{font-size:14px!important;margin-left:12px!important}.app-phone-frame.desktop-viewport .mobile-menu-container.desktop-menu{border-bottom:1px solid #b3e5fc33!important;border-top:none!important;bottom:auto!important;box-shadow:0 2px 8px #0000000d!important;position:absolute!important;top:72px!important}.app-phone-frame.desktop-viewport .app-main-header.desktop-header{z-index:1003!important}.app-phone-frame.desktop-viewport .app-main-header,.app-phone-frame.desktop-viewport header{border-bottom:1px solid #b3e5fc26!important;left:0!important;max-width:100%!important;padding:1.25rem 2.5rem!important;right:0!important;width:100%!important}.app-phone-frame.desktop-viewport .app-main-content::-webkit-scrollbar{width:8px}.app-phone-frame.desktop-viewport .app-main-content::-webkit-scrollbar-thumb{background:#b3e5fc66;border-radius:4px}.app-phone-frame.desktop-viewport .app-main-content::-webkit-scrollbar-thumb:hover{background:#b3e5fc99}}.app-content-container{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding-bottom:0;position:relative}.app-main-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-x:hidden;overflow-y:auto;scrollbar-color:#b3e5fc4d #0000;scrollbar-width:thin;width:100%}.app-main-content::-webkit-scrollbar{width:6px}.app-main-content::-webkit-scrollbar-track{background:#0000}.app-main-content::-webkit-scrollbar-thumb{background:#b3e5fc4d;border-radius:3px}.app-main-content::-webkit-scrollbar-thumb:hover{background:#b3e5fc80}@media (max-width:480px){.app-layout-wrapper{padding:.5rem}.app-phone-frame{border-radius:20px;height:100vh;height:100dvh;max-height:900px;max-width:100%}}@media (max-width:375px){.app-phone-frame{border-radius:16px}}.mobile-menu-container{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0!important;left:0!important;min-height:-webkit-fit-content;min-height:fit-content;position:absolute!important;right:0!important;z-index:1002!important}.app-phone-frame{box-sizing:border-box;display:flex;flex-direction:column}@media (max-width:480px){.app-phone-frame{height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;overflow:hidden}.mobile-menu-container{bottom:0!important;position:absolute!important}.app-content-container{max-height:100%}}*{transition:background-color .2s ease,color .2s ease}.notification-toast{animation:slideInRight .3s ease-out;max-width:400px;position:fixed;right:2rem;top:2rem;z-index:10000}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.notification-toast.notification-toast-exiting{animation:slideOutRight .3s ease-in}.notification-toast-content{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #b3e5fc66;border-radius:16px;box-shadow:0 8px 32px #0000001f,0 0 0 1px #b3e5fc4d;display:flex;gap:1rem;padding:1.25rem 1.5rem}.notification-toast-success .notification-toast-content{background:linear-gradient(135deg,#fffffffa,#b3e5fc26);border-color:#b3e5fc80;box-shadow:0 8px 32px #b3e5fc33,0 0 0 1px #b3e5fc66,inset 0 1px 0 #fffc}.notification-toast-error .notification-toast-content{background:linear-gradient(135deg,#fffffffa,#ff8a6526);border-color:#ff8a6580;box-shadow:0 8px 32px #ff8a6533,0 0 0 1px #ff8a6566,inset 0 1px 0 #fffc}.notification-toast-icon{align-items:center;background:linear-gradient(135deg,#b3e5fc,#81d4fa);border-radius:50%;box-shadow:0 4px 12px #b3e5fc4d;color:#000;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.notification-toast-success .notification-toast-icon{background:linear-gradient(135deg,#b3e5fc,#81d4fa);box-shadow:0 4px 12px #b3e5fc66}.notification-toast-error .notification-toast-icon{background:linear-gradient(135deg,#ff8a65,#ff7043);box-shadow:0 4px 12px #ff8a6566}.notification-toast-icon svg{height:20px;width:20px}.notification-toast-message{color:#000;flex:1 1;font-family:Inter Tight,sans-serif;font-size:1rem;font-weight:500;line-height:1.5;margin:0}.notification-toast-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:0;transition:all .2s;width:28px}.notification-toast-close:hover{background:#0000000d;color:#000}.notification-toast-close:active{transform:scale(.95)}.notification-toast-close svg{height:14px;width:14px}@media (max-width:768px){.notification-toast{left:1rem;max-width:none;right:1rem;top:1rem}.notification-toast-content{padding:1rem 1.25rem}.notification-toast-icon{height:36px;width:36px}.notification-toast-icon svg{height:18px;width:18px}.notification-toast-message{font-size:.9rem}}:root{--color-powder-blue:#b8e3e6;--color-white:#fff;--color-black:#1a1a1a;--color-light-blue:#dcf5f2;--color-lavender:#e6e6fa;--color-peach-puff:#ffdab9;--color-misty-rose:#ffe4e1;--color-primary:var(--color-powder-blue);--color-primary-light:var(--color-light-blue);--color-background:var(--color-white);--color-text:var(--color-black);--color-accent-1:var(--color-lavender);--color-accent-2:var(--color-peach-puff);--color-accent-3:var(--color-misty-rose)}.syllabus-how-it-works-section{border-radius:40px;margin:4rem auto;max-width:1400px;overflow:hidden;padding:8rem 4rem;position:relative}.syllabus-how-it-works-section:before{background:radial-gradient(circle,#ffffffb3 0,#ffffff4d 40%,#0000 70%);border-radius:50%;content:"";height:800px;pointer-events:none;position:absolute;right:-20%;top:-30%;width:800px}.syllabus-how-it-works-section:after{background:radial-gradient(circle,#fff9 0,#fff3 40%,#0000 70%);border-radius:50%;bottom:-20%;content:"";height:600px;left:-15%;pointer-events:none;position:absolute;width:600px}.syllabus-how-it-works-container{position:relative;text-align:center;z-index:1}.syllabus-section-badge{background:linear-gradient(135deg,var(--color-peach-puff) 0,var(--color-misty-rose) 100%);border-radius:24px;box-shadow:0 4px 16px #ffdab94d;color:var(--color-text);display:inline-block;font-family:IBM Plex Mono,monospace;font-size:.85rem;font-weight:600;letter-spacing:.1em;margin-bottom:1.5rem;padding:.6rem 1.8rem;text-transform:uppercase}.syllabus-section-title{color:var(--color-text);font-family:Recoleta Alt,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:300;line-height:1.2;margin-bottom:1.5rem}.syllabus-section-description{color:var(--color-text);font-family:Inter Tight,sans-serif;font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.7;margin:0 auto 4rem;max-width:800px;opacity:.95}.syllabus-process-container{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:5rem}.syllabus-process-step{background:var(--color-white);border:2px solid #0000;border-radius:28px;box-shadow:0 8px 32px #0000001f;flex:1 1;max-width:320px;min-width:250px;padding:2.5rem 2rem;position:relative;transition:transform .3s,box-shadow .3s}.syllabus-process-step:first-child{border-color:#b8e3e64d}.syllabus-process-step:nth-child(3){border-color:#e6e6fa4d}.syllabus-process-step:nth-child(5){border-color:#ffdab94d}.syllabus-process-step:hover{box-shadow:0 12px 40px #0000002e;transform:translateY(-8px)}.syllabus-step-number{align-items:center;border-radius:50%;box-shadow:0 4px 16px #0003;color:var(--color-white);display:flex;font-family:Recoleta Alt,sans-serif;font-size:1.5rem;font-weight:600;height:50px;justify-content:center;left:50%;position:absolute;top:-20px;transform:translateX(-50%);width:50px}.syllabus-process-step:first-child .syllabus-step-number{background:var(--color-powder-blue);box-shadow:0 4px 16px #b8e3e666}.syllabus-process-step:nth-child(3) .syllabus-step-number{background:var(--color-lavender);box-shadow:0 4px 16px #e6e6fa66}.syllabus-process-step:nth-child(5) .syllabus-step-number{background:var(--color-peach-puff);box-shadow:0 4px 16px #ffdab966}.syllabus-step-content{margin-top:1rem}.syllabus-step-title{margin-bottom:1rem}.syllabus-step-description{color:#666;font-family:Inter Tight,sans-serif;font-size:1rem;line-height:1.6}.syllabus-process-arrow{flex-shrink:0}.syllabus-process-arrow:nth-of-type(2){color:var(--color-lavender);filter:drop-shadow(0 2px 4px rgba(230,230,250,.4))}.syllabus-process-arrow:nth-of-type(4){color:var(--color-peach-puff);filter:drop-shadow(0 2px 4px rgba(255,218,185,.4))}.syllabus-illustration-container{align-items:center;display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;margin-top:3rem}.syllabus-illustration-item{display:flex;flex:1 1;flex-direction:column;gap:1rem;max-width:320px;min-width:250px}.syllabus-illustration-label{color:var(--color-text);font-family:IBM Plex Mono,monospace;font-size:.9rem;font-weight:600;letter-spacing:.1em;opacity:.8;text-align:center;text-transform:uppercase}.syllabus-illustration-box{background:var(--color-white);border-radius:24px;box-shadow:0 12px 40px #0003;overflow:hidden;position:relative;transition:transform .3s,box-shadow .3s}.syllabus-illustration-box:hover{box-shadow:0 16px 48px #00000040;transform:translateY(-8px)}.syllabus-illustration-image{border-radius:24px;display:block;height:auto;width:100%}.syllabus-illustration-overlay{background:linear-gradient(0deg,#000000b3 0,#0000);border-radius:0 0 24px 24px;bottom:0;left:0;padding:2rem 1.5rem 1.5rem;position:absolute;right:0}.syllabus-illustration-text{color:var(--color-white);font-family:Inter Tight,sans-serif;font-size:1.1rem;font-weight:500}.syllabus-illustration-arrow{color:var(--color-misty-rose);filter:drop-shadow(0 4px 8px rgba(255,228,225,.4));flex-shrink:0;opacity:.9}@font-face{font-display:swap;font-family:Recoleta Alt;font-style:normal;font-weight:400;src:url(/static/media/Recoleta_Alt.bf3b48f9c9df5a572d88.otf) format("opentype")}.landing-page{background:var(--color-background);color:var(--color-text);font-family:Inter Tight,sans-serif;min-height:100vh;position:relative;width:100%}.landing-page:before{background:radial-gradient(circle 600px at 15% 20%,#fff9 0,#b8e3e626 40%,#0000 70%),radial-gradient(circle 580px at 85% 30%,#ffffff80 0,#dcf5f21f 40%,#0000 70%),radial-gradient(circle 550px at 25% 70%,#fff6 0,#e6e6fa1a 40%,#0000 70%),radial-gradient(circle 570px at 75% 80%,#ffffff80 0,#ffdab91f 40%,#0000 70%),radial-gradient(circle 540px at 50% 10%,#ffffff73 0,#ffe4e11a 40%,#0000 70%),radial-gradient(circle 560px at 10% 60%,#fff6 0,#b8e3e61f 40%,#0000 70%),radial-gradient(circle 550px at 90% 65%,#ffffff80 0,#dcf5f21a 40%,#0000 70%)}.landing-page:after,.landing-page:before{bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.landing-page:after{background-image:repeating-linear-gradient(0deg,#0000,#0000 40px,#b8e3e608 0,#b8e3e608 41px),repeating-linear-gradient(90deg,#0000,#0000 40px,#dcf5f208 0,#dcf5f208 41px);opacity:.6}.landing-header{position:relative}.landing-page>:not(.landing-header){position:relative;z-index:1}body{background:#fff}.landing-header{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#ffffffb3;border-bottom:1px solid #0000000d;position:-webkit-sticky;position:sticky;top:0;z-index:100}.landing-nav{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1400px;padding:1.5rem 2rem;position:relative}.hamburger-menu{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:30px;justify-content:space-around;padding:0;width:30px;z-index:101}.hamburger-line{background:#000;border-radius:3px;height:3px;transform-origin:center;transition:all .3s ease;width:100%}.hamburger-line.open:first-child{transform:rotate(45deg) translate(8px,8px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.nav-menu{align-items:center;display:flex;gap:2rem}.nav-link{color:#000;display:block;font-family:IBM Plex Mono,monospace;font-size:.95rem;font-weight:400;text-decoration:none;transition:opacity .2s}.nav-link:hover{opacity:.7}.nav-logo{align-items:center;display:flex;justify-content:center}.althy-logo-img{height:auto;object-fit:contain;width:120px}.nav-download-btn-link{display:block;text-decoration:none}.nav-download-btn{background:linear-gradient(135deg,var(--color-powder-blue) 0,var(--color-lavender) 100%);border:none;border-radius:24px;box-shadow:0 2px 8px #b8e3e64d;color:var(--color-text);cursor:pointer;font-family:IBM Plex Mono,monospace;font-size:.9rem;font-weight:400;padding:.6rem 1.5rem;transition:all .2s}.nav-download-btn:hover{background:linear-gradient(135deg,var(--color-light-blue) 0,var(--color-peach-puff) 100%);box-shadow:0 4px 12px #b8e3e666;transform:translateY(-1px)}.hero-section{margin:0 auto;max-width:1200px;overflow:hidden;padding:8rem 4rem 5rem;position:relative;text-align:center}.hero-blurred-text{color:#00000026;filter:blur(40px);-webkit-filter:blur(40px);font-family:Recoleta Alt,sans-serif;font-size:clamp(3rem,8vw,6rem);font-weight:300;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:0}.hero-blurred-text-1{left:5%;top:10%;transform:rotate(-5deg)}.hero-blurred-text-2{right:8%;top:20%;transform:rotate(3deg)}.hero-blurred-text-3{bottom:25%;left:10%;transform:rotate(-2deg)}.hero-blurred-text-4{bottom:15%;right:5%;transform:rotate(4deg)}.hero-title{color:#000;font-family:Recoleta Alt,sans-serif;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:200;letter-spacing:-.02em;line-height:1.2;margin-bottom:1.5rem}.hero-subtitle,.hero-title{position:relative;z-index:1}.hero-subtitle{color:#666;font-family:Inter Tight,sans-serif;font-size:clamp(1rem,2vw,1.3rem);line-height:1.6;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px}.hero-email-form{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin:0 auto;max-width:500px;position:relative;z-index:1}.hero-email-input{background:#fff;border:1px solid #ddd;border-radius:12px;color:#000;flex:1 1;font-family:IBM Plex Mono,monospace;font-size:1rem;min-width:250px;padding:1rem 1.5rem;transition:all .3s}.hero-email-input:focus{border-color:var(--color-powder-blue);box-shadow:0 0 0 3px #b8e3e633;outline:none}.hero-email-input::placeholder{color:#999}.hero-email-submit-btn{background:linear-gradient(135deg,var(--color-powder-blue) 0,var(--color-lavender) 100%);border:none;border-radius:30px;box-shadow:0 4px 12px #b8e3e64d;color:var(--color-text);cursor:pointer;font-family:Inter Tight,sans-serif;font-size:1.1rem;font-weight:400;padding:1rem 2.5rem;transition:all .3s;white-space:nowrap}.hero-email-submit-btn:hover{background:linear-gradient(135deg,var(--color-light-blue) 0,var(--color-peach-puff) 100%);box-shadow:0 6px 20px #b8e3e680;transform:translateY(-2px)}.hero-email-submit-btn:active{transform:translateY(0)}.syllabus-feature-section{background:linear-gradient(135deg,var(--color-powder-blue) 0,var(--color-light-blue) 50%,var(--color-lavender) 100%);border-radius:40px;margin:0 auto 2rem;max-width:1400px;overflow:hidden;padding:6rem 4rem;position:relative}.syllabus-feature-section:before{background:radial-gradient(circle,#ffffff4d 0,#0000 70%);border-radius:50%;content:"";height:600px;pointer-events:none;position:absolute;right:-20%;top:-50%;width:600px}.syllabus-feature-container{margin:0 auto;max-width:1000px;position:relative;text-align:center;z-index:1}.syllabus-feature-badge{background:var(--color-white);border-radius:20px;box-shadow:0 4px 12px #0000001a;color:var(--color-powder-blue);display:inline-block;font-family:IBM Plex Mono,monospace;font-size:.85rem;font-weight:600;letter-spacing:.1em;margin-bottom:1.5rem;padding:.5rem 1.5rem;text-transform:uppercase}.syllabus-feature-title{color:var(--color-text);font-family:Recoleta Alt,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:300;line-height:1.2;margin-bottom:1.5rem}.syllabus-feature-description{color:var(--color-text);font-family:Inter Tight,sans-serif;font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.7;margin:0 auto 3rem;max-width:800px;opacity:.9}.syllabus-feature-steps{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:3rem}.syllabus-step{background:var(--color-white);border-radius:24px;box-shadow:0 8px 24px #0000001f;flex:1 1;max-width:250px;min-width:200px;padding:2rem 1.5rem;transition:transform .3s,box-shadow .3s}.syllabus-step:hover{box-shadow:0 12px 32px #0000002e;transform:translateY(-8px)}.syllabus-step-icon{display:block;font-size:3rem;margin-bottom:1rem}.syllabus-step-title{color:var(--color-text);font-family:Recoleta Alt,sans-serif;font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.syllabus-step-text{color:#666;font-family:Inter Tight,sans-serif;font-size:1rem;line-height:1.5}.syllabus-step-arrow{color:var(--color-white);font-size:2.5rem;font-weight:300;opacity:.8}.features-section{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1400px;overflow:hidden;padding:5rem 4rem;position:relative}.blurred-text{color:#0000001f;filter:blur(40px);-webkit-filter:blur(40px);font-family:Recoleta Alt,sans-serif;font-size:clamp(3rem,8vw,6rem);font-weight:300;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:0}.blurred-text-1{left:5%;top:10%;transform:rotate(-5deg)}.blurred-text-2{right:8%;top:30%;transform:rotate(3deg)}.blurred-text-3{bottom:20%;left:10%;transform:rotate(-2deg)}.blurred-text-4{right:10%;top:15%;transform:rotate(4deg)}.blurred-text-5{bottom:25%;left:8%;transform:rotate(-3deg)}.feature-card{border-radius:20px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;min-height:420px;padding:1.5rem;position:relative;transition:transform .3s,box-shadow .3s;z-index:1}.feature-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-5px)}.feature-card-yellow{background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid #ffdab94d;position:relative}.feature-card-yellow:hover{border-color:#ffdab999}.feature-card-green{background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid #dcf5f24d;position:relative}.feature-card-green:hover{border-color:#dcf5f299}.feature-card-blue{background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid #e6e6fa4d;position:relative}.feature-card-blue:hover{border-color:#e6e6fa99}.feature-card-syllabus{background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid #ffe4e166;position:relative}.feature-card-syllabus:hover{border-color:#ffe4e1b3}.feature-card-badge{background:linear-gradient(135deg,var(--color-peach-puff) 0,var(--color-misty-rose) 100%);border-radius:16px;box-shadow:0 4px 16px #ffdab94d;color:var(--color-text);font-family:IBM Plex Mono,monospace;font-size:.75rem;font-weight:600;left:50%;letter-spacing:.05em;padding:.4rem 1rem;position:absolute;text-transform:uppercase;top:-12px;transform:translateX(-50%);white-space:nowrap;z-index:2}.feature-syllabus-box{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;display:flex;flex-direction:column;height:200px}.syllabus-preview{display:flex;flex-direction:column;gap:.75rem;height:100%;justify-content:space-between}.syllabus-preview-header{align-items:center;border-bottom:2px solid;border-image:linear-gradient(90deg,var(--color-peach-puff) 0,var(--color-misty-rose) 100%) 1;display:flex;flex-shrink:0;gap:.75rem;padding-bottom:.75rem}.syllabus-preview-icon{font-size:1.5rem}.syllabus-preview-title{color:var(--color-text);font-family:Recoleta Alt,sans-serif;font-size:1.1rem;font-weight:600}.syllabus-preview-items{display:flex;flex:1 1;flex-direction:column;gap:.6rem}.syllabus-preview-item{align-items:center;color:#333;display:flex;flex-shrink:0;font-family:Inter Tight,sans-serif;font-size:.9rem;gap:.75rem}.syllabus-item-icon{font-size:1.2rem;text-align:center;width:24px}.balance-preview{display:flex;flex-direction:column;gap:.75rem;height:100%;justify-content:space-between}.balance-item{align-items:center;background:linear-gradient(135deg,#fff9,#dcf5f24d);border:1px solid #dcf5f24d;border-radius:12px;display:flex;flex-shrink:0;font-family:Inter Tight,sans-serif;gap:.75rem;padding:.2rem .5rem}.balance-icon{flex-shrink:0;font-size:1.3rem;text-align:center;width:28px}.balance-label{color:#333;flex:1 1;font-size:.9rem;font-weight:500}.balance-value{color:var(--color-powder-blue);flex-shrink:0;font-family:IBM Plex Mono,monospace;font-size:.9rem;font-weight:600}.share-preview{display:flex;flex-direction:column;gap:.75rem;height:100%;justify-content:space-between}.share-header{align-items:center;border-bottom:2px solid;border-image:linear-gradient(90deg,var(--color-powder-blue) 0,var(--color-lavender) 100%) 1;display:flex;flex-shrink:0;gap:.75rem;padding-bottom:.75rem}.share-icon{font-size:1.5rem}.share-title{color:var(--color-text);font-family:Recoleta Alt,sans-serif;font-size:1.1rem;font-weight:600}.share-options{display:flex;flex:1 1;flex-direction:column;gap:.6rem}.share-option{align-items:center;background:linear-gradient(135deg,#fff6,#e6e6fa4d);border:1px solid #e6e6fa4d;border-radius:8px;color:#333;display:flex;flex-shrink:0;font-family:Inter Tight,sans-serif;font-size:.9rem;gap:.75rem;padding:.5rem .6rem}.share-option-icon{color:var(--color-powder-blue);font-weight:700;text-align:center;width:20px}.feature-title{color:#000;font-family:Recoleta Alt,sans-serif;font-size:1.75rem;font-weight:500;line-height:1.4;text-align:center}.feature-task-box,.feature-title{margin-bottom:1.5rem;position:relative;z-index:1}.feature-task-box{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff6;border:1px solid #fff6;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;height:220px;margin-top:0;padding:1rem}.feature-card-yellow .feature-task-box{background:#ffffff80;border-color:#ffdab966}.feature-card-green .feature-task-box{background:#ffffff80;border-color:#dcf5f266}.feature-card-blue .feature-task-box{background:#ffffff80;border-color:#e6e6fa66}.feature-card-syllabus .feature-task-box{border-color:#ffe4e166}.feature-task-box .feature-milestones{margin-bottom:0;margin-top:1rem}.feature-task-box:before{background:linear-gradient(90deg,#fffc,#ffffff4d,#fffc);border-radius:12px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute;z-index:-1}.task-date{color:#666;font-family:IBM Plex Mono,monospace;font-size:.85rem;margin-bottom:.5rem}.task-title{color:#000;font-family:Recoleta Alt,sans-serif;font-size:1rem;font-weight:500;margin-bottom:.75rem}.task-progress{margin-top:.75rem}.progress-bar{background:#ffffff4d;border-radius:3px;height:6px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,var(--color-powder-blue) 0,var(--color-lavender) 100%);border-radius:3px;height:100%;transition:width .3s ease}.feature-milestones{margin-bottom:1.5rem;position:relative;z-index:1}.milestone{color:#333;font-family:Inter Tight,sans-serif;font-size:.95rem;margin-bottom:.8rem;padding-left:1.5rem;position:relative}.milestone.checked:before{color:var(--color-powder-blue);content:"✓";font-weight:700;left:0;position:absolute}.milestone.unchecked:before{color:#999;content:"○";left:0;position:absolute}.feature-description{color:#333;font-family:Inter Tight,sans-serif;font-size:.95rem;line-height:1.6;margin-top:auto;position:relative;text-align:center;z-index:1}.screenshots-section{margin:0 auto;max-width:1400px;padding:7rem 2rem;text-align:center}.screenshots-title{color:#000;font-family:Recoleta Alt,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:300;line-height:1.3;margin-bottom:1.5rem}.screenshots-description{color:#666;font-family:Inter Tight,sans-serif;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.6;margin:0 auto 3rem;max-width:700px}.screenshots-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.app-screenshot{border-radius:20px;box-shadow:0 8px 30px #00000026;height:auto;max-width:220px;width:100%}.how-it-works-section{margin:0 auto;max-width:1400px;padding:7rem 2rem;text-align:center}.how-it-works-label{color:#666;font-family:IBM Plex Mono,monospace;font-size:.85rem;letter-spacing:.1em;margin-bottom:1rem;text-transform:uppercase}.how-it-works-equation{color:#000;font-family:Recoleta Alt,sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:300;margin-bottom:2rem}.althy-logo-large-img{display:inline-block;height:180px;margin:0 .5rem;object-fit:contain;vertical-align:middle;width:180px}.how-it-works-description{color:#666;font-family:Inter Tight,sans-serif;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.6;margin:0 auto 4rem;max-width:700px}.process-visualization{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:3rem}.steps-image{height:auto;max-width:100%;max-width:900px;object-fit:contain;width:100%}.process-circle,.process-step{align-items:center;display:flex;justify-content:center}.process-circle{border-radius:50%;color:#000;font-family:Inter Tight,sans-serif;font-size:.9rem;font-weight:400;padding:1rem;text-align:center}.process-circle-large{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#ff980033;border:none;box-shadow:0 8px 30px #ff980040,inset 0 0 40px #ff980026,0 0 0 1px #ff980026;height:150px;width:150px}.process-circles-group{display:flex;flex-direction:column;gap:1rem}.process-circle-small{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#ba68c833;border:none;box-shadow:0 8px 25px #ba68c840,inset 0 0 30px #ba68c826,0 0 0 1px #ba68c826;height:100px;width:100px}.process-arrow{color:#666;font-size:2rem}.process-schedule{gap:1rem}.process-schedule,.schedule-item{display:flex;flex-direction:column}.schedule-item{gap:.5rem}.schedule-day{color:#666;font-family:IBM Plex Mono,monospace;font-size:.85rem;text-align:left}.schedule-box{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#a5d6a74d;border:none;border-radius:12px;box-shadow:0 4px 15px #a5d6a733,inset 0 0 20px #a5d6a71a,0 0 0 1px #a5d6a726;color:#333;display:flex;font-family:Inter Tight,sans-serif;font-size:.85rem;height:60px;justify-content:center;width:120px}.testimonials-section{margin:0 auto;max-width:1400px;overflow:hidden;padding:8rem 5rem;position:relative;text-align:center}.testimonials-header{margin-bottom:4rem;position:relative;z-index:1}.testimonials-label{color:var(--color-powder-blue);font-family:IBM Plex Mono,monospace;font-size:.85rem;font-weight:600;letter-spacing:.1em;margin-bottom:1rem;text-transform:uppercase}.testimonials-title{color:var(--color-text);font-family:Recoleta Alt,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:300;line-height:1.3;margin-bottom:0}.testimonials-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;overflow:visible;position:relative;width:100%;z-index:1}.testimonial-nav-btn{margin-top:1rem}.testimonial-nav-controls{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:1rem}.testimonials-cards{-webkit-overflow-scrolling:touch;display:flex;gap:2rem;justify-content:flex-start;max-width:1200px;overflow-x:auto;padding:2rem 3rem 3rem;position:relative;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-color:var(--color-powder-blue) #0000;scrollbar-width:thin;width:100%}.testimonials-cards::-webkit-scrollbar{height:6px}.testimonials-cards::-webkit-scrollbar-track{background:#0000}.testimonials-cards::-webkit-scrollbar-thumb{background:var(--color-powder-blue);border-radius:3px}.testimonials-cards::-webkit-scrollbar-thumb:hover{background:var(--color-lavender)}.testimonial-card{border-radius:24px;cursor:pointer;display:flex;flex:0 0 320px;flex-direction:column;justify-content:space-between;min-height:280px;opacity:1;padding:2.5rem 1rem;position:relative;scroll-snap-align:start;transform:scale(1);transition:all .4s cubic-bezier(.4,0,.2,1);width:320px;z-index:2}.testimonial-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-8px) scale(1.02)}.testimonial-card.active{opacity:1;transform:scale(1)}.testimonial-card-0{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#b8e3e680,#dcf5f259 40%,#ffffffe6);border:2px solid #b8e3e64d;box-shadow:0 4px 20px #00000014,0 1px 4px #0000000a}.testimonial-card-0:hover{border-color:#b8e3e680;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f}.testimonial-card-0:after{background:linear-gradient(180deg,#0000 0,#ffffff80 50%,#fff);border-radius:0 0 20px 20px;bottom:0;content:"";height:40%;left:0;pointer-events:none;position:absolute;right:0}.testimonial-card-1{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffe4e180,#ffdab966 40%,#ffffffe6);border:2px solid #ffe4e14d;box-shadow:0 4px 20px #00000014,0 1px 4px #0000000a}.testimonial-card-1:hover{border-color:#ffe4e180;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f}.testimonial-card-1:after{background:linear-gradient(180deg,#0000 0,#ffffff80 50%,#fff);border-radius:0 0 20px 20px;bottom:0;content:"";height:40%;left:0;pointer-events:none;position:absolute;right:0}.testimonial-card-2{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffdab980,#e6e6fa66 40%,#ffffffe6);border:2px solid #ffdab94d;box-shadow:0 4px 20px #00000014,0 1px 4px #0000000a}.testimonial-card-2:hover{border-color:#ffdab980;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f}.testimonial-card-2:after{background:linear-gradient(180deg,#0000 0,#ffffff80 50%,#fff);border-radius:0 0 20px 20px;bottom:0;content:"";height:40%;left:0;pointer-events:none;position:absolute;right:0}.testimonial-card-3{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#e6e6fa80,#dcf5f266 40%,#ffffffe6);border:2px solid #e6e6fa4d;box-shadow:0 4px 20px #00000014,0 1px 4px #0000000a}.testimonial-card-3:hover{border-color:#e6e6fa80;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f}.testimonial-card-3:after{background:linear-gradient(180deg,#0000 0,#ffffff80 50%,#fff);border-radius:0 0 20px 20px;bottom:0;content:"";height:40%;left:0;pointer-events:none;position:absolute;right:0}.testimonial-quote-icon{color:#00000040;font-family:Recoleta Alt,sans-serif;font-size:4rem;font-weight:300;left:1.5rem;line-height:1;position:absolute;top:1.5rem;z-index:1}.testimonial-card-title{color:var(--color-text);font-family:Recoleta Alt,sans-serif;font-size:1.5rem;font-weight:600;line-height:1.3;margin-bottom:1rem;margin-top:0;padding-left:2.5rem;padding-right:1rem;position:relative;text-align:left;width:100%;z-index:2}.testimonial-card-text{color:#333;flex:1 1;font-family:Inter Tight,sans-serif;font-size:1rem;line-height:1.7;margin-bottom:1.5rem;padding-left:0;position:relative;text-align:left;z-index:2}.testimonial-card-footer{display:flex;flex-direction:column;gap:.75rem;margin-top:auto;position:relative;z-index:3}.testimonial-stars{color:var(--color-peach-puff);filter:drop-shadow(0 1px 2px rgba(255,218,185,.3));font-size:.9rem;letter-spacing:2px;text-align:left}.testimonial-card-author{color:#333;font-family:IBM Plex Mono,monospace;font-size:.85rem;font-weight:600;letter-spacing:.05em;text-align:left;text-transform:uppercase}.testimonial-nav-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;height:50px;justify-content:center;transition:all .2s;width:50px}.testimonial-nav-btn:hover{color:#333}.educator-section{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:30px;margin:0 auto 5rem;max-width:900px;padding:7rem 2rem;position:relative;text-align:center}.educator-section:before{background:linear-gradient(135deg,#ffb74d66,#ff8a6566);border-radius:30px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.educator-title{color:#000;font-family:Recoleta Alt,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:300;margin-bottom:1rem;position:relative;z-index:1}.educator-description{color:#333;font-family:Inter Tight,sans-serif;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.6;margin:0 auto 2rem;max-width:600px;position:relative;z-index:1}.contact-section{margin:0 auto;max-width:1400px;padding:5rem 2rem;text-align:center}.contact-section-title{color:#000;font-family:Recoleta Alt,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:300;margin-bottom:2rem}.contact-description{color:#555;font-family:Inter Tight,sans-serif;font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.8;margin:0 auto 2rem;max-width:700px;text-align:center}.contact-email{color:#333;font-family:Inter Tight,sans-serif;font-size:clamp(1.1rem,1.5vw,1.3rem);font-weight:500;margin:0}.contact-email-link{color:#1976d2;font-weight:500;text-decoration:none;transition:color .2s}.contact-email-link:hover{color:#1565c0;text-decoration:underline}.educator-logos{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;margin-bottom:2rem;position:relative;z-index:1}.university-logo{color:#000;font-family:Recoleta Alt,sans-serif;font-size:1.5rem;font-weight:600}.educator-form{margin:0 auto;max-width:600px;padding-left:2rem;padding-right:2rem;position:relative;z-index:1}.educator-form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.educator-form-input,.educator-form-textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:12px;color:#000;font-family:Inter Tight,sans-serif;font-size:1rem;padding:1rem 1.5rem;transition:all .3s;width:100%}.educator-form-input:focus,.educator-form-textarea:focus{background:#fffffff2;border-color:#ffffff80;box-shadow:0 0 0 3px #fff3;outline:none}.educator-form-input::placeholder,.educator-form-textarea::placeholder{color:#666}.educator-form-input-full{margin-bottom:1rem}.educator-form-textarea{margin-bottom:1.5rem;min-height:120px;resize:vertical}.educator-btn{background:linear-gradient(135deg,var(--color-powder-blue) 0,var(--color-lavender) 100%);border:none;border-radius:30px;box-shadow:0 4px 12px #b8e3e64d;color:var(--color-text);cursor:pointer;font-family:Inter Tight,sans-serif;font-size:1.1rem;font-weight:400;padding:1rem 2.5rem;transition:all .3s;width:100%}.educator-btn,.educator-btn span{position:relative;z-index:1}.educator-btn:hover{background:linear-gradient(135deg,var(--color-light-blue) 0,var(--color-peach-puff) 100%);box-shadow:0 6px 20px #b8e3e680;transform:translateY(-2px)}.landing-footer{background:#fafafa;border-top:1px solid #00000014;padding:4rem 2rem 2rem}.footer-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:4rem;justify-content:center;margin:0 auto;max-width:1400px}.footer-brand{max-width:400px}.footer-brand,.footer-column:not(.footer-brand){text-align:center}.footer-column:not(.footer-brand):not(:nth-child(2)){display:none}.footer-logo{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-bottom:1.5rem;margin-left:auto;margin-right:auto}.footer-logo-img{height:40px;object-fit:contain;width:40px}.footer-logo-text{color:#000;font-family:Recoleta Alt,sans-serif;font-size:1.5rem;font-weight:600}.footer-newsletter-label{color:#666;font-family:Inter Tight,sans-serif;font-size:.9rem;margin-bottom:1rem}.footer-newsletter{display:flex;gap:.5rem}.footer-email-input{background:#fff;border:1px solid #ddd;border-radius:8px;flex:1 1;font-size:.9rem;padding:.75rem 1rem}.footer-email-input:focus{border-color:var(--color-powder-blue);outline:none}.footer-email-btn{background:linear-gradient(135deg,var(--color-powder-blue) 0,var(--color-lavender) 100%);border:none;border-radius:16px;box-shadow:0 2px 6px #b8e3e64d;color:var(--color-text);cursor:pointer;font-size:1.2rem;height:45px;transition:all .2s;width:45px}.footer-email-btn:hover{background:linear-gradient(135deg,var(--color-light-blue) 0,var(--color-peach-puff) 100%);box-shadow:0 4px 10px #b8e3e666}.footer-column-title{color:#000;font-family:IBM Plex Mono,monospace;font-size:.85rem;font-weight:600;letter-spacing:.05em;margin-bottom:1rem;text-transform:uppercase}.footer-link{color:#666;display:block;font-family:Inter Tight,sans-serif;font-size:.9rem;margin-bottom:.75rem;text-decoration:none;transition:color .2s}.footer-link:hover{color:#000}.footer-download-btn{background:#fff;border:1px solid #ddd;border-radius:24px;color:#000;cursor:pointer;display:block;font-size:.9rem;font-weight:500;margin-bottom:.75rem;padding:.75rem 1rem;transition:all .2s;width:100%}.footer-download-btn:hover{background:#f0f0f0;border-color:var(--color-powder-blue)}.footer-social{display:flex;gap:1rem;margin-bottom:0;margin-top:.5rem}.footer-social,.footer-social-link{align-items:center;justify-content:center}.footer-social-link{color:#666;display:inline-flex;text-decoration:none;transition:all .3s}.footer-social-link:hover{color:var(--color-powder-blue);transform:translateY(-2px)}.footer-social-icon{height:24px;transition:all .3s;width:24px}.footer-copyright{border-top:1px solid #00000014;margin-top:1.5rem;padding-top:1rem}.footer-copyright-text{color:#666;font-family:Inter Tight,sans-serif;font-size:.85rem;margin:0;text-align:center}@media (max-width:768px){.landing-page:before{background:radial-gradient(circle 300px at 10% 15%,#b3e5fc59 0,#0000 70%),radial-gradient(circle 280px at 90% 25%,#bbdefb4d 0,#0000 70%),radial-gradient(circle 250px at 20% 70%,#b3e5fc47 0,#0000 70%),radial-gradient(circle 270px at 80% 75%,#bbdefb4d 0,#0000 70%),radial-gradient(circle 240px at 50% 5%,#b3e5fc40 0,#0000 70%),radial-gradient(circle 260px at 5% 60%,#bbdefb47 0,#0000 70%),radial-gradient(circle 250px at 95% 65%,#b3e5fc47 0,#0000 70%)}.hamburger-menu{display:flex}.nav-menu{align-items:flex-start;background:#fff;box-shadow:-2px 0 10px #0000001a;flex-direction:column;gap:2rem;height:100vh;justify-content:flex-start;max-width:300px;padding:5rem 2rem 2rem;position:fixed;right:-100%;top:0;transition:right .3s ease;width:70%;z-index:100}.nav-menu.open{right:0}.mobile-menu-overlay{background:#00000080;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:99}.nav-link{font-size:1rem;padding:.5rem 0}.nav-download-btn-link,.nav-link{width:100%}.nav-download-btn{font-size:.9rem;padding:.75rem 1.5rem;width:100%}.landing-nav{justify-content:space-between}.hero-section{padding:4rem 1.5rem 3rem}.syllabus-feature-section{border-radius:24px;margin:2rem 1rem;padding:4rem 1.5rem}.testimonials-section{padding:4rem 1.5rem}.syllabus-feature-steps{flex-direction:column;gap:1.5rem}.syllabus-step-arrow{font-size:2rem;transform:rotate(90deg)}.syllabus-step{max-width:100%}.features-section{grid-template-columns:1fr;padding:3rem 1.5rem}.screenshots-container{align-items:center;flex-direction:column}.process-visualization{flex-direction:column}.process-arrow{transform:rotate(90deg)}.testimonials-cards{min-width:280px}.footer-content{gap:2rem;grid-template-columns:1fr}.educator-section{margin-left:1rem;margin-right:1rem;padding:4rem 1rem}.educator-form-row{grid-template-columns:1fr}.syllabus-how-it-works-section{border-radius:24px;margin:2rem 1rem;padding:5rem 2rem}.syllabus-process-container{flex-direction:column;gap:1.5rem}.syllabus-process-arrow{transform:rotate(90deg)}.syllabus-process-step{max-width:100%}.syllabus-illustration-container{flex-direction:column;gap:2rem}.syllabus-illustration-arrow{transform:rotate(90deg)}.syllabus-illustration-item{max-width:100%}}.confirm-delete-modal-overlay{align-items:center;background:#00000080;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.confirm-delete-modal{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;overflow:hidden;width:100%}.confirm-delete-modal-header{border-bottom:1px solid #e5e7eb;padding:20px 24px}.confirm-delete-modal-title{color:#1f2937;font-size:20px;font-weight:600;margin:0}.confirm-delete-modal-body{padding:24px}.confirm-delete-modal-message{color:#374151;font-size:15px;line-height:1.6;margin:0}.confirm-delete-modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.confirm-delete-modal-button{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:500;padding:10px 20px;transition:all .2s ease}.confirm-delete-modal-button-cancel{background:#fff;border:1px solid #d1d5db;color:#374151}.confirm-delete-modal-button-cancel:hover{background:#f9fafb;border-color:#9ca3af}.confirm-delete-modal-button-delete{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.confirm-delete-modal-button-delete:hover{background:#fecaca}@media (max-width:768px){.confirm-delete-modal{margin:0 16px;max-width:100%}.confirm-delete-modal-header{padding:16px 20px}.confirm-delete-modal-title{font-size:18px}.confirm-delete-modal-body{padding:20px}.confirm-delete-modal-message{font-size:14px}.confirm-delete-modal-footer{flex-direction:column-reverse;padding:12px 20px}.confirm-delete-modal-button{padding:12px 20px;width:100%}}.event-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.event-modal-container{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.event-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.event-modal-title{color:#1f2937;font-size:20px;font-weight:600;margin:0}.event-modal-close-button{align-items:center;background:#0000;border:none;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:color .2s ease}.event-modal-close-button:hover{color:#1f2937}.event-modal-body{padding:24px}.category-select-wrapper{position:relative;width:100%}.category-select{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;cursor:pointer;font-size:16px;outline:none;padding:12px 48px 12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.category-select:hover{border-color:#d1d5db}.category-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.category-select:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.category-color-indicator{border:1px solid #0000001a;border-radius:4px;height:16px;right:40px;width:16px}.category-color-indicator,.category-select-arrow{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.category-select-arrow{align-items:center;color:#6b7280;display:flex;height:20px;justify-content:center;right:12px;width:20px}.category-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.category-label-hint{color:#6b7280;font-size:12px;font-weight:400;margin-left:8px}.category-option{align-items:center;display:flex;gap:8px;padding:8px 12px}.category-option-color{border:1px solid #0000001a;border-radius:3px;flex-shrink:0;height:12px;width:12px}.category-display{align-items:center;background:#f9fafb;border-radius:8px;color:#1f2937;display:flex;font-size:16px;gap:8px;padding:12px 16px}.category-display-color{border:1px solid #0000001a;border-radius:4px;flex-shrink:0;height:16px;width:16px}@media (max-width:768px){.event-modal-container{border-radius:16px 16px 0 0;max-height:95vh;max-width:100%}.event-modal-header{padding:16px 20px}.event-modal-title{font-size:18px}.event-modal-body{padding:20px}.category-select{font-size:15px;padding:10px 44px 10px 14px}.category-color-indicator{height:14px;right:36px;width:14px}}:root{--calendar-primary:#3b82f6;--calendar-primary-light:#3b82f620;--calendar-primary-shadow:#3b82f680;--calendar-text-primary:#1f2937;--calendar-text-secondary:#6b7280;--calendar-text-tertiary:#9ca3af;--calendar-bg-white:#fff;--calendar-bg-gray:#f9fafb;--calendar-bg-gray-light:#f3f4f6;--calendar-border:#e5e7eb;--calendar-border-light:#f3f4f6;--calendar-shadow:#00000026;--calendar-shadow-dark:#0000004d;--calendar-overloaded:#991b1b;--calendar-balanced:#92400e}.calendar-page{background:#0000;min-height:100vh;padding-top:0;width:100%}.calendar-content{padding-top:200px}@media (min-width:768px){.calendar-content{padding-top:220px}}.calendar-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #f0f0f0;box-shadow:0 2px 4px #0000000d;box-sizing:border-box;left:50%;max-width:380px;min-height:auto;overflow:visible;padding:20px 16px 16px;position:fixed;top:0;transform:translateX(-50%);width:100%;z-index:100}@media (min-width:768px){.calendar-header{max-width:1200px;padding:24px 24px 20px;top:0}}.app-phone-frame.desktop-viewport .calendar-header{max-width:1200px}.desktop-right-section .calendar-header{left:0!important;max-width:100%!important;position:absolute!important;top:0!important;transform:none!important}.calendar-header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;width:100%}.calendar-title-container{align-items:center;display:flex;gap:12px;position:relative;width:100%}.calendar-greeting{color:#1f2937;flex:1 1;font-size:24px;font-weight:700;line-height:1.2;margin:0;order:2;padding-bottom:12px;text-align:center}@media (min-width:768px){.calendar-greeting{font-size:28px}}.calendar-day-display{align-items:baseline;display:flex;gap:8px;justify-content:center}.calendar-weekday{font-size:inherit;font-weight:inherit}.calendar-date-part{font-size:.65em;font-weight:500;opacity:.7}@media (min-width:768px){.calendar-date-part{font-size:.6em}}.calendar-year-small{font-size:.65em;font-weight:500;opacity:.7}@media (min-width:768px){.calendar-year-small{font-size:.6em}}.calendar-nav-button{align-items:center;background:none;border:none;border-radius:6px;color:#1f2937;color:var(--calendar-text-primary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:6px 10px;transition:all .2s ease}.calendar-nav-button:hover{background:none;border:none}.calendar-nav-button-left{margin-right:auto;order:1}.calendar-nav-button-right{margin-left:auto;order:3}.now-small-button{font-size:13px;padding:7px 14px}.status-badge-container{align-items:center;display:flex;flex:1 1;justify-content:center;left:50%;position:absolute;transform:translateX(-50%)}.status-badge{align-items:center;border-radius:18px;display:flex;flex-shrink:0;gap:5px;padding:5px 11px}.status-badge-icon{font-size:13px}.status-badge-text{font-size:10px;font-weight:600;text-transform:capitalize}@media (min-width:768px){.status-badge{padding:6px 12px}.status-badge-icon{font-size:14px}.status-badge-text{font-size:11px}}.calendar-header-actions{align-items:center;display:flex;gap:8px;justify-content:space-between;position:relative;width:100%}.friend-selector-container{position:relative;z-index:10}.friend-selector-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:6px 8px;transition:all .2s ease}.friend-selector-button:hover{background:#f3f4f6;color:#374151}.friend-selector-label{font-size:13px;font-weight:500;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-selector-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #00000026;max-height:400px;max-width:280px;min-width:200px;overflow:hidden;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.friend-selector-item{align-items:center;background:#fff;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:10px 16px;text-align:left;transition:background .2s ease;width:100%}.friend-selector-item:hover{background:#f9fafb}.friend-selector-item-active{background:#e0f2fe;color:#0369a1;font-weight:600}.friend-selector-friend-group{border-top:1px solid #e5e7eb}.friend-selector-item-compare{color:#6b7280;font-size:13px;padding-left:32px}.friend-selector-item-compare:hover{background:#f0f9ff;color:#0369a1}.calendar-view-mode-indicator{display:inline-block;font-size:inherit;font-weight:inherit}.friend-busy-time-slot,.week-friend-busy-time{background:#6b728026;border-left:2px solid #6b728066;left:0;pointer-events:none;position:absolute;right:0;z-index:1}.overlapping-free-time-slot,.week-overlapping-free-time{background:#10b98133;border-left:3px solid #10b981;border-right:3px solid #10b981;left:0;pointer-events:none;position:absolute;right:0;z-index:2}.calendar-add-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;color:var(--calendar-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.calendar-add-button:hover{background:#f9fafb;background:var(--calendar-bg-gray);color:#1f2937;color:var(--calendar-text-primary)}.calendar-menu-container{position:relative}.calendar-menu-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;color:var(--calendar-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.calendar-menu-button:hover{background:#f9fafb;background:var(--calendar-bg-gray);color:#1f2937;color:var(--calendar-text-primary)}.calendar-menu-panel-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #00000026;padding:20px;position:fixed;z-index:2000}.calendar-menu-panel-wrapper-mobile{min-width:280px;right:16px;top:80px}.calendar-menu-panel-wrapper-desktop{min-width:320px;right:20px;top:80px}.calendar-menu-panel-header-wrapper{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.calendar-menu-panel-title-text{color:#1f2937;font-size:16px;font-weight:600;margin:0}.calendar-menu-panel-close-button{align-items:center;background:#0000;border:none;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.calendar-menu-panel-close-button:hover{background:#f3f4f6;color:#374151}.calendar-menu-toggle-wrapper{align-items:center;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:16px}.calendar-menu-toggle-label-wrapper{display:flex;flex-direction:column}.calendar-menu-toggle-label-text{color:#374151;font-size:14px;font-weight:500;margin-bottom:4px}.calendar-menu-toggle-description-text{color:#6b7280;font-size:12px}.calendar-menu-checkbox-input{accent-color:#3b82f6;cursor:pointer;height:20px;width:20px}.friend-name-badge{background:#3b82f626;border:1px solid #3b82f666}.friend-name-badge .status-badge-text{color:#3b82f6}.status-message{align-items:center;border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:12px 16px;position:relative}.status-message-overloaded{background:#fef2f2;border:1px solid #fecaca}.status-message-balanced{background:#fffbeb;border:1px solid #fde68a}.status-message-icon{flex-shrink:0;font-size:18px}.status-message-text{flex:1 1;font-size:14px;line-height:1.5;margin:0}.status-message-text-overloaded{color:#991b1b;color:var(--calendar-overloaded)}.status-message-text-balanced{color:#92400e;color:var(--calendar-balanced)}.status-close-button{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:background .2s ease}.status-close-button:hover{background:#f3f4f6;background:var(--calendar-bg-gray-light)}.view-selector-container{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:6px}.view-selector{background:var(--calendar-bg-gray-light);border-radius:8px;width:auto}.view-button{border-radius:6px;color:var(--calendar-text-secondary);font-size:13px;padding:7px 14px}.view-button-active{background:#b0e0e6;box-shadow:0 1px 3px #0000001a;color:var(--calendar-text-primary)}.view-button-inactive{color:#6b7280;color:var(--calendar-text-secondary)}.view-button:hover{color:#1f2937;color:var(--calendar-text-primary)}.calendar-selector{align-items:center;display:flex}.calendar-select{background:#fff;background:var(--calendar-bg-white);border:1px solid #e5e7eb;border:1px solid var(--calendar-border);border-radius:8px;color:#1f2937;color:var(--calendar-text-primary);cursor:pointer;display:none;font-size:14px;padding:8px 12px;transition:border-color .2s ease}.calendar-select:focus,.calendar-select:hover{border-color:#3b82f6;border-color:var(--calendar-primary)}.calendar-select:focus{box-shadow:0 0 0 3px #3b82f620;box-shadow:0 0 0 3px var(--calendar-primary-light);outline:none}.date-navigation{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px;margin-top:8px}.date-display{color:#4a90e2;font-size:18px;font-weight:600}@media (min-width:768px){.date-display{font-size:20px}}.date-month-year{color:#6ba3d8;font-size:14px;margin-top:2px}.nav-buttons{gap:8px}.nav-button,.nav-buttons{align-items:center;display:flex}.nav-button{background:#0000;border:1px solid #e5e7eb;border:1px solid var(--calendar-border);border-radius:6px;color:#1f2937;color:var(--calendar-text-primary);cursor:pointer;justify-content:center;padding:6px 10px;transition:all .2s ease}.nav-button:hover{background:#f9fafb;background:var(--calendar-bg-gray);border-color:#3b82f6;border-color:var(--calendar-primary)}.today-button{background:#3b82f6;background:var(--calendar-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:6px 16px;transition:all .2s ease}.today-button:hover{background:#2563eb;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.timeline-container{padding:170px 16px 16px;position:relative}@media (min-width:768px){.timeline-container{padding:200px 24px 24px}}.timeline-wrapper{display:flex;gap:16px;position:relative}.time-labels{flex-shrink:0;width:60px}.time-label-item{align-items:flex-start;display:flex;height:60px;padding-top:8px}.time-label-text{color:#9ca3af;color:var(--calendar-text-tertiary);font-size:13px;font-weight:500}.events-column{flex:1 1;min-height:1440px;position:relative}.current-time-indicator{box-shadow:0 0 4px #3b82f680,0 0 8px #3b82f680,0 0 12px #3b82f64d;box-shadow:0 0 4px var(--calendar-primary-shadow),0 0 8px #3b82f680,0 0 12px #3b82f64d;filter:drop-shadow(0 0 6px rgba(59,130,246,.6));height:2px;left:0;pointer-events:none;right:0;z-index:50}.current-time-dot,.current-time-indicator{background:#3b82f6;background:var(--calendar-primary);position:absolute}.current-time-dot{border:2px solid #fff;border-radius:50%;box-shadow:0 0 4px #3b82f680,0 0 8px #3b82f699,0 0 12px #3b82f666,0 0 16px #3b82f633;box-shadow:0 0 4px var(--calendar-primary-shadow),0 0 8px #3b82f699,0 0 12px #3b82f666,0 0 16px #3b82f633;filter:drop-shadow(0 0 8px rgba(59,130,246,.8));height:10px;left:-8px;top:-4px;width:10px}.event-item{border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;justify-content:center;left:0;min-height:40px;overflow:hidden;padding:8px 12px;position:absolute;right:0;transition:all .2s ease}.event-item:hover{transform:scale(1.02)}.event-item-text{color:inherit;font-size:11px;font-weight:400;line-height:1.1;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.event-item-text-single{max-height:14px;white-space:nowrap}.event-item-text-multiline{max-height:none;white-space:normal}.event-item-shared{color:#6b7280;color:var(--calendar-text-secondary);font-size:10px;font-weight:400;margin-left:6px}.task-item{align-items:center;border-left-width:4px!important;display:flex;font-weight:500;max-height:24px;min-height:20px;padding-bottom:4px;padding-left:10px!important;padding-top:4px;position:relative;z-index:3}.task-item:hover{box-shadow:0 2px 8px #00000026;transform:translateX(2px);z-index:5}.task-item .event-item-text{align-items:center;color:#333!important;display:flex;font-size:12px;font-weight:500;gap:6px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-item-border{border:1.5px solid}.task-item-static{background:#fff;color:#333;cursor:pointer;opacity:1}.task-indicator{border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0003;cursor:pointer;height:8px;left:4px;position:absolute;transition:transform .2s ease;width:8px;z-index:10}.task-indicator:hover{transform:scale(1.3);z-index:15}.week-container{-webkit-overflow-scrolling:touch;background:#0000;max-width:100vw;overflow-x:hidden;overflow-y:visible;padding:230px 0 6px;width:100%}@media (min-width:768px){.week-container{overflow-x:hidden;padding:250px 0 16px}}.week-wrapper{-webkit-overflow-scrolling:touch;box-sizing:border-box;display:block;margin:0 auto;max-width:380px;overflow-x:hidden;width:100%}@media (min-width:768px){.week-wrapper{max-width:380px}}.app-phone-frame.desktop-viewport .week-wrapper{max-width:100%;width:100%}.app-phone-frame.desktop-viewport .week-container{max-width:100%}.week-day-headers{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-bottom:2px solid #b3e5fc33;box-sizing:border-box;display:grid;grid-template-columns:24px minmax(35px,1fr) minmax(35px,1fr) minmax(35px,1fr) minmax(35px,1fr) minmax(35px,1fr) minmax(35px,1fr) minmax(35px,1fr);left:50%;max-width:380px;padding:0 2px;position:fixed;top:180px;transform:translateX(-50%);width:100%;z-index:99}@media (min-width:768px){.week-day-headers{gap:1px;grid-template-columns:50px minmax(45px,1fr) minmax(45px,1fr) minmax(45px,1fr) minmax(45px,1fr) minmax(45px,1fr) minmax(45px,1fr) minmax(45px,1fr);max-width:380px;padding:0 2px;top:185px}}.app-phone-frame.desktop-viewport .week-day-headers{grid-template-columns:60px minmax(80px,1fr) minmax(80px,1fr) minmax(80px,1fr) minmax(80px,1fr) minmax(80px,1fr) minmax(80px,1fr) minmax(80px,1fr);left:0;max-width:100%;padding:0 1rem;transform:none}.week-day-header{display:flex;flex-direction:column;gap:2px;min-width:0;padding:2px 0;text-align:center}@media (min-width:768px){.week-day-header{gap:3px;padding:4px}}.week-day-date{color:#1f2937;color:var(--calendar-text-primary);font-size:9px;font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:768px){.week-day-date{font-size:11px}}.week-day-name{color:#6b7280;color:var(--calendar-text-secondary);font-size:8px;font-weight:500;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:768px){.week-day-name{font-size:12px}}.week-day-indicator{align-items:center;background:#b3e5fc33;border:1px solid #b3e5fc4d;border-radius:50%;display:inline-flex;height:28px;justify-content:center;margin:0 auto;transition:all .3s ease;width:28px}@media (min-width:768px){.week-day-indicator{height:32px;width:32px}}.week-day-indicator-today{background:linear-gradient(135deg,#b3e5fc,#81d4fa);border:2px solid #4fc3f7;box-shadow:0 2px 8px #b3e5fc66}.week-day-number{color:#1f2937;color:var(--calendar-text-primary);font-size:12px;font-weight:600;line-height:1}@media (min-width:768px){.week-day-number{font-size:16px}}.week-day-indicator-today .week-day-number{color:#000;font-weight:700}.week-calendar-grid{grid-gap:1px;box-sizing:border-box;display:grid;gap:1px;grid-template-columns:24px minmax(35px,1fr) minmax(35px,1fr) minmax(35px,1fr) minmax(35px,1fr) minmax(35px,1fr) minmax(35px,1fr) minmax(35px,1fr);margin:0 auto;max-width:100%;padding:0 2px;position:relative;width:100%}@media (min-width:768px){.week-calendar-grid{gap:1px;grid-template-columns:50px minmax(45px,1fr) minmax(45px,1fr) minmax(45px,1fr) minmax(45px,1fr) minmax(45px,1fr) minmax(45px,1fr) minmax(45px,1fr);max-width:100%;padding:0 2px}}.app-phone-frame.desktop-viewport .week-calendar-grid{gap:2px;grid-template-columns:60px minmax(80px,1fr) minmax(80px,1fr) minmax(80px,1fr) minmax(80px,1fr) minmax(80px,1fr) minmax(80px,1fr) minmax(80px,1fr);padding:0 1rem}.week-time-labels{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;display:flex;flex-direction:column;grid-column:1;left:0;position:-webkit-sticky;position:sticky;z-index:5}.app-phone-frame.desktop-viewport .week-time-labels{min-width:60px}.week-time-label-item{align-items:flex-start;box-sizing:border-box;display:flex;height:40px;justify-content:flex-end;padding-right:2px;padding-top:3px}@media (min-width:768px){.week-time-label-item{height:50px;padding-right:6px}}.week-time-label-text{color:#9ca3af;color:var(--calendar-text-tertiary);font-size:8px;font-weight:500;line-height:1}@media (min-width:768px){.week-time-label-text{font-size:12px}}.week-day-column{background:#0000;border-right:1px solid #b3e5fc33;min-height:960px;min-width:40px;overflow:visible;position:relative;transition:all .3s ease;width:100%}.week-day-column-expanded{background:#6a8fa605;border-right:2px solid #6a8fa6}.week-day-column:last-child{border-right:none}.week-hour-line{border-bottom:1px solid #b3e5fc26;box-sizing:border-box;height:40px;pointer-events:none}@media (min-width:768px){.week-hour-line{height:50px}}.week-hour-line:last-child{border-bottom:none}.week-event-item{border-radius:0;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;justify-content:center;left:0;min-height:20px;overflow:hidden;padding:0;position:absolute;right:0;transition:all .2s ease;width:100%;z-index:1}@media (min-width:768px){.week-event-item{border-radius:0;left:0;min-height:32px;padding:0;right:0;width:100%}}.week-event-item:hover{z-index:2}.week-event-item-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;box-sizing:border-box;color:inherit;display:-webkit-box;flex:1 1;font-size:10px;font-weight:400;line-height:1.1;overflow:hidden;padding:2px 3px;text-overflow:ellipsis;word-break:break-word}.week-event-item-text-single{-webkit-line-clamp:3;white-space:nowrap}.week-event-item-text-multiline{-webkit-line-clamp:4;white-space:normal}@media (min-width:768px){.week-event-item-text{-webkit-line-clamp:4;font-size:11px;padding:4px 5px}}.week-event-item-shared{color:#6b7280;color:var(--calendar-text-secondary);font-size:9px;font-weight:400;margin-left:4px}@media (min-width:768px){.week-event-item-shared{font-size:10px}}.week-task-item{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border-left-width:0!important;cursor:pointer;display:flex;font-weight:500;max-height:16px!important;min-height:16px!important;opacity:1;padding:0!important}.week-task-item-border{border:1.5px solid}.week-task-item-text-container{align-items:center;display:flex;gap:4px;height:100%;justify-content:flex-start;overflow:hidden;padding:0 4px;width:100%}.week-task-checkmark{flex-shrink:0;font-size:11px}.week-task-checkmark,.week-task-text{color:#333;font-weight:400;line-height:1}.week-task-text{flex:1 1;font-size:10px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:768px){.week-task-checkmark{font-size:12px}.week-task-text{font-size:11px}.week-task-item{padding-left:8px!important}}.week-current-time-indicator{box-shadow:0 0 4px #3b82f680,0 0 8px #3b82f680,0 0 12px #3b82f64d;box-shadow:0 0 4px var(--calendar-primary-shadow),0 0 8px #3b82f680,0 0 12px #3b82f64d;filter:drop-shadow(0 0 6px rgba(59,130,246,.6));height:2px;left:0;pointer-events:none;right:0;z-index:50}.week-current-time-dot,.week-current-time-indicator{background:#3b82f6;background:var(--calendar-primary);position:absolute}.week-current-time-dot{border:2px solid #fff;border-radius:50%;box-shadow:0 0 4px #3b82f680,0 0 8px #3b82f699,0 0 12px #3b82f666,0 0 16px #3b82f633;box-shadow:0 0 4px var(--calendar-primary-shadow),0 0 8px #3b82f699,0 0 12px #3b82f666,0 0 16px #3b82f633;filter:drop-shadow(0 0 8px rgba(59,130,246,.8));height:8px;left:-6px;top:-4px;width:8px}@media (min-width:768px){.week-current-time-dot{height:10px;left:-6px;width:10px}}.fab-button{box-shadow:0 4px 12px var(--calendar-shadow-dark)}@media (min-width:768px){.fab-button{bottom:90px;right:20px}}.add-menu-dropdown{background:var(--calendar-bg-white);border:1px solid var(--calendar-border);box-shadow:0 4px 12px var(--calendar-shadow)}@media (min-width:768px){.add-menu-dropdown{bottom:190px;right:40px}}.add-menu-item{background:var(--calendar-bg-white)}.add-menu-item:hover{background:var(--calendar-bg-gray)}.add-menu-divider{background:var(--calendar-border)}.event-color-work{background:#6a8fa6;border-color:#5a7f96;color:#333}.event-color-work .event-item-text,.event-color-work .week-event-item-text{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff!important;font-weight:400;text-shadow:none!important}.event-color-study{background:#e6e6fa;border-color:#d6d6ea;color:#333}.event-color-personal{background:#ffe4d1;border-color:#efd4c1;color:#333}.event-color-leisure{background:#c8f5e1;border-color:#b8e5d1;color:#333}.event-color-fitness{background:#7ccac1;border-color:#6cbaa1;color:#fff}.event-color-health{background:#ffb7a8;border-color:#efa798;color:#333}.event-color-travel{background:#f6e4a6;border-color:#e6d496;color:#333}.event-color-rest{background:#ddeff5;border-color:#cddfe5;color:#333}.event-color-work:hover{background:#5a7f96}.event-color-study:hover{background:#d6d6ea}.event-color-personal:hover{background:#efd4c1}.event-color-leisure:hover{background:#b8e5d1}.event-color-fitness:hover{background:#6cbaa1}.event-color-health:hover{background:#efa798}.event-color-travel:hover{background:#e6d496}.event-color-rest:hover{background:#cddfe5}.flex{display:flex}.flex-column{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.month-container{box-sizing:border-box;padding:210px 4px 10px;width:100%}@media (max-width:767px){.month-container{padding:210px 4px 10px}}@media (min-width:768px){.month-container{margin:0 auto;max-width:1400px;padding:290px 20px 30px}}.month-wrapper{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;box-sizing:border-box;max-width:100%;overflow:visible;width:100%}@media (min-width:768px){.month-wrapper{border-radius:12px;max-width:1400px}}.month-day-headers{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#f9fafbf2;border-bottom:2px solid #e5e7eb;display:grid;grid-template-columns:repeat(7,1fr);left:50%;max-width:390px;padding:0 2px;position:fixed;top:170px;transform:translateX(-50%);width:100%;z-index:99}.month-day-header,.month-day-headers{box-sizing:border-box;overflow:hidden}.month-day-header{color:#6b7280;font-size:9px;font-weight:600;letter-spacing:.2px;padding:8px 2px;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}@media (min-width:768px){.month-day-headers{max-width:390px;padding:0 2px;top:180px}.month-day-header{font-size:14px;letter-spacing:.5px;padding:16px 12px}}.app-phone-frame.desktop-viewport .month-day-headers{left:0;max-width:100%;padding:0 1rem;transform:none}.month-calendar-grid{grid-gap:.5px;background:#e5e7eb;box-sizing:border-box;display:grid;gap:.5px;grid-template-columns:repeat(7,1fr);margin:0 auto;max-width:390px;width:100%}@media (min-width:768px){.month-calendar-grid{gap:1px;max-width:1400px}}.month-day-cell{background:#fff;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;max-height:100px;min-height:80px;overflow:hidden;padding:3px 2px;position:relative;transition:background-color .2s ease}@media (min-width:768px){.month-day-cell{max-height:140px;min-height:120px;padding:12px 8px}}.app-phone-frame:not(.desktop-viewport) .month-container{max-width:100%;padding:210px 4px 10px}.app-phone-frame:not(.desktop-viewport) .month-wrapper{border-radius:8px;max-width:100%}.app-phone-frame:not(.desktop-viewport) .month-day-header{font-size:9px;letter-spacing:.2px;padding:8px 2px}.app-phone-frame:not(.desktop-viewport) .month-calendar-grid{gap:.5px;max-width:390px}.app-phone-frame:not(.desktop-viewport) .month-day-cell{max-height:100px;min-height:80px;padding:3px 2px}.app-phone-frame:not(.desktop-viewport) .month-day-number{font-size:11px;line-height:1.1;margin-bottom:1px}.app-phone-frame:not(.desktop-viewport) .month-event-item{border-radius:1px;font-size:7px;line-height:1;max-height:12px;min-height:10px;padding:1px 2px}.app-phone-frame:not(.desktop-viewport) .month-event-item-task{border-left:1.5px solid;font-size:7px;line-height:1;max-height:12px;min-height:10px;padding:1px 2px 1px 3px}.app-phone-frame:not(.desktop-viewport) .month-event-more{font-size:7px;line-height:1;margin-top:1px;padding:1px 2px}.month-day-cell:hover{background:#f9fafb}.month-day-cell-other-month{background:#f9fafb;color:#9ca3af}.month-day-cell-other-month:hover{background:#f3f4f6}.month-day-cell-today{background:#eff6ff;border:2px solid #3b82f6}.month-day-cell-today:hover{background:#dbeafe}.month-day-number{color:#1f2937;font-size:11px;font-weight:600;line-height:1.1;margin-bottom:1px}.month-day-cell-other-month .month-day-number{color:#9ca3af;font-weight:400}.month-day-cell-today .month-day-number{color:#3b82f6;font-weight:700}@media (min-width:768px){.month-day-number{font-size:16px;margin-bottom:4px}}.month-day-events{display:flex;flex:1 1;flex-direction:column;gap:1px;min-height:0;overflow:hidden}@media (min-width:768px){.month-day-events{gap:2px}}.month-event-item{border-radius:1px;color:#fff;cursor:pointer;font-size:7px;font-weight:500;line-height:1;max-height:12px;min-height:10px;overflow:hidden;padding:1px 2px;text-overflow:ellipsis;transition:opacity .2s ease;white-space:nowrap}.month-event-item:hover{opacity:.8}.month-event-item-task{background:#fff;border-left:1.5px solid;border-color:#9ca3af;color:#6b7280;font-size:7px;line-height:1;max-height:12px;min-height:10px;padding:1px 2px 1px 3px}@media (min-width:768px){.month-event-item{border-radius:2px}.month-event-item,.month-event-item-task{font-size:10px;line-height:1.1;max-height:16px;min-height:14px;padding:2px 4px}.month-event-item-task{border-left:2px solid}}.month-event-more{color:#6b7280;cursor:pointer;font-size:7px;font-weight:500;line-height:1;margin-top:1px;padding:1px 2px}@media (min-width:768px){.month-event-more{font-size:10px;line-height:1.1;padding:2px 4px}}.task-completion-animation-overlay{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:linear-gradient(135deg,#1a1a1a80,#1a1a1a4d);bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:10000}.task-completion-checkmark-wrapper{align-items:center;display:flex;justify-content:center;margin-bottom:24px;position:relative}.task-completion-checkmark{animation:checkmarkPop .6s cubic-bezier(.68,-.55,.265,1.55);background:linear-gradient(135deg,#fff,#dcf5f2);border:3px solid #b8e3e680;border-radius:50%;box-shadow:0 10px 30px #0000004d,0 0 40px #b8e3e64d;filter:drop-shadow(0 6px 20px rgba(184,227,230,.6));padding:24px;position:relative;z-index:2}.sparkle-container{height:200px;left:50%;pointer-events:none;top:50%;width:200px}.sparkle-container,.sparkle-particle{position:absolute;transform:translate(-50%,-50%)}.sparkle-particle{animation:sparkleOut 1.2s ease-out forwards;background:#b8e3e6;border-radius:50%;box-shadow:0 0 12px #b8e3e6e6,0 0 6px #fffc;height:8px;width:8px}@keyframes sparkleOut{0%{opacity:0;transform:translate(-50%,-50%) scale(0) rotate(0deg)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.2) rotate(180deg)}to{opacity:0;transform:translate(-50%,-50%) scale(1.8) rotate(1turn)}}@keyframes checkmarkPop{0%{opacity:0;transform:scale(0) rotate(-180deg)}50%{transform:scale(1.2) rotate(10deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.task-completion-confetti{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.confetti-particle{animation:confettiFall linear forwards;border:1px solid #ffffff4d;border-radius:50%;box-shadow:0 3px 6px #00000040,0 0 10px #b8e3e666;height:14px;position:absolute;top:-14px;width:14px}@keyframes confettiFall{0%{opacity:1;transform:translateY(0) rotate(0deg) scale(1)}50%{opacity:.9;transform:translateY(50vh) rotate(1turn) scale(1.2)}to{opacity:0;transform:translateY(100vh) rotate(2turn) scale(.8)}}.task-completion-message{animation:messageFadeIn .5s ease-out .3s both;background:linear-gradient(135deg,#fffffffa,#dcf5f2f2);border:2px solid #b8e3e699;border-radius:16px;box-shadow:0 6px 20px #00000040,0 0 30px #b8e3e64d;color:#1a1a1a;font-size:28px;font-weight:700;letter-spacing:.5px;padding:16px 32px;text-shadow:0 2px 8px #fffc,0 0 15px #b8e3e666}@keyframes messageFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.task-completion-checkmark svg{height:60px;width:60px}.task-completion-message{font-size:20px}.confetti-particle{height:8px;width:8px}}.notebook-container{margin-bottom:12px;margin-top:24px}.notebook-paper{background:#fffef7;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 8px #00000014;display:flex;min-height:200px;overflow:hidden;position:relative}.notebook-margin{flex-shrink:0;position:relative;width:32px}.notebook-margin:before{background:#e5e7eb;bottom:0;content:"";left:0;position:absolute;top:0;width:1px}.notebook-content{background-image:repeating-linear-gradient(#0000,#0000 23px,#e5e7eb 0,#e5e7eb 24px);background-size:100% 24px;flex:1 1;padding:20px 16px;position:relative}.notebook-textarea{background:#0000;border:none;box-sizing:border-box;color:#374151;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:15px;line-height:24px;min-height:160px;outline:none;padding:0;position:relative;resize:vertical;width:100%;z-index:1}.notebook-textarea::placeholder{color:#9ca3af;opacity:.6}.notebook-textarea:focus{background:#ffffff80}@media (max-width:767px){.notebook-margin{width:28px}.notebook-content{padding:16px 12px}.notebook-textarea{font-size:14px;min-height:140px}}.tasks-page{-webkit-overflow-scrolling:touch;background:#0000;display:flex;flex-direction:column;max-width:100%;min-height:calc(100vh - 80px);padding-bottom:200px;width:100%}.tasks-header{border-bottom:1px solid #f0f0f0;padding:20px 16px 16px}.tasks-header-desktop{padding:24px 24px 20px}@media (min-width:768px){.app-phone-frame.desktop-viewport .tasks-page{margin-top:72px}.app-phone-frame.desktop-viewport .tasks-header{padding-top:24px}}.tasks-header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;position:relative}.tasks-title{color:#1f2937;font-size:24px;font-weight:700;line-height:1.2;margin:0;text-align:center;width:100%}.tasks-title-desktop{font-size:28px}.tasks-subtitle-container{width:100%}.tasks-subtitle{text-align:center;width:100%}.tasks-date{color:#6b7280;font-size:14px;font-weight:400;margin:0}.tasks-date-desktop{font-size:16px}.history-button{position:relative}.history-button-active{color:#3b82f6}.history-button-active:hover{background:#0000}.add-task-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;margin-left:auto;padding:8px;transition:all .2s ease;z-index:1}.add-task-button:hover{background:#f3f4f6;color:#374151}.filter-section{display:flex;flex-direction:column;gap:12px;margin-top:20px}.view-selector{background:#f3f4f6;border-radius:10px;display:flex;flex:1 1;gap:4px;padding:4px}.view-button{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.view-button-active{background:#fff;box-shadow:0 1px 2px #0000000d;color:#1f2937;font-weight:600}.tasks-nav-button{background:#0000;border:none;color:#6b7280;cursor:pointer;font-size:20px;line-height:1;padding:4px 8px}.tasks-nav-button:hover{color:#374151}.now-small-button{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#374151;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.now-small-button:hover{background:#f9fafb;border-color:#9ca3af;box-shadow:0 1px 3px #0000001a}.task-list-container{flex:1 1;margin:0 auto;max-width:1200px;padding:16px;width:100%}.task-list-container-desktop{padding:24px}.quick-notes-container{background:#fff;border-top:1px solid #e5e7eb;bottom:80px;box-sizing:border-box;left:50%;margin:0 auto;max-width:420px;padding:16px;position:fixed;transform:translateX(-50%);width:100%;z-index:100}.quick-notes-container-desktop{padding:24px}.history-empty{padding:40px 20px}.history-item-note{background:#f0f9ff;border-color:#bfdbfe}.history-item-label-note{color:#3b82f6}.history-item-content{max-height:150px;overflow-y:auto}.history-badge-priority{background:#fef3c7;color:#92400e}.history-badge-note-type{align-self:flex-start;background:#dbeafe;color:#1e40af;margin-top:4px}@media (min-width:768px){.tasks-header{padding:24px 24px 20px}.tasks-title{font-size:28px}.tasks-date{font-size:16px}.quick-notes-container,.task-list-container{padding:24px}.fab-button{bottom:90px;right:20px}.add-menu-dropdown{bottom:190px;right:40px}}.goals-page{-webkit-overflow-scrolling:touch;background:#0000;max-width:100%;min-height:calc(100vh - 80px);padding-bottom:120px;width:100%}.goals-header{border-bottom:1px solid #f0f0f0;padding:20px 16px 16px}.goals-header-desktop{padding:24px 24px 20px}.goals-header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;position:relative}@media (min-width:768px){.app-phone-frame.desktop-viewport .goals-header{margin-top:0;padding-top:24px}.app-phone-frame.desktop-viewport .goals-page{margin-top:72px;padding-top:0}}.goals-title{color:#1f2937;font-size:24px;font-weight:700;line-height:1.2;margin:0;text-align:center;width:100%}.goals-title-desktop{font-size:28px}.history-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease;z-index:2}.history-button:hover{background:#f3f4f6;color:#374151}.history-button-active{background:#e0f2fe;color:#0369a1}.add-goal-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease;z-index:2}.add-goal-button:hover{background:#f3f4f6;color:#374151}.history-panel-close-button{border-radius:8px;min-height:36px;min-width:36px;padding:8px}.history-panel-content-wrapper{overflow-x:hidden;padding:24px}.history-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.history-items{gap:12px}.history-item{gap:8px;padding:16px}.history-item-content{color:#1f2937;font-size:15px;font-weight:600;line-height:1.4}.history-date-group{margin-bottom:24px}.history-date-group:last-child{margin-bottom:0}.history-date-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:8px;margin-bottom:12px;padding-bottom:8px}.history-date-title{color:#374151;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.history-items{gap:8px}.history-item,.history-items{display:flex;flex-direction:column}.history-item{background:#f9fafb;border:1px solid #e5e7eb;gap:4px}.history-item-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.history-item-type{align-items:center;display:flex;gap:6px}.history-item-label{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.history-item-time{color:#9ca3af;font-size:11px}.history-item-content{color:#374151;font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.history-item-content-task{max-height:none;overflow-y:visible}.history-item-metadata{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.history-badge{border-radius:4px;font-size:11px;padding:2px 6px}.history-badge-category{background:#e0e7ff;color:#3730a3}.history-badge-progress{background:#d1fae5;color:#065f46}.segmented-control-container{align-items:center;display:flex;gap:8px;margin-bottom:16px}.segmented-control{background:#f3f4f6;border-radius:8px;display:flex;flex:1 1;padding:4px}.segmented-button{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;flex:1 1;font-size:14px;font-weight:400;padding:8px 16px;transition:all .2s ease}.segmented-button-active{background:#fff;box-shadow:0 1px 2px #0000000d;color:#1f2937;font-weight:600}.sort-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease}.sort-button:hover{background:#f9fafb}.goals-count{color:#6b7280;font-size:14px;font-weight:500}.progress-section{border-bottom:1px solid #f0f0f0;padding:20px 16px}.progress-section-desktop{padding:24px}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.progress-title-container{align-items:center;display:flex;gap:8px}.progress-title{color:#1f2937;font-size:18px;font-weight:600;margin:0}.progress-swipe-hint{color:#6b7280;font-size:14px;font-weight:500}.progress-cards{-ms-overflow-style:none;display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.progress-cards::-webkit-scrollbar{display:none}.progress-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;gap:8px;min-width:140px;padding:16px}.progress-card-icon{align-items:center;border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}.progress-card-icon-blue{background:#3b82f620}.progress-card-icon-green{background:#10b98120}.progress-card-icon-orange{background:#f9731620}.progress-card-icon-purple{background:#9333ea20}.progress-card-value{color:#1f2937;font-size:24px;font-weight:700}.progress-card-label{color:#6b7280;font-size:12px;font-weight:500}.goals-list{margin:0 auto;max-width:800px;padding:20px 16px}.goals-list-desktop{padding:24px}.goal-progress-container{margin-bottom:12px;padding:0 4px}.goal-progress-label{font-size:12px;margin-bottom:6px}.goal-progress-bar{background:#e5e7eb;height:8px;overflow:hidden;width:100%}.goal-progress-fill{background:linear-gradient(90deg,#b8e3e6,#dcf5f2);border-radius:4px;height:100%;transition:width .3s ease}.goal-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;margin-bottom:16px;padding:20px}.goal-card,.goal-menu-container{position:relative}.goal-menu-button{align-items:center;background:#0000;border:none;color:#6b7280;cursor:pointer;display:flex;justify-content:center;margin-right:4px;margin-top:4px;padding:4px;position:absolute;right:-20px;top:-20px;transition:color .2s ease}.goal-menu-button:hover{color:#1f2937}.goal-context-menu{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:180px;overflow:hidden;padding:4px 0;position:absolute;right:0;top:28px;z-index:1000}.context-menu-item{align-items:center;background:#fff;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:10px 16px;text-align:left;transition:background .2s ease;width:100%}.context-menu-item:hover{background:#f9fafb}.context-menu-item-complete{color:#10b981}.context-menu-item-complete:hover{background:#f0fdf4}.context-menu-item-delete{color:#dc2626}.context-menu-item-delete:hover{background:#fef2f2}.goal-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.goal-title{color:#1f2937;font-size:18px;font-weight:600;margin:0}.goal-category-tag{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;margin-bottom:12px;padding:4px 12px}.goal-target-section{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.goal-target{color:#374151;font-size:14px;font-weight:500}.goal-deadline{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:6px}.goal-progress-section{margin-bottom:16px}.goal-progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.goal-progress-label{color:#6b7280;font-size:14px;font-weight:500}.goal-progress-value{color:#1f2937;font-size:14px;font-weight:600}.goal-progress-bar-container{background:#f3f4f6;border-radius:4px;height:8px;overflow:hidden;width:100%}.goal-progress-bar{background:#3b82f6;border-radius:4px;height:100%;transition:width .3s ease}.goal-milestones{display:flex;flex-direction:column;gap:8px}.goal-milestone{align-items:center;display:flex;font-size:14px;gap:10px}.goal-milestone-completed{color:#1f2937}.goal-milestone-pending{color:#6b7280}.goal-milestone-checkbox{align-items:center;background:#0000;border:2px solid #d1d5db;border-radius:50%;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.goal-milestone-checkbox-completed{background:#3b82f6;border:none}.goal-milestone-text{opacity:1;text-decoration:none}.goal-milestone-text-completed{opacity:.6;text-decoration:line-through}.habits-empty{color:#6b7280;padding:40px 20px;text-align:center}.fab-container{position:relative}.fab-button{align-items:center;background:#374151;border:none;border-radius:50%;bottom:100px;box-shadow:0 4px 12px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:28px;height:56px;justify-content:center;position:fixed;right:20px;transition:all .2s ease;width:56px;z-index:1001}.fab-button:hover{box-shadow:0 6px 16px #0006;transform:scale(1.1)}.fab-button-desktop{bottom:120px;right:40px}.add-menu-overlay{background:#0000;inset:0;position:fixed;z-index:1000}.add-menu-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:12px;bottom:170px;box-shadow:0 4px 12px #00000026;min-width:200px;overflow:hidden;position:fixed;right:20px;z-index:1002}.add-menu-dropdown-desktop{bottom:190px;right:40px}.add-menu-item{align-items:center;background:#fff;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:12px 16px;text-align:left;transition:background .2s ease;width:100%}.add-menu-item:hover{background:#f9fafb}.add-menu-divider{background:#e5e7eb;height:1px}@media (min-width:768px){.goals-header{padding:24px 24px 20px}.goals-title{font-size:24px}.goals-list,.progress-section{padding:24px}.fab-button{bottom:90px;right:20px}.add-menu-dropdown{bottom:190px;right:40px}}.goal-detail-page{background:#fafbfc;margin:0 auto;max-width:100%;padding:16px}.goal-detail-header{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.goal-detail-header-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.goal-detail-actions{align-items:center;display:flex;gap:8px}.goal-detail-action-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.goal-detail-action-button:hover{background:#f9fafb;border-color:#d1d5db}.goal-detail-action-complete{color:#10b981}.goal-detail-action-complete:hover{background:#f0fdf4;border-color:#10b981}.goal-detail-action-delete{background:#fee2e2;border-color:#fecaca;color:#dc2626}.goal-detail-action-delete:hover{background:#fecaca;border-color:#fecaca}.goal-detail-back-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease}.goal-detail-back-button:hover{background:#f9fafb;border-color:#d1d5db}.goal-detail-title{color:#1f2937;font-size:24px;font-weight:700;margin:0;width:100%}.goal-detail-info{background:#fff;border:1px solid #e5e7eb80;border-radius:12px;box-shadow:0 1px 3px #0000000d;margin-bottom:24px;padding:16px 12px}@media (min-width:768px){.goal-detail-info{padding:20px 16px}}.goal-detail-description{color:#374151;font-size:15px;line-height:1.6;margin:0 0 16px}.goal-detail-category{background:#eff6ff;border-radius:20px;color:#3b82f6;display:inline-block;font-size:12px;font-weight:600;margin-bottom:16px;padding:6px 12px}.goal-detail-deadline,.goal-detail-target{color:#374151;font-size:14px;margin:8px 0}.goal-detail-edit-fields{display:flex;flex-direction:column;gap:16px}.goal-detail-edit-field{display:flex;flex-direction:column;gap:8px;width:100%}.goal-detail-edit-field-full{width:100%}.goal-detail-edit-input-container{display:flex;flex-direction:column;min-width:0;width:100%}.goal-detail-edit-label{color:#374151;flex-shrink:0;font-size:14px;font-weight:500}.goal-detail-edit-input{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:8px!important;box-sizing:border-box;color:#1f2937!important;font-family:inherit!important;font-size:15px!important;min-width:0;padding:10px 12px!important;width:100%}.goal-detail-edit-input:focus{border-color:#b8e3e6!important;box-shadow:0 0 0 3px #b8e3e633!important;outline:none}.goal-detail-edit-textarea{word-wrap:break-word;line-height:1.5;min-height:100px;overflow-wrap:break-word;resize:vertical}.goal-detail-edit-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:16px;padding-top:16px}.goal-detail-cancel-button,.goal-detail-save-button{border-radius:8px;cursor:pointer;font-size:15px;font-weight:500;padding:10px 20px;transition:all .2s ease}.goal-detail-save-button{background:linear-gradient(135deg,#b8e3e6,#dcf5f2);border:none;color:#1a1a1a}.goal-detail-save-button:hover:not(:disabled){background:linear-gradient(135deg,#dcf5f2,#b8e3e6);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.goal-detail-save-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.goal-detail-cancel-button{background:#fff;border:1px solid #d1d5db;color:#374151}.goal-detail-cancel-button:hover{background:#f9fafb;border-color:#9ca3af}.goal-detail-progress{margin-top:16px}.goal-detail-progress-header{align-items:center;color:#6b7280;display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.goal-detail-progress-header-right{align-items:center;display:flex;gap:8px}.goal-detail-complete-button{align-items:center;background:#fff;border:1px solid #10b981;border-radius:6px;color:#10b981;cursor:pointer;display:flex;font-size:13px;font-weight:500;justify-content:center;padding:6px 12px;transition:all .2s ease}.goal-detail-complete-button:hover{background:#f0fdf4;border-color:#059669;color:#059669}.goal-detail-progress-bar{background:#e5e7eb;border-radius:4px;height:8px;overflow:hidden;width:100%}.goal-detail-progress-fill{background:linear-gradient(90deg,#b8e3e6,#dcf5f2);border-radius:4px;height:100%;transition:width .3s ease}.goal-detail-section{background:linear-gradient(135deg,#dcf5f24d,#e6e6fa4d 50%,#ffe4e133);border:1px solid #e5e7eb80;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;gap:12px;margin-bottom:20px;padding:12px 10px}@media (min-width:768px){.goal-detail-section{gap:16px;padding:16px 14px}}.goal-detail-section-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:0;padding-bottom:12px;position:relative}.goal-detail-section-header:after{background:linear-gradient(90deg,#b8e3e6,#e6e6fa);border-radius:2px;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:60px}.goal-detail-section-title{color:#111827;font-size:18px;font-weight:700;letter-spacing:-.5px;margin:0}.goal-detail-add-button{align-items:center;background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:500;height:28px;justify-content:center;padding:0;transition:all .2s ease;width:28px}.goal-detail-add-button:hover{background:#059669;transform:scale(1.05)}.goal-detail-items{display:flex;flex-direction:column;gap:12px}.goal-detail-item{background:#fff;border-left:4px solid #b8e3e6;border-radius:10px;box-shadow:0 1px 2px #0000000d;padding:10px 8px;position:relative;transition:all .2s ease}.goal-detail-item:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.goal-detail-task-item{border:1px solid #e5e7eb;box-shadow:0 1px 3px #00000014;padding:16px}.goal-detail-task-item.completed{opacity:.7}.goal-detail-task-content{align-items:flex-start;display:flex;gap:12px}.goal-detail-task-checkbox{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-top:2px;padding:0;transition:transform .2s ease;width:24px}.goal-detail-task-checkbox:hover{transform:scale(1.1)}.goal-detail-task-main{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.completed-text{color:#9ca3af;text-decoration:line-through}.goal-detail-priority-flag{align-items:center;background:#0000;border:none;cursor:default;display:flex;flex-shrink:0;height:20px;justify-content:center;padding:0;width:20px}.goal-detail-category-tag{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;text-transform:capitalize;width:-webkit-fit-content;width:fit-content}.goal-detail-due-date{align-items:center;color:#f97316;display:flex;font-size:13px;font-weight:500}.goal-detail-item-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:0;width:100%}.goal-detail-item-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.goal-detail-item-action-button{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.goal-detail-item-action-button:hover{background:#f3f4f6;color:#374151}.goal-detail-item-action-delete{color:#dc2626}.goal-detail-item-action-delete:hover{background:#fee2e2;color:#dc2626}.goal-detail-item-title{color:#1f2937;flex:1 1;font-size:16px;font-weight:600;margin:0}.goal-detail-item-status{color:#10b981;font-size:13px;font-weight:500}.goal-detail-item-meta{color:#6b7280;font-size:14px;margin-bottom:8px}.goal-detail-item-category{background:#f3f4f6;border-radius:12px;color:#6b7280;display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.goal-detail-item-description{color:#6b7280;font-size:14px;font-style:italic;line-height:1.5;margin:8px 0 0}.goal-detail-recurring{background:#fff;border-left-color:#10b981}.goal-detail-recurring-badge{background:#10b981;border-radius:12px;color:#fff;display:inline-block;font-size:11px;font-weight:600;padding:4px 8px;text-transform:uppercase}.goal-detail-meeting-count{color:#6b7280;font-size:13px;margin-left:8px}.goal-detail-empty{background:#fff;border:2px dashed #e5e7eb;border-radius:12px;color:#9ca3af;padding:40px 20px;text-align:center}@media (min-width:768px){.goal-detail-page{max-width:800px;padding:24px}}.notification-modal{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #0003;cursor:pointer;display:flex;gap:12px;left:50%;max-width:90vw;min-width:280px;padding:20px 24px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:2000}.notification-modal-desktop{min-width:320px}.notification-icon-container{align-items:center;background:#10b98120;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.notification-message{color:#1f2937;flex:1 1;font-size:14px;font-weight:500;margin:0}.notification-close{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.notification-close:hover{background:#f3f4f6}.calendar-connect-button{background:#6a8fa6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.calendar-connect-button:hover{background:#5a7f96}.calendar-icon-container{align-items:center;background:#0000;border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;padding:8px;width:40px}.calendar-icon-google svg,.calendar-icon-outlook svg{height:28px;width:28px}.profile-page-wrapper{-webkit-overflow-scrolling:touch;background:#0000;max-width:100%;min-height:calc(100vh - 80px);padding-bottom:80px;width:100%}.profile-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#f0f9ffe6);border-bottom:1px solid #b3e5fc4d;box-shadow:0 2px 8px #0000000a;padding:20px 16px}.profile-header-content{align-items:center;display:flex;gap:16px;justify-content:space-between;margin:0 auto;max-width:800px}.profile-header-main{align-items:center;display:flex;flex:1 1;gap:16px}.profile-header-avatar{align-items:center;background:linear-gradient(135deg,#bfdbfe,#93c5fd);border-radius:50%;box-shadow:0 4px 12px #3b82f633;color:#1e40af;display:flex;flex-shrink:0;font-size:24px;font-weight:700;height:64px;justify-content:center;width:64px}.profile-header-info{flex:1 1;min-width:0}.profile-header-name{color:#1f2937;font-family:Recoleta Alt,serif;font-size:24px;font-weight:700;line-height:1.2;margin:0 0 4px}.profile-header-role{color:#6b7280;font-size:14px;font-weight:400;margin:0}.profile-header-actions{align-items:center;display:flex;gap:8px}.profile-header-action-button{align-items:center;background:#fffc;border:1px solid #b3e5fc4d;border-radius:10px;box-shadow:0 2px 4px #0000000d;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all .2s ease}.profile-header-action-button:hover{background:#fff;border-color:#b3e5fc80;box-shadow:0 4px 8px #0000001a;color:#374151;transform:translateY(-1px)}.profile-header-tags{border-top:1px solid #b3e5fc33;display:flex;flex-wrap:wrap;gap:8px;margin-left:auto;margin-right:auto;margin-top:16px;max-width:800px;padding-top:12px}.profile-header-tag{background:#ffffffe6;border:1px solid #b3e5fc4d;border-radius:20px;box-shadow:0 1px 3px #0000000d;color:#374151;font-size:13px;font-weight:600;padding:6px 14px}.profile-header-friends{border-top:1px solid #b3e5fc33;margin-left:auto;margin-right:auto;margin-top:16px;max-width:800px;padding-top:16px}.profile-header-friends-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.profile-header-friends-title{color:#1f2937;flex:1 1;font-size:16px;font-weight:600;margin:0}.profile-header-friends-badge{background:#ef4444;border-radius:12px;color:#fff;font-size:12px;font-weight:600;min-width:20px;padding:2px 8px;text-align:center}.profile-header-friends-button{align-items:center;background:#fffc;border:1px solid #b3e5fc4d;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.profile-header-friends-button:hover{background:#fff;border-color:#b3e5fc80;color:#374151}.profile-header-friends-list{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.profile-header-friend-item{position:relative}.profile-header-friend-avatar{align-items:center;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;height:36px;justify-content:center;transition:transform .2s ease;width:36px}.profile-header-friend-avatar:hover{transform:scale(1.1);z-index:10}.profile-header-friend-more{align-items:center;background:#f3f4f6;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#6b7280;display:flex;font-size:12px;font-weight:600;height:36px;justify-content:center;width:36px}.profile-header-friends-empty{color:#6b7280;font-size:13px;font-style:italic;margin:0}.friends-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:3000}.friends-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:500px;overflow:hidden;width:100%}.friends-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.friends-modal-title{color:#1f2937;font-family:Recoleta Alt,serif;font-size:20px;font-weight:700;margin:0}.friends-modal-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.friends-modal-close:hover{background:#f3f4f6;color:#374151}.friends-modal-content{flex:1 1;overflow-y:auto;padding:24px}.friends-modal-section{margin-bottom:24px}.friends-modal-section:last-child{margin-bottom:0}.friends-modal-section-title{align-items:center;color:#1f2937;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.friends-modal-badge{background:#ef4444;border-radius:10px;color:#fff;font-size:11px;font-weight:600;min-width:18px;padding:2px 6px;text-align:center}.friends-modal-search{display:flex;gap:8px}.friends-modal-input{border:1px solid #e5e7eb;border-radius:8px;color:#1f2937;flex:1 1;font-size:14px;padding:10px 14px;transition:all .2s ease}.friends-modal-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.friends-modal-send-button{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.friends-modal-send-button:hover:not(:disabled){background:#2563eb}.friends-modal-send-button:disabled{background:#d1d5db;cursor:not-allowed}.friends-modal-friends-list,.friends-modal-requests-list{display:flex;flex-direction:column;gap:12px}.friends-modal-friend-item,.friends-modal-request-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;justify-content:space-between;padding:12px;transition:all .2s ease}.friends-modal-friend-item:hover,.friends-modal-request-item:hover{background:#f3f4f6;border-color:#d1d5db}.friends-modal-friend-info,.friends-modal-request-info{align-items:center;display:flex;flex:1 1;gap:12px}.friends-modal-friend-avatar,.friends-modal-request-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:40px;justify-content:center;width:40px}.friends-modal-friend-details,.friends-modal-request-details{flex:1 1;min-width:0}.friends-modal-friend-name,.friends-modal-request-name{color:#1f2937;font-size:15px;font-weight:600;margin-bottom:2px}.friends-modal-friend-email,.friends-modal-request-email{color:#6b7280;font-size:13px}.friends-modal-request-actions{display:flex;gap:8px}.friends-modal-accept-button{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s ease}.friends-modal-accept-button:hover{background:#059669}.friends-modal-reject-button{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s ease}.friends-modal-reject-button:hover{background:#f3f4f6;border-color:#d1d5db}.friends-modal-remove-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.friends-modal-remove-button:hover{background:#fee2e2}.friends-modal-empty{color:#6b7280;font-size:14px;font-style:italic;margin:0;padding:20px;text-align:center}.profile-content{margin:0 auto;max-width:800px;padding:20px 16px}@media (min-width:768px){.profile-header{padding:24px 20px}.profile-header-avatar{font-size:28px;height:72px;width:72px}.profile-header-name{font-size:28px}.profile-content{padding:24px 20px}}.profile-section-card{background:#fff;border-radius:16px;box-shadow:0 1px 3px #00000014;margin-bottom:16px;padding:20px}@media (min-width:768px){.profile-section-card{margin-bottom:20px;padding:24px}}.profile-section-title{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 8px}@media (min-width:768px){.profile-section-title{font-size:20px}}.profile-section-subtitle{color:#6b7280;font-size:14px;margin:0 0 20px}.profile-section-description{color:#6b7280;font-size:14px;margin:0 0 16px}.weekly-balance-progress{background:#f3f4f6;border-radius:12px;display:flex;height:24px;margin-bottom:20px;overflow:hidden;position:relative}.weekly-balance-segment{height:100%;transition:width .3s ease}.weekly-balance-legend{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.weekly-balance-legend-item{align-items:center;display:flex;gap:8px}.weekly-balance-legend-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.weekly-balance-legend-text{color:#6b7280;font-size:13px}.weekly-insights-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:12px 16px;transition:all .2s ease;width:100%}.weekly-insights-button:hover{background:#f9fafb;border-color:#d1d5db}.weekly-insights-button-content{align-items:center;display:flex;gap:8px}.sleep-schedule-display{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:12px;padding:12px 16px}.sleep-schedule-time{color:#374151;font-size:16px;font-weight:500}.calendar-connection-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:12px;padding:16px}.calendar-connection-item.authorized{background:#f0f9ff}.calendar-connection-info{align-items:center;display:flex;flex:1 1;gap:12px}.calendar-connection-details{flex:1 1}.calendar-connection-name{color:#1f2937;font-size:15px;font-weight:600;margin-bottom:2px}.calendar-connection-email{color:#6b7280;font-size:13px}.calendar-disconnect-button{background:#fff;border:1px solid #dc2626;border-radius:8px;color:#dc2626;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.calendar-disconnect-button:hover{background:#fef2f2}.shared-calendars-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.shared-calendars-header-text{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 4px}@media (min-width:768px){.shared-calendars-header-text{font-size:20px}}.shared-calendars-header-description{color:#6b7280;font-size:14px;margin:0}.shared-calendar-add-button{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.shared-calendar-add-button:hover{background:#2563eb}.shared-calendars-empty{color:#9ca3af;font-size:14px;padding:40px 20px;text-align:center}.shared-calendars-list{display:flex;flex-direction:column;gap:12px}.shared-calendar-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.shared-calendar-item:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000001a}.shared-calendar-item-info{align-items:center;display:flex;flex:1 1;gap:12px}.shared-calendar-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:40px;justify-content:center;width:40px}.shared-calendar-details{flex:1 1}.shared-calendar-name{color:#1f2937;font-size:15px;font-weight:600;margin-bottom:2px}.shared-calendar-email{color:#6b7280;font-size:13px}.shared-calendar-remove-button{background:#fff;border:1px solid #dc2626;border-radius:8px;color:#dc2626;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.shared-calendar-remove-button:hover{background:#fef2f2}.account-logout-button{align-items:center;background:#fff;border:1px solid #dc2626;border-radius:12px;color:#dc2626;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease;width:100%}.account-logout-button:hover{background:#fef2f2;border-color:#b91c1c}@media (min-width:768px){.notification-modal{min-width:320px}}.settings-overlay-backdrop{animation:fadeIn .3s ease-out;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:2000}.settings-right-sheet{animation:slideInFromRight .3s ease-out;background:#fff;bottom:0;box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;max-width:500px;overflow:hidden;position:fixed;right:0;top:0;width:100%;z-index:2001}@media (min-width:768px){.settings-right-sheet{max-width:600px}}.settings-close-button{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #0000001a;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:16px;top:16px;transition:all .2s ease;z-index:2002}.settings-close-button:hover{background:#f3f4f6;color:#374151}.settings-close-button:active{transform:scale(.95)}@keyframes slideInFromRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.settings-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#f0f9ffe6);border-bottom:1px solid #b3e5fc4d;box-shadow:0 2px 8px #0000000a;padding:60px 24px 20px;position:relative}.settings-header-title{color:#1f2937;font-family:Recoleta Alt,serif;font-size:24px;font-weight:700;margin:0}.settings-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:20px 16px}.settings-section-card{background:#fff;border-radius:16px;box-shadow:0 1px 3px #00000014;margin-bottom:16px;padding:20px}.settings-section-title{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 8px}.settings-section-subtitle{color:#6b7280;font-size:14px;margin:0 0 20px}@media (min-width:768px){.settings-header{padding:24px 20px}.settings-header-title{font-size:28px}.settings-content{padding:24px 20px}.settings-section-card{margin-bottom:20px;padding:24px}.settings-section-title{font-size:20px}}.course-setup-modal-overlay{align-items:center;background:linear-gradient(135deg,#dcf5f280,#e6e6fa80 50%,#ffe4e166);bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.course-setup-modal{background:#fff;border:1px solid #fffc;border-radius:12px;box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #0000001a,0 0 0 1px #b8e3e633;display:flex;flex-direction:column;max-height:90vh;max-width:100%;overflow:hidden;width:100%}@media (min-width:768px){.course-setup-modal{border-radius:16px;max-width:95vw}.course-setup-modal-images{max-width:98vw;width:98vw}}@media (min-width:1024px){.course-setup-modal{max-width:90vw}.course-setup-modal-images{max-width:95vw;width:95vw}}.course-setup-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.course-setup-modal-header h2{color:#1f2937;font-size:24px;font-weight:600;margin:0}.course-setup-modal-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:32px}.course-setup-modal-close:hover{background:#f3f4f6;color:#374151}.course-setup-modal-content{background:#fafbfc;flex:1 1;overflow-y:auto;padding:16px 12px}@media (min-width:768px){.course-setup-modal-content{padding:24px 16px}}.course-setup-or-separator{align-items:center;display:flex;gap:16px;margin:24px 0;width:100%}.course-setup-or-line{background:#e5e7eb;flex:1 1;height:1px}.course-setup-or-text{color:#6b7280;flex-shrink:0;font-size:14px;font-weight:500;padding:0 8px}.course-setup-text-input-container{display:flex;flex-direction:column;gap:12px}.course-setup-text-input-container label{color:#374151;font-size:14px;font-weight:500}.course-setup-textarea{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:15px;line-height:1.6;min-height:180px;padding:16px;resize:vertical;transition:border-color .2s ease;width:100%}.course-setup-textarea:focus{border-color:#b8e3e6;box-shadow:0 0 0 3px #b8e3e633;outline:none}.course-setup-images-container{display:flex;flex-direction:column;gap:24px}.course-setup-upload-area{align-items:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:40px;transition:all .2s ease}.course-setup-upload-area:hover{background:#f0f9ff;border-color:#3b82f6}.course-setup-upload-button{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:12px 24px;transition:background .2s ease}.course-setup-upload-button:hover{background:#2563eb}.course-setup-upload-hint{color:#6b7280;font-size:13px;margin:0;text-align:center}.course-setup-image-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}@media (min-width:768px){.course-setup-image-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.course-setup-image-item{aspect-ratio:3/4;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;position:relative}.course-setup-image-preview{display:block;height:100%;object-fit:contain;width:100%}.course-setup-image-remove{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;line-height:1;position:absolute;right:8px;top:8px;transition:background .2s ease;width:28px}.course-setup-image-remove:hover{background:#ef4444e6}.course-setup-modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}@media (min-width:768px){.course-setup-modal-footer{gap:12px;padding:20px 24px}}.course-setup-cancel-button,.course-setup-submit-button{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:500;padding:10px 20px;transition:all .2s ease}.course-setup-cancel-button{background:#fff;border:1px solid #d1d5db;color:#374151}.course-setup-cancel-button:hover{background:#f9fafb;border-color:#9ca3af}.course-setup-submit-button{background:linear-gradient(135deg,#b8e3e6,#dcf5f2);color:#1a1a1a}.course-setup-submit-button:hover:not(:disabled){background:linear-gradient(135deg,#dcf5f2,#b8e3e6)}.course-setup-cancel-button:disabled,.course-setup-submit-button:disabled{cursor:not-allowed;opacity:.5}.course-setup-parsed-data{display:flex;flex-direction:column;gap:20px;padding:4px 0}.parsed-data-title{color:#111827;font-size:22px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.parsed-section{background:linear-gradient(135deg,#dcf5f24d,#e6e6fa4d 50%,#ffe4e133);border:1px solid #e5e7eb80;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;gap:12px;padding:12px 10px}@media (min-width:768px){.parsed-section{gap:16px;padding:16px 14px}}.parsed-section-title{align-items:center;border-bottom:2px solid #f3f4f6;color:#111827;display:flex;font-size:18px;font-weight:700;gap:8px;margin:0;padding-bottom:12px;position:relative}.parsed-section-title:after{background:linear-gradient(90deg,#b8e3e6,#e6e6fa);border-radius:2px;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:60px}.parsed-meeting-item{background:#fff;border-left:4px solid #b8e3e6;border-radius:10px;box-shadow:0 1px 2px #0000000d;display:flex;flex-direction:column;gap:8px;padding:10px 8px;position:relative;transition:all .2s ease}.parsed-meeting-item:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.meeting-day{background:#fffc;border-radius:6px;box-shadow:0 1px 2px #0000000d;color:#1a1a1a;display:inline-block;font-size:14px;font-weight:700;padding:5px 10px;text-align:center;width:-webkit-fit-content;width:fit-content}.meeting-time{color:#1f2937;font-size:15px;font-weight:600;line-height:1.4}.meeting-dates{color:#6b7280;font-size:12px;font-style:italic;line-height:1.4}.parsed-assignments-list{display:flex;flex-direction:column;gap:10px}.parsed-assignment-item{background:#fff;border-left:4px solid #e6e6fa;border-radius:10px;box-shadow:0 1px 2px #0000000d;display:flex;flex-direction:column;gap:8px;padding:10px 8px;position:relative;transition:all .2s ease}.parsed-assignment-item:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.assignment-type{background:#fffc;border-radius:6px;box-shadow:0 1px 2px #0000000d;color:#1a1a1a;font-size:12px;font-weight:700;letter-spacing:.5px;padding:5px 10px;text-align:center;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.assignment-name{word-wrap:break-word;color:#1f2937;font-size:15px;font-weight:600;line-height:1.4}.assignment-due{color:#6b7280;font-size:13px;font-weight:500;line-height:1.4}.parsed-empty{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:2px dashed #d1d5db;border-radius:12px;color:#6b7280;padding:40px 20px;text-align:center}.parsed-empty p{font-size:14px;font-weight:500;margin:0}.parsed-data-subtitle{background:#dcf5f2;border-left:4px solid #b8e3e6;border-radius:6px;color:#1a1a1a;font-size:14px;font-weight:400;margin:0 0 20px;padding:10px 12px}.parsed-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.add-item-button{align-items:center;background:linear-gradient(135deg,#b8e3e6,#dcf5f2);border:none;border-radius:8px;box-shadow:0 2px 4px #b8e3e64d;color:#1a1a1a;cursor:pointer;display:flex;font-size:18px;font-weight:600;height:32px;justify-content:center;min-width:32px;padding:6px 10px;transition:all .2s ease}.add-item-button:hover{background:linear-gradient(135deg,#dcf5f2,#b8e3e6);box-shadow:0 4px 6px #b8e3e666;transform:translateY(-1px)}.add-item-button:active{transform:translateY(0)}.item-content{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0;padding-right:40px}.item-actions{display:flex;gap:4px;position:absolute;right:8px;top:8px;z-index:10}.delete-item-button,.edit-item-button{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;height:20px;justify-content:center;padding:0;transition:opacity .2s ease;width:20px}.edit-item-button{color:#6b7280}.edit-item-button:hover{opacity:.7}.delete-item-button{color:#dc2626}.delete-item-button:hover{opacity:.7}.parsed-exams-list{display:flex;flex-direction:column;gap:10px}.parsed-exam-item{background:#fff;border-left:4px solid #ffdab9;border-radius:10px;box-shadow:0 1px 2px #0000000d;display:flex;flex-direction:column;gap:8px;padding:10px 8px;position:relative;transition:all .2s ease}.parsed-exam-item:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.exam-name{background:#fffc;border-radius:6px;box-shadow:0 1px 2px #0000000d;color:#1a1a1a;font-size:15px;font-weight:700;padding:5px 10px;width:-webkit-fit-content;width:fit-content}.exam-time{color:#1f2937;font-size:15px;font-weight:600;line-height:1.4}.no-time-found{color:#ef4444;font-size:13px;font-style:italic;font-weight:500;margin-left:4px}.exam-description{color:#6b7280;font-size:12px;font-style:italic;line-height:1.4}.edit-form{background:linear-gradient(135deg,#fff,#dcf5f2);border:2px solid #b8e3e6;border-radius:12px;box-shadow:0 4px 6px #b8e3e633;margin-bottom:12px;padding:20px}.edit-form-row{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.edit-form-row label{color:#374151;font-size:13px;font-weight:500}.edit-form-row input,.edit-form-row select{border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:14px;padding:8px}.edit-form-row input:focus,.edit-form-row select:focus{border-color:#b8e3e6;box-shadow:0 0 0 3px #b8e3e633;outline:none}.edit-form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.cancel-edit-button,.save-edit-button{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:6px 16px;transition:all .2s ease}.save-edit-button{background:linear-gradient(135deg,#b8e3e6,#dcf5f2);box-shadow:0 2px 4px #b8e3e64d;color:#1a1a1a}.save-edit-button:hover{background:linear-gradient(135deg,#dcf5f2,#b8e3e6);box-shadow:0 4px 6px #b8e3e666;transform:translateY(-1px)}.cancel-edit-button{background:#f3f4f6;color:#374151}.cancel-edit-button:hover{background:#e5e7eb}.no-items{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:2px dashed #d1d5db;border-radius:10px;color:#9ca3af;font-size:14px;font-style:italic;margin:0;padding:24px;text-align:center}.course-title-input-container{margin-bottom:8px}.course-title-input{background:#fff;border:2px solid #e5e7eb;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:15px;font-weight:500;padding:12px 10px;transition:all .2s ease;width:100%}.course-title-input:focus{background:#dcf5f2;border-color:#b8e3e6;box-shadow:0 0 0 4px #b8e3e633;outline:none}.course-title-input::placeholder{color:#9ca3af;font-weight:400}.course-info-fields{display:flex;flex-direction:column;gap:8px}.course-info-field{align-items:center;display:flex;gap:6px}.course-info-field-full{width:100%}.course-info-dates-container,.course-info-title-container{display:flex;flex:1 1;flex-direction:column;min-width:0}.course-info-dates-row{align-items:center;display:flex;gap:0;width:100%}.course-info-label{color:#374151;flex-shrink:0;font-size:12px;font-weight:500}.course-info-input{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:8px!important;color:#1f2937!important;flex:1 1;font-family:inherit!important;font-size:14px!important;padding:8px 10px!important}.course-info-input:focus{border-color:#b8e3e6!important;box-shadow:0 0 0 3px #b8e3e633!important;outline:none}.input-error{border-color:#ef4444!important;box-shadow:0 0 0 2px #ef44441a!important}.validation-error{color:#ef4444;display:block;font-size:12px;font-weight:500;margin-top:4px;width:100%}.course-info-dates-container .validation-error,.course-info-title-container .validation-error{margin-left:0;margin-top:6px}.course-info-date{flex:1 1;max-width:100%;min-width:0}input[type=date].course-info-date{color-scheme:light;position:relative}input[type=date].course-info-date::-webkit-calendar-picker-indicator{cursor:pointer;opacity:1}input[type=date].course-info-date::-webkit-datetime-edit,input[type=date].course-info-date::-webkit-datetime-edit-fields-wrapper{padding:0}@media (min-width:768px){.course-info-dates-row{gap:0}.course-info-date,.course-info-field{flex:1 1;min-width:0}}.course-initial-form{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:600px;padding:24px}.course-initial-field{display:flex;flex-direction:column;gap:8px;width:100%}.course-initial-label{color:#374151;font-size:14px;font-weight:600;margin-bottom:4px}.course-initial-input{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#1f2937;font-family:inherit;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.course-initial-input:focus{border-color:#b8e3e6;box-shadow:0 0 0 3px #b8e3e633;outline:none}.course-initial-date{flex:1 1;max-width:100%;min-width:0}input[type=date].course-initial-date{color-scheme:light;padding:10px 12px;position:relative}input[type=date].course-initial-date::-webkit-calendar-picker-indicator{cursor:pointer;opacity:1;padding:4px}input[type=date].course-initial-date::-webkit-datetime-edit,input[type=date].course-initial-date::-webkit-datetime-edit-fields-wrapper{padding:0}.course-setup-form-hint{color:#6b7280;font-size:12px;font-style:italic;line-height:1.4;margin-top:4px}.course-code-add-container{width:100%}.course-code-add-button{align-items:center;background:#0000;border:1px dashed #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:500;gap:8px;padding:10px 12px;transition:all .2s ease;width:100%}.course-code-add-button:hover{background:#f0fdfd;border-color:#b8e3e6;color:#374151}.course-code-add-button svg{color:#9ca3af;transition:color .2s ease}.course-code-add-button:hover svg{color:#b8e3e6}.course-code-field{animation:fadeIn .2s ease}.course-code-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.optional-text{color:#9ca3af;font-size:12px;font-weight:400}.course-code-remove-button{align-items:center;background:#0000;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.course-code-remove-button:hover{background:#f3f4f6;color:#ef4444}.course-setup-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.course-setup-parse-button{background:linear-gradient(135deg,#b8e3e6,#a8d5da);border:none;border-radius:8px;color:#1f2937;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s ease}.course-setup-parse-button:hover{background:linear-gradient(135deg,#a8d5da,#98c5ca);box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.course-setup-parse-button:active{transform:translateY(0)}.althy-overlay-backdrop{animation:fadeIn .3s ease-out;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:2000}.althy-bottom-sheet{animation:slideUp .3s ease-out;background:#fff;border-radius:24px 24px 0 0;bottom:0;box-shadow:0 -4px 20px #00000026;display:flex;flex-direction:column;left:0;max-height:90vh;overflow:hidden;position:fixed;right:0;top:10%;z-index:2001}@media (min-width:768px){.althy-bottom-sheet{border-radius:24px 24px 0 0;max-height:92vh;top:8%}}.althy-close-button{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #0000001a;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:16px;top:16px;transition:all .2s ease;z-index:2002}.althy-close-button:hover{background:#f3f4f6;color:#374151}.althy-close-button:active{transform:scale(.95)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.althy-page{background:#0000;display:flex;flex-direction:column;max-width:100%;min-height:calc(100vh - 100px);overflow-x:hidden;padding-bottom:80px;width:100%}.althy-page,.althy-page-desktop{padding-top:148px}.althy-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:flex-end;left:0;padding:16px;position:fixed;right:0;top:80px;z-index:100}.althy-header-desktop{padding:20px;top:72px}@media (min-width:768px){.app-phone-frame.desktop-viewport .althy-page>div[style*="position: fixed"][style*="top: 72px"],.app-phone-frame.desktop-viewport .althy-page>div[style*="position: fixed"][style*="top: 80px"]{left:0!important;margin-left:0!important;margin-right:0!important;max-width:100%!important;position:-webkit-sticky!important;position:sticky!important;right:0!important;top:72px!important;transform:none!important;width:100%!important;z-index:99!important}.app-phone-frame.desktop-viewport .althy-page{padding-top:0!important}.app-phone-frame.desktop-viewport .althy-page>div:first-child{padding-top:148px!important}}.althy-header-buttons{align-items:center;display:flex;gap:8px}.header-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;min-height:36px;min-width:36px;padding:8px;transition:all .2s ease}.header-button:hover{background:#f3f4f6;color:#374151}.header-button-desktop{padding:10px}.header-button-active{color:#3b82f6}.header-button-active:hover{background:#0000}.history-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;bottom:160px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;left:16px;max-height:60vh;max-width:90vw;padding:20px;position:fixed;right:16px;width:auto;z-index:1000}.history-panel-desktop{bottom:180px;left:50%;right:auto;transform:translateX(-50%);width:500px}.history-panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.history-panel-title{color:#1f2937;font-size:16px;font-weight:600;margin:0}.history-panel-close{align-items:center;background:#0000;border:none;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px}.history-panel-content{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding-right:8px}.history-empty{color:#6b7280;font-size:14px;margin:0;padding:20px;text-align:center}.history-item{border-radius:8px;cursor:pointer;padding:12px;transition:all .2s ease}.history-item-user{background:#eff6ff;border:1px solid #bfdbfe}.history-item-user:hover{background:#dbeafe;transform:translateY(-1px)}.history-item-assistant{background:#f9fafb;border:1px solid #e5e7eb}.history-item-assistant:hover{background:#f3f4f6;transform:translateY(-1px)}.history-item-date{color:#6b7280;font-size:12px;margin-bottom:4px}.history-item-text{color:#1f2937;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #00000026;min-width:280px;padding:20px;position:fixed;right:16px;top:80px;z-index:1000}.settings-panel-desktop{min-width:320px;right:20px}.settings-panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.settings-panel-title{color:#1f2937;font-size:16px;font-weight:600;margin:0}.settings-panel-close{align-items:center;background:#0000;border:none;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.settings-panel-close:hover{background:#f3f4f6;color:#374151}.settings-toggle{align-items:center;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:16px}.settings-toggle-label{color:#374151;font-size:14px;font-weight:500;margin-bottom:4px}.settings-toggle-description{color:#6b7280;font-size:12px}.settings-checkbox{accent-color:#3b82f6;cursor:pointer;height:20px;width:20px}.settings-delete-button{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease;width:100%}.settings-delete-button:hover{background:#fecaca}.settings-privacy-note{color:#6b7280;font-size:12px;line-height:1.5;margin:16px 0 0}.workflow-banner{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;display:flex;flex-direction:column;gap:12px;margin:0 16px 16px;padding:16px}.workflow-message{color:#1e40af;font-size:14px;font-weight:500;margin:0}.workflow-button{align-self:flex-start;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s ease}.workflow-button:hover{background:#2563eb}.close-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:2000}.close-modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;max-width:400px;padding:24px;width:100%}.close-modal-title{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 12px}.close-modal-text{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 24px}.close-modal-buttons{display:flex;gap:12px;justify-content:flex-end}.close-modal-button{border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.close-modal-button-cancel{background:#fff;border:1px solid #e5e7eb;color:#374151}.close-modal-button-cancel:hover{background:#f9fafb}.close-modal-button-confirm{background:#3b82f6;border:none;color:#fff}.close-modal-button-confirm:hover{background:#2563eb}.althy-content{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:100%;overflow-y:auto;padding:16px 16px 100px;width:100%}.althy-content-tablet{max-width:700px;padding:24px}.althy-content-desktop{max-width:600px;padding:24px}.welcome-screen{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding-top:20px}.welcome-screen-desktop{padding-top:40px}.ai-icon-container{align-items:center;background:linear-gradient(135deg,#a8e6cf,#ffd3b6);border-radius:50%;box-shadow:0 4px 12px #0000001a;display:flex;flex-shrink:0;height:60px;justify-content:center;margin-bottom:20px;width:60px}.ai-icon-container-tablet{height:70px;margin-bottom:24px;width:70px}.ai-icon-container-desktop{height:80px;margin-bottom:24px;width:80px}.welcome-heading{color:#1f2937;font-size:22px;font-weight:700;line-height:1.2;margin:0 0 8px;padding:0 8px;text-align:center}.welcome-heading-tablet{font-size:26px;padding:0}.welcome-heading-desktop{font-size:28px;padding:0}.welcome-subtext{color:#6b7280;font-size:13px;margin:20px 0 12px;padding:0 8px;text-align:center}.welcome-subtext-tablet{font-size:14px;margin:24px 0 16px;padding:0}.suggested-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:24px;width:100%}.suggested-actions-desktop{gap:12px;margin-bottom:40px}.suggested-action-button{background:#f9fafb;border:none;border-radius:10px;color:#1f2937;cursor:pointer;font-size:14px;font-weight:500;min-height:44px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.suggested-action-button:hover{background:#f3f4f6}.suggested-action-button-desktop{border-radius:12px;font-size:15px;min-height:auto;padding:14px 20px}.chat-messages{display:flex;flex-direction:column;gap:16px;width:100%}.message-container{display:flex;justify-content:flex-end;width:100%}.message-container-assistant{justify-content:flex-start}.message-bubble{border-radius:16px;font-size:14px;line-height:1.5;max-width:85%;padding:12px 16px;white-space:pre-wrap;word-break:break-word}.message-bubble-user{background:linear-gradient(135deg,#ffdab9,#ffc8a2);box-shadow:0 2px 4px #ffdab94d;color:#1a1a1a}.message-bubble-assistant{background:linear-gradient(135deg,#dcf5f2,#cce8e5);box-shadow:0 2px 4px #dcf5f24d;color:#1a1a1a}.message-bubble-desktop{font-size:15px}.loading-container{display:flex;justify-content:flex-start;width:100%}.loading-bubble{align-items:center;background:linear-gradient(135deg,#dcf5f2,#cce8e5);border-radius:16px;display:flex;gap:8px;padding:12px 16px}.loading-dot{animation:pulse 1.4s ease-in-out infinite;background:#9ca3af;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.input-container{background:#fff;bottom:80px;left:0;padding:12px 16px;position:fixed;right:0;z-index:1001}.input-container-desktop{padding:12px 20px}.input-form{align-items:center;display:flex;gap:8px;margin:0 auto;max-width:100%}.input-form-desktop{gap:12px;max-width:600px}.input-field{background:#f9fafb;border:1px solid #e5e7eb;border-radius:24px;flex:1 1;font-size:16px;min-width:0;outline:none;padding:10px 14px;transition:all .2s ease;width:100%}.input-field:focus{background:#fff;border-color:#3b82f6}.input-field-desktop{font-size:15px;padding:12px 16px}.input-button{align-items:center;background:#0000;border:none;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;min-height:36px;min-width:36px;padding:6px}.input-button-desktop{min-height:40px;min-width:40px;padding:8px}.input-loading{color:#6b7280;flex-shrink:0;padding:6px}.input-loading-desktop{padding:8px}@media (min-width:768px){.althy-page{padding-top:148px}.althy-header{padding:20px;top:72px}.header-button{padding:10px}.history-panel{bottom:180px;left:50%;right:auto;transform:translateX(-50%);width:500px}.settings-panel{min-width:320px;right:20px}.althy-content{max-width:700px;padding:24px}.welcome-screen{padding-top:40px}.ai-icon-container{height:70px;margin-bottom:24px;width:70px}.welcome-heading{font-size:26px;padding:0}.welcome-subtext{font-size:14px;margin:24px 0 16px;padding:0}.suggested-actions{gap:12px;margin-bottom:40px}.suggested-action-button{border-radius:12px;font-size:15px;min-height:auto;padding:14px 20px}.message-bubble{font-size:15px}.input-container{padding:12px 20px}.input-form{gap:12px;max-width:600px}.input-field{font-size:15px;padding:12px 16px}.input-button{min-height:40px;min-width:40px;padding:8px}.input-loading{padding:8px}}@media (min-width:1024px){.althy-content{max-width:600px}.ai-icon-container{height:80px;width:80px}.welcome-heading{font-size:28px}}.althy-page-wrapper{flex:1 1;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto;padding-bottom:80px}.althy-header-wrapper,.althy-page-wrapper{background:#fff;display:flex;max-width:100%;width:100%}.althy-header-wrapper{align-items:center;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;box-sizing:border-box;justify-content:flex-start;left:0;position:absolute;right:0;top:0;transform:none;z-index:100}@media (min-width:768px){.app-phone-frame.desktop-viewport .althy-header-wrapper{max-width:1200px}.desktop-right-section .althy-header-wrapper{left:0!important;max-width:100%!important;transform:none!important}}.althy-header-wrapper-mobile{padding:16px}.althy-header-wrapper-desktop{padding:20px}.althy-header-buttons-container{align-items:center;display:flex;gap:8px}.header-icon-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;min-height:36px;min-width:36px;transition:all .2s ease}.header-icon-button-mobile{padding:8px}.header-icon-button-desktop{padding:10px}.header-icon-button:hover{background:#f3f4f6;color:#374151}.header-icon-button-active{color:#3b82f6}.header-icon-button-active:hover{background:#0000}.history-panel-wrapper{background:#fff;display:flex;flex-direction:column;inset:0;overflow:hidden;position:fixed;z-index:2000}.history-panel-header-wrapper{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.history-panel-title-text{color:#1f2937;font-size:20px;font-weight:600;margin:0}.history-panel-close-button{align-items:center;background:#0000;border:none;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.history-panel-close-button:hover{background:#f3f4f6;color:#374151}.history-panel-content-wrapper{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:24px 8px 24px 24px}.history-empty-text{color:#6b7280;font-size:14px;margin:0;padding:20px;text-align:center}.history-item-wrapper{border-radius:8px;cursor:pointer;padding:12px;transition:all .2s ease}.history-item-wrapper-user{background:linear-gradient(135deg,#ffdab9,#ffc8a2);border:none}.history-item-wrapper-user:hover{background:linear-gradient(135deg,#ffc8a2,#ffb68b);transform:translateY(-1px)}.history-item-wrapper-assistant{background:linear-gradient(135deg,#dcf5f2,#cce8e5);border:none}.history-item-wrapper-assistant:hover{background:linear-gradient(135deg,#cce8e5,#bcd8d5);transform:translateY(-1px)}.history-item-date-text{color:#6b7280;font-size:12px;margin-bottom:4px}.history-item-text-content{color:#1f2937;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item-session{background:#fff;border:1px solid #e5e7eb;cursor:pointer;transition:all .2s ease}.history-item-session:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 2px 4px #0000000d;transform:translateY(-1px)}.history-item-title{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:6px}.history-item-preview{color:#6b7280;font-size:14px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item-meta{color:#9ca3af;font-size:12px}.history-chat-content{display:flex;flex-direction:column;height:100%}.history-back-button{align-items:center;background:#0000;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:16px;padding:8px 12px;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.history-back-button:hover{background:#f9fafb;border-color:#d1d5db}.history-chat-messages{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding-right:8px}.history-chat-message{border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:12px}.history-chat-message-user{align-self:flex-end;background:#f3f4f6;max-width:80%}.history-chat-message-assistant{align-self:flex-start;background:#e0f2fe;max-width:80%}.history-chat-message-role{color:#6b7280;font-size:12px;font-weight:600;text-transform:capitalize}.history-chat-message-content{word-wrap:break-word;color:#1f2937;font-size:14px;line-height:1.5;white-space:pre-wrap}.history-chat-message-time{color:#9ca3af;font-size:11px;margin-top:4px}.history-load-chat-button{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:16px;padding:12px 24px;transition:all .2s ease;width:100%}.history-load-chat-button:hover{background:#2563eb}.settings-panel-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #00000026;padding:20px;position:fixed;z-index:1000}.settings-panel-wrapper-mobile{min-width:280px;right:16px;top:80px}.settings-panel-wrapper-desktop{min-width:320px;right:20px;top:80px}.settings-panel-header-wrapper{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.settings-panel-title-text{color:#1f2937;font-size:16px;font-weight:600;margin:0}.settings-panel-close-button{align-items:center;background:#0000;border:none;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.settings-panel-close-button:hover{background:#f3f4f6;color:#374151}.settings-toggle-wrapper{align-items:center;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:16px}.settings-toggle-label-wrapper{display:flex;flex-direction:column}.settings-toggle-label-text{color:#374151;font-size:14px;font-weight:500;margin-bottom:4px}.settings-toggle-description-text{color:#6b7280;font-size:12px}.settings-checkbox-input{accent-color:#3b82f6;cursor:pointer;height:20px;width:20px}.settings-delete-button-wrapper{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease;width:100%}.settings-delete-button-wrapper:hover{background:#fecaca}.settings-privacy-note-text{color:#6b7280;font-size:12px;line-height:1.5;margin:16px 0 0}.workflow-banner-wrapper{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;display:flex;flex-direction:column;gap:12px;margin:0 16px 16px;padding:16px}.workflow-message-text{color:#1e40af;font-size:14px;font-weight:500;margin:0}.workflow-button-wrapper{align-self:flex-start;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s ease}.workflow-button-wrapper:hover{background:#2563eb}.close-modal-overlay-wrapper{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:2000}.close-modal-content-wrapper{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;max-width:400px;padding:24px;position:relative;width:100%}.close-modal-title-text{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 12px}.close-modal-text-content{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 24px}.close-modal-buttons-wrapper{display:flex;gap:12px;justify-content:flex-end}.close-modal-button-base{border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.close-modal-x-button{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:16px;top:16px;transition:color .2s ease}.close-modal-x-button:hover{background:#f9fafb;color:#1f2937}.close-modal-button-delete{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.close-modal-button-delete:hover{background:#fecaca}.close-modal-button-save{background:#f3f4f6;border:1px solid #e5e7eb;color:#374151}.close-modal-button-save:hover{background:#e5e7eb;border-color:#d1d5db}.chat-messages-wrapper{flex-direction:column;gap:16px}.chat-messages-wrapper,.message-container-wrapper{display:flex;width:100%}.message-container-wrapper-user{justify-content:flex-end}.message-container-wrapper-assistant{justify-content:flex-start}.message-bubble-wrapper{border:none;border-radius:16px;display:flex;flex-direction:column;font-family:Inter Tight,sans-serif;font-size:14px;line-height:1.5;max-width:85%;padding:12px 16px;white-space:pre-wrap;word-break:break-word}.message-bubble-wrapper-mobile{font-size:14px}.message-bubble-wrapper-desktop{font-size:15px}.message-bubble-wrapper-user{background:linear-gradient(135deg,#ffdab9,#ffc8a2);box-shadow:0 2px 4px #ffdab94d;color:#1a1a1a}.message-bubble-wrapper-assistant{background:linear-gradient(135deg,#dcf5f2,#cce8e5);box-shadow:0 2px 4px #dcf5f24d;color:#1a1a1a}.message-bubble-image{border-radius:8px;max-height:200px;max-width:100%;object-fit:contain}.message-bubble-with-image{gap:8px}.loading-container-wrapper{display:flex;justify-content:flex-start;width:100%}.loading-bubble-wrapper{align-items:center;background:linear-gradient(135deg,#dcf5f2,#cce8e5);border-radius:16px;display:flex;gap:8px;padding:12px 16px}.loading-dot-base{animation:pulse 1.4s ease-in-out infinite;background:#9ca3af;border-radius:50%;height:8px;width:8px}.loading-dot-delay-1{animation-delay:.2s}.loading-dot-delay-2{animation-delay:.4s}.input-container-wrapper{background:#fff;border-top:1px solid #e5e7eb;bottom:0;box-shadow:0 -2px 8px #0000000d;box-sizing:border-box;left:0;max-width:100%;position:absolute;right:0;transform:none;width:100%;z-index:1001}.input-container-wrapper-mobile{padding:12px 16px}.input-container-wrapper-desktop{padding:12px 20px}.input-form-wrapper{align-items:center;display:flex;margin:0 auto;max-width:100%;width:100%}.input-form-wrapper-mobile{gap:8px}.input-form-wrapper-desktop{gap:12px;max-width:600px}.input-textarea{background:#f9fafb;border:1px solid #e5e7eb;border-radius:24px;flex:1 1;font-family:Inter Tight,sans-serif;line-height:1.5;max-height:120px;min-width:0;outline:none;overflow-y:auto;resize:none;width:100%}.input-textarea-mobile{font-size:16px;padding:10px 14px}.input-textarea-desktop{font-size:15px;padding:12px 16px}.input-textarea:focus{background:#fff;border-color:#3b82f6}.input-button-small{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;min-height:24px;min-width:24px;padding:2px;transition:all .2s ease}.input-button-small:hover{background:#f3f4f6;color:#3b82f6}.input-loading-wrapper{color:#6b7280;flex-shrink:0;padding:6px}.input-loading-wrapper-desktop{padding:8px}.add-menu-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:8px;bottom:100%;box-shadow:0 4px 12px #00000026;margin-bottom:8px;max-width:200px;min-width:120px;padding:4px;position:absolute;width:auto;z-index:1002}.add-menu-wrapper-mobile{left:auto;right:0;transform:translateX(0)}.add-menu-wrapper-desktop{left:0;right:auto;transform:none}.add-menu-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#1f2937;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:8px 12px;transition:all .2s ease;width:100%}.add-menu-button:hover{background:#f3f4f6}.file-input-hidden{display:none}.relative-wrapper{position:relative}
/*# sourceMappingURL=main.cd218049.css.map*/