@font-face{font-family:The Year of Handicrafts;src:url(/fonts/TheYearofHandicrafts-Regular.otf) format("opentype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:The Year of Handicrafts;src:url(/fonts/TheYearofHandicrafts-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:The Year of Handicrafts;src:url(/fonts/TheYearofHandicrafts-Regular.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}:root{--font-sans: "Plus Jakarta Sans", "Outfit", system-ui, -apple-system, sans-serif;--font-arabic: "IBM Plex Sans Arabic", "Tajawal", system-ui, sans-serif;--font-heading: "The Year of Handicrafts", "IBM Plex Sans Arabic", sans-serif;--m3-bg: #F9FAEF;--m3-surface: #F9FAEF;--m3-surface-low: #F3F4E9;--m3-surface-container: #EEEFE3;--m3-surface-high: #E8E9DE;--m3-surface-highest: #E2E3D8;--m3-primary: #3d5622;--m3-primary-active: #2e4418;--m3-on-primary: #FFFFFF;--m3-primary-container: #DCE7C8;--m3-on-primary-container: #354E16;--m3-brand-title: #365314;--m3-tertiary: #6b7724;--m3-tertiary-container: #F0F4CC;--m3-on-tertiary-container: #283400;--m3-today-focus-card: #c8e6a8;--m3-today-break-card: #f2f7b8;--m3-track-focus: #e3ebd6;--m3-track-break: #f3f7d2;--m3-text-main: #1A1C16;--m3-text-secondary: #44483D;--m3-text-muted: #75796C;--m3-outline: #C5C8BA;--m3-error: #BA1A1A;--m3-error-container: #FFDAD6;--m3-radius-xs: 6px;--m3-radius-sm: 12px;--m3-radius-md: 20px;--m3-radius-lg: 28px;--m3-radius-xl: 36px;--m3-radius-pill: 9999px;--m3-shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--m3-shadow-md: 0 8px 24px rgba(0, 0, 0, .08);--m3-shadow-lg: 0 16px 36px rgba(0, 0, 0, .12);--m3-scrollbar-thumb: rgba(0, 0, 0, .12);--m3-scrollbar-thumb-hover: rgba(0, 0, 0, .26)}body[data-theme=dark]{--m3-bg: #0F120E;--m3-surface: #0F120E;--m3-surface-low: #171A14;--m3-surface-container: #20241B;--m3-surface-high: #2B3024;--m3-surface-highest: #373E2F;--m3-primary: #4ADE80;--m3-primary-active: #22C55E;--m3-on-primary: #052E16;--m3-primary-container: #143518;--m3-on-primary-container: #86EFAC;--m3-brand-title: #FFFFFF;--m3-tertiary: #FACC15;--m3-tertiary-container: #3B3008;--m3-on-tertiary-container: #FEF08A;--m3-today-focus-card: #182C15;--m3-today-break-card: #2E290C;--m3-track-focus: #1A2218;--m3-track-break: #202213;--m3-text-main: #FFFFFF;--m3-text-secondary: #E2E8F0;--m3-text-muted: #94A3B8;--m3-outline: rgba(255, 255, 255, .16);--m3-error: #FCA5A5;--m3-error-container: #7F1D1D;--m3-scrollbar-thumb: rgba(255, 255, 255, .16);--m3-scrollbar-thumb-hover: rgba(255, 255, 255, .32)}body[data-theme=amoled]{--m3-bg: #000000;--m3-surface: #000000;--m3-surface-low: #0A0D0A;--m3-surface-container: #141A14;--m3-surface-high: #1D261D;--m3-surface-highest: #283328;--m3-primary: #4ADE80;--m3-primary-active: #22C55E;--m3-on-primary: #000000;--m3-primary-container: #143518;--m3-on-primary-container: #86EFAC;--m3-brand-title: #FFFFFF;--m3-tertiary: #FACC15;--m3-tertiary-container: #3B3008;--m3-on-tertiary-container: #FEF08A;--m3-today-focus-card: #0D2210;--m3-today-break-card: #1C1905;--m3-track-focus: #111A12;--m3-track-break: #18190B;--m3-text-main: #FFFFFF;--m3-text-secondary: #E2E8F0;--m3-text-muted: #94A3B8;--m3-outline: rgba(255, 255, 255, .18);--m3-scrollbar-thumb: rgba(255, 255, 255, .18);--m3-scrollbar-thumb-hover: rgba(255, 255, 255, .35)}body[data-theme=glass]{--m3-bg: #1a1614;--m3-surface: rgba(255, 255, 255, .06);--m3-surface-low: rgba(255, 255, 255, .04);--m3-surface-container: rgba(255, 255, 255, .08);--m3-surface-high: rgba(255, 255, 255, .12);--m3-surface-highest: rgba(255, 255, 255, .17);--m3-primary: #4ADE80;--m3-primary-active: #22C55E;--m3-on-primary: #052E16;--m3-primary-container: rgba(74, 222, 128, .18);--m3-on-primary-container: #BBF7D0;--m3-brand-title: #f8f5f0;--m3-tertiary: #FACC15;--m3-tertiary-container: rgba(250, 204, 21, .16);--m3-on-tertiary-container: #FEF08A;--m3-today-focus-card: rgba(74, 222, 128, .12);--m3-today-break-card: rgba(250, 204, 21, .1);--m3-track-focus: rgba(255, 255, 255, .07);--m3-track-break: rgba(255, 255, 255, .06);--m3-text-main: #f8f5f0;--m3-text-secondary: #d4cdc4;--m3-text-muted: #9a928a;--m3-outline: rgba(255, 255, 255, .1);--m3-error: #FCA5A5;--m3-error-container: rgba(255, 180, 171, .16);--m3-shadow-sm: 0 4px 16px rgba(0, 0, 0, .16);--m3-shadow-md: 0 12px 32px rgba(0, 0, 0, .22);--m3-shadow-lg: 0 24px 56px rgba(0, 0, 0, .3);--m3-scrollbar-thumb: rgba(255, 255, 255, .12);--m3-scrollbar-thumb-hover: rgba(255, 255, 255, .24);background-color:#1a1614;background-image:radial-gradient(ellipse at 20% 15%,rgba(210,140,70,.22) 0%,transparent 55%),radial-gradient(ellipse at 80% 20%,rgba(190,130,80,.18) 0%,transparent 50%),radial-gradient(ellipse at 45% 75%,rgba(160,110,65,.16) 0%,transparent 55%),radial-gradient(ellipse at 85% 80%,rgba(180,155,100,.14) 0%,transparent 50%),radial-gradient(ellipse at 10% 85%,rgba(140,100,60,.12) 0%,transparent 50%);background-attachment:fixed}body[data-theme=glass] .app-header{background:transparent}body[data-theme=glass] .desktop-nav-tabs,body[data-theme=glass] .bottom-docked-nav{backdrop-filter:blur(48px) saturate(180%);-webkit-backdrop-filter:blur(48px) saturate(180%);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff1f,0 8px 28px #0000002e}body[data-theme=glass] .desktop-nav-btn:hover{background:#ffffff1a}body[data-theme=glass] .desktop-nav-btn.active{background:var(--m3-primary)!important;color:#052e16!important;font-weight:800;border:1px solid rgba(255,255,255,.18);box-shadow:0 4px 12px #0003}body[data-theme=glass] .desktop-nav-btn.active *{color:#052e16!important}body[data-theme=glass] .timer-main-card{backdrop-filter:blur(48px) saturate(180%);-webkit-backdrop-filter:blur(48px) saturate(180%);background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:32px;padding:2.2rem 1.8rem;box-shadow:inset 0 1px #ffffff1a,0 16px 40px #0003}body[data-theme=glass] .timer-companion-cards>div,body[data-theme=glass] .stats-chart-card,body[data-theme=glass] .m3-modal-card,body[data-theme=glass] .login-matte-card{backdrop-filter:blur(48px) saturate(180%);-webkit-backdrop-filter:blur(48px) saturate(180%);background:#ffffff0d;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff1a,0 16px 40px #0003}body[data-theme=glass] .task-card,body[data-theme=glass] .note-card,body[data-theme=glass] .habit-card{backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);background:#ffffff0f;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff14,0 6px 20px #00000024;transition:all .25s cubic-bezier(.16,1,.3,1)}body[data-theme=glass] .task-card:hover,body[data-theme=glass] .note-card:hover,body[data-theme=glass] .habit-card:hover{background:#ffffff17;border-color:#ffffff24;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff24,0 14px 32px #00000038}body[data-theme=glass] .m3-input,body[data-theme=glass] .m3-textarea,body[data-theme=glass] .view-mode-toggle,body[data-theme=glass] .m3-action-btn{backdrop-filter:blur(32px) saturate(170%);-webkit-backdrop-filter:blur(32px) saturate(170%);background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:var(--m3-text-main);box-shadow:inset 0 1px #ffffff0f}body[data-theme=glass] .m3-input:focus,body[data-theme=glass] .m3-textarea:focus{background:#ffffff1a;border-color:#4ade8059;box-shadow:inset 0 1px #ffffff1a,0 0 0 2px #4ade801f}body[data-theme=glass] .m3-btn-secondary{backdrop-filter:blur(32px) saturate(170%);-webkit-backdrop-filter:blur(32px) saturate(170%);background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:var(--m3-text-main)}body[data-theme=glass] .m3-btn-secondary:hover{background:#ffffff1a;border-color:#ffffff24}body[data-theme=glass] .modal-backdrop{backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);background:#00000080}body[data-theme=glass] .today-card.focus-card{background:#4ade801a;color:var(--m3-primary);border:1px solid rgba(74,222,128,.16);box-shadow:inset 0 1px #ffffff0f}body[data-theme=glass] .today-card.break-card{background:#facc1514;color:var(--m3-tertiary);border:1px solid rgba(250,204,21,.14);box-shadow:inset 0 1px #ffffff0f}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;scrollbar-width:thin;scrollbar-color:var(--m3-scrollbar-thumb, rgba(0, 0, 0, .14)) transparent}*::-webkit-scrollbar,::-webkit-scrollbar{width:5px;height:5px}*::-webkit-scrollbar-track,::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb{background:var(--m3-scrollbar-thumb, rgba(0, 0, 0, .14));border-radius:999px;transition:background .2s ease}*::-webkit-scrollbar-thumb:hover,::-webkit-scrollbar-thumb:hover{background:var(--m3-scrollbar-thumb-hover, rgba(0, 0, 0, .3))}*::-webkit-scrollbar-button,::-webkit-scrollbar-button{display:none!important;width:0!important;height:0!important}*::-webkit-scrollbar-corner,::-webkit-scrollbar-corner{background:transparent}@media (max-width: 768px),(pointer: coarse){*,html,body,div,section,main,article,.m3-modal-card,.modal-body{scrollbar-width:none!important;-ms-overflow-style:none!important}*::-webkit-scrollbar,::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}}h1,h2,h3,h4,h5,h6,.landing-hero-title,.landing-brand-name,.landing-section-title{font-family:var(--font-heading),var(--font-arabic),sans-serif;letter-spacing:normal}html,body,button,input,textarea,select,optgroup,a,p,span,label{font-family:var(--font-arabic),var(--font-sans);color:var(--m3-text-main)}.m3-input::placeholder,.m3-textarea::placeholder,input::placeholder,textarea::placeholder{color:var(--m3-text-secondary);opacity:.8}html,body{min-height:100%;width:100%;background-color:var(--m3-bg);color:var(--m3-text-main);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;transition:background-color .25s cubic-bezier(.16,1,.3,1),color .25s cubic-bezier(.16,1,.3,1)}.app-root{display:flex;flex-direction:column;align-items:center;min-height:100vh;min-height:100dvh;width:100%;background-color:var(--m3-bg)}.app-shell{width:100%;max-width:1240px;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;position:relative;padding:0 1rem 90px}.app-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:max(1.25rem,env(safe-area-inset-top,0px)) max(.75rem,env(safe-area-inset-right,0px)) .75rem max(.75rem,env(safe-area-inset-left,0px));background:transparent;gap:1rem}.brand-wrapper{display:flex;align-items:center;gap:.6rem;cursor:pointer}.brand-logo{width:32px;height:32px;background:var(--m3-primary);border-radius:var(--m3-radius-sm);display:flex;align-items:center;justify-content:center;color:var(--m3-on-primary)}.brand-title{font-size:1.85rem;font-weight:800;letter-spacing:-.5px;color:var(--m3-brand-title);line-height:1.2;transition:color .3s ease}.desktop-nav-tabs{display:none;align-items:center;background:var(--m3-surface-container);padding:.35rem .55rem;border-radius:var(--m3-radius-pill);gap:.3rem;border:1px solid var(--m3-outline)}.desktop-nav-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;height:38px;padding:0 .95rem;border:none;background:transparent;color:var(--m3-text-secondary);font-family:inherit;font-size:.88rem;font-weight:700;border-radius:var(--m3-radius-pill);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s cubic-bezier(.16,1,.3,1)}.desktop-nav-btn:hover{background:var(--m3-surface-high);color:var(--m3-text-main)}.desktop-nav-btn.active{background:var(--m3-primary)!important;color:#fff!important;font-weight:800;box-shadow:0 4px 14px #3d562252}.desktop-nav-btn.active *{color:#fff!important;fill:#fff!important}.header-actions{display:flex;align-items:center;gap:.45rem}.m3-action-btn{display:flex;align-items:center;gap:.35rem;padding:.45rem .8rem;background:var(--m3-surface-container);border:1px solid var(--m3-outline);color:var(--m3-text-main);border-radius:var(--m3-radius-pill);font-family:inherit;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease;flex-shrink:0}.m3-action-btn:hover{background:var(--m3-surface-highest)}.m3-action-btn.pro-badge{background:linear-gradient(135deg,gold,#ffa000);color:#000;border:none;font-weight:800;box-shadow:0 2px 8px #ffa00040}.viewport-panel-container{flex:1;width:100%;display:flex;flex-direction:column;padding-top:.75rem}.view-panel{width:100%;display:flex;flex-direction:column;animation:fadeInView .22s cubic-bezier(.16,1,.3,1);will-change:transform,opacity;transform:translateZ(0)}@keyframes fadeInView{0%{opacity:0;transform:translateY(6px) scale(.995) translateZ(0)}to{opacity:1;transform:translateY(0) scale(1) translateZ(0)}}button:active:not(:disabled),.m3-btn-primary:active:not(:disabled),.m3-btn-secondary:active:not(:disabled),.m3-action-btn:active:not(:disabled),.toggle-btn:active,.timer-mode-btn:active,.desktop-nav-btn:active,.bottom-tab-item:active{transform:scale(.96) translateZ(0)!important;transition:transform .1s cubic-bezier(.34,1.56,.64,1)!important}.task-card,.note-card,.habit-card{will-change:transform,box-shadow;transform:translateZ(0)}@keyframes eq1{0%{height:4px}to{height:14px}}@keyframes eq2{0%{height:13px}to{height:5px}}@keyframes eq3{0%{height:6px}to{height:15px}}.feature-hover-card{transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s ease,border-color .22s ease!important;transform:translateZ(0)}.feature-hover-card:hover{transform:translateY(-4px) translateZ(0);border-color:var(--m3-primary)!important;box-shadow:0 8px 24px #00000014}.bottom-docked-nav{position:fixed;bottom:0;left:0;right:0;height:calc(68px + env(safe-area-inset-bottom,0px));background:var(--m3-surface-container);border-top:1px solid var(--m3-outline);display:flex;align-items:center;justify-content:space-around;padding:0 max(.5rem,env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(.5rem,env(safe-area-inset-left,0px));z-index:99;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.bottom-tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border:none;color:var(--m3-text-secondary);font-family:inherit;font-size:.7rem;font-weight:700;cursor:pointer;gap:.15rem;flex:1;min-width:0;padding:.25rem 0;transition:color .2s ease}.tab-icon-pill{display:flex;align-items:center;justify-content:center;width:44px;height:28px;border-radius:var(--m3-radius-pill);transition:all .2s cubic-bezier(.16,1,.3,1)}.bottom-tab-item.active{color:var(--m3-primary)}.bottom-tab-item.active .tab-icon-pill{background:var(--m3-primary-container);color:var(--m3-on-primary-container)}.tasks-layout{display:grid;grid-template-columns:1fr;gap:1.25rem;width:100%}.tasks-top-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem;width:100%}.tasks-search-wrap{flex:1;min-width:220px;position:relative;display:flex;align-items:center}.tasks-search-input{width:100%;background:var(--m3-surface-container);border:1px solid var(--m3-outline);color:var(--m3-text-main);padding:.55rem 2.4rem .55rem 1rem;border-radius:var(--m3-radius-pill);font-family:inherit;font-size:.92rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.tasks-search-input:focus{border-color:var(--m3-primary);box-shadow:0 0 0 2px var(--m3-primary-container)}[dir=rtl] .tasks-search-input{padding:.55rem 1rem .55rem 2.4rem}.tasks-search-icon{position:absolute;right:.85rem;color:var(--m3-text-muted);pointer-events:none;font-size:20px}[dir=rtl] .tasks-search-icon{right:auto;left:.85rem}.tasks-actions-bar{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.view-mode-toggle{display:inline-flex;align-items:center;background:var(--m3-surface-container);border:1px solid var(--m3-outline);border-radius:var(--m3-radius-pill);padding:.2rem;gap:.2rem}.toggle-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.35rem .75rem;border:none;background:transparent;color:var(--m3-text-secondary);border-radius:var(--m3-radius-pill);font-family:inherit;font-size:.84rem;font-weight:700;white-space:nowrap;cursor:pointer;transition:all .18s ease}.toggle-btn.active{background:var(--m3-primary)!important;color:#fff!important;font-weight:800;box-shadow:0 2px 8px #3d562240}.toggle-btn.active *{color:#fff!important;fill:#fff!important}.lists-sidebar-pills{display:flex;gap:.45rem;overflow-x:auto;padding:.2rem .1rem .6rem;margin-bottom:.75rem;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.lists-sidebar-pills::-webkit-scrollbar{display:none}.list-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .85rem;background:var(--m3-surface-container);border:1px solid var(--m3-outline);color:var(--m3-text-main);border-radius:var(--m3-radius-pill);font-family:inherit;font-size:.84rem;font-weight:700;white-space:nowrap;flex-shrink:0;cursor:pointer;transition:all .2s ease}.list-pill:hover{background:var(--m3-surface-high)}.list-pill.active{background:var(--m3-primary)!important;border-color:var(--m3-primary)!important;color:#fff!important;font-weight:800;box-shadow:0 2px 8px #3d562240}.list-pill.active *{color:#fff!important;fill:#fff!important}.tasks-quick-add-form{display:flex;gap:.5rem;margin-bottom:1rem;width:100%}.tasks-quick-input{flex:1;min-width:0;padding:.65rem 1rem;border-radius:14px;font-size:.88rem}.tasks-quick-btn{border-radius:14px;padding:.65rem 1.15rem;height:auto}.kanban-board{display:grid;grid-template-columns:1fr;gap:1.25rem;width:100%}.kanban-column{background:var(--m3-surface-low);border-radius:var(--m3-radius-lg);padding:1.25rem;display:flex;flex-direction:column;min-height:260px}.kanban-col-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;font-weight:800;font-size:1.1rem;color:var(--m3-text-main)}.kanban-count-badge{background:var(--m3-surface-container);color:var(--m3-text-secondary);font-size:.8rem;font-weight:800;padding:.2rem .6rem;border-radius:var(--m3-radius-pill)}.kanban-tasks-list{display:flex;flex-direction:column;gap:.75rem;flex:1}.task-card{background:var(--m3-surface);border:1px solid var(--m3-outline);border-radius:var(--m3-radius-md);padding:.85rem 1rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:var(--m3-shadow-sm);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.task-card:hover{transform:translateY(-2px);border-color:var(--m3-primary);box-shadow:var(--m3-shadow-md)}.task-card-header{display:flex;align-items:flex-start;gap:.65rem}.task-checkbox{width:20px;height:20px;border-radius:6px;border:2px solid var(--m3-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin-top:2px;background:transparent;color:transparent;flex-shrink:0;transition:all .2s ease}.task-checkbox.checked{background:var(--m3-primary);color:var(--m3-on-primary)}.task-title-text{font-size:.96rem;font-weight:700;color:var(--m3-text-main);flex:1;line-height:1.4}.task-title-text.done{text-decoration:line-through;color:var(--m3-text-muted)}.task-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.76rem;font-weight:700}.priority-badge{padding:.15rem .5rem;border-radius:var(--m3-radius-pill)}.priority-high{background:#ffdad6;color:#93000a}.priority-medium{background:#fff0d4;color:#784500}.priority-low{background:#e0f2fe;color:#0369a1}.due-date-badge{display:flex;align-items:center;gap:.25rem;color:var(--m3-text-secondary)}.due-date-badge.overdue{color:var(--m3-error)}.subtask-progress-badge{display:flex;align-items:center;gap:.25rem;color:var(--m3-text-muted)}.notes-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;width:100%}.note-card{background:var(--m3-surface-low);border:1px solid var(--m3-outline);border-radius:var(--m3-radius-lg);padding:1.25rem;display:flex;flex-direction:column;gap:.6rem;cursor:pointer;transition:all .2s ease;position:relative}.note-card:hover{box-shadow:var(--m3-shadow-md);transform:translateY(-2px)}.note-card.pinned{border-color:var(--m3-primary)}.note-card-title{font-size:1.15rem;font-weight:800;color:var(--m3-text-main)}.note-card-preview{font-size:.9rem;color:var(--m3-text-secondary);line-height:1.6;white-space:pre-wrap;word-break:break-word;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin-top:.25rem}.note-editor-modal{display:flex;flex-direction:column;gap:1rem;width:100%}.note-toolbar{display:flex;flex-wrap:wrap;gap:.35rem;background:var(--m3-surface-container);padding:.4rem;border-radius:var(--m3-radius-md)}.note-toolbar-btn{background:transparent;border:none;color:var(--m3-text-main);padding:.35rem .6rem;border-radius:var(--m3-radius-sm);font-weight:700;cursor:pointer}.note-toolbar-btn:hover{background:var(--m3-surface-highest)}.note-editor-content{min-height:220px;background:var(--m3-surface);border:1px solid var(--m3-outline);border-radius:var(--m3-radius-md);padding:1rem;font-size:1rem;line-height:1.6;outline:none;overflow-y:auto}.habits-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;width:100%}.habit-card{background:var(--m3-surface-low);border-radius:var(--m3-radius-lg);padding:1.25rem;display:flex;flex-direction:column;gap:1rem;box-shadow:var(--m3-shadow-sm)}.habit-card-top{display:flex;align-items:center;justify-content:space-between}.habit-title-group{display:flex;align-items:center;gap:.75rem}.habit-icon-avatar{width:44px;height:44px;border-radius:var(--m3-radius-md);background:var(--m3-primary-container);color:var(--m3-on-primary-container);display:flex;align-items:center;justify-content:center;font-size:24px}.habit-streak-pill{display:flex;align-items:center;gap:.35rem;background:var(--m3-surface-container);border:1px solid var(--m3-outline);color:var(--m3-text-main);padding:.35rem .8rem;border-radius:var(--m3-radius-pill);font-weight:800;font-size:.88rem;box-shadow:var(--m3-shadow-sm)}.habit-streak-pill .material-symbols-rounded{color:#fb923c;filter:drop-shadow(0 2px 6px rgba(251,146,60,.4))}.habit-days-row{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.habit-day-item{display:flex;flex-direction:column;align-items:center;gap:.35rem}.habit-day-label{font-size:.72rem;font-weight:700;color:var(--m3-text-muted)}.habit-check-circle{width:38px;height:38px;border-radius:var(--m3-radius-pill);border:1.5px solid var(--m3-outline);background:var(--m3-surface-container);display:flex;align-items:center;justify-content:center;cursor:pointer;color:transparent;transition:all .2s cubic-bezier(.16,1,.3,1)}.habit-check-circle:hover{border-color:var(--m3-primary);transform:scale(1.08)}.habit-check-circle.completed{background:var(--m3-primary);border-color:var(--m3-primary);color:var(--m3-on-primary);transform:scale(1.04)}.habit-check-circle.is-today{border-width:2.5px;border-color:var(--m3-primary)}.habit-check-circle.is-past{cursor:pointer;opacity:.9}.habit-check-circle.is-past.completed{opacity:1}.timer-responsive-grid{display:flex;flex-direction:column;align-items:center;width:100%;gap:1.5rem;margin:0 auto}.timer-main-card{background:transparent;border:none;border-radius:0;padding:0;box-shadow:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.timer-side-pane{display:flex;flex-direction:column;width:100%;max-width:480px;gap:1rem}.timer-mode-switcher{display:flex;align-items:center;justify-content:center;background:var(--m3-surface-container);border:1px solid var(--m3-outline);border-radius:var(--m3-radius-pill);padding:.25rem;gap:.25rem;width:100%;max-width:440px;margin:0 auto 1rem;box-sizing:border-box}.timer-mode-btn{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.45rem .6rem;border:none;background:transparent;color:var(--m3-text-main);border-radius:var(--m3-radius-pill);font-family:inherit;font-size:.86rem;font-weight:700;white-space:nowrap;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);min-width:0}.timer-mode-btn:hover:not(.active){background:#0000000a}.timer-mode-btn.active{background:var(--m3-primary)!important;color:#fff!important;box-shadow:0 4px 14px #3d562252}.timer-mode-btn.active *{color:#fff!important;fill:#fff!important}.notes-top-bar{display:flex;align-items:center;justify-content:space-between;gap:.65rem;width:100%;margin-bottom:.5rem}.notes-top-bar .tasks-search-wrap{flex:1;min-width:0}.dial-box{position:relative;width:280px;height:280px;display:flex;align-items:center;justify-content:center;margin:.25rem auto .75rem;cursor:pointer}.dial-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.track-circle{fill:none;stroke:var(--m3-track-focus);stroke-width:8px;transition:stroke .3s ease}.progress-arc{fill:none;stroke:var(--m3-primary);stroke-width:10px;stroke-linecap:round;transition:stroke-dashoffset .4s ease,stroke .3s ease}.progress-wavy-path{fill:none;stroke:var(--m3-tertiary);stroke-width:6px;stroke-linecap:round}.clock-center-group{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer}.clock-digits{font-size:4.2rem;font-weight:900;letter-spacing:-1px;color:var(--m3-text-main);line-height:1;font-variant-numeric:tabular-nums}.session-badge-text{font-size:.95rem;font-weight:700;color:var(--m3-text-secondary);margin-top:.45rem}.timer-controls-row{display:flex;align-items:center;justify-content:center;gap:.85rem;margin-top:1rem;width:100%}.m3-play-stadium-btn{width:64px;height:42px;border-radius:var(--m3-radius-pill);background:var(--m3-surface-container);color:var(--m3-text-main);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.m3-play-stadium-btn:hover{transform:scale(1.04)}.m3-play-stadium-btn.is-running{background:var(--m3-primary);color:var(--m3-on-primary);box-shadow:0 4px 15px #3852284d}.m3-reset-circle-btn{width:42px;height:42px;border-radius:50%;background:var(--m3-surface-container);color:var(--m3-text-main);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.m3-reset-circle-btn:hover{transform:rotate(-45deg) scale(1.05)}.m3-skip-vertical-btn{width:42px;height:42px;border-radius:50%;background:var(--m3-surface-container);color:var(--m3-text-main);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.m3-skip-vertical-btn:hover{background:var(--m3-surface-highest);transform:scale(1.04)}.up-next-block{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-top:.85rem;padding:.45rem 1.35rem;border-radius:18px;background:var(--m3-surface-low);border:1px solid var(--m3-outline)}.up-next-label{font-size:.85rem;font-weight:700;color:var(--m3-text-secondary)}.up-next-time{font-size:1.25rem;font-weight:900;color:var(--m3-primary);margin:.15rem 0;font-variant-numeric:tabular-nums}.up-next-title{font-size:.95rem;font-weight:800;color:var(--m3-text-main)}.task-link-selector{margin-top:1rem;display:flex;align-items:center;gap:.5rem;background:var(--m3-surface-container);padding:.5rem 1rem;border-radius:var(--m3-radius-pill);font-size:.88rem;font-weight:700;color:var(--m3-text-secondary)}.stats-container{display:flex;flex-direction:column;gap:1.5rem;width:100%}.stats-grid-top{display:grid;grid-template-columns:1fr;gap:1.25rem}.stats-chart-card{background:var(--m3-surface-low);border-radius:var(--m3-radius-lg);padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.today-cards-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.today-card{padding:1.25rem;border-radius:var(--m3-radius-md);display:flex;flex-direction:column;gap:.25rem}.today-card.focus-card{background:var(--m3-today-focus-card);color:#1f3701}.today-card.break-card{background:var(--m3-today-break-card);color:#353b0a}.today-card-val{font-size:1.8rem;font-weight:900}.chart-bars-wrap{display:flex;align-items:flex-end;justify-content:space-between;height:140px;gap:.4rem;padding-top:1rem}.bar-column{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;gap:.35rem}.stadium-bar{width:100%;max-width:28px;background:var(--m3-primary-container);border-radius:var(--m3-radius-pill);transition:height .4s ease;min-height:6px}.bar-label{font-size:.72rem;font-weight:700;color:var(--m3-text-muted)}.quadrant-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.quadrant-box{background:var(--m3-surface-container);padding:.85rem;border-radius:var(--m3-radius-md);display:flex;flex-direction:column;gap:.2rem}.quadrant-label{font-size:.75rem;font-weight:700;color:var(--m3-text-muted)}.quadrant-val{font-size:1.15rem;font-weight:800;color:var(--m3-text-main)}.m3-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1.25rem;z-index:999}.m3-modal-card{background:var(--m3-surface);border:1px solid var(--m3-outline);border-radius:var(--m3-radius-xl);padding:1.75rem;width:100%;max-width:540px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem;box-shadow:var(--m3-shadow-lg);animation:popModal .25s cubic-bezier(.16,1,.3,1)}@keyframes popModal{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:1.35rem;font-weight:800;color:var(--m3-text-main)}.modal-body{display:flex;flex-direction:column;gap:1rem}.m3-input{width:100%;background:var(--m3-surface-container);border:1px solid var(--m3-outline);color:var(--m3-text-main);padding:.75rem 1rem;border-radius:var(--m3-radius-md);font-family:inherit;font-size:.95rem;outline:none}.m3-input:focus{border-color:var(--m3-primary)}.modal-actions-row{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.m3-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:var(--m3-primary)!important;color:#fff!important;border:none;padding:.55rem 1.25rem;border-radius:var(--m3-radius-pill);font-family:inherit;font-weight:800;font-size:.92rem;white-space:nowrap;flex-shrink:0;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #3d562247}.m3-btn-primary *{color:#fff!important;fill:#fff!important}.m3-btn-primary:hover{background:var(--m3-primary-active)!important;color:#fff!important;transform:translateY(-1px);box-shadow:var(--m3-shadow-md)}.m3-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:var(--m3-surface-container);color:var(--m3-text-main);border:1px solid var(--m3-outline);padding:.55rem 1.15rem;border-radius:var(--m3-radius-pill);font-family:inherit;font-weight:700;font-size:.92rem;white-space:nowrap;flex-shrink:0;cursor:pointer;transition:all .2s ease}.m3-btn-secondary:hover{background:var(--m3-surface-high)}.m3-btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:#d32f2f!important;color:#fff!important;border:none;padding:.55rem 1.25rem;border-radius:var(--m3-radius-pill);font-family:inherit;font-weight:800;font-size:.92rem;white-space:nowrap;flex-shrink:0;cursor:pointer;transition:all .2s ease;box-shadow:0 3px 10px #d32f2f4d}.m3-btn-danger *{color:#fff!important}.m3-btn-danger:hover{background:#b71c1c!important;transform:translateY(-1px);box-shadow:0 4px 14px #d32f2f66}.paywall-features-list{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0}.paywall-feature-item{display:flex;align-items:center;gap:.6rem;font-size:.95rem;font-weight:700;color:var(--m3-text-main)}.m3-toast-layer{position:fixed;bottom:84px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:9999;pointer-events:none}.m3-toast{pointer-events:auto;display:flex;align-items:center;gap:.75rem;background:var(--m3-surface-highest);color:var(--m3-text-main);border:1px solid var(--m3-outline);padding:.65rem 1.25rem;border-radius:var(--m3-radius-pill);box-shadow:var(--m3-shadow-md);font-size:.9rem;font-weight:700;animation:slideToast .25s ease-out}@keyframes slideToast{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.app-shell{width:100%;max-width:1200px;margin:0 auto;padding:.75rem 1rem 6rem}.timer-responsive-layout{display:flex;flex-direction:column;align-items:center;width:100%;max-width:440px;margin:0 auto;gap:1.5rem}.timer-main-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.timer-companion-cards{display:none;flex-direction:column;gap:1.25rem;width:100%}.stats-responsive-container{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:480px;margin:0 auto}.stats-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;width:100%}.stats-main-grid{display:flex;flex-direction:column;gap:1.25rem;width:100%}.habits-grid,.notes-grid{display:grid;grid-template-columns:1fr;gap:1rem;width:100%}@media (max-width: 640px){.app-shell{padding-top:max(calc(env(safe-area-inset-top,0px) + .35rem),.6rem);padding-left:max(env(safe-area-inset-left,0px),.65rem);padding-right:max(env(safe-area-inset-right,0px),.65rem);padding-bottom:calc(72px + env(safe-area-inset-bottom,0px) + 1.25rem)}.app-header{padding-top:max(env(safe-area-inset-top,0px),.6rem);padding-left:max(env(safe-area-inset-left,0px),.2rem);padding-right:max(env(safe-area-inset-right,0px),.2rem);padding-bottom:.35rem;gap:.5rem}.brand-title{font-size:1.35rem;letter-spacing:-.3px}.header-actions{gap:.25rem}.header-actions .m3-action-btn{padding:.3rem .5rem;font-size:.74rem;border-radius:10px;gap:.2rem}.header-actions .m3-action-btn .material-symbols-rounded{font-size:17px}.tasks-top-bar{display:flex;flex-direction:column;align-items:stretch;gap:.55rem;margin-bottom:.65rem}.tasks-search-wrap{width:100%;min-width:0}.tasks-search-input{font-size:.88rem;padding:.55rem 2.2rem .55rem .85rem}[dir=rtl] .tasks-search-input{padding:.55rem .85rem .55rem 2.2rem}.tasks-actions-bar{display:flex;align-items:center;justify-content:space-between;gap:.4rem;width:100%}.tasks-actions-bar .view-mode-toggle{padding:.15rem}.tasks-actions-bar .toggle-btn{padding:.35rem .55rem;font-size:.78rem}.toggle-btn-label,.action-btn-label{display:none}.tasks-actions-bar .m3-action-btn{padding:.35rem .6rem;font-size:.78rem;border-radius:12px}.tasks-actions-bar .m3-btn-primary{padding:.4rem .85rem;font-size:.82rem;border-radius:12px}.lists-sidebar-pills{gap:.35rem;padding:.1rem .05rem .5rem;margin-bottom:.65rem}.list-pill{padding:.35rem .65rem;font-size:.78rem;border-radius:12px;gap:.3rem}.tasks-quick-add-form{gap:.4rem;margin-bottom:.75rem}.tasks-quick-input{padding:.55rem .75rem;font-size:.82rem;border-radius:12px}.tasks-quick-btn{padding:.55rem .85rem;border-radius:12px}.task-card{padding:.75rem .85rem;gap:.45rem;border-radius:14px}.task-card-header{gap:.55rem}.task-checkbox{width:20px;height:20px;border-radius:5px}.task-title-text{font-size:.92rem}.task-meta-row{margin-inline-start:1.6rem!important;gap:.35rem;font-size:.72rem}.notes-top-bar{display:flex;align-items:center;gap:.45rem;margin-bottom:.5rem;width:100%}.notes-top-bar .tasks-search-wrap{flex:1;min-width:0}.notes-top-bar .m3-btn-primary{padding:.4rem .85rem;font-size:.82rem;border-radius:12px;height:38px}.timer-mode-switcher{padding:.2rem;gap:.15rem;margin-bottom:.75rem}.timer-mode-btn{padding:.35rem .25rem;font-size:.76rem;gap:.2rem}.timer-mode-btn .material-symbols-rounded{font-size:15px!important}.dial-box{width:250px!important;height:250px!important;margin:.2rem auto .6rem!important}.clock-digits{font-size:3.2rem!important}.session-badge-text{font-size:.88rem!important;margin-top:.3rem!important}.m3-play-stadium-btn{width:78px!important;height:46px!important}.m3-play-stadium-btn .material-symbols-rounded{font-size:30px!important}.m3-reset-circle-btn,.m3-skip-vertical-btn{width:42px!important;height:42px!important}.m3-reset-circle-btn .material-symbols-rounded,.m3-skip-vertical-btn .material-symbols-rounded{font-size:20px!important}.up-next-block{margin-top:.75rem!important;padding:.4rem 1.15rem!important;border-radius:16px!important}.bottom-docked-nav{height:60px;padding:0 .15rem}.bottom-tab-item{font-size:.66rem;gap:1px;padding:.15rem 0}.tab-icon-pill{width:38px;height:24px;border-radius:12px}.tab-icon-pill .material-symbols-rounded{font-size:19px}.habits-grid,.notes-grid{grid-template-columns:1fr;gap:.75rem}.habit-card,.note-card{padding:.85rem .95rem;border-radius:16px}.stats-summary-grid{grid-template-columns:1fr 1fr;gap:.65rem}.summary-stat-card{padding:.85rem .75rem;border-radius:16px}}@media (min-width: 768px) and (max-width: 1023px){.app-shell{padding:max(calc(env(safe-area-inset-top,0px) + .75rem),1.25rem) max(calc(env(safe-area-inset-right,0px) + 1rem),1.5rem) calc(env(safe-area-inset-bottom,0px) + 2.5rem) max(calc(env(safe-area-inset-left,0px) + 1rem),1.5rem);max-width:920px;margin:0 auto}.app-header{padding:.65rem .5rem .75rem;gap:.65rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;width:100%}.brand-title{font-size:1.42rem;font-weight:900;white-space:nowrap}.desktop-nav-tabs{display:flex;height:44px;padding:.25rem .45rem;gap:.3rem;max-width:60%;overflow-x:auto;scrollbar-width:none;border-radius:22px;background:var(--m3-surface-low);border:1px solid var(--m3-outline);box-shadow:var(--m3-shadow-sm)}.desktop-nav-btn{height:36px;padding:0 .85rem;font-size:.85rem;font-weight:800;gap:.35rem;white-space:nowrap;border-radius:14px;touch-action:manipulation}.desktop-nav-btn .material-symbols-rounded{font-size:19px}.header-actions{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.header-actions .m3-action-btn{height:38px;min-width:38px;padding:0 .7rem;font-size:.82rem;font-weight:800;border-radius:14px;gap:.3rem;touch-action:manipulation}.header-actions .m3-action-btn .material-symbols-rounded{font-size:19px}.bottom-docked-nav{display:none}.timer-responsive-layout{display:flex;flex-direction:column;align-items:center;max-width:620px;gap:2rem;margin:0 auto;width:100%}.dial-box{width:310px!important;height:310px!important;margin:.5rem auto 1.25rem!important}.clock-digits{font-size:4.2rem!important;font-weight:900!important}.session-badge-text{font-size:1rem!important;margin-top:.45rem!important}.timer-mode-switcher{max-width:490px;height:48px;padding:.35rem .55rem;border-radius:24px;gap:.35rem}.timer-mode-btn{height:38px;padding:0 1rem;font-size:.9rem;font-weight:800;border-radius:16px;touch-action:manipulation}.m3-play-stadium-btn{width:110px!important;height:58px!important}.m3-play-stadium-btn .material-symbols-rounded{font-size:38px!important}.m3-reset-circle-btn,.m3-skip-vertical-btn{width:52px!important;height:52px!important}.m3-reset-circle-btn .material-symbols-rounded,.m3-skip-vertical-btn .material-symbols-rounded{font-size:25px!important}.timer-companion-cards{display:flex;flex-direction:column;gap:1.35rem;width:100%;max-width:580px;margin:0 auto}.stats-responsive-container{max-width:860px;margin:0 auto}.stats-summary-grid{grid-template-columns:repeat(3,1fr);gap:1.15rem}.summary-stat-card{padding:1.25rem 1rem;border-radius:20px}.habits-grid,.notes-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.kanban-board{grid-template-columns:repeat(3,1fr);gap:1rem}.kanban-column{padding:1.1rem .85rem;min-height:280px;border-radius:20px}.task-card{padding:.95rem;border-radius:16px}.tasks-top-bar{flex-direction:row;align-items:center;justify-content:space-between;gap:.75rem}.tasks-actions-bar{width:auto;gap:.5rem}.toggle-btn-label,.action-btn-label{display:inline!important}.m3-modal-card{max-width:560px;padding:2rem;border-radius:28px}}@media (min-width: 1024px){.app-shell{padding:1.5rem 2.5rem 3.5rem;max-width:1240px}.app-header{padding:.85rem .5rem;gap:1rem;display:flex;align-items:center;justify-content:space-between}.brand-title{font-size:1.85rem;font-weight:900}.desktop-nav-tabs{display:flex;height:48px;padding:.35rem .75rem;gap:.45rem;border-radius:26px;background:var(--m3-surface-low);border:1.5px solid var(--m3-outline);box-shadow:var(--m3-shadow-sm)}.desktop-nav-btn{height:40px;padding:0 1.15rem;font-size:.95rem;font-weight:800;gap:.45rem;border-radius:16px}.desktop-nav-btn .material-symbols-rounded{font-size:21px}.header-actions{display:flex;align-items:center;gap:.55rem}.header-actions .m3-action-btn{height:42px;min-width:42px;padding:0 .95rem;font-size:.88rem;font-weight:800;border-radius:14px;gap:.4rem}.header-actions .m3-action-btn .material-symbols-rounded{font-size:20px}.bottom-docked-nav{display:none}.timer-responsive-layout{display:grid;grid-template-columns:1.15fr .85fr;align-items:start;max-width:1140px;gap:3.5rem;margin:0 auto;width:100%}.dial-box{width:320px!important;height:320px!important;margin:.5rem auto 1.25rem!important}.clock-digits{font-size:4.4rem!important;font-weight:900!important}.session-badge-text{font-size:1.05rem!important;margin-top:.5rem!important}.timer-mode-switcher{max-width:480px;height:48px;padding:.35rem .6rem;border-radius:26px;gap:.4rem;margin-bottom:1.5rem}.timer-mode-btn{height:38px;padding:0 1rem;font-size:.92rem;font-weight:800;gap:.4rem;border-radius:18px}.timer-mode-btn .material-symbols-rounded{font-size:19px}.m3-play-stadium-btn{width:105px!important;height:60px!important}.m3-play-stadium-btn .material-symbols-rounded{font-size:40px!important}.m3-reset-circle-btn,.m3-skip-vertical-btn{width:56px!important;height:56px!important}.m3-reset-circle-btn .material-symbols-rounded,.m3-skip-vertical-btn .material-symbols-rounded{font-size:28px!important}.timer-companion-cards{display:flex;flex-direction:column;gap:1.5rem;width:100%}.stats-responsive-container{max-width:1140px;gap:2.25rem}.stats-summary-grid{grid-template-columns:1fr 1fr 1fr;gap:1.35rem}.stats-main-grid{display:grid;grid-template-columns:1.35fr .65fr;align-items:start;gap:1.75rem}.habits-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.35rem}.notes-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.35rem}.kanban-board{grid-template-columns:repeat(3,1fr);gap:1.35rem}}.desktop-only{display:flex!important}.mobile-only{display:none!important}.landing-header{position:sticky;top:0;left:0;right:0;z-index:100;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--m3-glass-bg);border-bottom:1px solid var(--m3-glass-border);transition:all .3s ease;width:100%;padding-top:max(env(safe-area-inset-top,0px),14px);padding-bottom:6px}.landing-header-inner{max-width:1160px;margin:0 auto;padding:.65rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%}.showcase-tabs-pill-track{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;background:#ffffff0a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:.45rem .6rem;border-radius:999px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000001f}.showcase-tab-btn{display:flex;align-items:center;gap:.45rem;padding:.55rem 1.15rem;border-radius:999px;border:none;background:transparent;color:var(--m3-text-secondary);font-family:var(--font-arabic);font-weight:700;font-size:.86rem;cursor:pointer;transition:all .28s cubic-bezier(.16,1,.3,1);white-space:nowrap!important}.showcase-tab-btn:hover{color:var(--m3-text-main);background:#ffffff0f}.showcase-tab-btn.active{background:var(--m3-primary);color:#fff;font-weight:800;box-shadow:0 4px 16px #4c662b59}.carousel-nav-arrow{position:absolute;z-index:30;width:44px;height:44px;border-radius:50%;background:#00000059;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);color:#ffffffd9;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #0003;transition:all .25s cubic-bezier(.16,1,.3,1);opacity:.7}.carousel-nav-arrow:hover{background:#0000008c;border-color:#ffffff2e;opacity:1;transform:scale(1.08)}.carousel-arrow-left{left:clamp(4px,2vw,24px)}.carousel-arrow-right{right:clamp(4px,2vw,24px)}.carousel-dot{width:8px;height:8px;border-radius:999px;background:#ffffff29;border:none;cursor:pointer;transition:all .35s cubic-bezier(.16,1,.3,1);padding:0}.carousel-dot:hover{background:#ffffff52}.carousel-dot.active{width:28px;background:var(--m3-primary);box-shadow:0 2px 8px #4c662b4d}.landing-logo{display:flex;align-items:center;gap:.65rem;cursor:pointer;flex-shrink:0}.landing-logo-icon{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--m3-primary),#688e38);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 14px #4c662b59;flex-shrink:0}.landing-brand-name{font-family:var(--font-arabic);font-size:1.25rem;font-weight:800;color:var(--m3-text-main);letter-spacing:normal;line-height:1}.desktop-landing-nav{display:flex;align-items:center;gap:.35rem;background:#ffffff0a;padding:.3rem .6rem;border-radius:999px;border:1px solid var(--m3-glass-border);flex-shrink:0}.landing-nav-link{background:none;border:none;font-family:var(--font-arabic);font-size:.86rem;font-weight:700;color:var(--m3-text-secondary);cursor:pointer;transition:all .2s ease;padding:.45rem .85rem;border-radius:999px;white-space:nowrap!important;letter-spacing:normal}.landing-nav-link:hover{color:var(--m3-text-main);background:#4c662b26}.landing-header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.landing-guest-btn{padding:.55rem .95rem;border-radius:12px;font-size:.84rem;font-weight:800;display:flex;align-items:center;gap:.35rem}.landing-header-cta{padding:.55rem 1.15rem;border-radius:12px;font-size:.86rem;font-weight:800;display:flex;align-items:center;gap:.45rem;box-shadow:0 4px 14px #4c662b4d}.landing-mobile-drawer{background:var(--m3-surface);border-bottom:1px solid var(--m3-outline);padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem;box-shadow:0 16px 36px #00000040;animation:slideDownMenu .25s ease-out}@keyframes slideDownMenu{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.landing-mobile-drawer-links{display:flex;flex-direction:column;gap:.5rem}.landing-mobile-nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:14px;background:var(--m3-surface-low);border:1px solid var(--m3-outline);color:var(--m3-text-main);font-size:.92rem;font-weight:800;cursor:pointer;text-align:right;width:100%;transition:all .15s ease}.landing-mobile-nav-link .material-symbols-rounded{font-size:20px;color:var(--m3-primary)}.landing-mobile-nav-link:hover{background:#4c662b1f;color:var(--m3-primary)}.landing-mobile-drawer-actions{display:flex;flex-direction:column;gap:.65rem;border-top:1px dashed var(--m3-outline);padding-top:1rem}.landing-trust-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem 1.15rem;border-radius:var(--m3-radius-pill);background:#4c662b1f;border:1px solid rgba(76,102,43,.25);color:var(--m3-primary);font-size:.86rem;font-weight:800}.landing-trust-badge .material-symbols-rounded{font-size:18px;color:var(--m3-primary)}.landing-hero-title{font-family:var(--font-heading),var(--font-arabic),sans-serif;font-size:clamp(2.4rem,5.5vw,4.2rem);font-weight:700;color:var(--m3-text-main);letter-spacing:normal;line-height:1.38;margin-bottom:1.25rem}.hero-highlight{color:var(--m3-primary)}.landing-hero-subtitle{font-size:clamp(1rem,2vw,1.2rem);color:var(--m3-text-secondary);line-height:1.7;font-weight:500;max-width:720px;margin:0 auto}.landing-hero-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center;width:100%}.landing-hero-main-btn{padding:.95rem 1.85rem;border-radius:18px;font-size:1.05rem;font-weight:900;display:flex;align-items:center;gap:.65rem;box-shadow:0 8px 24px #4c662b59;transition:all .2s ease}.landing-hero-main-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #4c662b73}.landing-hero-guest-btn{padding:.95rem 1.65rem;border-radius:18px;font-size:1rem;font-weight:800;display:flex;align-items:center;gap:.55rem;transition:all .2s ease}.landing-hero-guest-btn:hover{transform:translateY(-2px)}.landing-trust-bullets{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;justify-content:center;font-size:.84rem;color:var(--m3-text-secondary);margin-top:.5rem;font-weight:600}.landing-trust-item{display:flex;align-items:center;gap:.35rem}.landing-trust-item .material-symbols-rounded{font-size:17px;color:var(--m3-primary)}.landing-showcase-frame{width:100%;max-width:1000px;border-radius:28px;background:var(--m3-glass-bg);border:1px solid var(--m3-glass-border);box-shadow:var(--m3-shadow-lg);padding:1.25rem;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);margin-top:1.5rem;display:flex;flex-direction:column;gap:1.2rem;position:relative}.landing-showcase-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--m3-outline);padding-bottom:.85rem;flex-wrap:wrap;gap:.75rem}.landing-showcase-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.landing-showcase-tab-btn{padding:.45rem .85rem;border-radius:12px;border:1px solid var(--m3-outline);background:var(--m3-surface-low);color:var(--m3-text-secondary);font-size:.82rem;font-weight:800;display:flex;align-items:center;gap:.35rem;cursor:pointer;transition:all .2s ease}.landing-showcase-tab-btn .material-symbols-rounded{font-size:17px}.landing-showcase-tab-btn.active{border:1.5px solid var(--m3-primary);background:#4c662b2e;color:var(--m3-primary)}@keyframes floatSlow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(.8deg)}}@keyframes floatDelayed{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(-1.2deg)}}@keyframes pulseGlow{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.65;transform:scale(1.1)}}.landing-floating-pill{position:absolute;z-index:20;display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:999px;background:var(--m3-surface-container);border:1.5px solid var(--m3-outline);box-shadow:0 14px 34px #00000038;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-size:.82rem;font-weight:800;color:var(--m3-text-main);pointer-events:none;transition:all .3s ease}.landing-floating-pill.pill-right{top:-15px;right:-20px;animation:floatSlow 4.5s ease-in-out infinite}.landing-floating-pill.pill-left{bottom:-18px;left:-20px;animation:floatDelayed 5.5s ease-in-out infinite .7s}.landing-ambient-glow{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:0;animation:pulseGlow 7s ease-in-out infinite alternate}.landing-footer-main{border-top:1px solid var(--m3-outline);background:linear-gradient(180deg,var(--m3-surface-low) 0%,rgba(0,103,79,.12) 100%);padding:2.25rem 1.25rem;font-size:.86rem;color:var(--m3-text-secondary)}.landing-footer-container{max-width:1160px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem}.landing-footer-link{background:none;border:none;color:var(--m3-text-secondary);font-size:.88rem;font-weight:800;cursor:pointer;padding:.2rem .4rem;border-radius:8px;transition:all .2s ease;font-family:inherit}.landing-footer-link:hover{color:var(--m3-primary);background:#4c662b1f}.landing-social-icon-btn{width:36px;height:36px;border-radius:50%;background:var(--m3-surface-container);border:1px solid var(--m3-outline);color:var(--m3-text-main);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;text-decoration:none}.landing-pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;width:100%}@media (max-width: 1180px){.landing-pricing-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 680px){.landing-pricing-grid{grid-template-columns:1fr}}.mortakaz-logo-dark-hidden{display:none}.mortakaz-logo-light-hidden{display:inline-block}[data-theme=light] .mortakaz-logo-dark-hidden,body.light-theme .mortakaz-logo-dark-hidden{display:inline-block!important}[data-theme=light] .mortakaz-logo-light-hidden,body.light-theme .mortakaz-logo-light-hidden{display:none!important}.landing-mortakaz-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem 1rem;border-radius:999px;background:#0284c71f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(2,132,199,.35);color:var(--m3-text-main);font-size:.82rem;font-weight:800;text-decoration:none;transition:all .2s ease}.landing-mortakaz-pill:hover{background:#0284c738;border-color:#0284c7;transform:translateY(-2px);box-shadow:0 4px 16px #0284c740}.landing-support-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .95rem;border-radius:999px;background:var(--m3-surface-container);border:1px solid var(--m3-outline);color:var(--m3-text-main);font-size:.82rem;font-weight:800;text-decoration:none;transition:all .2s ease}.landing-support-pill:hover{background:#4c662b2e;border-color:var(--m3-primary);transform:translateY(-2px)}@media (max-width: 768px){.landing-footer-container{flex-direction:column;text-align:center;gap:1.25rem}}@media (max-width: 1024px){.desktop-landing-nav,.desktop-only{display:none!important}.mobile-only{display:flex!important}}@media (max-width: 640px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.landing-header{padding-top:max(env(safe-area-inset-top,0px),18px)!important;padding-bottom:8px!important}.landing-header-inner{padding:.45rem .95rem;gap:.5rem}.landing-logo{gap:.5rem}.landing-logo-icon{width:34px;height:34px;border-radius:10px}.landing-logo-icon .material-symbols-rounded{font-size:20px}.landing-brand-name{font-size:1.25rem;font-weight:800}.landing-brand-subtitle{display:none!important}.landing-header-actions{gap:.4rem}.landing-lang-btn,.landing-theme-btn,.landing-mobile-toggle{padding:.35rem .5rem;font-size:.78rem;min-width:36px;height:36px;border-radius:10px}.landing-trust-badge{font-size:.78rem;padding:.4rem .95rem;margin-bottom:.75rem}.landing-hero-title{font-family:var(--font-heading),var(--font-arabic),sans-serif;font-size:clamp(1.95rem,7vw,2.85rem);letter-spacing:normal;line-height:1.4;font-weight:700}.landing-hero-subtitle{font-size:.95rem;line-height:1.65;color:var(--m3-text-secondary)}.landing-hero-actions{flex-direction:column;width:100%;gap:.75rem}.landing-hero-main-btn,.landing-hero-guest-btn{width:100%;justify-content:center;padding:.95rem 1.15rem;font-size:.98rem;border-radius:16px}.landing-trust-bullets{gap:.65rem;font-size:.78rem;flex-direction:column;align-items:center}.showcase-tabs-pill-track{width:100%;max-width:100%;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;border-radius:20px;padding:.35rem .45rem;gap:.35rem}.showcase-tabs-pill-track::-webkit-scrollbar{display:none}.showcase-tab-btn{padding:.45rem .85rem;font-size:.78rem;flex-shrink:0}}.flip-clock-container{display:flex;align-items:center;justify-content:center;gap:clamp(.6rem,2vw,1.25rem);perspective:700px;-webkit-user-select:none;user-select:none}.flip-card-group{display:flex;align-items:center;gap:6px}.flip-separator{font-size:clamp(2.5rem,8vw,5.5rem);font-weight:900;font-family:var(--font-arabic),var(--font-sans);color:var(--m3-primary);opacity:.9;line-height:1;padding:0 .2rem}.flip-tile{position:relative;width:clamp(52px,10vw,84px);height:clamp(76px,15vw,126px);border-radius:14px;box-shadow:0 10px 30px #00000059;font-size:clamp(3.2rem,9vw,6rem);font-weight:900;font-family:var(--font-arabic),var(--font-sans);line-height:1;perspective:500px}.flip-half{position:absolute;left:0;right:0;height:50%;overflow:hidden;display:flex;justify-content:center;background:var(--m3-surface-container);color:var(--m3-text-main);box-sizing:border-box}.flip-half.flip-upper{top:0;align-items:flex-end;border-top-left-radius:14px;border-top-right-radius:14px;border:1px solid var(--m3-outline);border-bottom:none;background:linear-gradient(to bottom,var(--m3-surface-high),var(--m3-surface-container))}.flip-half.flip-upper span{transform:translateY(50%)}.flip-half.flip-lower{bottom:0;align-items:flex-start;border-bottom-left-radius:14px;border-bottom-right-radius:14px;border:1px solid var(--m3-outline);border-top:none;background:linear-gradient(to bottom,var(--m3-surface-container),var(--m3-surface-low))}.flip-half.flip-lower span{transform:translateY(-50%)}.flip-flap-top{top:0;align-items:flex-end;border-top-left-radius:14px;border-top-right-radius:14px;border:1px solid var(--m3-outline);border-bottom:none;transform-origin:bottom center;backface-visibility:hidden;z-index:3;background:linear-gradient(to bottom,var(--m3-surface-high),var(--m3-surface-container))}.flip-flap-top span{transform:translateY(50%)}.flip-flap-bottom{bottom:0;align-items:flex-start;border-bottom-left-radius:14px;border-bottom-right-radius:14px;border:1px solid var(--m3-outline);border-top:none;transform-origin:top center;transform:rotateX(90deg);backface-visibility:hidden;z-index:2;background:linear-gradient(to bottom,var(--m3-surface-container),var(--m3-surface-low))}.flip-flap-bottom span{transform:translateY(-50%)}.flip-tile.flipping .flip-flap-top{animation:flipTopAnim .45s ease-in forwards}.flip-tile.flipping .flip-flap-bottom{animation:flipBottomAnim .45s ease-out .22s forwards}@keyframes flipTopAnim{0%{transform:rotateX(0)}to{transform:rotateX(-90deg)}}@keyframes flipBottomAnim{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.flip-center-crease{position:absolute;top:50%;left:0;right:0;height:2px;background:#00000073;z-index:10;transform:translateY(-50%)}button,a,input,select,textarea,.habit-check-circle,.task-item-card,.nav-tab-item{touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (max-width: 768px){[data-theme=glass] .app-top-nav,[data-theme=glass] .app-bottom-nav,[data-theme=glass] .m3-modal-card,[data-theme=glass] .landing-header,.m3-dialog-panel{backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;transform:translateZ(0);will-change:transform}.landing-ambient-glow{filter:blur(40px)!important;animation-duration:12s!important;will-change:auto!important}}