.mockups_frame__TCYDy{--todo:#1e40af;--todo-bg:#eff6ff;--todo-border:#d2dbf7;--task:#b45309;--task-bg:#fef7e0;--task-border:#fae0c3;--habit:#065f46;--habit-bg:#ecfdf5;--habit-border:#c4eed9;--ink:#1f2937;--ink-2:#4b5563;--ink-3:#656b78;--line:#e5e7eb;position:relative;width:100%;overflow:hidden;border:1px solid #dcdbe4;border-radius:14px;background:#fff;box-shadow:0 2px 4px rgba(46,50,76,.04),0 32px 64px -24px rgba(46,50,76,.3);color:var(--ink);font-size:13px;line-height:1.35;text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mockups_frame__TCYDy *{font-size:inherit;color:inherit}.mockups_chrome__Ub3EX{display:flex;align-items:center;gap:12px;height:38px;padding:0 14px;border-bottom:1px solid var(--line);background:#f7f7f9}.mockups_dots__OtpJE{display:flex;gap:6px}.mockups_dots__OtpJE i{width:10px;height:10px;border-radius:50%;background:#dcdbe4}.mockups_url__vetRw{flex:1 1;max-width:340px;margin:0 auto;padding:4px 12px;border-radius:6px;background:#fff;border:1px solid var(--line);color:var(--ink-3);font-size:11.5px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mockups_app__YXSwg{display:grid;grid-template-columns:168px minmax(0,1fr);min-height:0}.mockups_sidebar__mK9u8{display:flex;flex-direction:column;gap:2px;padding:14px 10px;border-right:1px solid var(--line);background:#fbfbfc}.mockups_sideBrand__xV9OS{margin:0 6px 14px;color:var(--ink);font-weight:700;line-height:1.1}.mockups_sideBrand__xV9OS,.mockups_sideItem__4WTEk{display:flex;align-items:center;gap:8px;font-size:12.5px}.mockups_sideItem__4WTEk{padding:7px 8px;border-radius:7px;color:var(--ink-2);font-weight:500}.mockups_sideItem__4WTEk svg{flex:none;color:var(--ink-3)}.mockups_sideActive__J_tZz{background:#fff1eb;color:#c2410c}.mockups_sideActive__J_tZz svg{color:#f83e01}.mockups_sideCount__Z0m_G{margin-left:auto;color:var(--ink-3);font-size:11px}.mockups_content__zIqQ2{min-width:0;padding:16px;background:#fff}.mockups_toolbar__0p6iy{display:flex;align-items:center;gap:8px;margin-bottom:14px}.mockups_pageTitle__sp5uq{margin-right:auto;color:var(--ink);font-size:15px;font-weight:700}.mockups_pill__F0xXJ{gap:5px;padding:4px 9px;border:1px solid var(--line);color:var(--ink-2)}.mockups_newButton__OwmY2,.mockups_pill__F0xXJ{display:inline-flex;align-items:center;border-radius:7px;font-size:11.5px;white-space:nowrap}.mockups_newButton__OwmY2{gap:4px;padding:5px 10px;background:#c2410c;color:#fff;font-weight:600}.mockups_board__5Y68s{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.mockups_column__3_c_R{min-width:0;padding:10px;border-radius:10px;background:#f6f6f8}.mockups_columnHead__U1VOl{display:flex;align-items:center;gap:6px;margin:2px 2px 10px;color:var(--ink-2);font-size:11.5px;font-weight:600}.mockups_columnDot__uylXu{width:8px;height:8px;border-radius:50%}.mockups_columnCount__VZCy3{margin-left:auto;color:var(--ink-3);font-weight:500}.mockups_cards__D4YFe{display:grid;grid-gap:8px;gap:8px}.mockups_card__YG7vR{display:grid;grid-gap:7px;gap:7px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.04)}.mockups_cardDone__OXaDj .mockups_cardTitle__Z1OKN{color:var(--ink-3);text-decoration:line-through}.mockups_cardLifted__lWQzk{transform:rotate(-2deg);box-shadow:0 12px 24px -8px rgba(16,24,40,.25);border-color:#fdba9b}.mockups_cardTop__1zF62{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.mockups_cardTitle__Z1OKN{color:var(--ink);font-size:12.5px;font-weight:600;line-height:1.3}.mockups_meta__MM0_W{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.mockups_tag__wDmyM{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border:1px solid;border-radius:999px;font-size:10.5px;font-weight:600;white-space:nowrap}.mockups_todo__VyvSi{border-color:var(--todo-border);background:var(--todo-bg);color:var(--todo)}.mockups_task__xeUgK{border-color:var(--task-border);background:var(--task-bg);color:var(--task)}.mockups_habit__bGfvF{border-color:var(--habit-border);background:var(--habit-bg);color:var(--habit)}.mockups_label__q1sye{border-color:var(--line);background:#fff;color:var(--ink-2)}.mockups_labelDot__Ocaqb{width:6px;height:6px;border-radius:50%}.mockups_metaText__I1Vnz{display:inline-flex;align-items:center;gap:3px;color:var(--ink-3);font-size:10.5px;font-weight:500}.mockups_streak__5HIHZ{color:#c2410c;font-weight:700}.mockups_priority__UtiIh{flex:none}.mockups_cursor__8Cjdi{position:absolute;width:18px;height:18px;color:#1f2937;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25));pointer-events:none}.mockups_panel__ROcqY{padding:18px}.mockups_panelHead__gHMqk{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.mockups_panelTitle____arM{color:var(--ink);font-size:15px;font-weight:700}.mockups_resetPill__KDCYi{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;background:#f3f4f6;color:var(--ink-2);font-size:11px;font-weight:500;white-space:nowrap}.mockups_habitList__v_xXz{display:grid;grid-gap:8px;gap:8px}.mockups_habitRow__awp_5{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:10px}.mockups_check__prfij{display:grid;place-items:center;width:22px;height:22px;border:1.5px solid #cbd5e1;border-radius:6px;color:#fff}.mockups_checked__R5AQr{border-color:#10b981;background:#10b981}.mockups_habitName__MS0Db{display:block;color:var(--ink);font-size:13px;font-weight:600}.mockups_habitSub__p_TEX{display:block;color:var(--ink-3);font-size:11px}.mockups_week__RnlTU{display:flex;gap:4px}.mockups_day__fFnKt{width:14px;height:14px;border-radius:4px;background:#eef0f3}.mockups_dayOn__rggPc{background:#34d399}.mockups_dayToday__bBLQt{box-shadow:inset 0 0 0 1.5px #10b981}.mockups_anti__aMGCe{border-style:dashed;border-color:#fbcfe8;background:#fffafc}.mockups_antiCount__0pPuP{color:#be185d;font-size:13px;font-weight:700;white-space:nowrap}.mockups_metrics__preEz{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px;margin-bottom:12px}.mockups_metric__QqY8M{padding:12px;border:1px solid var(--line);border-radius:10px}.mockups_metricNumber__eKyCH{display:block;color:var(--ink);font-size:20px;font-weight:700;line-height:1.1}.mockups_metricLabel__5CrnD{display:block;margin-top:4px;color:var(--ink-3);font-size:10.5px;font-weight:500}.mockups_dashGrid__AzFwW{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-gap:10px;gap:10px}.mockups_chartCard__gX591{padding:14px;border:1px solid var(--line);border-radius:10px}.mockups_chartTitle__krTVO{display:block;margin-bottom:12px;color:var(--ink);font-size:12px;font-weight:600}.mockups_bars__QWruW{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;grid-gap:8px;gap:8px;height:120px}.mockups_barCol__TTHCZ{display:grid;grid-gap:6px;gap:6px;height:100%;grid-template-rows:minmax(0,1fr) auto;text-align:center}.mockups_barStack__xMXoa{display:flex;flex-direction:column-reverse;justify-content:flex-start;align-self:end;overflow:hidden;border-radius:4px 4px 2px 2px}.mockups_barStack__xMXoa i{display:block}.mockups_barLabel__dvDOn{color:var(--ink-3);font-size:10px}.mockups_donuts__7TTq_{display:grid;grid-gap:10px;gap:10px}.mockups_donutRow__X1h1h{display:flex;align-items:center;gap:10px}.mockups_donut__Af38V{position:relative;flex:none;width:40px;height:40px;border-radius:50%}.mockups_donut__Af38V:after{content:"";position:absolute;inset:6px;border-radius:50%;background:#fff}.mockups_donutText__lVblq{display:grid}.mockups_donutValue__2BKA7{color:var(--ink);font-size:13px;font-weight:700}.mockups_donutLabel___IjCA{color:var(--ink-3);font-size:10.5px}.mockups_quickAdd__EGzl7{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:10px 12px;border:1.5px solid #f83e01;border-radius:10px;box-shadow:0 0 0 4px rgba(248,62,1,.12);color:var(--ink);font-size:13px}.mockups_caret__A7ufj{display:inline-block;width:1.5px;height:15px;margin-left:-6px;background:#f83e01;animation:mockups_blink__M7tOZ 1s steps(1) infinite}.mockups_enterHint__wAOJF{margin-left:auto;padding:2px 6px;border:1px solid var(--line);border-radius:5px;color:var(--ink-3);font-size:10.5px}@keyframes mockups_blink__M7tOZ{50%{opacity:0}}.mockups_todoRow__e6ZcI{display:flex;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid #f1f1f4}.mockups_todoRow__e6ZcI:last-child{border-bottom:0}.mockups_todoText__PcGju{flex:1 1;min-width:0;color:var(--ink);font-size:13px}.mockups_todoDone__ams_K{color:var(--ink-3);text-decoration:line-through}.mockups_round__vGNFq{flex:none;width:18px;height:18px;border:1.5px solid #cbd5e1;border-radius:50%;display:grid;place-items:center;color:#fff}.mockups_roundOn__a9K55{border-color:#3f51b5;background:#3f51b5}.mockups_newRow__dpbHm{animation:mockups_slideIn__s4zCd .6s ease both;background:#f8f9ff;border-radius:8px}@keyframes mockups_slideIn__s4zCd{0%{opacity:0;transform:translateY(-6px)}}.mockups_detail__PXipD{padding:18px}.mockups_detailTitle__vudCE{display:block;margin:10px 0 6px;color:var(--ink);font-size:16px;font-weight:700}.mockups_detailText__12rif{display:block;margin-bottom:14px;color:var(--ink-2);font-size:12.5px;line-height:1.5}.mockups_progress__GMVxP{height:6px;margin:6px 0 12px;overflow:hidden;border-radius:999px;background:#f1f1f4}.mockups_progress__GMVxP i{display:block;height:100%;border-radius:inherit;background:#f59e0b}.mockups_checkRow__27rJe{display:flex;align-items:center;gap:10px;padding:7px 0;color:var(--ink);font-size:12.5px}.mockups_checkSmall__EDRoY{display:grid;place-items:center;flex:none;width:16px;height:16px;border:1.5px solid #cbd5e1;border-radius:4px;color:#fff}.mockups_checkSmallOn__iKuFi{border-color:#f59e0b;background:#f59e0b}.mockups_struck__R69J8{color:var(--ink-3);text-decoration:line-through}.mockups_phones__Am6CA{position:relative;display:flex;justify-content:center;align-items:flex-end;padding:10px 0 0}.mockups_phone__BphFa{flex:none;width:42%;max-width:220px;overflow:hidden;border:6px solid #1f2235;border-radius:28px;background:#1f2235;box-shadow:0 24px 48px -16px rgba(30,34,80,.45)}.mockups_phone__BphFa img{display:block;width:100%;height:auto;border-radius:22px}.mockups_phoneBack__Nav6t{margin-right:-14%;transform:rotate(-6deg) translateY(18px);opacity:.96}.mockups_phoneFront__npzQ8{position:relative;z-index:1;width:48%;max-width:250px}.mockups_phoneBackRight__MMyRF{margin-left:-14%;transform:rotate(6deg) translateY(18px)}.mockups_phoneSolo__zvoX9{position:relative;display:flex;justify-content:center}.mockups_phoneSolo__zvoX9:before{content:"";position:absolute;top:10%;width:70%;aspect-ratio:1;border-radius:50%;background:var(--feature,var(--qh-indigo));opacity:.1}.mockups_phoneSolo__zvoX9 .mockups_phone__BphFa{width:60%;max-width:280px}.mockups_toolPreview__6NM1X{display:grid;place-items:center;height:230px;padding:16px}.mockups_ring__PxjOj{position:relative;display:grid;place-items:center;width:132px;height:132px;border-radius:50%}.mockups_ring__PxjOj:after{content:"";position:absolute;inset:9px;border-radius:50%;background:#fff}.mockups_ringText__URkTx{position:relative;z-index:1;display:grid;text-align:center}.mockups_ringTime__1j8qU{color:var(--ink);font-size:26px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.02em}.mockups_ringLabel__Epdu1{color:var(--ink-3);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}@media (max-width:720px){.mockups_app__YXSwg{grid-template-columns:minmax(0,1fr)}.mockups_sidebar__mK9u8{display:none}.mockups_content__zIqQ2{padding:12px}.mockups_board__5Y68s{gap:8px}.mockups_column__3_c_R{padding:6px}.mockups_card__YG7vR{padding:8px}.mockups_hideSmall__Sl7Tb{display:none}.mockups_metrics__preEz{grid-template-columns:repeat(2,minmax(0,1fr))}.mockups_dashGrid__AzFwW{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.mockups_caret__A7ufj,.mockups_newRow__dpbHm{animation:none}}