.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:254px;padding:24px 18px;background:var(--dark);color:#fff;display:flex;flex-direction:column}.brand{border:0;background:none;padding:0 8px;color:inherit;display:inline-flex;align-items:center;gap:11px;font-size:1.25rem;font-weight:850;cursor:pointer}.brand-mark{width:36px;height:36px;border-radius:11px;background:var(--accent);color:var(--dark);display:inline-flex;align-items:center;justify-content:center}.desktop-nav{margin-top:48px;display:grid;gap:6px}.nav-item{width:100%;min-height:48px;padding:0 14px;border:0;border-radius:12px;background:transparent;color:#aeb4c0;display:flex;align-items:center;gap:12px;font-size:.95rem;font-weight:650;text-align:left;cursor:pointer}.nav-item:hover{background:#ffffff0f;color:#fff}.nav-item--active,.nav-item--active:hover{background:var(--accent);color:var(--dark)}.sidebar-profile{margin-top:auto;padding:15px 10px 0;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:11px}.profile-avatar{width:38px;height:38px;border-radius:50%;background:#303746;color:var(--accent);display:inline-flex;align-items:center;justify-content:center}.sidebar-profile strong{display:block;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.sidebar-profile button{padding:3px 0 0;border:0;background:none;color:#9da4b1;font-size:.76rem;cursor:pointer}.main-content{min-height:100vh;margin-left:254px}.page-content{width:min(1120px,100%);margin:0 auto;padding:52px 40px 80px}.page-header{margin-bottom:28px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.page-header h1{margin:0;font-size:clamp(2rem,4vw,3.3rem);line-height:1;letter-spacing:-.055em}.page-header p:last-child{margin:10px 0 0;color:var(--muted)}.offline-banner{position:sticky;top:0;z-index:15;padding:10px 20px;background:#2e3442;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.85rem}.mobile-header,.mobile-nav,.floating-add{display:none}@media(max-width:800px){.sidebar{display:none}.main-content{margin-left:0;padding-bottom:84px}.mobile-header{height:68px;padding:0 18px;background:var(--dark);color:#fff;display:flex;align-items:center;justify-content:space-between}.mobile-header .brand{padding:0;font-size:1.1rem}.mobile-header .brand-mark{width:32px;height:32px;border-radius:9px}.mobile-profile{width:36px;height:36px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:#303746;color:#fff;font-weight:800;cursor:pointer}.page-content{padding:32px 16px 36px}.page-header{align-items:center}.page-header h1{font-size:2.25rem}.page-header .desktop-add{display:none}.mobile-nav{position:fixed;z-index:40;inset:auto 0 0;height:70px;padding:7px 8px max(7px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fffffff5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:grid;grid-template-columns:repeat(3,1fr)}.mobile-nav-item{border:0;background:transparent;color:#808694;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:.68rem;font-weight:700;cursor:pointer}.mobile-nav-item svg{width:21px;height:21px}.mobile-nav-item--active{color:var(--ink)}.floating-add{position:fixed;z-index:45;right:18px;bottom:84px;width:54px;height:54px;border:0;border-radius:17px;background:var(--accent);color:var(--dark);box-shadow:0 12px 30px #2d3b0640;display:flex;align-items:center;justify-content:center;cursor:pointer}.floating-add svg{width:25px;height:25px}}.calendar-panel{border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden}.calendar-toolbar{min-height:68px;padding:12px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px}.calendar-toolbar h2{min-width:210px;margin:0 6px;font-size:1.15rem;text-transform:capitalize;text-align:center}.today-button{min-height:38px;margin-left:auto;padding:0 13px;border:1px solid var(--line);border-radius:10px;background:#fff;font-weight:700;cursor:pointer}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-weekdays{padding:10px 0;border-bottom:1px solid var(--line);background:#fafbfb}.calendar-weekdays span{color:#838a96;font-size:.7rem;font-weight:800;text-align:center;text-transform:uppercase;letter-spacing:.06em}.calendar-day{position:relative;min-width:0;min-height:122px;padding:9px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;color:var(--ink);text-align:left;cursor:pointer;overflow:hidden}.calendar-day:nth-child(7n){border-right:0}.calendar-day:nth-last-child(-n+7){border-bottom:0}.calendar-day:hover{background:#fafbf7}.calendar-day--muted{background:#fafafa;color:#b5bac2}.calendar-day--selected{box-shadow:inset 0 0 0 2px #9fbe43;z-index:1}.day-number{width:27px;height:27px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:750}.calendar-day--today .day-number{background:var(--dark);color:#fff}.day-items{margin-top:5px;display:grid;gap:4px}.day-item{min-width:0;padding:4px 6px;border-radius:5px;background:#eff3e1;color:#4e6410;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;font-weight:680}.day-item--reminder{background:#f0edff;color:#6044c8}.day-item--overdue{background:#ffe1e5;color:#b51f34}.more-items{padding-left:4px;color:#777e8a;font-size:.63rem}.mobile-day-dot{display:none}.selected-day-section{margin-top:24px}.selected-day-empty{padding:22px;border:1px dashed #d6d9de;border-radius:14px;color:var(--muted);text-align:center}@media(max-width:700px){.calendar-page{padding-left:10px;padding-right:10px}.calendar-page .page-header{padding:0 6px}.calendar-toolbar{min-height:58px;padding:8px}.calendar-toolbar h2{min-width:0;flex:1;font-size:1rem}.calendar-toolbar .icon-button{width:36px;height:36px}.today-button{min-height:36px;padding:0 9px;font-size:.75rem}.calendar-weekdays span{font-size:.62rem}.calendar-day{min-height:58px;padding:5px;text-align:center}.day-number{width:25px;height:25px;font-size:.72rem}.day-items{display:none}.mobile-day-dot{position:absolute;right:5px;bottom:5px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#dce9af;color:#43550d;display:inline-flex;align-items:center;justify-content:center;font-size:.58rem;font-weight:850}.mobile-day-dot--overdue{background:var(--danger);color:#fff}.selected-day-section{padding:0 6px}}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);background:#f8f9fa}.login-panel{width:min(560px,100%);margin:auto;padding:56px clamp(28px,7vw,90px)}.login-brand{width:52px;height:52px;margin-bottom:48px;border-radius:15px;background:var(--dark);color:var(--accent);display:flex;align-items:center;justify-content:center}.login-brand svg{width:27px;height:27px}.login-panel h1{margin:0 0 20px;font-size:clamp(2.6rem,5vw,4.6rem);line-height:.98;letter-spacing:-.068em}.login-copy{max-width:470px;margin-bottom:38px;color:var(--muted);font-size:1.05rem;line-height:1.65}.login-panel form label{display:block;margin-bottom:9px;font-size:.88rem;font-weight:750}.login-field{padding:6px;border:1px solid #d8dbe1;border-radius:15px;background:#fff;display:flex;gap:6px;box-shadow:0 8px 30px #171b240d}.login-field:focus-within{border-color:#8cae2d;box-shadow:0 0 0 4px #c8f05a40}.login-field input{min-width:0;flex:1;height:48px;padding:0 14px;border:0;outline:0;background:transparent;font-size:1rem}.login-field button{min-width:112px;border:0;border-radius:10px;background:var(--dark);color:#fff;font-weight:750;cursor:pointer}.login-field button:disabled{opacity:.5;cursor:wait}.login-note{margin-top:16px;color:#8b919d;font-size:.78rem}.login-art{position:relative;min-height:100vh;overflow:hidden;background:var(--dark);display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb--one{width:430px;height:430px;top:-150px;right:-90px;background:var(--accent);opacity:.94}.orb--two{width:360px;height:360px;bottom:-190px;left:-130px;border:65px solid #7357d9}.login-preview{position:relative;z-index:2;width:min(460px,74%);padding:30px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:#ffffff14;box-shadow:0 30px 70px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fff;transform:rotate(-2deg)}.login-preview>span{color:var(--accent);font-size:.72rem;letter-spacing:.16em;font-weight:800}.login-preview>strong{display:block;margin:8px 0 24px;font-size:1.55rem}.preview-row{margin-top:10px;padding:16px;border-radius:13px;background:#ffffff17;display:flex;align-items:center;gap:12px}.preview-row i{width:17px;height:17px;border:2px solid #aeb4c0;border-radius:5px}.preview-row--accent{background:var(--accent);color:var(--dark)}.preview-row--accent i{border-color:var(--dark)}@media(max-width:800px){.login-page{display:block;background:var(--dark)}.login-panel{min-height:100vh;padding:54px 22px 40px;border-radius:0 0 32px 32px;background:#f8f9fa}.login-brand{margin-bottom:64px}.login-panel h1{font-size:clamp(2.7rem,13vw,4rem)}.login-field{display:block}.login-field input{width:100%}.login-field button{width:100%;min-height:48px;margin-top:4px}.login-art{display:none}}.dashboard-sections{display:grid;gap:30px}.item-section>header,.selected-day-section>header{margin-bottom:12px;display:flex;align-items:center;gap:9px}.item-section>header h2,.selected-day-section>header h2{margin:0;font-size:1rem;letter-spacing:-.01em}.item-section>header span,.selected-day-section>header span{min-width:24px;height:24px;padding:0 7px;border-radius:12px;background:#e6e8ec;color:#5f6673;display:inline-flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:800}.item-section--danger>header h2{color:var(--danger)}.item-section--danger>header span{background:#ffe1e5;color:var(--danger)}.item-list{display:grid;gap:10px}.item-card{min-width:0;padding:17px 18px;border:1px solid var(--line);border-radius:16px;background:var(--surface);display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;box-shadow:0 3px 15px #171b2406}.item-card--overdue{border-color:#f0aeb8;background:var(--danger-soft);box-shadow:inset 4px 0 0 var(--danger)}.item-icon{width:42px;height:42px;border-radius:12px;background:#eff2e5;color:#668116;display:flex;align-items:center;justify-content:center}.item-icon--reminder{background:#f0edff;color:var(--reminder)}.item-heading{min-height:18px;display:flex;align-items:center;gap:8px}.item-kind{color:#8a909b;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.overdue-label{padding:3px 7px;border-radius:6px;background:var(--danger);color:#fff;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.item-body{min-width:0}.item-body h3{margin:3px 0 0;overflow-wrap:anywhere;font-size:1rem;line-height:1.35}.item-body>p{margin:5px 0 0;color:var(--muted);font-size:.86rem;line-height:1.5;white-space:pre-line}.item-meta{margin-top:8px;display:flex;flex-wrap:wrap;gap:10px;color:#727987;font-size:.76rem}.item-meta span{display:inline-flex;align-items:center;gap:5px}.item-meta svg{width:14px;height:14px}.item-action{min-height:39px;padding:0 12px;border:1px solid #d9dce1;border-radius:10px;background:#fff;color:#3d4350;display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:750;cursor:pointer}.item-action:hover:not(:disabled){border-color:#a8c846;background:#f8fce9}.item-action:disabled{opacity:.55;cursor:wait}.item-action svg{width:16px;height:16px}.error-banner{margin-bottom:22px;padding:13px 15px;border:1px solid #f0aeb8;border-radius:12px;background:#fff3f4;color:#a92739;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.88rem}.error-banner button{border:0;background:none;color:inherit;font-weight:800;cursor:pointer}.empty-state{min-height:380px;padding:45px 20px;border:1px dashed #ced2d8;border-radius:22px;background:#ffffff8c;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-mark{width:58px;height:58px;margin-bottom:17px;border-radius:18px;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:1.7rem;font-weight:900;transform:rotate(-5deg)}.empty-state h2{margin-bottom:8px;font-size:1.4rem}.empty-state p{margin-bottom:20px;color:var(--muted)}.compact-empty{min-height:320px}.completed-list .item-card{opacity:.78}.loading-grid{display:grid;gap:10px}.skeleton{height:100px;border-radius:16px;background:linear-gradient(90deg,#e9ebee 25%,#f5f6f7,#e9ebee 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{to{background-position:-200% 0}}.modal-backdrop{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;padding:24px;background:#0c0f15a3;display:grid;place-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.item-dialog{width:min(570px,100%);max-height:calc(100vh - 48px);padding:26px;border-radius:22px;background:#fff;overflow-y:auto;box-shadow:0 30px 90px #0000004d}.dialog-header{margin-bottom:22px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.dialog-header h2{margin:0;font-size:1.7rem;letter-spacing:-.035em}.type-switch{margin-bottom:22px;padding:4px;border-radius:13px;background:#f0f1f3;display:grid;grid-template-columns:1fr 1fr;gap:4px}.type-option{min-height:44px;border:0;border-radius:10px;background:transparent;color:#747b88;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:750;cursor:pointer}.type-option--active{background:#fff;color:var(--ink);box-shadow:0 3px 10px #171b2414}.field{margin-top:17px;display:block}.field>span{margin-bottom:7px;display:flex;justify-content:space-between;font-size:.83rem;font-weight:750}.field small{color:#969ca6;font-weight:500}.field input,.field textarea{width:100%;padding:12px 13px;border:1px solid #d9dce1;border-radius:11px;background:#fff;color:var(--ink);outline:0}.field input{min-height:46px}.field textarea{resize:vertical;line-height:1.5}.field input:focus,.field textarea:focus{border-color:#90ab3e;box-shadow:0 0 0 4px #c8f05a38}.mode-switch{margin-top:18px;display:flex;gap:7px}.mode-switch button{min-height:36px;padding:0 12px;border:1px solid #d9dce1;border-radius:9px;background:#fff;color:#737a87;font-size:.78rem;font-weight:700;cursor:pointer}.mode-switch button.active{border-color:#a8c846;background:#f6fbdc;color:#4d620b}.days-field{position:relative}.days-field input{padding-right:110px}.days-field span{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:.84rem}.dialog-actions{margin-top:26px;display:flex;justify-content:flex-end;gap:9px}@media(max-width:600px){.item-card{padding:15px;grid-template-columns:38px minmax(0,1fr);align-items:start}.item-icon{width:38px;height:38px}.item-action{grid-column:2;justify-self:start;margin-top:2px}.item-body h3{font-size:.96rem}.modal-backdrop{padding:0;align-items:end}.item-dialog{width:100%;max-height:94vh;padding:23px 18px max(24px,env(safe-area-inset-bottom));border-radius:24px 24px 0 0}.dialog-actions .button{flex:1}}.notification-prompt{width:min(1120px,calc(100% - 80px));margin:0 auto;padding:14px 18px;border-bottom:1px solid #d8e69e;background:#f4fadf;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:13px}.notification-prompt--muted{border-color:#e0e2e6;background:#eeeff2}.notification-icon{width:40px;height:40px;border-radius:12px;background:var(--accent);display:flex;align-items:center;justify-content:center}.notification-prompt strong{display:block;font-size:.9rem}.notification-prompt p{margin:3px 0 0;color:#667049;font-size:.78rem;line-height:1.4}.notification-prompt--muted p{color:#6f7580}.notification-prompt button{min-height:38px;padding:0 13px;border:0;border-radius:9px;background:var(--dark);color:#fff;font-size:.76rem;font-weight:750;cursor:pointer}.reminder-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;padding:24px;background:#14080cad;display:grid;place-items:center;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.reminder-dialog{position:relative;width:min(480px,100%);padding:36px;border-radius:24px;background:#fff;text-align:center;box-shadow:0 30px 90px #00000059}.reminder-close{position:absolute;top:16px;right:16px}.reminder-bell{width:66px;height:66px;margin:0 auto 20px;border-radius:21px;background:var(--danger);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px #d83a4e40}.reminder-bell svg{width:30px;height:30px}.reminder-dialog .eyebrow{color:var(--danger)}.reminder-dialog h2{margin:0 0 10px;font-size:1.8rem;overflow-wrap:anywhere}.reminder-details{margin:0 auto 12px;max-width:360px;color:var(--muted);line-height:1.55;white-space:pre-line}.reminder-dialog time{display:block;color:var(--danger);font-weight:800}.remaining-alerts{margin-top:12px;display:block;color:#858b96;font-size:.76rem}.reminder-actions{margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:9px}@media(max-width:800px){.notification-prompt{width:100%;padding:12px 16px;grid-template-columns:36px minmax(0,1fr)}.notification-icon{width:36px;height:36px}.notification-prompt button{grid-column:2;justify-self:start}}@media(max-width:520px){.reminder-backdrop{padding:0;align-items:end}.reminder-dialog{width:100%;padding:34px 20px max(24px,env(safe-area-inset-bottom));border-radius:26px 26px 0 0}}:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#171b24;background:#f4f5f7;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #171b24;--muted: #6b7280;--line: #e3e5e9;--surface: #ffffff;--canvas: #f4f5f7;--dark: #171b24;--accent: #c8f05a;--accent-dark: #71920f;--danger: #d83a4e;--danger-soft: #fff1f3;--reminder: #7357d9;--radius: 18px}*{box-sizing:border-box}html{min-width:320px;background:var(--canvas)}body{margin:0;min-width:320px;min-height:100vh;background:var(--canvas)}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(115,87,217,.28);outline-offset:2px}h1,h2,h3,p{margin-top:0}.eyebrow{margin:0 0 8px;font-size:.75rem;line-height:1.2;font-weight:800;letter-spacing:.13em;color:var(--accent-dark)}.button{min-height:46px;padding:0 18px;border:0;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:750;cursor:pointer;transition:transform .16s ease,background .16s ease,opacity .16s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:wait}.button--primary{background:var(--dark);color:#fff}.button--primary:hover:not(:disabled){background:#282e3b}.button--ghost{background:#eef0f3;color:var(--ink)}.button--danger{background:var(--danger);color:#fff}.icon-button{width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.form-error{margin:10px 0 0;color:#b71f34;font-size:.9rem}.global-toast{position:fixed;z-index:70;top:20px;left:50%;transform:translate(-50%);max-width:min(520px,calc(100vw - 32px));padding:12px 14px;border:1px solid #f2aeb8;border-radius:12px;background:#fff4f5;box-shadow:0 16px 45px #171b2429;display:flex;align-items:center;gap:16px;color:#9e1e31}.global-toast button{margin-left:auto;border:0;background:none;font-weight:750;cursor:pointer}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}