:root{--bg: #0b0a0f;--bg-2: #100e15;--panel: #16131c;--panel-2: #1e1a26;--elevated: #241f2d;--hover: #2a2433;--border: #342431;--border-soft: #241a24;--border-strong: #4d2e39;--text: #f7eef1;--text-2: #cbb8bf;--text-3: #8f767f;--text-faint: #5a4551;--accent: #ff1f3d;--accent-2: #ff5566;--accent-soft: rgba(255, 31, 61, .16);--accent-ring: rgba(255, 31, 61, .55);--accent-glow: rgba(255, 31, 61, .6);--prio-urgent: #ff1f3d;--prio-high: #ff9500;--prio-medium: #2e9bff;--prio-low: #22e08a;--success: #22e08a;--danger: #ff2e48;--warning: #ffab1f;--radius: 12px;--radius-sm: 8px;--radius-lg: 18px;--sidebar-w: 264px;--shadow: 0 10px 30px -12px rgba(0, 0, 0, .6);--shadow-lg: 0 24px 60px -18px rgba(0, 0, 0, .7);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, "Helvetica Neue", Arial, sans-serif;--sidebar-bg: linear-gradient(180deg, rgba(22, 10, 15, .96), rgba(4, 2, 4, .98));--topbar-bg: rgba(4, 3, 5, .72);--app-bg: radial-gradient(1100px 680px at 84% -12%, #5c0d1e 0%, transparent 52%), radial-gradient(900px 560px at -6% 108%, #2a0912 0%, transparent 50%), radial-gradient(700px 500px at 50% 120%, #1a0009 0%, transparent 60%), var(--bg)}:root[data-theme=light]{--bg: #f3f5f9;--bg-2: #eaedf3;--panel: #ffffff;--panel-2: #f2f4f8;--elevated: #ffffff;--hover: #eef1f6;--border: #e3e7ef;--border-soft: #ebeef4;--border-strong: #d3d9e4;--text: #171c28;--text-2: #46506a;--text-3: #7e889d;--text-faint: #a4adbe;--accent-soft: rgba(255, 43, 69, .1);--shadow: 0 10px 30px -16px rgba(40, 10, 18, .24);--shadow-lg: 0 24px 60px -22px rgba(40, 10, 18, .26);--sidebar-bg: linear-gradient(180deg, #ffffff, #fbf3f4);--topbar-bg: rgba(255, 255, 255, .72);--app-bg: radial-gradient(1100px 640px at 82% -10%, #ffe0e4 0%, transparent 55%), radial-gradient(900px 560px at -5% 100%, #fff0e8 0%, transparent 50%), var(--bg)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{height:100%}html,body{overflow-x:hidden}body{margin:0;font-family:var(--font);background:var(--app-bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:14.5px;line-height:1.5}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}::selection{background:var(--accent-soft)}*{scrollbar-width:thin;scrollbar-color:#3a2530 transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#3a2530;border-radius:20px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:#4d3040;background-clip:content-box}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;height:100vh;height:100dvh;overflow:hidden}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border-soft);display:flex;flex-direction:column;padding:18px 12px;gap:4px;overflow-y:auto}.brand{display:flex;align-items:center;gap:11px;padding:6px 10px 16px;width:100%;background:transparent;border:none;cursor:pointer;text-align:left;color:inherit;border-radius:10px;transition:opacity .12s}.brand:hover{opacity:.85}.brand-logo{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--accent),#ff6a4d);display:grid;place-items:center;color:#fff;box-shadow:0 6px 18px -6px var(--accent-ring);flex:none}.brand-name{font-weight:700;font-size:16px;letter-spacing:-.2px}.brand-sub{font-size:11px;color:var(--text-3);margin-top:-2px}.clock{display:flex;flex-direction:column;align-items:center;gap:5px;padding:4px 10px 14px}.clock-face{width:84px;height:84px;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--accent) 22%,transparent))}.clock-ring{fill:var(--panel);stroke:var(--border-strong);stroke-width:2}.clock-tick{stroke:var(--text-3);stroke-width:1.4}.clock-tick.major{stroke:var(--text-2);stroke-width:2.4}.clock-hand{stroke-linecap:round}.clock-hand.hour{stroke:var(--text);stroke-width:4}.clock-hand.minute{stroke:var(--text);stroke-width:3}.clock-hand.second{stroke:var(--accent);stroke-width:1.6}.clock-center{fill:var(--accent)}.clock-digital{font-size:15px;font-weight:700;letter-spacing:.5px;color:var(--text);font-variant-numeric:tabular-nums;text-shadow:0 0 14px color-mix(in srgb,var(--accent) 30%,transparent)}.clock-compact{font-size:14px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.lp-clock{margin-left:12px;padding-left:12px;border-left:1px solid var(--border);opacity:.85}@media (max-width: 560px){.lp-clock{display:none}}.nav-section-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);padding:14px 12px 6px;font-weight:600}.nav-item{display:flex;align-items:center;gap:11px;width:100%;padding:9px 12px;border-radius:10px;border:none;background:transparent;color:var(--text-2);font-size:14px;text-align:left;transition:background .14s,color .14s}.nav-item:hover{background:var(--hover);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--text);font-weight:600}.nav-icon{flex:none;color:var(--text-3);display:grid;place-items:center}.nav-item.active .nav-icon{color:var(--accent-2)}.nav-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-count{font-size:12px;color:var(--text-3);background:var(--panel-2);padding:1px 8px;border-radius:20px;min-width:22px;text-align:center}.nav-item.active .nav-count{background:#ff2b4540;color:var(--accent-2)}.nav-count.warn{color:var(--prio-urgent);background:#ff2b4524}.sidebar-spacer{flex:1}.tag-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;border:none;background:transparent;color:var(--text-2);width:100%;text-align:left;font-size:13.5px}.tag-row:hover{background:var(--hover);color:var(--text)}.tag-row.active{background:var(--accent-soft);color:var(--text)}.tag-dot{width:10px;height:10px;border-radius:50%;flex:none}.tag-row .nav-count{margin-left:auto}.sidebar-footer{border-top:1px solid var(--border-soft);padding-top:10px;margin-top:6px}.main{display:flex;flex-direction:column;overflow:hidden;min-width:0}.topbar{display:flex;align-items:center;gap:14px;padding:16px 26px;border-bottom:1px solid var(--border-soft);background:var(--topbar-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.page-title{font-size:19px;font-weight:700;letter-spacing:-.3px;margin:0}.page-sub{font-size:12.5px;color:var(--text-3);margin-top:1px}.search{position:relative;margin-left:auto;width:min(320px,34vw)}.search input{width:100%;padding:9px 12px 9px 36px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:13.5px;outline:none;transition:border .14s,box-shadow .14s}.search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search .search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text-3);pointer-events:none}.content{flex:1;overflow-y:auto;padding:22px 26px 120px}.content-inner{max-width:860px;margin:0 auto}.list-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.toolbar-spacer{flex:1}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:13.5px;font-weight:500;transition:background .14s,border .14s,transform .06s}.btn:hover{background:var(--hover);border-color:var(--border-strong)}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(135deg,var(--accent),#ff5e72);border-color:transparent;color:#fff;font-weight:600;box-shadow:0 8px 20px -10px var(--accent-ring)}.btn-primary:hover{filter:brightness(1.07);border-color:transparent}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-2)}.btn-ghost:hover{background:var(--hover);color:var(--text)}.btn-danger{color:var(--danger);border-color:transparent;background:transparent}.btn-danger:hover{background:#ff2b451f}.btn-icon{padding:8px;display:grid;place-items:center}.btn-sm{padding:6px 10px;font-size:12.5px}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:8px 30px 8px 12px;border-radius:10px;border:1px solid var(--border);background:var(--panel) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23737d93' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") no-repeat right 8px center;color:var(--text);font-size:13px;outline:none}.select:focus{border-color:var(--accent)}.input,.textarea{width:100%;padding:11px 13px;border-radius:10px;border:1px solid var(--border);background:var(--bg-2);color:var(--text);font-size:14px;outline:none;transition:border .14s,box-shadow .14s}.input:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.textarea{resize:vertical;min-height:74px;line-height:1.55}.input::placeholder,.textarea::placeholder{color:var(--text-3)}.field-label{font-size:12px;font-weight:600;color:var(--text-2);margin-bottom:6px;display:block}.segmented{display:inline-flex;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:3px;gap:2px}.segmented button{border:none;background:transparent;color:var(--text-2);padding:6px 11px;border-radius:7px;font-size:12.5px;font-weight:500}.segmented button.active{background:var(--elevated);color:var(--text);box-shadow:0 1px 2px #0000004d}.quick-add{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:6px 6px 6px 16px;margin-bottom:18px;transition:border .14s,box-shadow .14s}.quick-add:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.quick-add input{flex:1;border:none;background:transparent;color:var(--text);font-size:15px;outline:none;padding:8px 0}.quick-add input::placeholder{color:var(--text-3)}.quick-add .plus{color:var(--accent-2);flex:none;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;padding:4px;margin:-4px;border-radius:8px;cursor:pointer;transition:background .12s,transform .1s}.quick-add .plus:hover{background:var(--accent-soft);transform:scale(1.08)}.task-list{display:flex;flex-direction:column;gap:8px}.drag-wrap.dragging .task{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);opacity:.9}.drag-grip{flex:none;display:grid;place-items:center;align-self:center;color:var(--text-3);cursor:grab;margin:-4px 0 -4px -4px;padding:4px 2px;border-radius:6px;touch-action:none}.drag-grip:hover{color:var(--text);background:var(--hover)}.drag-grip:active{cursor:grabbing}.task{display:flex;gap:13px;padding:13px 15px;background:var(--panel);border:1px solid var(--border-soft);border-radius:var(--radius);transition:border .14s,background .14s,transform .06s;position:relative;cursor:pointer}.task:hover{border-color:var(--border-strong);background:var(--panel-2)}.task.is-done{opacity:.62}.task.dragging{opacity:.4}.task.drop-target{border-color:var(--accent)}.task:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--prio-color, transparent)}.task[data-prio=urgent]{--prio-color: var(--prio-urgent)}.task[data-prio=high]{--prio-color: var(--prio-high)}.task[data-prio=medium]{--prio-color: var(--prio-medium)}.task[data-prio=low]{--prio-color: var(--prio-low)}.checkbox{width:21px;height:21px;border-radius:7px;border:2px solid var(--border-strong);background:transparent;flex:none;display:grid;place-items:center;margin-top:1px;transition:border .14s,background .14s;color:transparent}.checkbox:hover{border-color:var(--accent)}.checkbox.checked{background:linear-gradient(135deg,var(--accent),#ff5e72);border-color:transparent;color:#fff}.checkbox[data-prio=urgent]:not(.checked):hover{border-color:var(--prio-urgent)}.task-body{flex:1;min-width:0}.task-title{font-size:14.5px;font-weight:500;color:var(--text);word-break:break-word}.task.is-done .task-title{text-decoration:line-through;color:var(--text-3)}.task-desc{font-size:12.5px;color:var(--text-3);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-meta{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;padding:2px 9px;border-radius:20px;background:var(--panel-2);color:var(--text-2);border:1px solid var(--border-soft);white-space:nowrap}.chip svg{width:12px;height:12px}.chip.due{color:var(--text-2)}.chip.due.overdue{color:var(--prio-urgent);background:#ff2b451a;border-color:#ff2b4540}.chip.due.today{color:var(--accent-2);background:var(--accent-soft);border-color:#ff2b454d}.chip.tag{padding-left:7px}.chip.recur,.chip.subs{color:var(--text-3)}.task-actions{display:flex;align-items:center;gap:2px;opacity:0;transition:opacity .14s}.task:hover .task-actions{opacity:1}.icon-btn{border:none;background:transparent;color:var(--text-3);padding:6px;border-radius:8px;display:grid;place-items:center}.icon-btn:hover{background:var(--hover);color:var(--text)}.icon-btn.danger:hover{color:var(--danger);background:#ff2b451f}.subprogress{height:3px;border-radius:3px;background:var(--border);overflow:hidden;margin-top:9px}.subprogress>span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#ff5e72);transition:width .3s}.empty{text-align:center;padding:70px 20px;color:var(--text-3)}.empty-icon{width:58px;height:58px;border-radius:16px;background:var(--panel);border:1px solid var(--border);display:grid;place-items:center;margin:0 auto 16px;color:var(--accent-2)}.empty h3{color:var(--text-2);font-size:15px;margin:0 0 4px}.empty p{font-size:13px;margin:0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060a9e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:60;display:flex;align-items:flex-start;justify-content:center;padding:6vh 20px 20px;overflow-y:auto;animation:fade .15s ease}@keyframes fade{0%{opacity:0}}.modal{width:100%;max-width:620px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:pop .16s cubic-bezier(.2,.8,.3,1)}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.99)}}.modal-head{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border-soft)}.modal-head h2{font-size:15px;margin:0;font-weight:600}.modal-body{padding:18px 20px;display:flex;flex-direction:column;gap:16px}.modal-foot{display:flex;align-items:center;gap:10px;padding:14px 20px;border-top:1px solid var(--border-soft)}.brave-help{max-width:480px;padding:24px}.brave-help-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.brave-help-emoji{font-size:30px;line-height:1}.brave-help-head h2{margin:0;font-size:17px;font-weight:700}.brave-help-lead{margin:0 0 14px;color:var(--text-soft);font-size:14px;line-height:1.5}.brave-help-steps{margin:0 0 14px;padding-left:20px;display:flex;flex-direction:column;gap:10px;font-size:14px;line-height:1.45}.brave-help-steps code{display:inline-block;margin-top:4px;padding:3px 8px;border-radius:8px;background:#ff1f3d1f;border:1px solid var(--border);color:var(--accent);font-size:13px;-webkit-user-select:all;user-select:all}.brave-help-note{margin:0 0 18px;padding:10px 12px;border-radius:10px;background:var(--panel-2, rgba(255, 255, 255, .03));border:1px solid var(--border-soft);color:var(--text-soft);font-size:13px;line-height:1.45}.brave-help-actions{display:flex;justify-content:flex-end}.title-input{width:100%;border:none;background:transparent;color:var(--text);font-size:19px;font-weight:600;outline:none;padding:0}.title-input::placeholder{color:var(--text-3)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 560px){.form-grid{grid-template-columns:1fr}}.prio-picker{display:flex;gap:7px}.prio-opt{flex:1;padding:8px 6px;border-radius:9px;border:1px solid var(--border);background:var(--bg-2);color:var(--text-3);font-size:12.5px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .12s}.prio-opt .pd{width:8px;height:8px;border-radius:50%}.prio-opt:hover{border-color:var(--border-strong)}.prio-opt.active{color:var(--text);background:var(--elevated)}.prio-opt.active[data-p=urgent]{border-color:var(--prio-urgent)}.prio-opt.active[data-p=high]{border-color:var(--prio-high)}.prio-opt.active[data-p=medium]{border-color:var(--prio-medium)}.prio-opt.active[data-p=low]{border-color:var(--prio-low)}.tag-picker{display:flex;flex-wrap:wrap;gap:7px}.tag-choice{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:20px;border:1px solid var(--border);background:var(--bg-2);color:var(--text-2);font-size:12.5px}.tag-choice.active{color:var(--text);border-color:var(--tag-color, var(--accent));background:color-mix(in srgb,var(--tag-color, var(--accent)) 16%,transparent)}.tag-choice .tag-dot{width:9px;height:9px}.subtask-list{display:flex;flex-direction:column;gap:4px}.subtask-item{display:flex;align-items:center;gap:10px;padding:5px 4px;border-radius:8px}.subtask-item:hover{background:var(--bg-2)}.subtask-item .mini-check{width:17px;height:17px;border-radius:5px;border:2px solid var(--border-strong);display:grid;place-items:center;flex:none;color:transparent}.subtask-item .mini-check.checked{background:var(--success);border-color:transparent;color:#06251a}.subtask-item input.sub-title{flex:1;border:none;background:transparent;color:var(--text);font-size:13.5px;outline:none}.subtask-item.done input.sub-title{text-decoration:line-through;color:var(--text-3)}.sub-add{display:flex;align-items:center;gap:10px;padding:6px 4px}.sub-add input{flex:1;border:none;background:transparent;color:var(--text);font-size:13.5px;outline:none}.sub-add-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:none;background:var(--accent-soft);color:var(--accent-2);cursor:pointer;transition:background .12s,transform .1s}.sub-add-btn:hover{background:var(--accent);color:#fff;transform:scale(1.06)}.calendar-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.calendar-head h2{font-size:17px;margin:0;font-weight:700}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cal-weekday{text-align:center;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);font-weight:600;padding-bottom:4px}.cal-cell{min-height:92px;background:var(--panel);border:1px solid var(--border-soft);border-radius:10px;padding:7px 8px;display:flex;flex-direction:column;gap:3px;overflow:hidden;transition:border .12s,background .12s;text-align:left;color:inherit}.cal-cell:hover{border-color:var(--border-strong)}.cal-cell.other-month{opacity:.4}.cal-cell.today{border-color:var(--accent);background:var(--accent-soft)}.cal-daynum{font-size:12.5px;font-weight:600;color:var(--text-2);align-self:flex-start}.cal-cell.today .cal-daynum{color:var(--accent-2)}.cal-task{font-size:11px;padding:2px 6px;border-radius:5px;background:var(--panel-2);color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:2px solid var(--dot, var(--accent))}.cal-task.done{opacity:.5;text-decoration:line-through}.cal-more{font-size:10.5px;color:var(--text-3)}.cal-cell.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.cal-dot-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:auto}.cal-dot{width:7px;height:7px;border-radius:50%;background:var(--dot, var(--accent))}.cal-dot.done{opacity:.4}.cal-dot-more{font-size:10px;color:var(--text-3);line-height:1}.cal-day-panel{margin-top:16px;background:var(--panel);border:1px solid var(--border-soft);border-radius:var(--radius);padding:14px 16px}.cal-day-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.cal-day-panel-head h3{margin:0;font-size:14.5px;font-weight:600;text-transform:capitalize}.cal-day-empty{font-size:13px;margin:4px 0 2px}.cal-day-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.cal-day-item{display:flex;align-items:center;gap:10px}.cal-check{flex:none;width:22px;height:22px;border-radius:7px;border:1.5px solid var(--border-strong);background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s,border .12s}.cal-check.on{background:var(--accent);border-color:var(--accent)}.cal-day-item-main{flex:1;min-width:0;display:flex;align-items:center;gap:9px;background:var(--panel-2);border:1px solid var(--border-soft);border-radius:9px;padding:9px 11px;cursor:pointer;text-align:left;color:var(--text);transition:border .12s}.cal-day-item-main:hover{border-color:var(--border-strong)}.cal-day-dot{flex:none;width:8px;height:8px;border-radius:50%}.cal-day-time{flex:none;font-size:12.5px;font-weight:600;color:var(--accent-2);font-variant-numeric:tabular-nums}.cal-day-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px}.cal-day-item.done .cal-day-title{text-decoration:line-through;opacity:.55}@media (max-width: 640px){.cal-grid{gap:4px}.cal-cell{min-height:58px;padding:5px;border-radius:8px}.cal-dot{width:6px;height:6px}.cal-day-panel-head{flex-direction:column;align-items:stretch}}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:22px}.stat-card{background:var(--panel);border:1px solid var(--border-soft);border-radius:var(--radius);padding:16px 18px}.stat-value{font-size:28px;font-weight:700;letter-spacing:-.5px}.stat-label{font-size:12.5px;color:var(--text-3);margin-top:2px}.stat-card .stat-icon{color:var(--accent-2);margin-bottom:8px}.panel-card{background:var(--panel);border:1px solid var(--border-soft);border-radius:var(--radius);padding:18px 20px;margin-bottom:16px}.panel-card h3{font-size:14px;margin:0 0 16px;font-weight:600}.bar-chart{display:flex;align-items:flex-end;gap:10px;height:150px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;justify-content:flex-end}.bar{width:100%;max-width:44px;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,var(--accent-2),var(--accent));min-height:4px;transition:height .4s cubic-bezier(.2,.8,.3,1);position:relative}.bar-empty{background:var(--panel-2)}.bar-label{font-size:11px;color:var(--text-3)}.bar-value{font-size:11px;color:var(--text-2);font-weight:600}.dist-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.dist-label{width:84px;font-size:12.5px;color:var(--text-2);display:flex;align-items:center;gap:7px}.dist-bar{flex:1;height:8px;background:var(--border);border-radius:6px;overflow:hidden}.dist-bar>span{display:block;height:100%;border-radius:6px}.dist-num{font-size:12px;color:var(--text-3);width:28px;text-align:right}.toast-wrap{position:fixed;bottom:22px;left:50%;transform:translate(-50%);z-index:80;display:flex;flex-direction:column;gap:8px;align-items:center}.toast{display:flex;align-items:center;gap:12px;background:var(--elevated);border:1px solid var(--border-strong);border-radius:12px;padding:11px 15px;box-shadow:var(--shadow-lg);font-size:13.5px;animation:toast-in .2s cubic-bezier(.2,.8,.3,1);max-width:460px}@keyframes toast-in{0%{opacity:0;transform:translateY(14px)}}.toast button{border:none;background:transparent;color:var(--accent-2);font-weight:600;font-size:13px}.perm-banner{display:flex;align-items:center;gap:12px;background:var(--accent-soft);border:1px solid rgba(255,43,69,.3);border-radius:12px;padding:12px 16px;margin-bottom:16px;font-size:13px}.perm-banner .pb-icon{color:var(--accent-2);flex:none}.perm-banner .pb-text{flex:1}.muted{color:var(--text-3)}.row{display:flex;align-items:center;gap:10px}.spacer{flex:1}.hidden{display:none!important}.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;padding:1px 6px;border-radius:5px;background:var(--panel-2);border:1px solid var(--border);color:var(--text-3)}.menu{position:absolute;z-index:70;background:var(--elevated);border:1px solid var(--border-strong);border-radius:10px;box-shadow:var(--shadow-lg);padding:5px;min-width:170px;animation:pop .12s ease}.menu button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;background:transparent;color:var(--text-2);border-radius:7px;font-size:13px;text-align:left}.menu button:hover{background:var(--hover);color:var(--text)}.menu button.danger:hover{color:var(--danger);background:#ff2b451f}.menu hr{border:none;border-top:1px solid var(--border-soft);margin:5px 2px}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:100%;max-width:400px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:32px 30px}.auth-brand{display:flex;align-items:center;gap:12px;justify-content:center;margin-bottom:8px}.auth-card h1{font-size:20px;text-align:center;margin:14px 0 4px}.auth-card .auth-sub{text-align:center;color:var(--text-3);font-size:13px;margin:0 0 22px}.auth-card label{display:block;font-size:12px;font-weight:600;color:var(--text-2);margin:14px 0 6px}.auth-error{background:#ff2b451f;border:1px solid rgba(255,43,69,.3);color:#ffb3ba;font-size:12.5px;padding:9px 12px;border-radius:9px;margin-top:14px}.auth-switch{text-align:center;font-size:13px;color:var(--text-3);margin-top:20px}.auth-switch button{border:none;background:none;color:var(--accent-2);font-weight:600;font-size:13px}.btn-block{width:100%;justify-content:center;margin-top:20px;padding:11px}.paywall-feats{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-direction:column;gap:10px}.paywall-feats li{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--text-2)}.paywall-feats li svg{color:var(--success);flex:none}.price-tag{text-align:center;font-size:34px;font-weight:800;letter-spacing:-1px;margin:6px 0 2px}.spinner{width:30px;height:30px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center-screen{min-height:100vh;display:grid;place-items:center}.spin-inline{animation:spin .8s linear infinite}.account-row{display:flex;align-items:center;gap:10px;padding:8px 10px;font-size:12.5px;color:var(--text-3)}.account-row .email{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-2)}.menu-toggle,.topbar-clock{display:none}@media (max-width: 780px){.topbar-clock{display:inline-flex;align-items:center}}@media (max-width: 780px){.app{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:280px;z-index:50;transform:translate(-100%);transition:transform .2s}.sidebar.open{transform:none}.menu-toggle{display:grid}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:45}}.content-inner.wide{max-width:1140px}.level-pill{display:flex;align-items:center;gap:11px;width:100%;padding:9px 11px;margin:2px 0 10px;border:1px solid var(--border-soft);border-radius:12px;background:linear-gradient(135deg,var(--accent-soft),transparent);text-align:left}.level-pill:hover{border-color:var(--accent)}.level-badge{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--accent),#ff6a4d);color:#fff;font-weight:700;font-size:15px;display:grid;place-items:center;flex:none;box-shadow:0 6px 16px -6px var(--accent-ring)}.level-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px}.level-rank{font-size:12.5px;font-weight:600;color:var(--text)}.level-xp{font-size:10.5px;color:var(--text-3)}.level-bar{height:5px;background:var(--border);border-radius:4px;overflow:hidden}.level-bar>span{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--accent),#ff5e72);transition:width .4s}.ring-wrap{position:relative;display:grid;place-items:center;flex:none}.ring-svg{transform:rotate(0)}.ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.ring-label{font-size:15px;font-weight:700;color:var(--text);line-height:1.1}.ring-sub{font-size:10px;color:var(--text-3);margin-top:2px}.heatmap-scroll{overflow-x:auto;padding-bottom:6px}.heatmap-months{position:relative;height:16px;margin-bottom:3px}.hm-month{position:absolute;font-size:10px;color:var(--text-3);text-transform:capitalize}.heatmap-days{display:flex;flex-direction:column;justify-content:space-between;font-size:9px;color:var(--text-3);padding-top:2px;width:22px}.hm-cell{border-radius:3px;border:1px solid rgba(255,255,255,.02)}.dashboard{display:flex;flex-direction:column;gap:16px}.hero-card{display:flex;align-items:center;gap:20px;background:linear-gradient(135deg,var(--panel),var(--panel-2));border:1px solid var(--border-soft);border-radius:16px;padding:22px 26px;flex-wrap:wrap}.hero-left{flex:1;min-width:220px}.hero-greeting{font-size:24px;font-weight:700;letter-spacing:-.4px}.hero-date{font-size:13px;color:var(--text-3);margin-top:2px;text-transform:capitalize}.hero-stats{display:flex;gap:18px;margin-top:16px;flex-wrap:wrap}.hero-stat{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--text-2)}.hero-stat b{color:var(--text);font-size:15px}.hero-level{display:flex;flex-direction:column;align-items:center;gap:8px}.hero-xp{font-size:11px;color:var(--text-3);text-align:center}.ring-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.ring-card{background:var(--panel);border:1px solid var(--border-soft);border-radius:var(--radius);padding:18px 14px 16px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:border .14s,transform .06s}.ring-card:hover{border-color:var(--border-strong)}.ring-card:active{transform:translateY(1px)}.ring-card-title{font-size:12.5px;color:var(--text-2);font-weight:500}.focus-card{display:flex;align-items:center;gap:15px;background:linear-gradient(135deg,var(--accent-soft),transparent);border:1px solid rgba(255,43,69,.3);border-radius:14px;padding:16px 18px;--fc: var(--accent)}.focus-card[data-prio=urgent]{--fc: var(--prio-urgent);border-color:#ff2b454d;background:linear-gradient(135deg,rgba(255,43,69,.12),transparent)}.focus-card[data-prio=high]{--fc: var(--prio-high)}.focus-icon{width:42px;height:42px;border-radius:12px;background:var(--fc);color:#fff;display:grid;place-items:center;flex:none}.focus-label{font-size:11.5px;color:var(--text-3);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.focus-title{font-size:16px;font-weight:600;margin:3px 0 6px}.focus-meta{display:flex;gap:7px;flex-wrap:wrap}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 720px){.dash-grid{grid-template-columns:1fr}}.dash-habits{display:flex;flex-direction:column;gap:6px}.dash-habit{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--border-soft);border-radius:10px;background:var(--bg-2);color:var(--text-2);font-size:13.5px;text-align:left}.dash-habit:hover{border-color:var(--border-strong)}.dash-habit.done{color:var(--text-3)}.dash-habit-dot{width:8px;height:8px;border-radius:50%}.upcoming-list{display:flex;flex-direction:column;gap:4px}.upcoming-row{display:flex;align-items:center;gap:10px;padding:9px 8px;border:none;background:transparent;border-radius:9px;text-align:left;color:var(--text)}.upcoming-row:hover{background:var(--hover)}.up-prio{width:8px;height:8px;border-radius:50%;flex:none}.up-prio[data-prio=urgent]{background:var(--prio-urgent)}.up-prio[data-prio=high]{background:var(--prio-high)}.up-prio[data-prio=medium]{background:var(--prio-medium)}.up-prio[data-prio=low]{background:var(--prio-low)}.up-title{flex:1;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px}.badge{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border:1px solid var(--border-soft);border-radius:12px;background:var(--bg-2);text-align:center;opacity:.45;filter:grayscale(.8);transition:all .15s}.badge.unlocked{opacity:1;filter:none;border-color:var(--border-strong);background:linear-gradient(135deg,var(--accent-soft),transparent)}.badge-emoji{font-size:22px}.badge-name{font-size:10.5px;color:var(--text-2);line-height:1.2}.link-btn{border:none;background:none;color:var(--accent-2);font-weight:600;cursor:pointer;font-size:inherit}.mini-check{width:18px;height:18px;border-radius:5px;border:2px solid var(--border-strong);display:grid;place-items:center;flex:none;color:transparent;background:transparent;cursor:pointer;transition:all .12s}.mini-check.checked{color:#fff}.mini-check:hover{border-color:var(--accent)}.day-pick{width:38px;height:34px;border-radius:8px;border:1px solid var(--border);background:var(--bg-2);color:var(--text-3);font-size:12px;font-weight:600}.day-pick.active{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.habit-list{display:flex;flex-direction:column;gap:10px}.habit-card{background:var(--panel);border:1px solid var(--border-soft);border-radius:var(--radius);padding:14px 16px}.habit-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.habit-dot{width:11px;height:11px;border-radius:50%;flex:none}.habit-name{font-weight:600;font-size:14.5px;flex:1}.habit-streak{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--warning)}.habit-rate{font-size:12.5px;color:var(--text-3);min-width:40px;text-align:right}.habit-week{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.habit-day{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 2px;border:1px solid var(--border);border-radius:9px;background:var(--bg-2);color:var(--text-2);min-height:52px}.habit-day:hover:not(:disabled){border-color:var(--border-strong)}.habit-day.done{color:#fff}.habit-day.off{opacity:.4}.habit-day.today{outline:2px solid var(--accent-ring);outline-offset:1px}.habit-day:disabled{opacity:.3;cursor:default}.hd-label{font-size:9.5px;text-transform:uppercase;letter-spacing:.03em;opacity:.8}.hd-num{font-size:13px;font-weight:600}.goal-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px}.goal-card{background:var(--panel);border:1px solid var(--border-soft);border-radius:var(--radius);padding:16px 18px;border-top:3px solid var(--goal, var(--accent))}.goal-main{display:flex;gap:14px;align-items:center;justify-content:space-between}.goal-info{flex:1;min-width:0}.goal-title-row{display:flex;align-items:center;gap:8px}.goal-title-input{flex:1;border:none;background:transparent;color:var(--text);font-size:15.5px;font-weight:600;outline:none;padding:2px 0;min-width:0}.goal-title-input:focus{border-bottom:1px solid var(--accent)}.goal-meta{font-size:12px;color:var(--text-3);margin-top:6px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.goal-done-badge{color:var(--success);font-weight:600}.milestones{margin-top:14px;border-top:1px solid var(--border-soft);padding-top:10px;display:flex;flex-direction:column;gap:3px}.milestone{display:flex;align-items:center;gap:10px;padding:5px 2px;border-radius:7px}.milestone:hover{background:var(--bg-2)}.milestone-title{flex:1;font-size:13.5px}.milestone.done .milestone-title{text-decoration:line-through;color:var(--text-3)}.milestone-add{display:flex;align-items:center;gap:10px;padding:5px 2px}.milestone-add input{flex:1;border:none;background:transparent;color:var(--text);font-size:13.5px;outline:none}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}@media (max-width: 900px){.week-grid{grid-template-columns:repeat(2,1fr)}}.week-col{background:var(--panel);border:1px solid var(--border-soft);border-radius:12px;padding:10px;min-height:160px;display:flex;flex-direction:column}.week-col.today{border-color:var(--accent);background:linear-gradient(180deg,var(--accent-soft),transparent 60%)}.week-col-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px}.week-weekday{font-size:12px;font-weight:600;text-transform:capitalize}.week-date{font-size:11px;color:var(--text-3)}.week-tasks{display:flex;flex-direction:column;gap:5px;flex:1}.week-empty{color:var(--text-3);font-size:13px;text-align:center;padding:8px 0;opacity:.5}.week-task{display:flex;align-items:center;gap:7px;padding:6px 8px;background:var(--bg-2);border-radius:8px;border-left:2px solid var(--dot, var(--accent));cursor:pointer;font-size:12.5px}.week-task:hover{background:var(--hover)}.week-task.done .week-task-title{text-decoration:line-through;color:var(--text-3)}.week-task-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.week-task .mini-check{width:16px;height:16px}.mood-row{display:flex;gap:8px}.mood{width:46px;height:46px;border-radius:12px;border:1px solid var(--border);background:var(--bg-2);font-size:22px;display:grid;place-items:center;transition:all .12s}.mood:hover{border-color:var(--border-strong);transform:translateY(-2px)}.mood.active{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-2px)}.journal-list{display:flex;flex-direction:column;gap:8px}.journal-entry{background:var(--panel);border:1px solid var(--border-soft);border-radius:var(--radius);padding:13px 16px}.journal-head{display:flex;align-items:center;gap:10px}.journal-date{font-size:13px;font-weight:600;text-transform:capitalize}.journal-mood{font-size:17px}.journal-text{font-size:13.5px;color:var(--text-2);margin-top:8px;white-space:pre-wrap;line-height:1.55}.jr-tagpick{display:flex;flex-wrap:wrap;gap:6px}.jr-tag{font-size:12px;padding:4px 10px;border-radius:999px;border:1px solid var(--border-strong);background:transparent;color:var(--text-2);cursor:pointer;transition:background .12s,border .12s,color .12s}.jr-tag.on{background:color-mix(in srgb,var(--tc) 22%,transparent);border-color:var(--tc);color:var(--text)}.jr-head-btn{cursor:pointer;-webkit-user-select:none;user-select:none}.jr-chevron{flex:none;color:var(--text-3);transition:transform .15s}.jr-chevron.open{transform:rotate(180deg)}.jr-head-main{min-width:0;display:flex;flex-direction:column;gap:2px}.jr-head-sub{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:11.5px;color:var(--text-3);text-transform:capitalize}.jr-chip{font-size:10.5px;padding:1px 8px;border-radius:999px;background:color-mix(in srgb,var(--tc) 20%,transparent);border:1px solid var(--tc);color:var(--text-2);text-transform:none}.jr-new-btn{margin-bottom:16px}.jr-editor-row{display:flex;gap:10px;margin-bottom:10px}.jr-field-date{flex:none}.jr-field-title{flex:1;min-width:0}@media (max-width: 640px){.jr-editor-row{flex-direction:column}.jr-field-date .input,.jr-field-title .input{width:100%}}.jr-notes{display:flex;flex-direction:column;gap:18px}.jr-group-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);padding:0 2px 8px}.jr-group{display:flex;flex-direction:column;gap:8px}.jr-note{background:var(--panel);border:1px solid var(--border-soft);border-radius:14px;overflow:hidden;transition:border .12s,box-shadow .12s}.jr-note:hover{border-color:var(--border-strong)}.jr-note.open{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-soft),0 10px 30px -18px var(--accent-ring)}.jr-note-main{width:100%;display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:transparent;border:none;cursor:pointer;text-align:left;color:var(--text)}.jr-note-chevron{flex:none;margin-top:2px;color:var(--text-3);transition:transform .15s}.jr-note-chevron.open{transform:rotate(180deg);color:var(--accent-2)}.jr-note-body{min-width:0;flex:1}.jr-note-title{font-size:15px;font-weight:700;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jr-note-preview{font-size:13px;color:var(--text-3);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jr-note-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:7px}.jr-note-date{font-size:11.5px;color:var(--accent-2);font-weight:600}.jr-note-full{padding:0 16px 4px 42px;font-size:14px;line-height:1.6;color:var(--text-2);white-space:pre-wrap}.jr-note-actions{display:flex;gap:8px;padding:10px 16px 14px 42px}.jr-del{color:var(--danger)}.ad-colors{display:flex;gap:6px}.ad-color{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0}.ad-color.on{border-color:var(--text);box-shadow:0 0 0 2px var(--bg)}.ad-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-top:16px}.ad-card{background:var(--panel);border:1px solid var(--border-soft);border-top:3px solid var(--ac, var(--accent));border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:10px}.ad-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.ad-name{font-size:14.5px;font-weight:600}.ad-counter{display:flex;flex-direction:column;align-items:center;padding:8px 0 4px}.ad-days{font-size:44px;font-weight:800;line-height:1;color:var(--ac, var(--accent));font-variant-numeric:tabular-nums;text-shadow:0 0 22px color-mix(in srgb,var(--ac) 45%,transparent)}.ad-days-label{font-size:12px;color:var(--text-3);margin-top:4px;text-transform:uppercase;letter-spacing:.04em}.ad-meta{display:flex;justify-content:space-between;gap:8px;font-size:11.5px;color:var(--text-3)}.ad-actions{display:flex;gap:8px}.ad-actions .btn{flex:1}.ad-note{min-height:54px;font-size:12.5px}.lists-templates{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}.lists-templates-label{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--text-3)}.lists-tpl-chip{font-size:12.5px;padding:5px 12px;border-radius:999px;border:1px solid var(--accent);background:var(--accent-soft);color:var(--text);cursor:pointer;transition:transform .1s}.lists-tpl-chip:hover{transform:translateY(-1px)}.lists-chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.lists-chip{display:inline-flex;align-items:center;gap:7px;font-size:13px;padding:7px 13px;border-radius:10px;border:1px solid var(--border-soft);border-left:3px solid var(--lc, var(--accent));background:var(--panel);color:var(--text-2);cursor:pointer;transition:border .12s,background .12s}.lists-chip.active{background:var(--panel-2);border-color:var(--lc, var(--accent));color:var(--text)}.lists-chip-star{color:var(--accent-2)}.lists-chip-count{font-size:11px;color:var(--text-3);font-variant-numeric:tabular-nums}.lists-detail-head{display:flex;align-items:center;gap:6px;margin-bottom:12px}.lists-name-input{flex:1;min-width:0;background:transparent;border:none;color:var(--text);font-size:16px;font-weight:600;padding:4px 2px;border-bottom:1px solid transparent}.lists-name-input:focus{outline:none;border-bottom-color:var(--border-strong)}.icon-btn.on-star{color:var(--accent-2)}.lists-progress{display:flex;align-items:center;gap:10px;margin-bottom:12px}.lists-progress-bar{flex:1;height:7px;border-radius:999px;background:var(--panel-2);overflow:hidden}.lists-progress-bar span{display:block;height:100%;border-radius:999px;transition:width .2s}.lists-progress-num{font-size:12px;color:var(--text-3);font-variant-numeric:tabular-nums}.lists-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.lists-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;background:var(--panel-2);border:1px solid var(--border-soft)}.lists-check{flex:none;width:22px;height:22px;border-radius:7px;border:1.5px solid var(--border-strong);background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.lists-check.on{background:var(--accent);border-color:var(--accent)}.lists-item-text{flex:1;min-width:0;font-size:14px}.lists-item.done .lists-item-text{text-decoration:line-through;opacity:.55}.wallet-switch{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.bank-map{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bank-preview{background:var(--panel-2);border:1px solid var(--border-soft);border-radius:10px;padding:10px 12px;font-size:12.5px}.bank-preview-title{color:var(--text-3);margin-bottom:6px}.bank-preview-row{display:grid;grid-template-columns:92px 84px 1fr;gap:8px;padding:3px 0;font-variant-numeric:tabular-nums}.bank-preview-row .pos{color:var(--success)}.bank-preview-row .neg{color:var(--danger)}.bank-preview-desc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-3)}@media (max-width: 640px){.bank-map{grid-template-columns:1fr}}.wallet-switch-label{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text-2)}.fin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media (max-width: 780px){.fin-grid{grid-template-columns:1fr}}.tx-list{display:flex;flex-direction:column;gap:2px}.tx-row{display:flex;align-items:center;gap:11px;padding:9px 4px;border-radius:8px}.tx-row:hover{background:var(--bg-2)}.tx-dot{width:9px;height:9px;border-radius:50%;flex:none}.tx-cat{font-size:13.5px;font-weight:500}.tx-note{font-size:11.5px;color:var(--text-3)}.tx-amount{font-size:13.5px;font-weight:600;font-variant-numeric:tabular-nums}.tx-amount.income{color:var(--success)}.tx-amount.expense{color:var(--text)}.avatar-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--border-strong);background:linear-gradient(135deg,var(--accent),#ff6a4d);color:#fff;font-weight:700;font-size:13px;display:grid;place-items:center;flex:none;transition:transform .08s,box-shadow .14s}.avatar-btn:hover{box-shadow:0 0 0 3px var(--accent-soft)}.avatar-btn.active{box-shadow:0 0 0 3px var(--accent-ring)}.profile-head{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,var(--panel),var(--panel-2));border:1px solid var(--border-soft);border-radius:16px;padding:20px 22px;margin-bottom:16px;flex-wrap:wrap}.profile-avatar{width:62px;height:62px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#ff6a4d);color:#fff;font-weight:700;font-size:24px;display:grid;place-items:center;flex:none;box-shadow:0 8px 20px -8px var(--accent-ring)}.profile-name{font-size:20px;font-weight:700;letter-spacing:-.3px}.profile-email{font-size:13px;color:var(--text-3);margin-top:2px}.profile-plan{display:inline-flex;align-items:center;gap:6px;font-size:12px;margin-top:8px;padding:3px 10px;border-radius:20px;background:var(--panel-2);color:var(--text-3);border:1px solid var(--border-soft)}.profile-plan.ok{color:var(--success);background:#37d9a01f;border-color:#37d9a04d}.profile-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 560px){.profile-form{grid-template-columns:1fr}}.danger-zone{border-color:#ff2b4540!important}.danger-zone h3{color:var(--danger)}.danger-zone .btn-danger{border:1px solid rgba(255,43,69,.4);margin-top:4px}.day-groups{display:flex;flex-direction:column;gap:18px}.day-group-header{display:flex;align-items:center;gap:9px;font-size:12.5px;font-weight:700;letter-spacing:.02em;color:var(--text-2);margin-bottom:9px;padding-bottom:6px;border-bottom:1px solid var(--border-soft);text-transform:capitalize}.day-group-header.past{color:var(--prio-urgent)}.day-group-count{font-size:11px;color:var(--text-3);background:var(--panel-2);border-radius:20px;padding:1px 8px;font-weight:600}.day-group-header.past .day-group-count{color:var(--prio-urgent);background:#ff2b451f}.title-card{background:var(--bg-2);border:1px solid var(--border);border-radius:12px;padding:12px 14px;transition:border .14s,box-shadow .14s}.title-card:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.title-card-label{display:block;font-size:11px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.title-card .title-input{font-size:18px}.habit-day.todo:not(.done){border-color:var(--accent);color:var(--text);background:var(--accent-soft)}.habit-day.todo.today:not(.done){box-shadow:0 0 0 2px var(--accent-ring),0 0 14px -2px var(--accent-ring);animation:habitPulse 2s ease-in-out infinite}@keyframes habitPulse{0%,to{box-shadow:0 0 0 2px var(--accent-ring),0 0 10px -3px var(--accent-ring)}50%{box-shadow:0 0 0 2px var(--accent-ring),0 0 20px 1px var(--accent-ring)}}.picker-input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.75) sepia(1) saturate(6) hue-rotate(-15deg);opacity:.9}:root[data-theme=light] .picker-input::-webkit-calendar-picker-indicator{filter:none;opacity:.7}.dash-customize-bar{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-bottom:-2px}.dash-customize-bar .muted{margin-right:auto}.widget{position:relative}.widget.editing{border:1px dashed var(--border-strong);border-radius:14px;padding:8px;background:#ffffff04}.widget.editing.dragging{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);opacity:.92}.widget.widget-off{opacity:.5}.widget-bar{display:flex;align-items:center;gap:10px;padding:6px 8px 10px}.widget-grip{display:grid;place-items:center;color:var(--text-3);cursor:grab;touch-action:none;padding:2px}.widget-grip:active{cursor:grabbing}.widget-name{flex:1;font-size:12.5px;font-weight:600;color:var(--text-2)}.section-editor{display:flex;flex-direction:column;gap:8px}.section-row{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--border-soft);border-radius:10px;background:var(--bg-2)}.section-row.hidden-row{opacity:.55}.section-reorder{display:flex;flex-direction:column;gap:1px}.section-reorder .icon-btn{padding:2px}.section-name{font-weight:600}.section-sub{margin-top:5px;font-size:12.5px;padding:7px 11px}.app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(680px 460px at 86% -4%,rgba(255,31,61,.12),transparent 60%);animation:ambientGlow 7s ease-in-out infinite;z-index:-1}@keyframes ambientGlow{0%,to{opacity:.55}50%{opacity:1}}.btn-primary{box-shadow:0 6px 26px -6px var(--accent-glow),inset 0 1px #ffffff26}.btn-primary:hover{box-shadow:0 8px 34px -6px var(--accent-glow),inset 0 1px #fff3}.brand-logo,.level-badge,.avatar-btn,.profile-avatar{box-shadow:0 0 20px -4px var(--accent-glow)}.level-pill{border-color:#ff1f3d47;box-shadow:inset 0 0 20px -12px var(--accent-glow)}.prio-opt.active{color:#fff}.prio-opt.active[data-p=urgent]{background:linear-gradient(135deg,#ff1f3df2,#ff1f3d80);border-color:var(--prio-urgent);box-shadow:0 4px 20px -6px var(--prio-urgent)}.prio-opt.active[data-p=high]{background:linear-gradient(135deg,#ff9500eb,#ff950073);border-color:var(--prio-high);box-shadow:0 4px 20px -6px var(--prio-high)}.prio-opt.active[data-p=medium]{background:linear-gradient(135deg,#2e9bffeb,#2e9bff73);border-color:var(--prio-medium);box-shadow:0 4px 20px -6px var(--prio-medium)}.prio-opt.active[data-p=low]{background:linear-gradient(135deg,#22e08ae6,#22e08a6b);border-color:var(--prio-low);box-shadow:0 4px 20px -6px var(--prio-low)}.prio-opt.active .pd{background:#fff!important;box-shadow:0 0 8px #fffc}.task:before{width:4px;box-shadow:0 0 12px -2px var(--prio-color)}.focus-card{animation:focusPulse 3.4s ease-in-out infinite}@keyframes focusPulse{0%,to{box-shadow:0 0 0 1px #ff1f3d26}50%{box-shadow:0 0 30px -8px var(--accent-glow)}}.bar{transform-origin:bottom;animation:barGrow .6s cubic-bezier(.2,.8,.3,1) both}@keyframes barGrow{0%{transform:scaleY(.03);opacity:.3}to{transform:scaleY(1);opacity:1}}.dashboard>.widget{animation:widgetIn .4s ease both}@keyframes widgetIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.ring-anim circle:last-child{transition:stroke-dasharray .9s cubic-bezier(.2,.8,.3,1)}.hm-cell{transition:transform .1s}.hm-cell:hover{transform:scale(1.35);z-index:2;position:relative}.focus-open{display:flex;align-items:center;gap:15px;flex:1;min-width:0;background:none;border:none;padding:0;color:inherit;cursor:pointer;text-align:left}.focus-open:hover .focus-title{color:var(--accent-2)}.tag-add-btn{border-style:dashed!important;color:var(--text-3)!important}.tag-add-btn:hover{color:var(--accent-2)!important;border-color:var(--accent)!important}.tag-add-input{border:none;background:transparent;color:var(--text);font-size:12.5px;outline:none;width:90px}@media (max-width: 640px){input,textarea,select,.input,.textarea,.search input,.title-input,.sub-title,.sub-add input,.goal-title-input,.tag-add-input,.quick-add input{font-size:16px!important}.topbar{padding:10px 12px;gap:8px;flex-wrap:wrap}.topbar-title{flex:1;min-width:0}.page-title{font-size:17px}.page-sub{display:none}.search{order:10;flex-basis:100%;width:100%;margin-left:0}.search input{padding-top:10px;padding-bottom:10px}.add-label{display:none}.topbar .btn-primary{padding:10px 12px}.content{padding:16px 14px 110px}.content-inner,.content-inner.wide{max-width:100%}.overlay{padding:8px;align-items:flex-start}.modal{max-width:100%;max-height:92dvh;overflow-y:auto}.modal-body{padding:15px;gap:13px}.modal-head,.modal-foot{padding:12px 15px}.form-grid{grid-template-columns:1fr}.prio-picker{gap:5px}.prio-opt{padding:9px 3px;font-size:11px;gap:4px}.stat-grid,.ring-grid{grid-template-columns:1fr 1fr;gap:10px}.hero-card{padding:18px 16px}.hero-greeting{font-size:21px}.hero-stats{gap:14px}.goal-list{grid-template-columns:1fr}.badge-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.fin-grid .row{flex-wrap:wrap}.fin-grid .row>.input,.fin-grid .row>.select{min-width:0}.tx-amount{font-size:12.5px}.habit-week{gap:4px}.habit-day{min-height:46px;padding:6px 1px}.hd-label{font-size:8.5px}.dash-customize-bar{flex-wrap:wrap}.dash-customize-bar .muted{margin-right:0;flex-basis:100%}.panel-card{padding:15px 16px}}@media (max-width: 340px){.ring-grid,.stat-grid{grid-template-columns:1fr}.hero-level{width:100%}}.lp{min-height:100dvh;max-width:1120px;margin:0 auto;padding:0 20px 60px;overflow-x:hidden}.lp-nav{display:flex;align-items:center;justify-content:space-between;padding:20px 4px;position:sticky;top:0;z-index:20;background:linear-gradient(180deg,var(--bg) 60%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lp-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;letter-spacing:-.3px}.lp-nav-links{display:flex;align-items:center;gap:6px}.lp-link{border:none;background:none;color:var(--text-2);font-size:14px;padding:8px 12px;border-radius:8px;cursor:pointer}.lp-link:hover{color:var(--text);background:var(--hover)}.lp-hero{text-align:center;padding:60px 10px 50px}.lp-badge{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--accent-2);background:var(--accent-soft);border:1px solid rgba(255,31,61,.3);padding:6px 14px;border-radius:30px;margin-bottom:22px}.lp-hero h1{font-size:clamp(34px,6vw,60px);line-height:1.05;letter-spacing:-1.5px;margin:0 0 18px;font-weight:800}.lp-hero h1 .grad{background:linear-gradient(120deg,var(--accent),#ff8a5c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.lp-sub{font-size:clamp(15px,2.4vw,19px);color:var(--text-2);max-width:640px;margin:0 auto 30px;line-height:1.55}.lp-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.lp-cta-main{font-size:16px;padding:13px 26px}.lp-trust{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;margin-top:26px;color:var(--text-3);font-size:13px}.lp-trust span{display:inline-flex;align-items:center;gap:6px}.lp-section{padding:56px 0}.lp-section h2{text-align:center;font-size:clamp(24px,4vw,34px);letter-spacing:-.6px;margin:0 0 8px}.lp-section-sub{text-align:center;color:var(--text-3);margin:0 auto 34px;max-width:560px;font-size:15px}.lp-features{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.lp-feature{display:flex;gap:14px;align-items:flex-start;background:var(--panel);border:1px solid var(--border-soft);border-radius:14px;padding:18px;transition:border .15s,transform .1s}.lp-feature:hover{border-color:var(--border-strong);transform:translateY(-2px)}.lp-feature-icon{width:42px;height:42px;border-radius:11px;background:var(--accent-soft);color:var(--accent-2);display:grid;place-items:center;flex:none}.lp-feature-title{font-weight:600;font-size:15px}.lp-feature-desc{font-size:13px;color:var(--text-3);margin-top:3px;line-height:1.5}.lp-soon{max-width:640px;margin:0 auto 24px;background:var(--accent-soft);border:1px solid rgba(255,31,61,.3);border-radius:12px;padding:14px 18px;font-size:13.5px;text-align:center}.lp-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}.lp-price-card{background:var(--panel);border:1px solid var(--border-soft);border-radius:18px;padding:26px 22px;position:relative}.lp-price-card.featured{border-color:var(--accent);box-shadow:0 0 40px -12px var(--accent-glow);transform:scale(1.03)}.lp-price-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--accent),#ff6a4d);color:#fff;font-size:11.5px;font-weight:700;padding:4px 14px;border-radius:20px;white-space:nowrap;box-shadow:0 6px 16px -6px var(--accent-glow)}.lp-price-name{font-size:15px;color:var(--text-2);font-weight:600}.lp-price-value{font-size:34px;font-weight:800;letter-spacing:-1px;margin:8px 0 2px}.lp-price-period{font-size:14px;color:var(--text-3);font-weight:500}.lp-price-note{font-size:12.5px;color:var(--text-3);min-height:34px;margin-bottom:16px}.lp-price-card .btn{justify-content:center}.lp-price-card .btn:not(.btn-primary){background:var(--elevated);border-color:var(--border-strong)}.lp-price-list{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-direction:column;gap:10px}.lp-price-list li{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--text-2)}.lp-price-list li svg{color:var(--success);flex:none}.lp-faq{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.lp-faq-item{background:var(--panel);border:1px solid var(--border-soft);border-radius:12px;padding:4px 18px}.lp-faq-item summary{cursor:pointer;padding:14px 0;font-weight:600;font-size:14.5px;list-style:none}.lp-faq-item summary::-webkit-details-marker{display:none}.lp-faq-item[open] summary{color:var(--accent-2)}.lp-faq-item p{color:var(--text-2);font-size:13.5px;line-height:1.6;margin:0 0 14px}.lp-footer{border-top:1px solid var(--border-soft);margin-top:40px;padding-top:30px;text-align:center}.lp-footer .lp-brand{justify-content:center}.lp-footer-links{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:6px 0 16px}.lp-footer-links button{border:none;background:none;color:var(--text-3);font-size:13px;padding:6px 10px;cursor:pointer}.lp-footer-links button:hover{color:var(--accent-2)}.lp-copy{font-size:12px;color:var(--text-faint)}@media (max-width: 760px){.lp-pricing{grid-template-columns:1fr}.lp-price-card.featured{transform:none}.lp-nav-links .lp-link{display:none}.lp-hero{padding:36px 6px 30px}}.legal{min-height:100dvh;padding:30px 20px 80px}.legal-inner{max-width:760px;margin:0 auto}.legal-title{font-size:30px;letter-spacing:-.6px;margin:16px 0 4px}.legal-updated{color:var(--text-3);font-size:13px;margin-bottom:16px}.legal-note{background:var(--accent-soft);border:1px solid rgba(255,31,61,.25);border-radius:10px;padding:12px 16px;font-size:13px;color:var(--text-2);margin-bottom:26px}.legal-block{margin-bottom:22px}.legal-block h2{font-size:17px;margin:0 0 8px}.legal-block p{color:var(--text-2);font-size:14px;line-height:1.7;margin:0}.legal-footer-links{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--border-soft);padding-top:20px;margin-top:30px}.legal-footer-links button{border:none;background:none;color:var(--text-3);font-size:13px;cursor:pointer;padding:6px 10px}.legal-footer-links button:hover{color:var(--accent-2)}.quote-card{display:flex;align-items:flex-start;gap:14px;background:linear-gradient(135deg,var(--accent-soft),var(--panel));border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);padding:14px 16px;margin-bottom:16px}.quote-card.done{opacity:.72}.quote-icon{flex:none;color:var(--accent);margin-top:2px}.quote-body{flex:1;min-width:0}.quote-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-2);font-weight:700;margin-bottom:4px}.quote-text{font-size:14.5px;font-weight:600;line-height:1.5;color:var(--text)}.quote-author{font-size:12px;color:var(--text-3);margin-top:5px}.quote-check{flex:none;width:30px;height:30px;border-radius:9px;border:1.5px solid var(--border-strong);background:transparent;color:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s,border .12s,color .12s}.quote-check:hover{border-color:var(--accent)}.quote-check.on{background:var(--accent);border-color:var(--accent);color:#fff}.jr-textarea-wrap{position:relative}.jr-mic{position:absolute;right:10px;bottom:10px;width:38px;height:38px;border-radius:50%;border:1px solid var(--border-strong);background:var(--panel);color:var(--text-2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s,color .12s,transform .1s}.jr-mic:hover{border-color:var(--accent);color:var(--accent)}.jr-mic.on{background:var(--accent);border-color:var(--accent);color:#fff;animation:micPulse 1.2s ease-in-out infinite}@keyframes micPulse{0%,to{box-shadow:0 0 0 0 var(--accent-ring)}50%{box-shadow:0 0 0 8px transparent}}.lp-install-link{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-3);font-size:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.lp-install-link:hover{color:var(--accent-2)}.install-guide{max-width:520px}.ig-tabs{display:flex;gap:8px;background:var(--panel-2);padding:4px;border-radius:12px}.ig-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;border-radius:9px;border:none;background:transparent;color:var(--text-2);font-size:14px;font-weight:600;cursor:pointer;transition:background .12s,color .12s}.ig-tab.active{background:var(--accent);color:#fff}.ig-steps{display:flex;flex-direction:column;gap:2px}.ig-step{position:relative;display:flex;align-items:flex-start;gap:14px;padding:12px 4px 12px 0}.ig-step:not(.last):after{content:"";position:absolute;left:15px;top:44px;bottom:-2px;width:2px;background:var(--border)}.ig-step-num{flex:none;width:32px;height:32px;border-radius:50%;background:var(--accent-soft);color:var(--accent-2);border:1px solid var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;z-index:1}.ig-step-icon{flex:none;color:var(--accent);margin-top:5px}.ig-step-title{font-weight:600;font-size:14.5px}.ig-step-desc{font-size:13px;color:var(--text-3);margin-top:2px;line-height:1.45}.ig-note{background:var(--panel-2);border:1px solid var(--border-soft);border-radius:10px;padding:11px 13px;font-size:12.5px;color:var(--text-2);line-height:1.5}.lp-trial{margin-top:14px;font-size:13.5px;color:var(--accent-2);font-weight:600}.lp-preview-section{padding-top:8px}.app-preview{max-width:900px;margin:8px auto 0;perspective:1400px}.app-preview-frame{border:1px solid var(--border-strong);border-radius:16px;overflow:hidden;background:var(--panel);box-shadow:0 40px 100px -40px #000c,0 0 0 1px var(--border-soft),0 0 80px -30px var(--accent-ring)}.app-preview-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;background:var(--bg-2);border-bottom:1px solid var(--border-soft)}.apb-dot{width:11px;height:11px;border-radius:50%}.apb-url{margin-left:12px;font-size:12px;color:var(--text-3);background:var(--panel);border:1px solid var(--border-soft);padding:3px 12px;border-radius:999px}.app-preview-body{display:grid;grid-template-columns:190px 1fr;min-height:420px;text-align:left}.apv-side{background:var(--bg-2);border-right:1px solid var(--border-soft);padding:16px 12px;display:flex;flex-direction:column;gap:4px}.apv-brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:15px;margin-bottom:14px}.apv-logo{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,var(--accent),#ff6a4d)}.apv-nav{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:9px;font-size:13.5px;color:var(--text-2)}.apv-nav.active{background:var(--accent-soft);color:var(--text);border:1px solid var(--border)}.apv-main{padding:18px;display:flex;flex-direction:column;gap:14px;overflow:hidden}.apv-quote{display:flex;gap:11px;align-items:flex-start;background:linear-gradient(135deg,var(--accent-soft),var(--panel));border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:12px;padding:12px 14px;color:var(--accent)}.apv-quote-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-2);font-weight:700}.apv-quote-text{font-size:13.5px;font-weight:600;color:var(--text);margin-top:3px}.apv-rings{display:flex;justify-content:space-around;gap:12px;background:var(--panel-2);border:1px solid var(--border-soft);border-radius:14px;padding:16px 8px}.apv-card{background:var(--panel-2);border:1px solid var(--border-soft);border-radius:14px;padding:14px 16px}.apv-card-title{font-size:13px;font-weight:600;color:var(--text-2);margin-bottom:12px}.apv-task{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:10px;background:var(--panel);border:1px solid var(--border-soft);border-left:3px solid var(--accent);margin-bottom:7px}.apv-task:last-child{margin-bottom:0}.apv-check{width:18px;height:18px;border-radius:6px;border:1.5px solid var(--border-strong);flex:none}.apv-task-title{flex:1;min-width:0;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.apv-task-time{font-size:12px;color:var(--accent-2);font-weight:600}.apv-task-tag{font-size:10.5px;padding:2px 9px;border-radius:999px;background:color-mix(in srgb,var(--tc) 20%,transparent);border:1px solid var(--tc);color:var(--text-2)}@media (max-width: 640px){.app-preview-body{grid-template-columns:1fr}.apv-side{display:none}.apv-main{padding:14px}}.apv-level{display:flex;align-items:center;gap:9px;background:var(--panel);border:1px solid var(--border-soft);border-radius:10px;padding:8px 10px;margin-bottom:12px}.apv-level-badge{flex:none;width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,var(--accent),#ff6a4d);color:#fff;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}.apv-level-body{flex:1;min-width:0}.apv-level-top{display:flex;justify-content:space-between;gap:8px;font-size:10.5px;color:var(--text-3);margin-bottom:4px;white-space:nowrap}.apv-level-bar{height:5px;border-radius:999px;background:var(--panel-2);overflow:hidden}.apv-level-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#ff6a4d)}.apv-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.apv-topbar-title{font-size:19px;font-weight:800}.apv-topbar-sub{font-size:12px;color:var(--text-3);margin-top:1px}.apv-newtask{background:var(--accent);color:#fff;font-size:12.5px;font-weight:600;padding:8px 14px;border-radius:10px;box-shadow:0 6px 16px -6px var(--accent-ring)}