@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;900&family=DM+Sans:wght@400;500;700&display=swap";.navbar-container{width:100%;background:var(--color-bg);padding:1rem 2rem;display:flex;justify-content:center;box-shadow:0 2px 12px #0000000f;position:sticky;top:0;z-index:100}.navbar-content{width:100%;max-width:1200px;display:flex;justify-content:space-between;align-items:center}.navbar-left{display:flex;align-items:center;text-decoration:none;min-width:120px}.navbar-brand{font-size:1.25rem;font-weight:900;letter-spacing:.05em;color:var(--color-text-primary)}.btn-goals-center{display:flex;align-items:center;background:var(--color-surface);border:1px solid var(--color-divider);border-radius:999px;padding:5px 16px;height:42px;font-size:.9rem;font-weight:500;color:var(--color-text-primary);cursor:pointer;transition:background .2s ease}.btn-goals-center:hover{background:var(--color-divider)}.navbar-right{display:flex;align-items:center;min-width:120px;justify-content:flex-end}.auth-buttons button{margin-left:.5rem}.user-dropdown-container{position:relative}.user-pill{display:flex;align-items:center;gap:8px;background:var(--color-surface);border:1px solid var(--color-divider);border-radius:999px;padding:5px 5px 5px 12px;height:42px;cursor:pointer;transition:background .2s ease}.user-pill:hover{background:var(--color-divider)}.user-avatar{width:30px;height:30px;border-radius:50%;background:var(--color-btn-primary-bg);color:var(--color-btn-primary-text);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;overflow:hidden;flex-shrink:0}.user-name{font-size:.9rem;font-weight:500;color:var(--color-text-primary)}.dropdown-menu{position:absolute;right:0;top:calc(100% + 8px);background:var(--color-surface);border-radius:10px;padding:.5rem 0;min-width:160px;display:flex;flex-direction:column;box-shadow:0 4px 16px #00000014;border:.5px solid var(--color-divider);z-index:50}.dropdown-menu a,.dropdown-menu button{padding:.75rem 1rem;text-decoration:none;color:var(--color-text-primary);background:transparent;border:none;text-align:left;cursor:pointer;font-size:.9rem;transition:background .2s ease}.dropdown-menu a:hover,.dropdown-menu button:hover{background:rgba(45,58,74,.06)}.gmodal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(26,26,26,.6);display:flex;align-items:center;justify-content:center;z-index:200;padding:2rem}.gmodal-box{background:var(--color-surface);border-radius:16px;width:100%;max-width:480px;max-height:75vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 32px #0000001f;border:1px solid var(--color-divider)}.gmodal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-divider);flex-shrink:0}.gmodal-header h2{margin:0;font-size:1.1rem}.gmodal-close{background:transparent;border:none;font-size:1rem;cursor:pointer;color:var(--color-text-secondary)}.gmodal-list{flex:1;overflow-y:auto;padding:1rem 1.5rem;display:flex;flex-direction:column;gap:12px}.gmodal-item{background:var(--color-bg);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:10px}.gmodal-item-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.gmodal-title{font-size:.95rem;color:var(--color-text-primary);cursor:pointer;flex:1}.gmodal-edit-input{flex:1;border:1px solid var(--color-divider);border-radius:6px;padding:4px 8px;font-size:.9rem;background:var(--color-surface);color:var(--color-text-primary)}.gmodal-actions{display:flex;gap:6px}.gmodal-actions button{background:transparent;border:none;cursor:pointer;font-size:13px;opacity:.6;transition:opacity .2s}.gmodal-actions button:hover{opacity:1}.gmodal-status{display:flex;gap:8px}.gmodal-footer{padding:1rem 1.5rem;border-top:1px solid var(--color-divider);display:flex;justify-content:flex-end;background:var(--color-surface);flex-shrink:0}@media (max-width: 600px){.navbar-container{padding:.75rem 1rem}.navbar-brand{font-size:1rem}.navbar-left,.navbar-right{min-width:auto}.btn-goals-center{font-size:.78rem;padding:4px 10px;height:36px}.user-pill{height:36px;padding:4px 4px 4px 10px}.user-name{display:none}.gmodal-overlay{padding:1.5rem;align-items:center}.gmodal-box{max-width:100%;width:100%;border-radius:16px;max-height:88vh}.gmodal-footer{padding:1rem 1.5rem;border-top:1px solid var(--color-divider)}.auth-buttons button{padding:6px 10px;font-size:.8rem}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(29,53,87,.35);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--cream);border:1px solid rgba(29,53,87,.12);border-radius:16px;padding:52px 48px 40px;width:100%;max-width:420px;position:relative;animation:slideUp .25s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:18px;right:20px;background:none;border:none;font-size:.85rem;color:#11131859;cursor:pointer;transition:color .2s ease;padding:4px 8px}.modal-close:hover{color:var(--dark)}.modal-title{font-size:2rem;font-weight:800;letter-spacing:-.03em;color:var(--navy);margin-bottom:32px;text-align:center}.modal-form{display:flex;flex-direction:column;gap:14px}.form-group{display:flex;flex-direction:column}.form-input{background:transparent;border:1px solid rgba(29,53,87,.2);border-radius:8px;padding:12px 16px;font-size:.9rem;color:var(--dark);font-family:Inter,sans-serif;transition:border-color .25s ease;outline:none}.form-input::placeholder{color:#11131859}.form-input:focus{border-color:var(--steel)}.modal-btn-submit{background:var(--navy);color:var(--cream);border:none;border-radius:8px;padding:13px;font-size:.9rem;font-weight:600;letter-spacing:.04em;cursor:pointer;margin-top:8px;transition:all .25s ease}.modal-btn-submit:hover{background:var(--steel);transform:translateY(-2px)}.modal-footer-text{text-align:center;font-size:.8rem;color:#11131866;margin-top:20px}.modal-link{color:var(--steel);cursor:pointer;font-weight:600;transition:color .2s ease}.modal-link:hover{color:var(--navy)}@media (max-width: 480px){.modal-card{margin:16px;padding:40px 24px 32px}}.form-error{color:red;text-align:center}.input-password-wrapper{position:relative}.input-password-wrapper .form-input{padding-right:40px}.toggle-password{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:.7rem;color:#11131859;padding:0;line-height:1;transition:color .2s ease}.toggle-password:hover{color:var(--navy)}.password-strength-wrapper{display:flex;flex-direction:column;gap:6px;padding:2px 0 4px}.strength-bar-track{width:100%;height:4px;background:rgba(29,53,87,.1);border-radius:4px;overflow:hidden}.strength-bar-fill{height:100%;border-radius:4px;transition:width .35s ease,background .35s ease}.strength-label{font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;text-align:right;transition:color .3s ease}.password-rules{list-style:none;padding:0;margin:2px 0 0;display:flex;flex-direction:column;gap:4px}.password-rules li{font-size:.78rem;display:flex;align-items:center;gap:6px;transition:color .2s ease}.rule-ok{color:#52a87c}.rule-fail{color:#11131866}.rule-icon{font-size:.7rem;width:14px;text-align:center;flex-shrink:0}.modal-btn-submit:disabled{opacity:.4;cursor:not-allowed;transform:none}.form-success{background:rgba(82,168,124,.12);border:1px solid rgba(82,168,124,.4);color:#52a87c;border-radius:8px;padding:10px 14px;font-size:.82rem;font-weight:500;text-align:center;animation:fadeIn .3s ease}.pomify-footer{background:#E8EDE6;border-top:1px solid #B0BBA8;padding:10px 2rem;font-family:Inter,DM Sans,sans-serif}.pomify-footer__inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.pomify-footer__brand{font-size:.78rem;font-weight:500;color:#1a1a1a;letter-spacing:.03em;text-transform:lowercase}.pomify-footer__copy{font-size:.75rem;color:#6b7280}@media (max-width: 767px){.pomify-footer__inner{flex-direction:column;align-items:center;text-align:center;gap:4px}}.home-wrapper{background:#E8EDE6;font-family:Inter,DM Sans,sans-serif;height:100%;overflow:hidden}.home-row{height:100%!important;align-items:stretch!important}.home-left{display:flex;align-items:center;justify-content:center;padding:2rem;height:100%}.home-divider{width:1px;background:#B0BBA8;align-self:stretch;margin:2rem 0}.home-right{display:flex;flex-direction:column;padding:2rem 2.5rem;overflow:hidden;height:100%;align-self:stretch}@media (min-width: 1400px){.home-wrapper{display:flex;justify-content:center;align-items:stretch}.home-row{max-width:1200px;width:100%;margin-left:auto;margin-right:auto}.home-left{flex:0 0 420px;padding:2.5rem 3rem}.home-right{flex:1 1 auto;max-width:700px;padding:2.5rem 3rem;background:#F2F5F0;border:1px solid rgba(176,187,168,.55);border-radius:20px;box-shadow:0 4px 20px #00000012;margin:2rem 0 2rem 1.5rem;height:auto;align-self:stretch}.home-divider{display:none}}@media (min-width: 2000px){.home-row{max-width:1400px}.home-left{flex:0 0 460px}.home-right{max-width:820px;height:72vh;max-height:680px;align-self:center;margin-top:auto;margin-bottom:auto;margin-left:3.5rem}}@media (max-width: 1199px){html,body,#root{overflow:auto}.home-wrapper{height:auto;padding-bottom:2rem}.home-row{height:auto!important}.home-left{height:auto;overflow:visible;padding:1.5rem 1.5rem .75rem}.home-right{height:auto;overflow:visible;padding:.75rem 1.5rem 0;min-height:auto;background:transparent;border:none;box-shadow:none;border-radius:0;margin:0}}.pomodoro-card{width:100%;max-width:360px;background:#F2F5F0;border:1px solid rgba(176,187,168,.55);border-radius:18px;padding:26px 22px;box-shadow:0 2px 12px #0000000f;display:flex;flex-direction:column;gap:26px}.pomodoro-topbar{display:flex;justify-content:center;position:relative}.pomodoro-dropdown-wrapper{position:relative}.pomodoro-time-button{border:1px solid #2D3A4A;background:transparent;color:#2d3a4a;border-radius:999px;padding:6px 16px;font-size:.82rem;cursor:pointer}.pomodoro-dropdown{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);width:180px;background:#F2F5F0;border:1px solid rgba(176,187,168,.8);border-radius:12px;box-shadow:0 10px 24px #00000014;padding:8px;display:flex;flex-direction:column;gap:6px;z-index:5}.pomodoro-dropdown-item{border:none;background:transparent;color:#1a1a1a;text-align:left;padding:10px 12px;border-radius:8px;cursor:pointer}.pomodoro-dropdown-item:hover{background:rgba(45,58,74,.06)}.pomodoro-timer-block{display:flex;flex-direction:column;align-items:center;gap:8px}.pomodoro-time{font-size:clamp(3.2rem,8vw,4.4rem);line-height:1;color:#1a1a1a;margin:0;font-weight:800;transition:color .4s ease;white-space:nowrap}.pomodoro-time[data-format=hms]{font-size:clamp(2.2rem,6vw,3.2rem)}.pomodoro-time[data-phase=break]{color:#5e7c6a}.pomodoro-phase{margin:0;font-size:.95rem;color:#6b7280}.pomodoro-start-button{margin-top:12px;width:76px;height:76px;border-radius:50%;border:1.5px solid #2D3A4A;background:transparent;color:#1a1a1a;cursor:pointer;text-transform:lowercase;font-size:.95rem;transition:background .2s ease,color .2s ease,border-color .2s ease}.pomodoro-start-button.is-running{background:#4B5563;border-color:#4b5563;color:#fff}.pomodoro-start-button.is-break-skipped{background:#5E7C6A;border-color:#5e7c6a;color:#fff;font-size:.72rem;width:88px;height:88px}.pomodoro-restore-btn{align-self:center;border:1px solid #5E7C6A;background:transparent;color:#5e7c6a;border-radius:999px;padding:8px 18px;font-size:.82rem;cursor:pointer;text-transform:lowercase;transition:background .15s,color .15s;animation:pz-fade-in .25s ease}.pomodoro-restore-btn:hover{background:#5E7C6A;color:#fff}@keyframes pz-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.pomodoro-player{display:flex;flex-direction:column;gap:16px}.pomodoro-progress-line{width:100%;height:2px;background:rgba(26,26,26,.15);position:relative;opacity:.75;border-radius:2px;overflow:visible}.pomodoro-progress-dot{width:10px;height:10px;background:#1A1A1A;border-radius:50%;position:absolute;left:38%;top:50%;transform:translate(-50%,-50%)}.pomodoro-controls{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.pomodoro-control-btn{border:none;background:transparent;color:#1a1a1a;cursor:pointer;font-size:.85rem;text-transform:lowercase}.pomodoro-control-btn.is-main{font-weight:700}.pomodoro-music-button{align-self:center;background:#2D3A4A;color:#fff;border:none;border-radius:8px;padding:10px 18px;font-size:.85rem;cursor:pointer}@media (max-width: 768px){.pomodoro-card{max-width:100%;padding:20px 16px;gap:20px;border-radius:14px}.pomodoro-time{font-size:clamp(2.8rem,15vw,3.6rem)}.pomodoro-start-button{width:68px;height:68px}.pomodoro-start-button.is-break-skipped{width:80px;height:80px}}.bm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(26,26,26,.75);display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:100;animation:bm-fade-in .25s ease}@keyframes bm-fade-in{0%{opacity:0}to{opacity:1}}.bm-card{width:100%;max-width:600px;min-height:420px;background:#F2F5F0;border:1px solid rgba(176,187,168,.55);border-radius:20px;padding:52px 48px 48px;position:relative;box-shadow:0 8px 40px #00000024;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:bm-slide-up .28s ease}@keyframes bm-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.bm-close{position:absolute;top:20px;right:22px;border:none;background:none;cursor:pointer;color:#6b7280;font-size:1rem;line-height:1;padding:6px;border-radius:6px;transition:color .15s}.bm-close:hover{color:#1a1a1a}.bm-label{margin:0 0 16px;font-size:.9rem;color:#6b7280;text-transform:lowercase;letter-spacing:.06em}.bm-timer{margin:0 0 28px;font-size:clamp(4rem,12vw,6rem);font-weight:800;line-height:1;color:#5e7c6a;letter-spacing:-.02em}.bm-divider{width:48px;height:1.5px;background:#B0BBA8;margin:0 0 28px;border-radius:2px}.bm-tip{margin:0;font-size:1.05rem;color:#1a1a1a;line-height:1.7;text-align:center;max-width:400px}.bm-confirm{display:flex;flex-direction:column;align-items:center;gap:32px;width:100%}.bm-confirm-text{margin:0;font-size:1rem;color:#1a1a1a;line-height:1.7;text-align:center}.bm-confirm-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.bm-btn{border-radius:999px;padding:11px 28px;font-size:.88rem;cursor:pointer;text-transform:lowercase;transition:opacity .15s}.bm-btn:hover{opacity:.8}.bm-btn-yes{background:#2D3A4A;color:#fff;border:none}.bm-btn-no{background:transparent;color:#2d3a4a;border:1px solid #2D3A4A}.pz-container{display:flex;flex-direction:column;height:100%;overflow:hidden;font-family:Inter,DM Sans,sans-serif}.pz-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1.1rem;border-bottom:1px solid #B0BBA8;margin-bottom:1.25rem;flex-shrink:0}.pz-title{font-size:.78rem;font-weight:500;letter-spacing:.12em;text-transform:lowercase;color:#6b7280;margin:0}.pz-header-right{display:flex;align-items:center;gap:10px}.pz-saved-badge{font-size:.75rem;color:#6b7280;letter-spacing:.04em}.pz-dropdown-wrapper{position:relative}.pz-dropdown-btn{width:28px;height:28px;border-radius:8px;border:none;background:#2D3A4A;color:#fff;font-size:1.05rem;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:opacity .2s}.pz-dropdown-btn:hover{opacity:.82}.pz-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;width:170px;background:#F2F5F0;border:1px solid rgba(176,187,168,.8);border-radius:14px;box-shadow:0 10px 28px #00000017;padding:6px;display:flex;flex-direction:column;gap:2px;z-index:10}.pz-dropdown-item{border:none;background:transparent;color:#1a1a1a;text-align:left;padding:9px 13px;border-radius:10px;cursor:pointer;font-size:.84rem;font-family:inherit;transition:background .15s}.pz-dropdown-item:hover{background:rgba(45,58,74,.07)}.pz-input-title{border:none;outline:none;background:transparent;font-size:clamp(1.3rem,2vw,1.65rem);font-weight:700;color:#1a1a1a;font-family:inherit;padding:0 0 .5rem;width:100%;margin-bottom:.6rem;flex-shrink:0}.pz-input-title::placeholder{color:#c8cec4;font-weight:400}.pz-textarea{border:none;outline:none;background:transparent;font-size:clamp(.88rem,1.1vw,1rem);color:#1a1a1a;font-family:inherit;line-height:1.75;resize:none;width:100%;flex:1 1 auto;min-height:0}.pz-textarea::placeholder{color:#c8cec4}.pz-error{font-size:.78rem;color:#b85c5c;margin:.4rem 0;flex-shrink:0}.pz-save-inline-btn{padding:6px 16px;border-radius:8px;border:1.5px solid #2D3A4A;background:transparent;color:#2d3a4a;font-family:inherit;font-size:.76rem;text-transform:lowercase;cursor:pointer;transition:background .2s;letter-spacing:.04em}.pz-save-inline-btn:hover{background:rgba(45,58,74,.07)}.pz-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(26,26,26,.28);display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.pz-modal{width:100%;max-width:380px;background:#F2F5F0;border-radius:20px;padding:30px 26px;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;gap:16px}.pz-modal-title{font-size:.95rem;font-weight:600;color:#1a1a1a}.pz-modal-empty{font-size:.84rem;color:#6b7280;margin:0}.pz-select{width:100%;padding:10px 12px;border:1px solid rgba(176,187,168,.8);border-radius:10px;background:transparent;font-family:inherit;font-size:.88rem;color:#1a1a1a;outline:none;cursor:pointer;transition:border-color .2s}.pz-select:focus{border-color:#2d3a4a}.pz-modal-actions{display:flex;justify-content:flex-end;gap:10px}.pz-btn-cancel{padding:8px 20px;border-radius:8px;border:1.5px solid #B0BBA8;background:transparent;color:#6b7280;font-family:inherit;font-size:.84rem;cursor:pointer;transition:background .2s}.pz-btn-cancel:hover{background:rgba(176,187,168,.15)}.pz-btn-primary{padding:8px 20px;border-radius:8px;border:none;background:#2D3A4A;color:#fff;font-family:inherit;font-size:.84rem;cursor:pointer;transition:opacity .2s}.pz-btn-primary:hover{opacity:.85}.pz-btn-primary:disabled{opacity:.35;cursor:not-allowed}@media (max-width: 1199px){.pz-container{height:80%;overflow:visible;min-height:420px;background:#F5F7F4;border-radius:18px;box-shadow:0 18px 40px #00000014;padding:24px 28px}.pz-textarea{min-height:220px}.pz-input-title{font-size:1.35rem}}.pz-modal-label{font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.08em;margin:0}.pz-page-list{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto}.pz-page-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px;border-radius:10px;border:1px solid rgba(176,187,168,.6);background:transparent;cursor:pointer;font-family:inherit;text-align:left;transition:background .15s;width:100%}.pz-page-item:hover{background:rgba(45,58,74,.06);border-color:#b0bba8}.pz-page-item-title{font-size:.88rem;font-weight:600;color:#1a1a1a}.pz-page-item-preview{font-size:.78rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}:root{--navy: #2D3A4A;--navy-light: #3d4f63;--bg: #E8EDE6;--surface: #F2F5F0;--text-primary: #1A1A1A;--text-secondary: #6B7280;--divider: #B0BBA8;--cream: #f1faee;--dark: #111318;--steel: #457b9d}*{box-sizing:border-box;margin:0;padding:0}.welcome-container{min-height:100vh;background:var(--bg);color:var(--text-primary);display:flex;flex-direction:column;font-family:Inter,DM Sans,sans-serif;overflow-x:hidden}.welcome-topbar{display:flex;justify-content:center;align-items:center;padding:28px 24px;border-bottom:1px solid var(--divider)}.welcome-brand{font-size:2rem;font-weight:900;letter-spacing:-.02em;color:var(--navy);font-family:Inter,DM Sans,sans-serif}.welcome-hero{min-height:calc(100vh - 109px);display:flex;align-items:center;justify-content:center;padding:48px 24px}.welcome-hero-inner{display:flex;flex-direction:column;align-items:flex-start;gap:24px;max-width:1100px;width:100%}.welcome-eyebrow{font-size:.95rem;font-weight:500;color:var(--text-secondary);letter-spacing:.01em}.welcome-title{font-size:clamp(40px,9vw,76px);font-weight:900;letter-spacing:-3px;color:var(--text-primary);min-height:2em;line-height:1.02}.welcome-hero-row{display:flex;flex-direction:column;gap:32px;align-items:flex-start;width:100%}.welcome-hero-right{display:flex;flex-direction:column;gap:20px;align-items:flex-start;width:100%}.welcome-buttons{display:flex;gap:12px;flex-wrap:wrap}.welcome-text{font-size:clamp(1rem,2vw,1.15rem);color:#1a1a1a8c;line-height:1.55;max-width:500px}.welcome-container .btn-signup{background:var(--navy);border:none;font-size:.9rem;font-weight:600;font-family:Inter,DM Sans,sans-serif;color:#fff;cursor:pointer;padding:13px 30px;border-radius:8px;transition:background .2s ease,transform .2s ease;display:inline-flex;align-items:center;justify-content:center}.welcome-container .btn-signup:hover{background:var(--navy-light);transform:translateY(-2px)}.welcome-container .btn-login{background:transparent;border:1.5px solid var(--divider);font-size:.9rem;font-weight:500;font-family:Inter,DM Sans,sans-serif;color:var(--navy);cursor:pointer;padding:13px 26px;border-radius:8px;transition:border-color .2s ease,transform .2s ease;display:inline-flex;align-items:center;justify-content:center}.welcome-container .btn-login:hover{border-color:var(--navy);transform:translateY(-2px)}.welcome-sections{display:flex;flex-direction:column;gap:24px;width:100%;max-width:1100px;margin:0 auto 24px;padding:0 16px}.wcard{background:var(--surface);border-radius:28px;box-shadow:0 2px 12px #0000000d;padding:48px 32px;width:100%;overflow:visible}.wcard-split{display:flex;flex-direction:column;gap:40px;align-items:center;width:100%}.wcard-split--reverse{flex-direction:column-reverse}.wcard-text{display:flex;flex-direction:column;gap:12px;width:100%}.wcard-title{font-size:clamp(1.3rem,3.5vw,2rem);font-weight:800;letter-spacing:-.03em;color:var(--text-primary);line-height:1.15}.wcard-desc{font-size:1rem;color:var(--text-secondary);line-height:1.55}.wcard-visual{display:flex;align-items:center;justify-content:center;width:100%;overflow:visible}.wcard-visual--stack{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:10px;width:100%;overflow:visible}.pmode-card{border-radius:18px;padding:20px 22px;display:flex;flex-direction:column;gap:6px;min-height:96px;box-shadow:0 1px 6px #0000000d;transition:transform .18s ease,box-shadow .18s ease}.pmode-card:hover{transform:translateY(-3px);box-shadow:0 4px 16px #00000017}.pmode-label{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary)}.pmode-title{font-size:1.1rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary)}.pmode-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.4}.folder-outer{display:flex;align-items:flex-end;justify-content:center;padding-top:100px;overflow:visible;height:260px}.tiltedcard-outer{display:flex;align-items:center;justify-content:center;overflow:visible}.welcome-cta{display:flex;justify-content:center;padding:48px 24px 56px}.btn-cta{background:var(--navy);border:none;color:#fff;font-size:1rem;font-weight:700;padding:16px 40px;border-radius:50px;cursor:pointer;letter-spacing:.01em;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 20px #2d3a4a40}.btn-cta:hover{background:var(--navy-light);transform:translateY(-3px);box-shadow:0 8px 28px #2d3a4a4d}.welcome-footer{display:flex;justify-content:space-between;padding:18px 24px;border-top:1px solid var(--divider);font-size:.72rem;letter-spacing:.06em;color:#1a1a1a59}.typing-cursor{animation:blink .7s infinite;font-weight:300;color:var(--navy-light)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media (min-width: 768px){.welcome-topbar{padding:28px 56px}.welcome-hero{padding:60px 56px}.welcome-hero-row{flex-direction:row;align-items:center;justify-content:space-between;gap:40px}.welcome-title{font-size:clamp(32px,5vw,56px);letter-spacing:-2px;flex:1 1 auto;min-width:0}.welcome-hero-right{flex:0 0 280px;max-width:280px}.welcome-text{max-width:280px}.welcome-sections{padding:0 24px;gap:28px}.wcard{padding:56px}.wcard-split{flex-direction:row;align-items:center;gap:56px}.wcard-split--reverse{flex-direction:row-reverse}.wcard-text{flex:1 1 0;min-width:0}.wcard-visual{flex:1 1 0;min-width:0;min-height:260px}.wcard-visual--stack{flex-direction:column;gap:10px}.welcome-footer{padding:18px 56px}}@media (min-width: 1024px){.welcome-hero{justify-content:flex-start;padding-left:10vw}.welcome-title{font-size:clamp(40px,7vw,76px);letter-spacing:-3px}.welcome-hero-right{flex:0 0 360px;max-width:360px}.welcome-text{max-width:360px}.welcome-sections{padding:0 40px;gap:32px;margin-bottom:32px}.wcard{padding:64px 72px}.wcard-split{gap:72px}.pmode-card{min-height:100px;padding:22px 28px}}@media (max-width: 480px){.welcome-hero{padding:36px 20px;min-height:calc(100vh - 89px)}.welcome-title{font-size:clamp(36px,12vw,52px);letter-spacing:-2px}.welcome-sections{padding:0 12px;gap:16px}.wcard{padding:32px 20px;border-radius:22px}.wcard-split{gap:28px}.wcard-visual--stack{gap:8px}.pmode-card{min-height:auto;padding:16px 18px}.wcard-visual{min-height:unset}.folder-outer{transform:scale(.75);transform-origin:center bottom;height:200px;padding-top:80px}.welcome-cta{padding:36px 20px 44px}.btn-cta{width:100%;text-align:center}}.folder{transition:all .2s ease-in;cursor:pointer}.folder:not(.folder--click):hover{transform:translateY(-8px)}.folder:not(.folder--click):hover .paper{transform:translate(-50%)}.folder:not(.folder--click):hover .folder__front{transform:skew(15deg) scaleY(.6)}.folder:not(.folder--click):hover .right{transform:skew(-15deg) scaleY(.6)}.folder.open{transform:translateY(-8px)}.folder.open .paper:nth-child(1){transform:translate(-120%,-70%) rotate(-15deg)}.folder.open .paper:nth-child(1):hover{transform:translate(-120%,-70%) rotate(-15deg) scale(1.1)}.folder.open .paper:nth-child(2){transform:translate(10%,-70%) rotate(15deg);height:80%}.folder.open .paper:nth-child(2):hover{transform:translate(10%,-70%) rotate(15deg) scale(1.1)}.folder.open .paper:nth-child(3){transform:translate(-50%,-100%) rotate(5deg);height:80%}.folder.open .paper:nth-child(3):hover{transform:translate(-50%,-100%) rotate(5deg) scale(1.1)}.folder.open .folder__front{transform:skew(15deg) scaleY(.6)}.folder.open .right{transform:skew(-15deg) scaleY(.6)}.folder__back{position:relative;width:100px;height:80px;background:var(--folder-back-color);border-radius:0 10px 10px}.folder__back:after{position:absolute;z-index:0;bottom:98%;left:0;content:"";width:30px;height:10px;background:var(--folder-back-color);border-radius:5px 5px 0 0}.paper{position:absolute;z-index:2;bottom:10%;left:50%;transform:translate(-50%,10%);width:70%;height:80%;background:var(--paper-1);border-radius:10px;transition:all .3s ease-in-out}.paper:nth-child(2){background:var(--paper-2);width:80%;height:70%}.paper:nth-child(3){background:var(--paper-3);width:90%;height:60%}.folder__front{position:absolute;z-index:3;width:100%;height:100%;background:var(--folder-color);border-radius:5px 10px 10px;transform-origin:bottom;transition:all .3s ease-in-out}.tilted-card-figure{position:relative;width:100%;height:100%;perspective:800px;display:flex;flex-direction:column;align-items:center;justify-content:center}.tilted-card-mobile-alert{position:absolute;top:1rem;text-align:center;font-size:.875rem;display:none}@media (max-width: 640px){.tilted-card-mobile-alert{display:block}.tilted-card-caption{display:none}}.tilted-card-inner{position:relative;transform-style:preserve-3d}.tilted-card-img{position:absolute;top:0;left:0;object-fit:cover;border-radius:18px;will-change:transform;transform:translateZ(0)}.tilted-card-overlay{position:absolute;top:0;left:0;z-index:2;will-change:transform;transform:translateZ(30px)}.tilted-card-caption{pointer-events:none;position:absolute;left:0;top:0;border-radius:4px;background-color:#fff;padding:4px 10px;font-size:10px;color:#2d2d2d;opacity:0;z-index:3}.reset-page{min-height:100vh;background:#E8EDE6;display:flex;align-items:center;justify-content:center;font-family:Inter,DM Sans,sans-serif;padding:2rem}.reset-card{background:#F2F5F0;border-radius:16px;padding:40px 36px;width:100%;max-width:420px;display:flex;flex-direction:column;gap:16px;box-shadow:0 2px 12px #0000000f}.reset-card .modal-title{font-size:1.7rem;font-weight:900;letter-spacing:-.02em;color:#1a1a1a;text-align:center;margin-bottom:8px}.reset-card .form-input{width:100%;padding:12px 14px;border:1px solid #B0BBA8;border-radius:8px;font-size:.95rem;background:white;color:#1a1a1a;outline:none;transition:border-color .2s ease;box-sizing:border-box}.reset-card .form-input:focus{border-color:#2d3a4a}.reset-card .modal-btn-submit{width:100%;background:#2D3A4A;color:#fff;border:none;border-radius:8px;padding:13px;font-size:.95rem;font-weight:500;cursor:pointer;transition:opacity .2s ease;margin-top:4px}.reset-card .modal-btn-submit:hover{opacity:.85}.reset-card .form-error{font-size:.8rem;color:#e63946;padding:8px 12px;border-left:2px solid #e63946;background:rgba(230,57,70,.06);border-radius:0 6px 6px 0}.form-success{font-size:.8rem;color:#2a9d5c;padding:8px 12px;border-left:2px solid #2a9d5c;background:rgba(42,157,92,.06);border-radius:0 6px 6px 0}.goals-page{max-width:1100px;margin:0 auto;padding:40px 20px;font-family:Inter,DM Sans,sans-serif}.goals-title{text-align:center;margin-bottom:12px;color:var(--color-text-primary);font-size:clamp(2.5rem,6vw,4rem);font-weight:900;letter-spacing:-.02em}.goals-subtitle{text-align:center;color:var(--color-text-secondary);font-size:1rem;max-width:520px;margin:0 auto 30px;line-height:1.6}.goals-layout{display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:start}.goals-column{display:flex;flex-direction:column}.goal-create{display:flex;gap:12px;margin-bottom:24px}.goal-input{flex:1;padding:12px;border-radius:10px;border:1px solid var(--color-divider);background:var(--color-surface);color:var(--color-text-primary);outline:none;font-family:Inter,DM Sans,sans-serif}.goal-input:focus{border-color:var(--color-btn-primary-bg)}.goal-status-select{padding:12px 32px 12px 16px;border-radius:10px;border:none;background:var(--color-btn-primary-bg);color:var(--color-btn-primary-text);font-family:Inter,DM Sans,sans-serif;font-size:.95rem;font-weight:500;cursor:pointer;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;text-align:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='white' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.goal-card{background:var(--color-surface);padding:20px;border-radius:12px;margin-bottom:16px;box-shadow:0 2px 12px #0000000f;transition:all .2s ease}.goal-card:hover{transform:translateY(-3px)}.goal-header{display:flex;justify-content:space-between;align-items:center}.goal-left{display:flex;align-items:center;gap:10px}.goal-card h3{margin:0;font-size:1.1rem;cursor:pointer;color:var(--color-text-primary)}.edit-input{border:1px solid var(--color-divider);border-radius:6px;padding:6px 8px;font-size:1rem;width:100%;background:var(--color-surface);color:var(--color-text-primary);font-family:Inter,DM Sans,sans-serif}.checkbox{width:18px;height:18px;border:2px solid var(--color-divider);border-radius:5px;cursor:pointer;transition:.2s}.checkbox.checked{background:#e63946;border-color:#e63946}.goal-status-wrapper{max-height:0;overflow:hidden;opacity:0;transition:all .3s ease}.goal-status-wrapper.show{max-height:60px;opacity:1}.goal-status{display:flex;gap:8px;margin-top:12px}.status-btn{border:none;padding:6px 0;font-size:.9rem;border-radius:25px;cursor:pointer;transition:all .2s ease;flex:1;text-align:center;white-space:nowrap;line-height:1.5;font-family:Inter,DM Sans,sans-serif;height:auto;overflow:visible;display:inline-block}.status-btn.urgent{background:rgba(230,57,70,.15);color:#e63946}.status-btn.urgent.active{background:#e63946;color:#fff}.status-btn.progress{background:rgba(168,218,220,.3);color:#457b9d}.status-btn.progress.active{background:#457b9d;color:#fff}.status-btn.done{background:rgba(69,123,157,.15);color:#457b9d}.status-btn.done.active{background:#457b9d;color:#fff}.goal-actions{display:flex;gap:8px;margin-top:10px}.goal-actions button{border:none;background:transparent;cursor:pointer;font-size:14px;opacity:.6;transition:all .2s ease}.goal-actions button:hover{opacity:1;transform:scale(1.1)}.chart-column{display:flex;justify-content:center;align-items:flex-start}.chart-card{background:var(--color-surface);padding:2rem;border-radius:16px;box-shadow:0 2px 12px #0000000f;text-align:center}.pie{width:190px;height:190px;border-radius:50%;margin:auto;position:relative}.pie:after{content:"";position:absolute;top:50%;left:50%;width:110px;height:110px;background:var(--color-surface);border-radius:50%;transform:translate(-50%,-50%)}.legend{margin-top:1.5rem;display:flex;flex-direction:column;gap:6px;font-size:.9rem;color:var(--color-text-secondary)}@media (max-width: 768px){.goals-page{padding:20px 16px}.goals-layout{grid-template-columns:1fr}.chart-column{order:-1}.chart-card{padding:1.2rem}.pie{width:140px;height:140px}.pie:after{width:80px;height:80px}.goal-create{flex-direction:column}.status-btn{font-size:.78rem;padding:5px 0}}.back-to-top-simple{all:unset;display:block;margin:30px auto;padding:8px 16px;border-radius:8px;border:1.5px solid var(--color-divider);background:transparent;color:var(--color-text-primary);cursor:pointer;font-family:Inter,sans-serif;font-size:.9rem;font-weight:400;text-align:center;transition:all .2s ease;width:fit-content}.back-to-top-simple:hover{background:var(--color-surface);border-color:var(--color-text-secondary);transform:translateY(-2px)}.back-to-top-simple:active{transform:translateY(0)}.folder-list-container{position:relative;width:100%;height:100%}.folder-scroll-list{height:100%;overflow-y:auto;padding:12px}.folder-scroll-list::-webkit-scrollbar{width:4px}.folder-scroll-list::-webkit-scrollbar-track{background:transparent}.folder-scroll-list::-webkit-scrollbar-thumb{background:#B0BBA8;border-radius:4px}.folder-animated-item{padding:10px 12px;background-color:#fff;border-radius:8px;border:1px solid transparent;cursor:pointer;display:flex;align-items:center;gap:8px;transition:border-color .2s ease,background .2s ease;margin-bottom:6px}.folder-animated-item:hover{background-color:#2d3a4a0a}.folder-animated-item.selected{background-color:#2d3a4a14;border-color:#b0bba8}.folder-animated-item .item-text{color:#1a1a1a;margin:0;font-size:14px;font-weight:400;flex:1}.folder-animated-item.selected .item-text{font-weight:500;color:#2d3a4a}.folder-top-gradient{position:absolute;top:0;left:0;right:0;height:50px;background:linear-gradient(to bottom,#F2F5F0,transparent);pointer-events:none;transition:opacity .3s ease}.folder-bottom-gradient{position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to top,#F2F5F0,transparent);pointer-events:none;transition:opacity .3s ease}.folder-edit-btn{background:rgba(45,58,74,.08);border:none;border-radius:6px;width:26px;height:26px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s ease}.folder-edit-btn:hover{background:rgba(45,58,74,.15)}.folder-rename-input{flex:1;padding:4px 8px;border:1px solid #2D3A4A;border-radius:6px;font-size:13px;color:#1a1a1a;outline:none;background:white}.folder-rename-btn{width:26px;height:26px;border:none;border-radius:6px;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s ease}.folder-rename-btn.confirm{background:rgba(45,58,74,.08);color:#2d3a4a}.folder-rename-btn.confirm:hover{background:rgba(45,58,74,.15)}.folder-rename-btn.cancel{background:rgba(220,38,38,.08);color:#dc2626}.folder-rename-btn.cancel:hover{background:rgba(220,38,38,.15)}@media (max-width: 768px){.folder-scroll-list{padding:8px;max-height:250px}.folder-animated-item{padding:8px 10px}}.page-list-container{position:relative;width:100%;height:100%}.page-scroll-list{height:100%;overflow-y:auto;padding:12px}.page-scroll-list::-webkit-scrollbar{width:4px}.page-scroll-list::-webkit-scrollbar-track{background:transparent}.page-scroll-list::-webkit-scrollbar-thumb{background:#B0BBA8;border-radius:4px}.page-animated-item{padding:14px 16px;background-color:#fff;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:border-color .2s ease,background .2s ease;margin-bottom:6px}.page-animated-item:hover{background-color:#2d3a4a0a}.page-animated-item.selected{background-color:#2d3a4a14;border-color:#b0bba8}.page-animated-item .item-title{color:#1a1a1a;margin:0 0 4px;font-size:14px;font-weight:500}.page-animated-item .item-preview{color:#6b7280;margin:0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-animated-item .item-actions{display:flex;gap:6px;margin-top:8px;opacity:0;transition:opacity .2s ease}.page-animated-item:hover .item-actions,.page-animated-item.selected .item-actions{opacity:1}.item-act-btn{width:28px;height:28px;border-radius:6px;border:none;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.item-act-btn.edit{background:rgba(45,58,74,.08);color:#2d3a4a}.item-act-btn.edit:hover{background:rgba(45,58,74,.15)}.item-act-btn.move{background:rgba(45,58,74,.08);color:#2d3a4a}.item-act-btn.move:hover{background:rgba(45,58,74,.15)}.item-act-btn.del{background:rgba(220,38,38,.08);color:#dc2626}.item-act-btn.del:hover{background:rgba(220,38,38,.15)}.page-top-gradient{position:absolute;top:0;left:0;right:0;height:50px;background:linear-gradient(to bottom,#F2F5F0,transparent);pointer-events:none;transition:opacity .3s ease}.page-bottom-gradient{position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to top,#F2F5F0,transparent);pointer-events:none;transition:opacity .3s ease}.page-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:300px;gap:12px}.page-empty-icon{font-size:48px;opacity:.35}.page-empty-text{font-size:14px;color:#6b7280;font-weight:400}.page-empty-btn{padding:12px 28px;background:#2D3A4A;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;margin-top:8px;transition:opacity .2s ease}.page-empty-btn:hover{opacity:.85}.page-create-form{display:flex;flex-direction:column;height:100%;padding:20px 28px;font-family:Inter,DM Sans,sans-serif}.page-create-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1.1rem;border-bottom:1px solid #B0BBA8;margin-bottom:1.25rem;flex-shrink:0}.page-create-title{font-size:.78rem;font-weight:500;letter-spacing:.12em;text-transform:lowercase;color:#6b7280;margin:0}.page-create-close{width:28px;height:28px;background:rgba(45,58,74,.08);border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.page-create-close:hover{background:rgba(45,58,74,.15);color:#1a1a1a}.page-create-body{flex:1;display:flex;flex-direction:column;gap:0;overflow:hidden}.page-create-label{display:none}.page-create-input{width:100%;border:none;outline:none;background:transparent;font-size:clamp(1.3rem,2vw,1.65rem);font-weight:700;color:#1a1a1a;font-family:inherit;padding:0 0 .5rem;margin-bottom:.6rem;flex-shrink:0}.page-create-input::placeholder{color:#c8cec4;font-weight:400}.page-create-textarea{flex:1;width:100%;border:none;outline:none;background:transparent;font-size:clamp(.88rem,1.1vw,1rem);color:#1a1a1a;font-family:inherit;line-height:1.75;resize:none;min-height:0}.page-create-textarea::placeholder{color:#c8cec4}.page-create-footer{display:flex;gap:10px;justify-content:flex-end;padding-top:16px;border-top:1px solid #B0BBA8;flex-shrink:0}.page-create-btn-cancel{padding:6px 16px;border-radius:8px;border:1.5px solid #2D3A4A;background:transparent;color:#2d3a4a;font-family:inherit;font-size:.76rem;text-transform:lowercase;cursor:pointer;transition:background .2s;letter-spacing:.04em}.page-create-btn-cancel:hover{background:rgba(45,58,74,.07)}.page-create-btn-submit{padding:6px 16px;border-radius:8px;border:none;background:#2D3A4A;color:#fff;font-family:inherit;font-size:.76rem;text-transform:lowercase;cursor:pointer;transition:opacity .2s;letter-spacing:.04em}.page-create-btn-submit:hover{opacity:.85}@media (max-width: 768px){.page-scroll-list{padding:8px}.page-create-form{padding:14px 16px}.page-animated-item .item-actions{opacity:1}.page-empty{min-height:200px}.page-create-footer{padding-top:12px}}.fp-page{height:calc(100vh - 118px);background:#E8EDE6;display:flex;flex-direction:column;padding-top:16px}.fp-layout{flex:1;display:flex;gap:16px;padding:0 16px 16px;width:100%;height:100%;overflow:hidden}.fp-sidebar{width:260px;min-width:260px;background:#F2F5F0;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 2px 12px #0000000f}.fp-sidebar-header{padding:18px 20px;border-bottom:1px solid #B0BBA8;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.fp-sidebar-title{font-size:15px;font-weight:500;color:#1a1a1a;letter-spacing:.02em}.fp-sidebar-btns{display:flex;gap:6px}.fp-icon-btn{width:30px;height:30px;border-radius:8px;border:none;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.fp-icon-btn.edit{background:rgba(45,58,74,.08);color:#2d3a4a}.fp-icon-btn.edit:hover{background:rgba(45,58,74,.15)}.fp-icon-btn.del{background:rgba(220,38,38,.08);color:#dc2626}.fp-icon-btn.del:hover{background:rgba(220,38,38,.15)}.fp-icon-btn:disabled{opacity:.3;cursor:not-allowed}.fp-sidebar-body{flex:1;overflow:hidden}.fp-sidebar-footer{padding:12px;border-top:1px solid #B0BBA8;flex-shrink:0}.fp-delete-selected{width:100%;padding:9px;background:#dc2626;border:none;border-radius:8px;font-size:13px;color:#fff;cursor:pointer;font-weight:500;transition:opacity .2s ease;margin-bottom:8px}.fp-delete-selected:hover{opacity:.85}.fp-delete-selected:disabled{opacity:.4;cursor:not-allowed}.fp-new-folder-btn{width:100%;padding:10px;background:#2D3A4A;border:none;border-radius:8px;font-size:13px;color:#fff;cursor:pointer;font-weight:500;transition:opacity .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.fp-new-folder-btn:hover{opacity:.85}.fp-main{flex:1;background:#F2F5F0;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 2px 12px #0000000f}.fp-main-header{padding:18px 24px;border-bottom:1px solid #B0BBA8;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.fp-main-title{font-size:16px;font-weight:500;color:#1a1a1a}.fp-new-page-btn{padding:9px 18px;background:#2D3A4A;border:none;border-radius:8px;font-size:13px;font-weight:500;color:#fff;cursor:pointer;transition:opacity .2s ease}.fp-new-page-btn:hover{opacity:.85}.fp-main-body{flex:1;overflow:hidden}.fp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fp-fade .15s ease}@keyframes fp-fade{0%{opacity:0}to{opacity:1}}.fp-modal{background:#F2F5F0;border-radius:12px;padding:28px;width:100%;max-width:680px;box-shadow:0 2px 12px #0000000f;animation:fp-slide .2s ease}@keyframes fp-slide{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fp-modal-title{font-size:18px;font-weight:500;color:#1a1a1a;margin-bottom:20px}.fp-modal.confirm{max-width:360px;text-align:center}.fp-modal.confirm .fp-modal-icon{font-size:44px;margin-bottom:10px}.fp-modal.confirm p{font-size:14px;color:#6b7280;line-height:1.6;margin-bottom:24px}.fp-input-group{margin-bottom:16px}.fp-label{font-size:11px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;display:block}.fp-input{width:100%;padding:11px 14px;border:1px solid #B0BBA8;border-radius:8px;font-size:14px;color:#1a1a1a;outline:none;transition:border-color .2s ease;background:white}.fp-input:focus{border-color:#2d3a4a}.fp-textarea{resize:vertical;min-height:250px;line-height:1.6}.fp-select{width:100%;padding:11px 14px;border:1px solid #B0BBA8;border-radius:8px;font-size:14px;color:#1a1a1a;background:white;outline:none;cursor:pointer}.fp-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.fp-modal.confirm .fp-modal-actions{justify-content:center}.fp-btn-cancel{padding:9px 18px;background:transparent;border:1.5px solid #2D3A4A;border-radius:8px;font-size:13px;font-weight:500;color:#2d3a4a;cursor:pointer;transition:background .2s ease}.fp-btn-cancel:hover{background:rgba(45,58,74,.06)}.fp-btn-primary{padding:9px 20px;background:#2D3A4A;border:none;border-radius:8px;font-size:13px;font-weight:500;color:#fff;cursor:pointer;transition:opacity .2s ease}.fp-btn-primary:hover{opacity:.85}.fp-btn-primary:disabled{opacity:.4;cursor:not-allowed}.fp-btn-danger{padding:9px 20px;background:#dc2626;border:none;border-radius:8px;font-size:13px;font-weight:500;color:#fff;cursor:pointer;transition:opacity .2s ease}.fp-btn-danger:hover{opacity:.85}.fp-detail{background:#F2F5F0;border-radius:12px;width:100%;max-width:680px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 12px #0000000f;animation:fp-slide .2s ease}.fp-detail-header{padding:24px 28px 18px;border-bottom:1px solid #B0BBA8;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.fp-detail-title{font-size:20px;font-weight:500;color:#1a1a1a}.fp-detail-close{width:32px;height:32px;background:rgba(45,58,74,.08);border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s ease}.fp-detail-close:hover{background:rgba(45,58,74,.15);color:#1a1a1a}.fp-detail-body{padding:24px 28px;overflow-y:auto;flex:1}.fp-detail-content{font-size:15px;color:#1a1a1a;line-height:1.8;white-space:pre-wrap}@media (max-width: 768px){.fp-page{height:auto;min-height:calc(100vh - 118px);padding-top:8px}.fp-layout{flex-direction:column;padding:0 10px 10px;overflow:auto;height:auto}.fp-sidebar{width:100%;min-width:unset;max-height:300px}.fp-main{min-height:400px}.fp-modal{padding:20px 16px;border-radius:12px}.fp-detail{max-height:90vh;border-radius:12px 12px 0 0}.fp-overlay{align-items:flex-end;padding:0}.fp-detail-header{padding:16px 20px 12px}.fp-detail-body{padding:16px 20px}.fp-main-header,.fp-sidebar-header{padding:14px 16px}}:root{--color-bg: #E8EDE6;--color-surface: #F2F5F0;--color-text-primary: #1A1A1A;--color-text-secondary: #6B7280;--color-btn-primary-bg: #2D3A4A;--color-btn-primary-text: #FFFFFF;--color-btn-outline-border: #2D3A4A;--color-btn-outline-text: #2D3A4A;--color-divider: #B0BBA8;--page-padding: 2rem}body{background-color:var(--color-bg);font-family:Inter,DM Sans,system-ui,sans-serif;color:var(--color-text-primary);margin:0;padding:0}.sound-btn-home-wrapper{width:100%;max-width:1100px;margin:0 auto;padding:1.5rem 2rem 0}.sound-btn-home{padding:8px 16px;border-radius:8px;border:1.5px solid var(--color-divider);background:transparent;color:var(--color-text-primary);cursor:pointer;font-size:.9rem;transition:background .2s ease}.sound-btn-home:hover{background:var(--color-divider)}.sound-hero{padding:1rem var(--page-padding) 1.5rem;max-width:1100px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.sound-hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:900;letter-spacing:-.02em;margin:0 0 .75rem;color:var(--color-text-primary);text-align:center}.sound-hero-subtitle{font-size:1rem;color:var(--color-text-secondary);max-width:520px;margin:0 auto;line-height:1.6;text-align:center}.sound-playlists{max-width:1100px;margin:1.5rem auto 4rem;padding:0 var(--page-padding)}.sound-loading{text-align:center;padding:4rem;color:var(--color-text-secondary)}.playlist-card{height:100%;background:var(--color-surface);box-shadow:0 2px 12px #0000000f;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;position:relative;transition:transform .2s ease,box-shadow .2s ease}.playlist-card:hover{transform:translateY(-5px);box-shadow:0 4px 16px #00000014}.playlist-card img{height:160px;object-fit:cover;width:100%;border-bottom:1px solid var(--color-divider)}.playlist-card .card-body{background:var(--color-surface);padding:1rem;display:flex;gap:10px;flex-wrap:wrap}.playlist-card button{flex:1}.btn-primary{background-color:var(--color-btn-primary-bg);color:var(--color-btn-primary-text);border-radius:8px;padding:12px 28px;font-size:.95rem;font-weight:500;border:none;cursor:pointer;transition:opacity .2s ease}.btn-primary:hover{opacity:.85}.btn-outline{background:transparent;color:var(--color-btn-outline-text);border:1.5px solid var(--color-btn-outline-border);border-radius:8px;padding:12px 28px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background .2s ease}.btn-outline:hover{background:rgba(45,58,74,.06)}.playlist-image-container{position:relative;cursor:pointer}.play-button{position:absolute;top:10px;right:10px;background:transparent;border:none;color:#fff;font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,opacity .2s ease;text-shadow:0 2px 6px rgba(0,0,0,.5);opacity:0}.playlist-image-container:hover .play-button{opacity:1}.play-button:hover{transform:scale(1.15)}.sound-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(26,26,26,.6);display:flex;align-items:center;justify-content:center;z-index:999;opacity:0;transition:opacity .3s ease;padding:2rem}.sound-modal-overlay.visible{opacity:1}.modal-playlist{background:var(--color-surface);border-radius:16px;width:100%;max-width:580px;height:70vh;display:flex;flex-direction:column;overflow:hidden;transform:translateY(30px);transition:transform .35s cubic-bezier(.32,.72,0,1),opacity .35s ease;opacity:0}.modal-playlist.visible{transform:translateY(0);opacity:1}.modal-playlist-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(0,0,0,.06);flex-shrink:0}.modal-playlist-header h2{margin:0;font-size:1.1rem;font-weight:700;color:var(--color-text-primary)}.modal-sounds{flex:1;overflow-y:auto;padding:1rem 1.5rem;display:flex;flex-direction:column;gap:12px}.modal-sound-item{background:var(--color-bg);border-radius:10px;padding:12px 14px;opacity:0;transform:translateY(12px);animation:itemFadeIn .3s ease forwards}@keyframes itemFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal-sound-item p{margin:0 0 8px;font-size:.9rem;color:var(--color-text-primary);font-weight:500}.modal-sound-item audio{width:100%;border-radius:6px}.modal-playlist-footer{padding:1rem 1.5rem;border-top:1px solid rgba(0,0,0,.06);display:flex;justify-content:flex-end;flex-shrink:0}.close-modal{border:none;background:transparent;font-size:1rem;cursor:pointer;color:var(--color-text-secondary);padding:4px 8px}.global-player{position:fixed;bottom:0;left:0;width:100%;background:var(--color-btn-primary-bg);padding:10px 20px;display:flex;justify-content:center;align-items:center;z-index:1000}.global-player audio{width:600px}.player-btn{background:var(--color-surface);border:none;font-size:20px;padding:8px 12px;margin:0 10px;border-radius:6px;cursor:pointer}.player-btn:hover{background:rgba(26,26,26,.08)}@media (max-width: 768px){:root{--page-padding: 1rem}.sound-btn-home-wrapper{padding:1rem 1rem 0}.sound-hero{padding:1rem var(--page-padding) 1rem}.sound-hero-title{font-size:1.8rem}.sound-playlists{margin-top:1rem}.playlist-card img{height:130px}.playlist-card .card-body{padding:.5rem;gap:6px}.btn-primary,.btn-outline{padding:8px 10px;font-size:.8rem}.play-button{width:40px;height:40px;font-size:24px}}.prof-page{background:#E8EDE6;min-height:100%;display:flex;align-items:center;justify-content:center;padding:2rem;font-family:Inter,DM Sans,sans-serif}.prof-loading{display:flex;align-items:center;justify-content:center;height:100%;color:#6b7280;font-family:Inter,DM Sans,sans-serif;font-size:.9rem}.prof-card{background:#F2F5F0;border-radius:20px;padding:2.5rem 2rem;width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;gap:14px;box-shadow:0 4px 20px #00000012;border:1px solid rgba(176,187,168,.55)}.prof-avatar{width:90px;height:90px;border-radius:50%;background:#E8EDE6;border:2px solid rgba(176,187,168,.6);display:flex;align-items:center;justify-content:center;margin-bottom:4px;position:relative;overflow:hidden}.prof-avatar-clickable{cursor:pointer}.prof-avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.25);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;opacity:0;transition:opacity .2s}.prof-avatar-clickable:hover .prof-avatar-overlay{opacity:1}.prof-avatar-emoji{font-size:2.8rem;line-height:1}.prof-avatar-placeholder{font-size:2.2rem;color:#b0bba8}.prof-avatar-picker{display:flex;gap:10px;justify-content:center;padding:10px 14px;background:#F2F5F0;border-radius:14px;border:1px solid rgba(176,187,168,.6);box-shadow:0 4px 16px #00000014}.prof-avatar-option{width:44px;height:44px;border-radius:12px;border:2px solid transparent;background:#E8EDE6;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,transform .15s}.prof-avatar-option:hover{transform:scale(1.08)}.prof-avatar-option.selected{border-color:#2d3a4a;background:rgba(45,58,74,.08)}.prof-name{font-size:1.2rem;font-weight:600;color:#1a1a1a;margin:0}.prof-email{font-size:.82rem;color:#6b7280;margin:0}.prof-btn-edit{width:100%;padding:11px;background:transparent;border:1.5px solid #2D3A4A;border-radius:10px;color:#2d3a4a;font-family:inherit;font-size:.84rem;font-weight:500;cursor:pointer;text-transform:lowercase;letter-spacing:.04em;transition:background .2s;margin-top:6px}.prof-btn-edit:hover{background:rgba(45,58,74,.06)}.prof-btn-logout{width:100%;padding:11px;background:#2D3A4A;border:none;border-radius:10px;color:#fff;font-family:inherit;font-size:.84rem;font-weight:500;cursor:pointer;text-transform:lowercase;letter-spacing:.04em;transition:opacity .2s}.prof-btn-logout:hover{opacity:.85}.prof-btn-delete{background:transparent;border:none;color:#b85c5c;font-family:inherit;font-size:.78rem;cursor:pointer;text-decoration:underline;padding:4px;transition:color .2s}.prof-btn-delete:hover{color:#dc2626}.prof-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(26,26,26,.28);display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.prof-modal{width:100%;max-width:400px;background:#F2F5F0;border-radius:20px;padding:28px 26px;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;gap:14px}.prof-modal-confirm{max-width:340px;text-align:center;align-items:center}.prof-modal-header{display:flex;align-items:center;justify-content:space-between}.prof-modal-title{font-size:1rem;font-weight:600;color:#1a1a1a}.prof-modal-close{width:28px;height:28px;border-radius:8px;border:none;background:rgba(45,58,74,.08);color:#6b7280;cursor:pointer;font-size:.85rem;display:flex;align-items:center;justify-content:center;transition:background .2s}.prof-modal-close:hover{background:rgba(45,58,74,.15);color:#1a1a1a}.prof-modal-body{display:flex;flex-direction:column;gap:8px}.prof-modal-icon{font-size:2.5rem}.prof-confirm-text{font-size:.84rem;color:#6b7280;margin:0;line-height:1.6}.prof-label{font-size:.72rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.08em;margin-top:4px}.prof-label-optional{font-weight:400;text-transform:none;letter-spacing:0;color:#b0bba8}.prof-input{width:100%;padding:10px 13px;border:1px solid rgba(176,187,168,.8);border-radius:10px;background:transparent;font-family:inherit;font-size:.88rem;color:#1a1a1a;outline:none;transition:border-color .2s}.prof-input:focus{border-color:#2d3a4a}.prof-input-wrapper{position:relative;display:flex;align-items:center}.prof-input-wrapper .prof-input{padding-right:38px}.prof-toggle-password{position:absolute;right:12px;background:none;border:none;cursor:pointer;color:#6b7280;font-size:.85rem;padding:0;line-height:1}.prof-toggle-password:hover{color:#1a1a1a}.prof-strength-wrapper{display:flex;flex-direction:column;gap:6px}.prof-strength-track{height:4px;background:rgba(176,187,168,.4);border-radius:4px;overflow:hidden}.prof-strength-fill{height:100%;border-radius:4px;transition:width .3s ease,background .3s ease}.prof-strength-label{font-size:.75rem;font-weight:500;text-align:right}.prof-rules{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:3px}.prof-rule-ok{font-size:.76rem;color:#52a87c}.prof-rule-fail{font-size:.76rem;color:#b0bba8}.prof-error{font-size:.78rem;color:#b85c5c;margin:0}.prof-success{font-size:.78rem;color:#4a7c5c;margin:0}.prof-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.prof-modal-confirm .prof-modal-actions{justify-content:center}.prof-btn-cancel{padding:9px 20px;border-radius:8px;border:1.5px solid #B0BBA8;background:transparent;color:#6b7280;font-family:inherit;font-size:.84rem;cursor:pointer;transition:background .2s}.prof-btn-cancel:hover{background:rgba(176,187,168,.15)}.prof-btn-primary{padding:9px 20px;border-radius:8px;border:none;background:#2D3A4A;color:#fff;font-family:inherit;font-size:.84rem;cursor:pointer;transition:opacity .2s}.prof-btn-primary:hover{opacity:.85}.prof-btn-danger{padding:9px 20px;border-radius:8px;border:none;background:#dc2626;color:#fff;font-family:inherit;font-size:.84rem;cursor:pointer;transition:opacity .2s}.prof-btn-danger:hover{opacity:.85}.prof-top-bar{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.prof-btn-home{padding:6px 12px;font-size:12px;background:transparent;border:1.5px solid #2D3A4A;border-radius:8px;color:#2d3a4a;font-family:inherit;font-weight:500;cursor:pointer;transition:background .2s}.prof-btn-home:hover{background:rgba(45,58,74,.06)}@media (max-width: 768px){.prof-page{padding:1rem;align-items:flex-start}.prof-card{padding:1.5rem 1.2rem;max-width:100%;border-radius:16px}.prof-avatar-picker{flex-wrap:wrap;gap:8px}.prof-modal{padding:20px 16px;border-radius:16px}.prof-overlay{padding:1rem;align-items:flex-end}.prof-modal-confirm{max-width:100%}}.about-page{max-width:860px;margin:0 auto;padding:2.5rem 1.5rem 4rem;font-family:Inter,DM Sans,sans-serif}.about-back-btn{display:inline-flex;align-items:center;gap:.4rem;padding:8px 16px;border-radius:8px;border:1.5px solid var(--color-divider);background:transparent;color:var(--color-text-primary);cursor:pointer;font-size:.9rem;font-family:inherit;margin-bottom:2.5rem;transition:background .18s ease,border-color .18s ease}.about-back-btn:hover{background:var(--color-surface);border-color:var(--color-text-secondary)}.about-hero{text-align:center;margin-bottom:3.5rem}.about-hero-title{font-size:clamp(2.5rem,6vw,3.5rem);font-weight:900;letter-spacing:-.02em;color:var(--color-text-primary);margin:0 0 1rem}.about-hero-tagline{font-size:1.15rem;color:var(--color-text-secondary);line-height:1.7;max-width:540px;margin:0 auto .75rem}.about-hero-sub{font-size:.9rem;color:var(--color-text-secondary);opacity:.7;margin:0}.about-divider{border:none;border-top:1px solid var(--color-divider);margin:2.5rem 0}.about-feature-row{display:flex;align-items:center;gap:2.5rem;margin-bottom:2.5rem;padding:2rem;background:var(--color-surface);border-radius:16px;border:1px solid var(--color-divider);box-shadow:0 2px 16px #0000000d}.about-feature-row.reverse{flex-direction:row-reverse}.about-feature-img-wrap{flex:0 0 auto;width:320px;border-radius:10px;overflow:hidden;border:1px solid var(--color-divider);box-shadow:0 4px 20px #0000001a}.about-feature-img-wrap img{width:100%;height:auto;display:block}.about-feature-img-placeholder{width:320px;height:200px;border-radius:10px;background:var(--color-divider);display:flex;align-items:center;justify-content:center;font-size:2.5rem;flex-shrink:0;border:1px solid var(--color-divider)}.about-feature-text{flex:1}.about-feature-badge{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-secondary);background:var(--color-divider);padding:3px 10px;border-radius:999px;margin-bottom:.75rem}.about-feature-title{font-size:1.35rem;font-weight:800;color:var(--color-text-primary);margin:0 0 .6rem;letter-spacing:-.01em}.about-feature-desc{font-size:.92rem;color:var(--color-text-secondary);line-height:1.75;margin:0}.about-cta-wrap{text-align:center;margin-top:3.5rem;margin-bottom:3.5rem}.about-cta-btn{display:inline-flex;align-items:center;gap:.5rem;padding:14px 36px;border-radius:12px;border:none;background:var(--color-text-primary);color:var(--color-bg);font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;letter-spacing:.01em;transition:opacity .18s ease,transform .18s ease}.about-cta-btn:hover{opacity:.85;transform:translateY(-1px)}.about-cta-btn:active{transform:translateY(0)}.about-footer{text-align:center;padding-top:2rem;border-top:1px solid var(--color-divider)}.about-footer-built{font-size:.9rem;color:var(--color-text-secondary);margin:0 0 .3rem}.about-footer-names{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .75rem}.about-footer-copy{font-size:.78rem;color:var(--color-text-secondary);opacity:.6;margin:0}@media (max-width: 700px){.about-feature-row,.about-feature-row.reverse{flex-direction:column;gap:1.5rem;padding:1.5rem}.about-feature-img-wrap,.about-feature-img-placeholder{width:100%}.about-feature-img-placeholder{height:160px}}