.mockups_frame__QEVU_{--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:#9ca3af;--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__QEVU_ *{font-size:inherit;color:inherit}.mockups_chrome__T0Hli{display:flex;align-items:center;gap:12px;height:38px;padding:0 14px;border-bottom:1px solid var(--line);background:#f7f7f9}.mockups_dots__7bef3{display:flex;gap:6px}.mockups_dots__7bef3 i{width:10px;height:10px;border-radius:50%;background:#dcdbe4}.mockups_url__GyC__{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__PCH56{display:grid;grid-template-columns:168px minmax(0,1fr);min-height:0}.mockups_sidebar__OgWG3{display:flex;flex-direction:column;gap:2px;padding:14px 10px;border-right:1px solid var(--line);background:#fbfbfc}.mockups_sideBrand__jhkEB{margin:0 6px 14px;color:var(--ink);font-weight:700;line-height:1.1}.mockups_sideBrand__jhkEB,.mockups_sideItem__PI0L_{display:flex;align-items:center;gap:8px;font-size:12.5px}.mockups_sideItem__PI0L_{padding:7px 8px;border-radius:7px;color:var(--ink-2);font-weight:500}.mockups_sideItem__PI0L_ svg{flex:none;color:var(--ink-3)}.mockups_sideActive__6Fu3C{background:#fff1eb;color:#c2410c}.mockups_sideActive__6Fu3C svg{color:#f83e01}.mockups_sideCount__ptjDQ{margin-left:auto;color:var(--ink-3);font-size:11px}.mockups_content___zBIu{min-width:0;padding:16px;background:#fff}.mockups_toolbar__xagHU{display:flex;align-items:center;gap:8px;margin-bottom:14px}.mockups_pageTitle__GYRs3{margin-right:auto;color:var(--ink);font-size:15px;font-weight:700}.mockups_pill__taEos{gap:5px;padding:4px 9px;border:1px solid var(--line);color:var(--ink-2)}.mockups_newButton__bz5e5,.mockups_pill__taEos{display:inline-flex;align-items:center;border-radius:7px;font-size:11.5px;white-space:nowrap}.mockups_newButton__bz5e5{gap:4px;padding:5px 10px;background:#f83e01;color:#fff;font-weight:600}.mockups_board__WJxoA{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.mockups_column__FvVjp{min-width:0;padding:10px;border-radius:10px;background:#f6f6f8}.mockups_columnHead__xVumq{display:flex;align-items:center;gap:6px;margin:2px 2px 10px;color:var(--ink-2);font-size:11.5px;font-weight:600}.mockups_columnDot__Ga_U_{width:8px;height:8px;border-radius:50%}.mockups_columnCount__l9qmO{margin-left:auto;color:var(--ink-3);font-weight:500}.mockups_cards___dCdZ{display:grid;grid-gap:8px;gap:8px}.mockups_card__Eh_82{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__zZ_7h .mockups_cardTitle__rro8o{color:var(--ink-3);text-decoration:line-through}.mockups_cardLifted__GafVf{transform:rotate(-2deg);box-shadow:0 12px 24px -8px rgba(16,24,40,.25);border-color:#fdba9b}.mockups_cardTop__XcWk9{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.mockups_cardTitle__rro8o{color:var(--ink);font-size:12.5px;font-weight:600;line-height:1.3}.mockups_meta__Xztb8{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.mockups_tag__uAvt2{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__F1ETs{border-color:var(--todo-border);background:var(--todo-bg);color:var(--todo)}.mockups_task__c6eR7{border-color:var(--task-border);background:var(--task-bg);color:var(--task)}.mockups_habit__OlhGQ{border-color:var(--habit-border);background:var(--habit-bg);color:var(--habit)}.mockups_label___YX8J{border-color:var(--line);background:#fff;color:var(--ink-2)}.mockups_labelDot__9SOFA{width:6px;height:6px;border-radius:50%}.mockups_metaText___XK_w{display:inline-flex;align-items:center;gap:3px;color:var(--ink-3);font-size:10.5px;font-weight:500}.mockups_streak__QUW6r{color:#ea580c;font-weight:700}.mockups_priority__qmbQ0{flex:none}.mockups_cursor__RQkT6{position:absolute;width:18px;height:18px;color:#1f2937;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25));pointer-events:none}.mockups_panel__9uVaW{padding:18px}.mockups_panelHead__kBUOV{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.mockups_panelTitle__bPtND{color:var(--ink);font-size:15px;font-weight:700}.mockups_resetPill__TsLoM{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__yTEYq{display:grid;grid-gap:8px;gap:8px}.mockups_habitRow__SdxOZ{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__80qm5{display:grid;place-items:center;width:22px;height:22px;border:1.5px solid #cbd5e1;border-radius:6px;color:#fff}.mockups_checked__55xqP{border-color:#10b981;background:#10b981}.mockups_habitName__FSkQm{display:block;color:var(--ink);font-size:13px;font-weight:600}.mockups_habitSub__pYIXq{display:block;color:var(--ink-3);font-size:11px}.mockups_week__ltAz7{display:flex;gap:4px}.mockups_day__HKye2{width:14px;height:14px;border-radius:4px;background:#eef0f3}.mockups_dayOn___jv6X{background:#34d399}.mockups_dayToday__glXN5{box-shadow:inset 0 0 0 1.5px #10b981}.mockups_anti__pGYCv{border-style:dashed;border-color:#fbcfe8;background:#fffafc}.mockups_antiCount__2vilN{color:#be185d;font-size:13px;font-weight:700;white-space:nowrap}.mockups_metrics__Ebupg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px;margin-bottom:12px}.mockups_metric__T96jm{padding:12px;border:1px solid var(--line);border-radius:10px}.mockups_metricNumber__XH3Rk{display:block;color:var(--ink);font-size:20px;font-weight:700;line-height:1.1}.mockups_metricLabel__5ZGbb{display:block;margin-top:4px;color:var(--ink-3);font-size:10.5px;font-weight:500}.mockups_dashGrid__Xe07q{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-gap:10px;gap:10px}.mockups_chartCard__yVMgn{padding:14px;border:1px solid var(--line);border-radius:10px}.mockups_chartTitle__yrHVJ{display:block;margin-bottom:12px;color:var(--ink);font-size:12px;font-weight:600}.mockups_bars__YYH8a{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;grid-gap:8px;gap:8px;height:120px}.mockups_barCol__URemk{display:grid;grid-gap:6px;gap:6px;height:100%;grid-template-rows:minmax(0,1fr) auto;text-align:center}.mockups_barStack__Noc4p{display:flex;flex-direction:column-reverse;justify-content:flex-start;align-self:end;overflow:hidden;border-radius:4px 4px 2px 2px}.mockups_barStack__Noc4p i{display:block}.mockups_barLabel__b0Lfr{color:var(--ink-3);font-size:10px}.mockups_donuts__PA2zj{display:grid;grid-gap:10px;gap:10px}.mockups_donutRow__edm4f{display:flex;align-items:center;gap:10px}.mockups_donut___EvWb{position:relative;flex:none;width:40px;height:40px;border-radius:50%}.mockups_donut___EvWb:after{content:"";position:absolute;inset:6px;border-radius:50%;background:#fff}.mockups_donutText__7XpF4{display:grid}.mockups_donutValue__YKe9O{color:var(--ink);font-size:13px;font-weight:700}.mockups_donutLabel__ftRZN{color:var(--ink-3);font-size:10.5px}.mockups_quickAdd__Hf8b6{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__HS5E2{display:inline-block;width:1.5px;height:15px;margin-left:-6px;background:#f83e01;animation:mockups_blink__qnyBF 1s steps(1) infinite}.mockups_enterHint__ZMr8Y{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__qnyBF{50%{opacity:0}}.mockups_todoRow__r9bSH{display:flex;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid #f1f1f4}.mockups_todoRow__r9bSH:last-child{border-bottom:0}.mockups_todoText__rx_xw{flex:1 1;min-width:0;color:var(--ink);font-size:13px}.mockups_todoDone__8s_z7{color:var(--ink-3);text-decoration:line-through}.mockups_round__4dsyh{flex:none;width:18px;height:18px;border:1.5px solid #cbd5e1;border-radius:50%;display:grid;place-items:center;color:#fff}.mockups_roundOn__Bw4Cr{border-color:#3f51b5;background:#3f51b5}.mockups_newRow__E_aNh{animation:mockups_slideIn__9hYFm .6s ease both;background:#f8f9ff;border-radius:8px}@keyframes mockups_slideIn__9hYFm{0%{opacity:0;transform:translateY(-6px)}}.mockups_detail__BIPch{padding:18px}.mockups_detailTitle__ON80f{display:block;margin:10px 0 6px;color:var(--ink);font-size:16px;font-weight:700}.mockups_detailText__yaApr{display:block;margin-bottom:14px;color:var(--ink-2);font-size:12.5px;line-height:1.5}.mockups_progress__GXk7h{height:6px;margin:6px 0 12px;overflow:hidden;border-radius:999px;background:#f1f1f4}.mockups_progress__GXk7h i{display:block;height:100%;border-radius:inherit;background:#f59e0b}.mockups_checkRow__vCx4I{display:flex;align-items:center;gap:10px;padding:7px 0;color:var(--ink);font-size:12.5px}.mockups_checkSmall__NtIPi{display:grid;place-items:center;flex:none;width:16px;height:16px;border:1.5px solid #cbd5e1;border-radius:4px;color:#fff}.mockups_checkSmallOn__lJo6R{border-color:#f59e0b;background:#f59e0b}.mockups_struck__c8qSs{color:var(--ink-3);text-decoration:line-through}.mockups_phones__2f637{position:relative;display:flex;justify-content:center;align-items:flex-end;padding:10px 0 0}.mockups_phone__Ajfzm{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__Ajfzm img{display:block;width:100%;height:auto;border-radius:22px}.mockups_phoneBack__V6b9_{margin-right:-14%;transform:rotate(-6deg) translateY(18px);opacity:.96}.mockups_phoneFront__kUjQP{position:relative;z-index:1;width:48%;max-width:250px}.mockups_phoneBackRight__NEzrw{margin-left:-14%;transform:rotate(6deg) translateY(18px)}.mockups_phoneSolo__s5E0v{position:relative;display:flex;justify-content:center}.mockups_phoneSolo__s5E0v:before{content:"";position:absolute;top:10%;width:70%;aspect-ratio:1;border-radius:50%;background:var(--feature,var(--qh-indigo));opacity:.1}.mockups_phoneSolo__s5E0v .mockups_phone__Ajfzm{width:60%;max-width:280px}.mockups_toolPreview__NfpjS{display:grid;place-items:center;height:230px;padding:16px}.mockups_ring__3YVDX{position:relative;display:grid;place-items:center;width:132px;height:132px;border-radius:50%}.mockups_ring__3YVDX:after{content:"";position:absolute;inset:9px;border-radius:50%;background:#fff}.mockups_ringText__UneyQ{position:relative;z-index:1;display:grid;text-align:center}.mockups_ringTime__JcR56{color:var(--ink);font-size:26px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.02em}.mockups_ringLabel___dxvI{color:var(--ink-3);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}@media (max-width:720px){.mockups_app__PCH56{grid-template-columns:minmax(0,1fr)}.mockups_sidebar__OgWG3{display:none}.mockups_content___zBIu{padding:12px}.mockups_board__WJxoA{gap:8px}.mockups_column__FvVjp{padding:6px}.mockups_card__Eh_82{padding:8px}.mockups_hideSmall__w4B97{display:none}.mockups_metrics__Ebupg{grid-template-columns:repeat(2,minmax(0,1fr))}.mockups_dashGrid__Xe07q{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.mockups_caret__HS5E2,.mockups_newRow__E_aNh{animation:none}}