@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700&display=swap";:root{--bg: #f7f7fb;--surface: #ffffff;--surface-2: #f1f2f7;--text: #111827;--muted: #6b7280;--border: #e5e7eb;--accent: #2563eb;--accent-contrast: #ffffff;--shadow: 0 10px 30px rgba(15, 23, 42, .08)}html[data-theme=dark]{--bg: #0b0f1a;--surface: #111827;--surface-2: #1f2937;--text: #f8fafc;--muted: #94a3b8;--border: #263244;--accent: #38bdf8;--accent-contrast: #071321;--shadow: 0 10px 30px rgba(2, 6, 23, .45)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,sans-serif}.desktop-only{display:block}.mobile-only{display:none}button{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:8px 12px;cursor:pointer;color:var(--text)}button:disabled{cursor:not-allowed;opacity:.6}button:not(.btn-primary):not(.btn-ghost):not(.task-title-button):hover{background:var(--surface-2)}input,select{border:1px solid var(--border);border-radius:8px;padding:8px 10px;width:100%;background:var(--surface);color:var(--text)}select{cursor:pointer}.btn-primary{background:var(--accent);color:var(--accent-contrast);border-color:transparent}.btn-primary:hover{background:var(--accent);filter:brightness(.95)}.btn-ghost{background:transparent}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.btn-ghost:disabled{border-color:var(--border);color:var(--muted);background:transparent}.btn-ghost:disabled:hover{border-color:var(--border);color:var(--muted);background:transparent}.btn-icon{width:36px;height:36px;padding:0;display:inline-grid;place-items:center;font-weight:700}.tooltip-trigger{display:inline-flex;max-width:100%}.tooltip-trigger-block{display:block;max-width:100%}.ui-tooltip{position:fixed;z-index:5000;background:color-mix(in srgb,var(--text) 96%,transparent);color:var(--accent-contrast);border:1px solid color-mix(in srgb,var(--text) 50%,transparent);border-radius:8px;padding:6px 8px;font-size:12px;line-height:1.2;white-space:nowrap;pointer-events:none;box-shadow:0 6px 20px #02061759}.app-shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr;transition:grid-template-columns .2s ease}.app-shell.sidebar-collapsed{grid-template-columns:76px 1fr}.app-main{padding:0 24px 24px}.top-menu{position:sticky;top:0;z-index:35;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.top-menu-links{display:flex;gap:6px;align-items:center;overflow-x:auto;padding-bottom:2px}.top-menu-link{color:var(--text);text-decoration:none;padding:6px 10px;border-radius:8px;border:1px solid transparent;white-space:nowrap;font-size:13px}.top-menu-link:hover{background:var(--surface-2);border-color:var(--border)}.top-menu-link.active{background:var(--surface-2);border-color:var(--border);font-weight:700}.top-menu-right{display:flex;align-items:center;gap:8px}.top-menu-logout{white-space:nowrap}.app-content{padding-top:8px}.app-alert-layer{position:fixed;top:calc(var(--top-menu-alert-offset, 56px) + 8px);left:50%;transform:translate(-50%);width:min(760px,calc(100vw - 24px));z-index:60;pointer-events:none}.app-alert{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);box-shadow:var(--shadow);pointer-events:auto}.app-alert-message{font-weight:600}.app-alert-success{border-color:#22c55e;color:#166534;background:#22c55e24}.app-alert-error{border-color:#ef4444;color:#991b1b;background:#ef444424}html[data-theme=dark] .app-alert-success{color:#86efac}html[data-theme=dark] .app-alert-error{color:#fca5a5}.app-alert-close{width:28px;height:28px;padding:0;border-radius:8px;font-size:16px;line-height:1;font-weight:700}.topbar-dashboard-controls{display:inline-flex;align-items:center;gap:8px}.topbar-dashboard-controls select{width:auto;min-width:150px}.sidebar{padding:14px 10px;border-right:1px solid var(--border);height:100vh;background:var(--surface);position:sticky;top:0;display:grid;grid-template-rows:auto 1fr auto;gap:12px}.sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px}.brand{margin:0;font-weight:700;display:inline-flex;align-items:center;gap:8px;min-width:0}.brand-short{display:none;width:28px;height:28px;border-radius:8px;background:var(--surface-2);align-items:center;justify-content:center;font-size:14px}.brand-text{white-space:nowrap}.nav{display:flex;flex-direction:column;gap:4px;align-items:stretch;justify-content:flex-start}.nav-link{color:var(--text);text-decoration:none;padding:4px 8px;border-radius:8px;display:flex;align-items:center;gap:8px;min-height:30px}.nav-link:hover{background:var(--surface-2)}.nav-link.active{background:var(--surface-2);font-weight:600}.nav-icon{width:18px;text-align:center;flex:0 0 18px;opacity:.95;font-size:16px;font-weight:700;line-height:1}.nav-label{white-space:nowrap}.sidebar-footer{margin-top:8px;display:grid;gap:8px}.sidebar-user{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar.is-collapsed{padding-left:8px;padding-right:8px}.sidebar.is-collapsed .brand-text,.sidebar.is-collapsed .nav-label{display:none}.sidebar.is-collapsed .brand-short{display:inline-flex}.sidebar.is-collapsed .sidebar-top{justify-content:center}.sidebar.is-collapsed .nav-link{justify-content:center;padding-left:0;padding-right:0}.sidebar.is-collapsed .sidebar-footer{justify-items:center}.sidebar.is-collapsed .sidebar-user{font-size:11px;width:24px;height:24px;border-radius:999px;background:var(--surface-2);display:grid;place-items:center;color:var(--text)}.muted{color:var(--muted);font-size:12px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;padding:10px 12px;border-top:1px solid var(--border);background:var(--surface);display:flex;justify-content:space-around;z-index:40}.mobile-sheet{position:fixed;top:0;right:0;bottom:0;left:0;background:#02061773;display:grid;place-items:end center;z-index:45}.mobile-sheet-panel{width:min(420px,100%);background:var(--surface);border-top:1px solid var(--border);border-radius:16px 16px 0 0;padding:16px;display:grid;gap:8px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.view-toggle{display:flex;gap:8px;align-items:center}.view-select{display:inline-flex;gap:8px;align-items:center}.theme-toggle-single{width:32px;height:32px;border-radius:10px;border-color:var(--border);font-size:17px;line-height:1;background:var(--surface-2)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:var(--shadow)}.section-title{margin:0 0 12px;font-size:16px}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.premium-badge{font-size:11px;font-weight:700;letter-spacing:.4px;padding:4px 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent)}.premium-cta{display:flex;gap:8px;align-items:center;padding:8px 10px;border-radius:10px;border:1px dashed color-mix(in srgb,var(--accent) 40%,var(--border));background:color-mix(in srgb,var(--accent) 8%,var(--surface));font-size:12px;color:var(--muted)}.premium-cta-text{flex:1}.premium-page,.about-page{display:grid;gap:16px}.about-hero-panel{border-color:color-mix(in srgb,var(--accent) 22%,var(--border));background:radial-gradient(circle at 10% 10%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 44%),radial-gradient(circle at 88% 18%,color-mix(in srgb,#22c55e 8%,transparent),transparent 48%),var(--surface)}.about-hero-eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.about-title{margin:8px 0 10px;font-size:clamp(22px,4vw,34px);line-height:1.08}.about-lead{margin:0;color:var(--muted);line-height:1.55;max-width:76ch}.about-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.about-card{border:1px solid var(--border);border-radius:12px;padding:12px;background:color-mix(in srgb,var(--surface-2) 55%,var(--surface))}.about-card h3{margin:0 0 8px;font-size:14px}.about-card p{margin:0;color:var(--muted);line-height:1.45;font-size:13px}.about-list{margin:0;padding-left:18px;display:grid;gap:8px}.about-list li{line-height:1.45}.about-premium-panel{border-color:color-mix(in srgb,var(--accent) 30%,var(--border))}.premium-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);gap:16px;border-color:color-mix(in srgb,var(--accent) 25%,var(--border));background:radial-gradient(circle at 15% 15%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 42%),radial-gradient(circle at 85% 20%,color-mix(in srgb,#f59e0b 10%,transparent),transparent 48%),var(--surface)}.premium-hero-copy h1{margin:8px 0 10px;font-size:clamp(24px,4vw,34px);line-height:1.05}.premium-hero-subtitle{font-size:13px;line-height:1.45;margin:0 0 10px}.premium-hero-eyebrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.premium-current-status{margin:10px 0;padding:10px 12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));background:color-mix(in srgb,var(--accent) 6%,var(--surface));font-size:13px}.premium-hero-side{display:grid;gap:10px;align-content:start}.premium-provider-badge{width:fit-content;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);font-size:12px;font-weight:700}.premium-note-card{border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--surface-2) 75%,var(--surface));padding:12px;display:grid;gap:6px}.premium-note-title{font-size:13px;font-weight:700}.premium-plans-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.premium-plan-card{display:grid;gap:12px;align-content:start;position:relative}.premium-plan-card.is-recommended{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:0 16px 35px #2563eb1f}html[data-theme=dark] .premium-plan-card.is-recommended{box-shadow:0 16px 35px #38bdf81f}.premium-plan-top{display:flex;justify-content:space-between;gap:8px;align-items:start}.premium-plan-name{font-weight:700;font-size:16px}.premium-plan-pill{font-size:11px;line-height:1;padding:6px 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent);font-weight:700}.premium-plan-price{display:flex;align-items:baseline;gap:6px}.premium-plan-price>span{font-size:26px;font-weight:700;line-height:1}.premium-plan-price>small{color:var(--muted);font-size:12px}.premium-plan-meta{display:grid;gap:4px}.premium-saving{color:#166534;background:#22c55e1a;border:1px solid rgba(34,197,94,.35);border-radius:8px;padding:6px 8px;font-size:12px;font-weight:600}html[data-theme=dark] .premium-saving{color:#86efac}.premium-plan-benefits{margin:0;padding-left:18px;display:grid;gap:6px;font-size:13px}.premium-purchase-mode{display:grid;gap:8px;margin-bottom:10px}.premium-purchase-mode-label{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.premium-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:12px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 72%,var(--surface))}.premium-mode-switch-btn{border:0;border-radius:9px;background:transparent;color:var(--muted);padding:9px 10px;font-size:12px;font-weight:700;cursor:pointer;transition:background-color .12s ease,color .12s ease,box-shadow .12s ease}.premium-mode-switch-btn:hover{background:color-mix(in srgb,var(--surface) 75%,var(--surface-2));color:var(--text)}.premium-mode-switch-btn.is-active{background:var(--surface);color:var(--text);box-shadow:0 1px #0000000f,0 0 0 1px color-mix(in srgb,var(--accent) 30%,var(--border))}html[data-theme=dark] .premium-mode-switch-btn.is-active{box-shadow:0 1px #ffffff0a,0 0 0 1px color-mix(in srgb,var(--accent) 35%,var(--border))}.premium-benefits-section{overflow:hidden}.premium-table-wrap{overflow-x:auto}.premium-payment-modal{width:min(760px,92vw)}.premium-payment-status{border-radius:10px;padding:10px 12px;border:1px solid var(--border);background:var(--surface-2);font-weight:600;font-size:13px}.premium-payment-status.is-success{border-color:#22c55e73;background:#22c55e1a;color:#166534}.premium-payment-status.is-error{border-color:#ef444473;background:#ef444414;color:#991b1b}html[data-theme=dark] .premium-payment-status.is-success{color:#86efac}html[data-theme=dark] .premium-payment-status.is-error{color:#fca5a5}.premium-payment-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.premium-payment-cell{border:1px solid var(--border);border-radius:10px;padding:10px;background:color-mix(in srgb,var(--surface-2) 55%,var(--surface));display:grid;gap:4px;font-size:13px;word-break:break-word}.premium-compare-table{width:100%;border-collapse:collapse;min-width:560px}.premium-compare-table th,.premium-compare-table td{border:1px solid var(--border);padding:10px 12px;text-align:left;vertical-align:top;font-size:13px}.premium-compare-table th{background:var(--surface-2);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.premium-compare-table tbody tr:nth-child(2n) td{background:color-mix(in srgb,var(--surface-2) 45%,var(--surface))}.notice{color:#b45309;margin-bottom:8px}.grid-2{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.task-form{display:grid;gap:10px}.task-form-row{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.task-form-actions{display:flex;align-items:end}.task-list{display:grid;gap:8px}.task-day-group{display:grid;gap:8px;border:1px solid var(--border);border-radius:12px;padding:8px;background:var(--day-group-bg, var(--surface-2));box-shadow:var(--shadow)}.task-day-group{border-color:var(--day-group-border, var(--border))}.color-swatch{width:18px;height:18px;border-radius:6px;border:1px solid var(--border);display:inline-block}.task-day-header{font-weight:700;font-size:13px;color:var(--text);margin:6px 0 2px}.task-day-row{cursor:pointer}.task-day-row:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.task-day-caret{color:var(--muted);font-size:14px}.stack{display:grid;gap:8px}.task-row{position:relative;display:grid;align-items:center;grid-template-columns:32px 22px 110px 1fr auto;gap:8px;border:1px solid var(--task-border, var(--border));border-radius:10px;padding:8px 10px;background:var(--task-bg, var(--surface-2))}.task-row.task-item-row{grid-template-columns:32px 22px 110px 1fr 124px auto}.task-row:not(.task-day-row):hover{border-color:color-mix(in srgb,var(--accent) 38%,var(--task-border, var(--border)))}.task-tree-root{display:grid;gap:8px;--tree-elbow-size: 8px;--tree-elbow-offset: 12px;--tree-elbow-top: 4px;--tree-elbow-thickness: 1.5px}.task-row.is-child:before{content:"";position:absolute;left:calc(var(--tree-elbow-offset) * -1);top:var(--tree-elbow-top);width:var(--tree-elbow-size);height:calc(50% - var(--tree-elbow-top));border-left:var(--tree-elbow-thickness) solid var(--tree-line-color, var(--task-connector, var(--border)));border-bottom:var(--tree-elbow-thickness) solid var(--tree-line-color, var(--task-connector, var(--border)));border-bottom-left-radius:3px;opacity:.95}.task-row.is-child:after{content:"";position:absolute;left:calc(var(--tree-elbow-offset) * -1);top:0;bottom:-8px;border-left:var(--tree-elbow-thickness) solid var(--tree-line-color, var(--task-connector, var(--border)));opacity:.95}.task-row.is-child.is-last-child:after{bottom:auto;height:calc(50% - var(--tree-elbow-top))}.task-parent{--task-bg: var(--task-parent-bg, color-mix(in srgb, var(--accent) 14%, var(--surface-2)));--task-border: color-mix(in srgb, var(--accent) 40%, var(--border));--task-connector: color-mix(in srgb, var(--accent) 70%, var(--border));margin-bottom:1px}.task-child{--task-bg: var(--task-child-bg, color-mix(in srgb, var(--accent) 8%, var(--surface-2)));--task-border: color-mix(in srgb, var(--accent) 30%, var(--border));--task-connector: color-mix(in srgb, var(--accent) 55%, var(--border));margin-top:1px}.task-leaf{--task-bg: var(--task-leaf-bg, var(--surface-2));--task-border: var(--border);--task-connector: var(--border)}.task-direct-child-leaf{--task-bg: var(--task-child-bg, color-mix(in srgb, var(--accent) 8%, var(--surface-2)));--task-border: color-mix(in srgb, var(--accent) 30%, var(--border));--task-connector: color-mix(in srgb, var(--accent) 55%, var(--border))}.task-grandchild{--task-bg: var(--task-grandchild-bg, var(--surface-2))}.task-done .task-title-button{text-decoration:line-through;color:var(--muted)}.task-date{font-size:12px;color:var(--muted)}.task-title{font-weight:600}.task-title-button{background:none;border:none;padding:0;text-align:left;color:var(--text);font-weight:600;cursor:pointer;display:inline-flex;align-items:baseline;gap:8px}.task-title-button:hover{background:none;text-decoration:none;color:inherit}.task-time{display:grid;grid-template-columns:5ch auto 5ch;column-gap:3px;align-items:center;justify-content:end;justify-self:end;font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-variant-numeric:tabular-nums}.task-time-start{text-align:right}.task-time-sep{text-align:center;opacity:.8}.task-time-end{text-align:left}.task-actions{display:flex;align-items:center;gap:8px;margin-left:auto;justify-self:end}.drag-handle{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--border);border-radius:8px;background:var(--surface);cursor:grab;color:var(--muted);font-size:14px}.drag-handle:active{cursor:grabbing}code{background:var(--surface-2);border:1px solid var(--border);padding:6px 8px;border-radius:6px}.alert{padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);margin-bottom:12px}.alert-error{border-color:#ef4444;color:#fca5a5;background:#ef444414}.alert-success{border-color:#22c55e;color:#86efac;background:#22c55e14}.task-row.updated{animation:pulse .6s ease-in-out}.settings-section{display:grid;gap:12px}.settings-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.settings-label{display:grid;gap:2px}.settings-control{display:flex;justify-content:flex-end}.settings-theme-pair{display:flex;gap:10px;align-items:flex-end}.settings-theme-control{display:grid;gap:4px;min-width:0;flex:1}.settings-theme-control-label{font-size:11px;color:var(--muted)}.settings-theme-control-row{display:flex;gap:8px;align-items:center}.settings-theme-control-row select{min-width:0}.remember-row{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center}.remember-text{font-size:12px;font-weight:600}.remember-help{font-size:12px}.toggle{position:relative;width:40px;height:22px;display:inline-flex;align-items:center;justify-content:center}.toggle input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;margin:0}.toggle-track{width:40px;height:22px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;transition:background .2s ease,border-color .2s ease}.toggle-thumb{position:absolute;left:3px;width:16px;height:16px;background:var(--surface);border:1px solid var(--border);border-radius:50%;transition:transform .2s ease,background .2s ease,border-color .2s ease}.toggle input:checked~.toggle-track{background:color-mix(in srgb,var(--accent) 25%,var(--surface-2));border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.toggle input:checked~.toggle-thumb{transform:translate(18px);background:var(--accent);border-color:color-mix(in srgb,var(--accent) 50%,var(--border))}@keyframes pulse{0%{box-shadow:0 0 #38bdf800}50%{box-shadow:0 0 0 4px #38bdf833}to{box-shadow:0 0 #38bdf800}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0206178c;display:grid;place-items:center;z-index:50;overflow-y:auto;padding:24px}.modal{width:min(720px,92vw);max-height:calc(100vh - 48px);background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.modal-body{padding:16px;display:grid;gap:12px;overflow-y:auto}.modal-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.modal-actions{display:flex;align-items:end}.divider{height:1px;background:var(--border);margin:6px 0}.checkout-wait-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0206176b;display:grid;place-items:center;padding:24px}.checkout-wait-card{width:min(560px,92vw);background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:20px;display:grid;gap:10px;justify-items:center;text-align:center}.checkout-spinner{width:44px;height:44px;border-radius:999px;border:3px solid color-mix(in srgb,var(--accent) 22%,var(--border));border-top-color:var(--accent);animation:checkout-spin .9s linear infinite}.checkout-wait-title{font-weight:700}.checkout-wait-text{max-width:46ch}@keyframes checkout-spin{to{transform:rotate(360deg)}}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.week-day{border:1px solid var(--border);border-radius:12px;padding:10px;min-height:180px;background:var(--surface)}.week-day-title{font-weight:700;margin-bottom:8px;font-size:13px;color:var(--text)}.week-day-list{display:grid;gap:8px}.week-task-card{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:8px}.task-meta{font-size:11px;color:var(--muted)}.task-title-strong{font-weight:600;color:var(--text)}.task-title-done{text-decoration:line-through;opacity:.7}.week-list-day-card{border:1px solid var(--border);border-radius:12px;padding:12px;background:var(--surface);box-shadow:var(--shadow)}.timegrid{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface)}.timegrid-head{display:grid;grid-template-columns:80px repeat(7,minmax(0,1fr));background:var(--surface-2);border-bottom:1px solid var(--border)}.timegrid-spacer{padding:8px}.timegrid-day{padding:8px;font-size:12px;font-weight:700;color:var(--text)}.timegrid-body{display:grid;grid-template-columns:80px repeat(7,minmax(0,1fr));height:var(--timegrid-height)}.timegrid-hours-col{display:grid;grid-template-rows:repeat(12,44px);background:var(--surface-2);border-right:1px solid var(--border)}.timegrid-hour-slot{border-top:1px solid var(--border);padding:6px 8px}.timegrid-hour-slot:first-child{border-top:none}.timegrid-hour{font-size:12px;color:var(--muted)}.timegrid-day-col{position:relative;border-left:1px solid var(--border)}.timegrid-day-lines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.timegrid-line{height:44px;border-top:1px solid var(--border)}.timegrid-line:first-child{border-top:none}.timegrid-task{position:absolute;background:var(--accent);color:var(--accent-contrast);border-radius:8px;padding:4px 6px;font-size:12px;border:1px solid color-mix(in srgb,var(--accent) 82%,#000 18%);box-shadow:0 4px 10px #02061729;overflow:hidden}.timegrid-task-title{font-weight:700;line-height:1.2}.timegrid-task-time{margin-top:2px;font-size:11px;opacity:.88;font-variant-numeric:tabular-nums}.timegrid-task-done .timegrid-task-title{text-decoration:line-through;opacity:.9}@media (max-width: 900px){.app-shell{grid-template-columns:1fr}.app-main{padding:0 16px 16px}.desktop-only{display:none}.mobile-only{display:block}.top-menu{padding-top:8px}body{padding-bottom:56px}.task-form-row{grid-template-columns:1fr}.task-row.task-row--mobile{grid-template-columns:32px 1fr;grid-auto-rows:auto}.task-tree-root{--tree-elbow-size: 7px;--tree-elbow-offset: 10px;--tree-elbow-top: 3px;--tree-elbow-thickness: 1.25px}.task-actions{grid-column:1 / -1;justify-content:flex-end}.settings-row,.modal-grid{grid-template-columns:1fr}.checkout-wait-card{padding:16px}.grid-2{grid-template-columns:1fr}.week-grid{overflow-x:auto;padding-bottom:8px;min-width:980px}.timegrid{overflow-x:auto}.timegrid-head,.timegrid-body{min-width:720px}}@media (max-width: 900px){.premium-hero,.premium-plans-grid,.premium-payment-grid,.about-grid{grid-template-columns:1fr}.desktop-only{display:none}.mobile-only{display:block}body{padding-bottom:56px}}.auth-card{max-width:420px;margin:40px auto;padding:24px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.plan-card{max-width:980px}.plan-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}.plan-card-box{border:1px solid var(--border);border-radius:12px;padding:16px;display:grid;gap:10px;background:var(--surface);box-shadow:var(--shadow)}.plan-card-box h3{margin:0}.plan-card-box.premium{border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.plan-card-box.demo{border-color:color-mix(in srgb,#22c55e 35%,var(--border))}.plan-list{margin:0;padding-left:18px;color:var(--muted);font-size:13px}.plan-demo-options{display:grid;gap:8px;background:var(--surface-2);border-radius:10px;padding:10px}.plan-radio{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text)}@media (max-width: 900px){.plan-card{max-width:560px}.plan-grid{grid-template-columns:1fr}}