:root{-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-height:100%}body,html{min-width:320px}body{background:#f7f7fb;background:var(--canvas,#f7f7fb);margin:0;min-height:100vh}button,input,textarea{font-family:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #7157e855;outline-offset:2px}:root{--primary:#7157e8;--primary-dark:#5f45d2;--primary-soft:#f0edff;--ink:#232336;--muted:#666675;--line:#e5e5ea;--canvas:#f5f5f7;--surface:#fff;--green:#2fa77e;--shadow:0 2px 12px #2323360f}[data-theme=dark]{--ink:#f1f0fb;--muted:#b6b4c5;--line:#343247;--canvas:#1b1a27;--surface:#252435;--primary-soft:#302a4e;--shadow:0 2px 12px #0000002e}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{background:#f5f5f7;background:var(--canvas);color:#232336;color:var(--ink);display:flex;min-height:100vh}.sidebar{background:#fff;background:var(--surface);border-right:1px solid #e5e5ea;border-right:1px solid var(--line);display:flex;flex-direction:column;inset:0 auto 0 0;overflow:hidden;padding:21px 19px 16px;position:fixed;width:252px;z-index:20}.brand{align-items:center;color:#232336;color:var(--ink);display:inline-flex;font-size:19px;font-weight:750;gap:10px;letter-spacing:-.045em}.sidebar-brand{background:none;border:0;padding:0 8px}.brand-mark{background:#080808;border:0;border-radius:10px;box-shadow:0 6px 15px #17171730;display:inline-grid;flex:0 0 32px;height:32px;object-fit:cover;place-items:center;width:32px}.sidebar-label{color:#666675;color:var(--muted);flex:0 0 auto;font-size:9px;font-weight:800;letter-spacing:.15em;padding:25px 10px 8px}.side-nav{grid-gap:3px;display:grid;flex:0 1 auto;gap:3px;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.nav-link{align-items:center;background:#0000;border:0;border-radius:10px;color:#666675;color:var(--muted);display:flex;flex:0 0 auto;font-size:13px;font-weight:600;gap:13px;padding:8px 13px;position:relative;text-align:left;transition:.18s ease;width:100%}.nav-link>.ph{font-size:19px}.nav-link:hover{background:#f5f5f7;background:var(--canvas);color:#232336;color:var(--ink)}.nav-link-active{background:#f0edff;background:var(--primary-soft);color:#7157e8;color:var(--primary)}.nav-current{font-size:13px!important;margin-left:auto}.sidebar-bottom{flex:0 0 auto;margin-top:auto}.logout-link{margin-bottom:8px}.main-area{margin-left:252px;min-height:100vh;min-width:0;width:calc(100% - 252px)}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb,#f5f5f7 92%,#0000);background:color-mix(in srgb,var(--canvas) 92%,#0000);border-bottom:1px solid #e5e5ea;border-bottom:1px solid var(--line);justify-content:space-between;min-height:88px;padding:13px clamp(24px,4vw,58px);position:sticky;top:0;z-index:10}.topbar,.topbar-heading-row{align-items:center;display:flex}.topbar-heading-row{gap:18px;margin-top:4px}.topbar-title h1{flex:0 0 auto;font-size:19px;font-weight:700;letter-spacing:-.035em;margin:0}.topbar-actions{align-items:center;display:flex;gap:14px}.icon-button{background:#fff;background:var(--surface);border:1px solid #e5e5ea;border:1px solid var(--line);border-radius:11px;color:#666675;color:var(--muted);display:inline-grid;flex:0 0 38px;font-size:18px;height:38px;place-items:center;transition:.18s ease;width:38px}.icon-button:hover{border-color:#d7d0fb;color:#7157e8;color:var(--primary)}.profile-chip{align-items:center;background:none;border:0;color:#232336;color:var(--ink);display:flex;font-size:12px;font-weight:650;gap:9px;padding:3px 3px 3px 7px}.profile-chip>.ph{color:#666675;color:var(--muted);font-size:13px}.avatar{background:#e9e4ff;border-radius:50%;color:#6148d1;display:inline-grid;flex:0 0 34px;font-size:11px;font-weight:800;height:34px;place-items:center;width:34px}.content-area{margin:0 auto;max-width:1500px;padding:35px clamp(24px,4vw,58px) 60px}.page-content{grid-gap:23px;animation:fade-in .25s ease both;display:grid;gap:23px}.page-content-loading{animation:none}.page-content-loaded{animation:fade-in .25s ease both}@keyframes fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes skeleton-pulse{50%{opacity:.48}}.skeleton{background:#e5e7eb;border-radius:6px;display:block;height:12px}.animate-pulse{animation:skeleton-pulse 1.5s cubic-bezier(.4,0,.6,1) infinite}.bg-gray-200{background-color:#e5e7eb}.rounded-md{border-radius:6px}.skeleton-line-short{width:32%}.skeleton-line-title{height:16px;width:58%}.skeleton-line-heading{height:22px;width:44%}.skeleton-line-wide{width:82%}.skeleton-circle{border-radius:50%;flex:0 0 36px;height:36px;width:36px}.skeleton-square{flex:0 0 34px;height:34px;width:34px}.skeleton-filter{height:30px;width:72px}.skeleton-search{height:36px;width:min(190px,35%)}.skeleton-form-field{height:42px;margin-top:12px;width:100%}.skeleton-form-button{height:40px;margin-top:14px;width:145px}.todo-skeleton-filters{display:flex;flex:1 1;gap:7px}.todo-skeleton-row{align-items:center;border-bottom:1px solid #e5e5ea;border-bottom:1px solid var(--line);display:flex;gap:13px;min-height:78px;padding:11px 0}.todo-skeleton-copy{grid-gap:10px;display:grid;flex:1 1;gap:10px}.todo-skeleton-form{grid-gap:9px;align-content:start;display:grid;gap:9px}.habits-skeleton .section-heading>div{grid-gap:10px;display:grid;gap:10px}.habit-skeleton-row{cursor:default}.habit-skeleton-copy{grid-gap:9px;display:grid;flex:1 1;gap:9px}.skeleton-progress{height:54px;width:54px}.habits-skeleton-form{grid-gap:10px;align-content:start;display:grid;gap:10px}.overview-skeleton{grid-gap:23px;display:grid;gap:23px}.overview-skeleton-welcome>div:first-child{grid-gap:15px;display:grid;gap:15px;justify-items:start}.overview-skeleton-stats{align-items:stretch}.overview-skeleton-stat{grid-gap:13px;align-content:center;display:grid;gap:13px;min-height:130px}.overview-skeleton-activity{grid-gap:18px;display:grid;gap:18px;padding:22px}.overview-skeleton-activity>div{grid-gap:12px;display:grid;gap:12px}.overview-skeleton-card{grid-gap:14px;align-content:start;display:grid;gap:14px;min-height:155px;padding:20px}.main-area-leaderboard{background:#f5f5f7;background:var(--canvas)}.main-area-leaderboard .topbar{background:color-mix(in srgb,#f5f5f7 92%,#0000);background:color-mix(in srgb,var(--canvas) 92%,#0000)}.main-area-leaderboard .content-area{display:block;max-width:1100px;min-height:calc(100vh - 88px);padding-bottom:105px;padding-top:38px}.leaderboard-page{grid-gap:28px;display:grid;gap:28px;width:100%}.leaderboard-heading{text-align:center}.leaderboard-eyebrow{align-items:center;color:#666675;color:var(--muted);display:inline-flex;font-size:9px;font-weight:800;gap:7px;letter-spacing:.14em}.leaderboard-heading .leaderboard-eyebrow{color:#a8791b}.leaderboard-heading h2{font-size:clamp(25px,4vw,35px);font-weight:750;letter-spacing:-.055em;margin:10px 0 6px}.leaderboard-heading p{margin:0}.leaderboard-heading p,.leaderboard-message{color:#666675;color:var(--muted);font-size:12px}.leaderboard-message{background:#fff;background:var(--surface);border:1px solid #e5e5ea;border:1px solid var(--line);border-radius:18px;padding:28px;text-align:center}.leaderboard-error{color:#a33d3d}.leaderboard-podium{grid-gap:14px;align-items:end;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));min-height:250px}.leaderboard-podium-card{align-items:center;background:linear-gradient(155deg,color-mix(in srgb,var(--medal-color) 10%,#fff),#fff 72%);background:linear-gradient(155deg,color-mix(in srgb,var(--medal-color) 10%,var(--surface)),var(--surface) 72%);border:1px solid color-mix(in srgb,var(--medal-color) 22%,var(--line));border-radius:24px;box-shadow:0 8px 26px color-mix(in srgb,#232336 6%,#0000);box-shadow:0 8px 26px color-mix(in srgb,var(--ink) 6%,#0000);display:flex;flex-direction:column;gap:12px;justify-content:center;min-width:0;padding:30px 14px 18px;position:relative;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.leaderboard-podium-card:hover{box-shadow:0 14px 32px color-mix(in srgb,#232336 10%,#0000);box-shadow:0 14px 32px color-mix(in srgb,var(--ink) 10%,#0000);transform:translateY(-4px)}.leaderboard-podium-rank-1{--medal-color:#e4ad27;height:228px;padding-top:34px}.leaderboard-podium-rank-2{--medal-color:#8c9aaa;gap:8px;height:190px;padding:24px 12px 14px}.leaderboard-podium-rank-3{--medal-color:#bf8051;gap:8px;height:174px;padding:24px 12px 14px}.leaderboard-podium-medal{align-items:center;color:var(--medal-color);display:inline-flex;font-size:12px;font-weight:800;gap:5px;justify-content:center}.leaderboard-podium-rank-1 .leaderboard-podium-medal{color:#ca941b}.leaderboard-avatar{background:#f0edff;background:var(--primary-soft);border:2px solid color-mix(in srgb,#7157e8 16%,#fff);border:2px solid color-mix(in srgb,var(--primary) 16%,var(--surface));border-radius:50%;color:#7157e8;color:var(--primary);display:grid;flex:0 0 auto;font-weight:750;overflow:hidden;place-items:center}.leaderboard-avatar img{height:100%;object-fit:cover;width:100%}.leaderboard-avatar-regular{font-size:12px;height:38px;width:38px}.leaderboard-avatar-podium{border-color:color-mix(in srgb,var(--medal-color) 60%,var(--surface));box-shadow:0 0 0 5px color-mix(in srgb,var(--medal-color) 13%,#0000);font-size:16px;height:58px;width:58px}.leaderboard-podium-rank-1 .leaderboard-avatar-podium{height:72px;width:72px}.leaderboard-user-name{color:#232336;color:var(--ink);font-size:11px;font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-podium-card .leaderboard-user-name{flex:0 0 auto;font-size:12px;line-height:1.25;overflow-wrap:anywhere;white-space:normal}.leaderboard-user-xp{color:#666675;color:var(--muted);font-size:10px;font-weight:650;white-space:nowrap}.leaderboard-podium-rank-1 .leaderboard-user-xp{color:#b17c13}.leaderboard-podium-base{background:var(--medal-color);border-radius:3px 3px 0 0;bottom:0;height:3px;left:22px;opacity:.72;position:absolute;right:22px}.leaderboard-podium-placeholder{min-height:1px}.leaderboard-user-current{background-color:color-mix(in srgb,#f0edff 68%,#fff)!important;background-color:color-mix(in srgb,var(--primary-soft) 68%,var(--surface))!important;border-color:color-mix(in srgb,#7157e8 55%,#e5e5ea)!important;border-color:color-mix(in srgb,var(--primary) 55%,var(--line))!important;box-shadow:0 8px 24px color-mix(in srgb,#7157e8 12%,#0000);box-shadow:0 8px 24px color-mix(in srgb,var(--primary) 12%,#0000)}.leaderboard-podium-card.leaderboard-user-current{background:linear-gradient(155deg,color-mix(in srgb,#f0edff 78%,#fff),#fff 78%);background:linear-gradient(155deg,color-mix(in srgb,var(--primary-soft) 78%,var(--surface)),var(--surface) 78%)}.leaderboard-user-current .leaderboard-user-name,.leaderboard-you-badge{color:#7157e8;color:var(--primary)}.leaderboard-you-badge{background:#f0edff;background:var(--primary-soft);border-radius:99px;font-size:8px;font-weight:750;padding:4px 9px}.leaderboard-podium-card .leaderboard-you-badge{position:absolute;right:13px;top:13px}.leaderboard-list-section{grid-gap:13px;display:grid;gap:13px}.leaderboard-section-heading{align-items:end;display:flex;gap:12px;justify-content:space-between}.leaderboard-section-heading h3{font-size:17px;letter-spacing:-.035em;margin:5px 0 0}.leaderboard-member-count{color:#666675;color:var(--muted);font-size:10px}.leaderboard-list{grid-gap:7px;display:grid;gap:7px;list-style:none;margin:0;padding:0}.leaderboard-user-row{grid-gap:12px;align-items:center;background:#fff;background:var(--surface);border:1px solid #e5e5ea;border:1px solid var(--line);border-radius:16px;box-shadow:0 3px 12px color-mix(in srgb,#232336 4%,#0000);box-shadow:0 3px 12px color-mix(in srgb,var(--ink) 4%,#0000);display:grid;gap:12px;grid-template-columns:35px 38px minmax(0,1fr) auto auto;min-height:64px;min-width:0;padding:8px 15px;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.leaderboard-user-row:hover{border-color:color-mix(in srgb,#7157e8 28%,#e5e5ea);border-color:color-mix(in srgb,var(--primary) 28%,var(--line));box-shadow:0 7px 18px color-mix(in srgb,#232336 7%,#0000);box-shadow:0 7px 18px color-mix(in srgb,var(--ink) 7%,#0000);transform:translateY(-1px)}.leaderboard-user-rank{font-feature-settings:"tnum";color:#666675;color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums;font-weight:750;text-align:center}.leaderboard-user-row .leaderboard-you-badge{grid-column:4;grid-row:1}.leaderboard-user-row .leaderboard-user-xp{grid-column:5;grid-row:1}.leaderboard-empty-list{background:#fff;background:var(--surface);border:1px solid #e5e5ea;border:1px solid var(--line);border-radius:14px;color:#666675;color:var(--muted);font-size:11px;margin:0;padding:23px;text-align:center}.leaderboard-share-grid{grid-gap:14px;align-items:stretch;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.leaderboard-invite-panel,.leaderboard-qr-panel{align-items:center;background:#fff;background:var(--surface);border:1px solid #e5e5ea;border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;justify-content:center;min-width:0}.leaderboard-invite-panel{min-height:160px;padding:20px 14px 12px}.leaderboard-share-icon{background:#f5f5f7;background:var(--canvas);border:1px solid #e5e5ea;border:1px solid var(--line);border-radius:14px;color:#666675;color:var(--muted);display:grid;height:42px;margin-bottom:11px;place-items:center;width:42px}.leaderboard-invite-button{align-items:center;background:#242321;border:0;border-radius:12px;color:#fff;display:inline-flex;font-size:12px;font-weight:650;gap:9px;justify-content:center;min-height:43px;padding:0 16px;transition:background .18s ease,transform .18s ease}.leaderboard-invite-button:hover{background:#44413b;transform:translateY(-1px)}.leaderboard-invite-button:focus-visible{outline:3px solid #b9a783;outline-offset:3px}.leaderboard-copy-status{color:#5b7757;font-size:10px;margin-top:8px;min-height:16px}.leaderboard-qr-panel{gap:11px;padding:16px}.leaderboard-qr-panel svg{display:block;height:auto;max-width:100%}.leaderboard-qr-panel>span{color:#666675;color:var(--muted);font-size:10px}.leaderboard-sticky-rank{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:color-mix(in srgb,#fff 88%,#0000);background:color-mix(in srgb,var(--surface) 88%,#0000);border:1px solid color-mix(in srgb,#7157e8 22%,#e5e5ea);border:1px solid color-mix(in srgb,var(--primary) 22%,var(--line));border-radius:20px;bottom:17px;box-shadow:0 12px 36px color-mix(in srgb,#232336 12%,#0000);box-shadow:0 12px 36px color-mix(in srgb,var(--ink) 12%,#0000);display:flex;gap:12px;left:calc(126px + 50vw);min-height:68px;padding:9px 16px;position:fixed;transform:translateX(-50%);width:min(660px,calc(100vw - 284px));z-index:15}.leaderboard-sticky-rank-number{font-feature-settings:"tnum";color:#7157e8;color:var(--primary);font-size:18px;font-variant-numeric:tabular-nums;font-weight:800}.leaderboard-sticky-copy{grid-gap:3px;display:grid;gap:3px;min-width:0}.leaderboard-sticky-copy small{color:#666675;color:var(--muted);font-size:8px}.leaderboard-sticky-copy strong{color:#232336;color:var(--ink);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-sticky-xp{color:#7157e8;color:var(--primary);font-size:13px;margin-left:auto;white-space:nowrap}[data-theme=dark] .leaderboard-sticky-rank-number,[data-theme=dark] .leaderboard-sticky-xp,[data-theme=dark] .leaderboard-user-current .leaderboard-user-name{color:#c4b5fd}[data-theme=dark] .leaderboard-you-badge{background:#433c70;color:#ddd6fe}.eyebrow{color:#7157e8;color:var(--primary);display:block;font-size:9px;font-weight:800;letter-spacing:.15em}.date-pill{align-items:center;background:#fff;background:var(--surface);border:1px solid #e5e5ea;border:1px solid var(--line);border-radius:10px;color:#666675;color:var(--muted);display:inline-flex;font-size:10px;font-weight:600;gap:8px;padding:10px 13px;white-space:nowrap}.date-pill .ph{color:#7157e8;color:var(--primary);font-size:15px}.surface-card{background:#fff;background:var(--surface);border:1px solid #e5e5ea;border:1px solid var(--line);border-radius:16px}.surface-card,.welcome-banner{box-shadow:0 2px 12px #2323360f;box-shadow:var(--shadow)}.welcome-banner{align-items:center;border:1px solid color-mix(in srgb,#e5e5ea 75%,#f0edff);border:1px solid color-mix(in srgb,var(--line) 75%,var(--primary-soft));color:#232336;color:var(--ink);display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.92fr);overflow:hidden;padding:32px clamp(24px,4vw,44px);position:relative}.welcome-copy{position:relative;z-index:2}.welcome-date{align-items:center;background:color-mix(in srgb,#fff 88%,#0000);background:color-mix(in srgb,var(--surface) 88%,#0000);border:1px solid #e5e5ea;border:1px solid var(--line);border-radius:99px;color:#666675;color:var(--muted);display:inline-flex;font-size:10px;font-weight:700;gap:8px;padding:8px 12px}.welcome-date>span{background:#7157e8;background:var(--primary);border-radius:50%;height:7px;width:7px}.welcome-banner h2{font-size:clamp(27px,3.2vw,42px);font-weight:750;letter-spacing:-.055em;line-height:1.12;margin:20px 0 9px}.welcome-banner p{color:#666675;color:var(--muted);font-size:13px;line-height:1.6;margin:0 0 22px}.wave{color:#232336;color:var(--ink);font-size:.76em;margin-left:5px}.welcome-button{background:#17171b;border-radius:99px;color:#fff;font-size:11px;min-height:46px;padding:0 21px}.welcome-button:hover{background:#5f45d2;background:var(--primary-dark);color:#fff;transform:translateY(-1px)}.button{align-items:center;border:0;border-radius:10px;display:inline-flex;font-size:11px;font-weight:700;gap:9px;justify-content:center;min-height:42px;padding:0 16px;transition:.18s ease}.button-primary{background:#7157e8;background:var(--primary);box-shadow:0 5px 13px #7157e82c;color:#fff}.button-primary:hover{background:#5f45d2;background:var(--primary-dark);transform:translateY(-1px)}.button-light{background:#fff;color:#5c43cf}.button-light:hover{background:#f5f2ff}.button-secondary{background:#fff;background:var(--surface);border:1px solid #e5e5ea;border:1px solid var(--line);color:#232336;color:var(--ink)}.button-wide{width:100%}.button:disabled{cursor:wait;opacity:.65}.stat-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{background:#fff;background:var(--surface);border:1px solid #e5e5ea;border:1px solid var(--line);border-radius:14px;box-shadow:0 2px 12px #2323360f;box-shadow:var(--shadow);min-width:0;padding:18px}.stat-card-link{color:#232336;color:var(--ink);cursor:pointer;font:inherit;text-align:left;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease;width:100%}.stat-card-link:hover{border-color:#7157e8;border-color:var(--primary);box-shadow:0 2px 12px #2323360f,0 0 0 2px #f0edff;box-shadow:var(--shadow),0 0 0 2px var(--primary-soft);transform:translateY(-2px)}.stat-card-link:focus-visible{outline:3px solid #7157e8;outline:3px solid var(--primary);outline-offset:3px}.stat-card-top{align-items:center;display:flex;gap:9px}.stat-icon{border-radius:10px;display:inline-grid;flex:0 0 32px;font-size:16px;height:32px;place-items:center;width:32px}.stat-icon.violet{background:#f0edff;background:var(--primary-soft);color:#7157e8;color:var(--primary)}.stat-icon.green{background:#e4f7ef;color:#2e9f75}.stat-icon.orange{background:#fff2dd;color:#d99825}.stat-icon.blue{background:#e8f3fc;color:#4b89c7}.stat-caption{color:#666675;color:var(--muted);font-size:10px;font-weight:650}.stat-card>strong{display:block;font-size:28px;letter-spacing:-.04em;margin-top:15px}.stat-card>strong small{color:#666675;color:var(--muted);font-size:12px;font-weight:500;letter-spacing:0}.stat-card-description,.stat-card>p{color:#666675;color:var(--muted);display:block;font-size:9px;margin:4px 0 0}.activity-card{margin:16px 0;max-width:100%;min-width:0;padding:22px}.activity-heading{align-items:center;display:flex;gap:12px;justify-content:space-between}.activity-heading h3{font-size:16px;letter-spacing:-.025em;margin:6px 0 0}.activity-period{color:#666675;color:var(--muted);font-size:10px}.activity-chart{margin-top:17px;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;padding:0 0 5px}.activity-cells,.activity-months{grid-column-gap:4px;column-gap:4px;display:grid;grid-template-columns:repeat(26,12px);min-width:100%;width:max-content}.activity-months{color:#666675;color:var(--muted);font-size:9px;min-height:20px}.activity-cells{grid-auto-flow:column;grid-template-rows:repeat(7,12px);row-gap:4px}.activity-cell{background:color-mix(in srgb,#7157e8 5%,#f5f5f7);background:color-mix(in srgb,var(--primary) 5%,var(--canvas));border:1px solid color-mix(in srgb,#7157e8 12%,#e5e5ea);border:1px solid color-mix(in srgb,var(--primary) 12%,var(--line));border-radius:50%;display:block;height:12px;width:12px}.activity-level-1{background:color-mix(in srgb,#7157e8 20%,#fff);background:color-mix(in srgb,var(--primary) 20%,var(--surface));border-color:color-mix(in srgb,#7157e8 20%,#e5e5ea);border-color:color-mix(in srgb,var(--primary) 20%,var(--line))}.activity-level-2{background:color-mix(in srgb,#7157e8 48%,#fff);background:color-mix(in srgb,var(--primary) 48%,var(--surface));border-color:color-mix(in srgb,#7157e8 48%,#e5e5ea);border-color:color-mix(in srgb,var(--primary) 48%,var(--line))}.activity-level-3{background:#7157e8;background:var(--primary);border-color:#7157e8;border-color:var(--primary)}.activity-cell-future{opacity:.35}.activity-legend{align-items:center;color:#666675;color:var(--muted);display:flex;font-size:9px;gap:6px;justify-content:flex-end;margin-top:14px}.activity-legend .activity-cell{height:10px;width:10px}.overview-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:minmax(0,1.55fr) minmax(220px,.75fr)}.focus-promo,.overview-tasks{padding:22px}.section-heading{align-items:center;display:flex;gap:14px;justify-content:space-between}.section-heading h3{font-size:16px;letter-spacing:-.025em;margin:6px 0 0}.text-button{background:none;border:0;color:#7157e8;color:var(--primary);font-size:10px;font-weight:700;padding:6px}.text-button:hover{color:#5f45d2;color:var(--primary-dark)}.overview-list{grid-gap:0;display:grid;gap:0;list-style:none;margin:14px 0 0;padding:0}.overview-list li{align-items:center;border-top:1px solid #e5e5ea;border-top:1px solid var(--line);display:flex;font-size:11px;gap:10px;min-height:45px}.list-dot{background:#7157e8;background:var(--primary);border-radius:50%;box-shadow:0 0 0 4px #f0edff;box-shadow:0 0 0 4px var(--primary-soft);height:7px;width:7px}.overview-list li time{color:#666675;color:var(--muted);font-size:9px;margin-left:auto}.focus-promo{background:linear-gradient(145deg,#fff,#f0edff);background:linear-gradient(145deg,var(--surface),var(--primary-soft));overflow:hidden;position:relative}.focus-promo h3{font-size:20px;letter-spacing:-.04em;line-height:1.35;margin:16px 0 8px}.focus-promo p{color:#666675;color:var(--muted);font-size:10px;line-height:1.7;margin:0 0 16px}.contact-layout,.focus-layout,.habits-layout,.todo-layout{grid-gap:17px;align-items:start;display:grid;gap:17px;grid-template-columns:minmax(0,1.55fr) minmax(250px,.72fr)}.mobile-add-prompt{display:none}.habits-layout .add-task-card,.todo-layout .add-task-card{scroll-margin-top:90px}.focus-layout{grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr)}.routine-page{background:#faf9f7;border-radius:20px;color:#242323;padding:18px}.routine-layout{align-items:start;grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.routine-layout,.routine-sidebar{grid-gap:18px;display:grid;gap:18px}.routine-card{background:#fff;border:1px solid #eeece8;border-radius:16px;box-shadow:0 9px 28px rgba(49,42,34,.045);min-width:0}.routine-calendar-card,.routine-range-card{padding:21px}.routine-card-heading,.routine-table-heading{align-items:center;display:flex;gap:12px;justify-content:space-between}.routine-card h2,.routine-table-heading h2{color:#292825;font-size:17px;font-weight:650;letter-spacing:-.04em;margin:6px 0 0}.routine-month-controls{display:flex;gap:5px}.routine-month-controls button{background:#fff;border:1px solid #eeece8;border-radius:9px;color:#74716c;display:grid;height:29px;place-items:center;width:29px}.routine-month-controls button:hover{border-color:#d7cefb;color:#7157e8}.routine-month-controls button:disabled{cursor:not-allowed;opacity:.4}.routine-month-label{color:#373530;font-size:11px;font-weight:650;margin:21px 0 13px}.routine-calendar-grid{grid-gap:4px 2px;display:grid;gap:4px 2px;grid-template-columns:repeat(7,minmax(0,1fr))}.routine-weekday{color:#666675;color:var(--muted);display:grid;font-size:9px;font-weight:650;height:28px;place-items:center}.routine-calendar-empty{min-height:38px}.routine-calendar-day{align-items:center;background:#0000;border:0;border-radius:10px;color:#4c4943;display:flex;font-size:10px;justify-content:center;min-height:38px;min-width:0;position:relative;transition:background .16s ease,color .16s ease}.routine-calendar-day:hover{background:#f5f3f0}.routine-calendar-day:disabled{cursor:not-allowed;opacity:.35}.routine-calendar-day:disabled:hover{background:#0000}.routine-calendar-day-today:not(.routine-calendar-day-selected){box-shadow:inset 0 0 0 1px #ded9cf}.routine-calendar-day-selected,.routine-calendar-day-selected:hover{background:#7058d9;color:#fff}.routine-calendar-dot{background:#755bdd;border-radius:50%;bottom:4px;height:4px;left:50%;position:absolute;transform:translateX(-50%);width:4px}.routine-calendar-day-selected .routine-calendar-dot{background:#fff}.routine-calendar-legend{align-items:center;color:#666675;color:var(--muted);display:flex;font-size:9px;gap:8px;margin-top:15px}.routine-calendar-legend .routine-calendar-dot{position:static;transform:none}.routine-weekdays-card{padding:21px}.routine-weekday-options{grid-gap:7px;display:grid;gap:7px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:17px}.routine-weekday-option{background:#fff;border:1px solid #eeece8;border-radius:9px;color:#77736d;font-size:9px;font-weight:650;min-height:34px;padding:0 5px;transition:.15s ease}.routine-weekday-option:hover{border-color:#c9c0ef;color:#6651bf}.routine-weekday-option-selected,.routine-weekday-option-selected:hover{background:#7058d9;border-color:#7058d9;color:#fff}.routine-save-button{background:#7058d9;border:0;border-radius:10px;color:#fff;font-size:10px;font-weight:700;margin-top:13px;min-height:38px;transition:.15s ease;width:100%}.routine-save-button:hover:not(:disabled){background:#5d45c3}.routine-save-button:disabled{cursor:not-allowed;opacity:.48}.routine-save-message{color:#378265;font-size:9px;line-height:1.5;margin:10px 0 0}.routine-range-icon{background:#f1eefb;border-radius:10px;color:#7058d9;display:grid;font-size:16px;height:30px;place-items:center;width:30px}.routine-range-inputs{grid-gap:12px;display:grid;gap:12px;margin-top:18px}.routine-range-inputs label{grid-gap:7px;color:#77736d;display:grid;font-size:9px;font-weight:600;gap:7px}.routine-add-form input,.routine-range-inputs input{background:#fff;border:1px solid #eeece8;border-radius:9px;color:#35332f;font-size:10px;min-width:0;width:100%}.routine-range-inputs input{min-height:38px;padding:0 10px}.routine-add-form input:focus,.routine-range-inputs input:focus{border-color:#b7aaf1;outline:3px solid #7157e822}.routine-range-note{background:#f5f2ff;border-radius:9px;color:#66549d;font-size:9px;line-height:1.5;margin:13px 0 0;padding:10px 11px}.routine-range-note strong{color:#5942bd}.routine-range-error{background:#fff0ef;color:#a33d3d}.routine-table-card{overflow:hidden;padding:24px 23px 20px}.routine-table-heading{align-items:flex-start;margin-bottom:23px}.routine-table-heading h2{font-size:21px;margin-top:7px}.routine-table-heading p{color:#666675;color:var(--muted);font-size:10px;margin:6px 0 0}.routine-count{background:#f6f5f2;border-radius:99px;color:#77736d;flex:0 0 auto;font-size:9px;font-weight:650;padding:7px 10px}.routine-row,.routine-table-header{grid-gap:9px;align-items:center;display:grid;gap:9px;grid-template-columns:minmax(68px,2fr) minmax(130px,6fr) minmax(72px,3fr) minmax(38px,1fr)}.routine-table-header{border-bottom:1px solid #eeece8;color:#666675;color:var(--muted);font-size:8px;font-weight:700;min-height:38px;padding:0 11px}.routine-column-label{align-items:center;display:inline-flex;gap:5px}.routine-row{border:0;border-bottom:1px solid #f1efec;min-height:0;padding:6px 11px;text-align:left}.routine-row:last-child{border-bottom:0}.routine-row-selected{background:#fbfaff}.routine-time{font-feature-settings:"tnum";color:#77736d;font-size:12px;font-variant-numeric:tabular-nums}.routine-task-name{color:#373530;font-size:12px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.routine-task-cell{grid-gap:5px;display:grid;gap:5px;min-width:0}.routine-task-name-button{background:#0000;border:0;display:block;min-width:0;overflow:hidden;padding:0;text-align:left}.routine-row-done .routine-task-name-button:hover .routine-task-name,.routine-task-name-button:hover .routine-task-name{color:#6651bf}.routine-row-done .routine-task-name{color:#666675;color:var(--muted);text-decoration:line-through}.routine-edit-actions,.routine-task-actions{align-items:center;display:flex;gap:5px}.routine-task-actions button{align-items:center;background:#fff;border:1px solid #e8e4f6;border-radius:7px;color:#6651bf;display:inline-flex;font-size:11px;gap:4px;min-height:28px;padding:0 7px}.routine-task-actions button:last-child{border-color:#f0dada;color:#b44949}.routine-edit-actions{flex-direction:column}.routine-edit-actions button{background:#fff;border:1px solid #d5e9dd;border-radius:7px;color:#378265;display:grid;height:27px;padding:0;place-items:center;width:27px}.routine-edit-actions .routine-edit-cancel{border-color:#ece9e3;color:#77736d}.routine-inline-edit-input{background:#fff;border:1px solid #d8d0f2;border-radius:7px;color:#35332f;font:inherit;font-size:12px;height:34px;min-width:0;padding:0 6px;width:100%}.routine-badge{border-radius:99px;display:inline-flex;font-size:12px;font-weight:650;padding:3px 7px}.routine-badge-emerald{background:#eaf5ee;color:#378265}.routine-badge-indigo{background:#f0edfc;color:#6853bb}.routine-badge-amber{background:#fbf3e2;color:#a57527}.routine-badge-slate{background:#eef1f5;color:#596579}.routine-done-cell{display:flex;justify-content:center}.routine-checkbox{background:#fff;border:1.5px solid #dcd9d2;border-radius:6px;color:#fff;display:grid;font-size:12px;font-weight:700;height:19px;padding:0;place-items:center;transition:background .15s ease,border-color .15s ease;width:19px}.routine-checkbox:hover{border-color:#58a77d}.routine-checkbox-checked{background:#51a879;border-color:#51a879}.routine-empty{color:#666675;color:var(--muted);font-size:10px;padding:28px 8px;text-align:center}.routine-add-form{border-top:0;gap:9px;grid-template-columns:minmax(68px,2fr) minmax(130px,6fr) minmax(72px,3fr) minmax(38px,1fr);margin:0;padding:8px 11px}.routine-add-form input,.routine-add-form select{height:38px;padding:0 10px}.routine-add-form input{font-size:12px}.routine-add-form select,.routine-custom-badge-form input,.routine-custom-badge-form select{background:#fff;border:1px solid #eeece8;border-radius:9px;color:#35332f;font-family:inherit}.routine-category-select{display:block;min-width:0}.routine-category-select select{border:1px solid #eeece8;border-radius:9px;font-size:9px;font-weight:650;min-width:0;width:100%}.routine-category-emerald select{background:#eaf5ee;color:#378265}.routine-category-indigo select{background:#f0edfc;color:#6853bb}.routine-category-amber select{background:#fbf3e2;color:#a57527}.routine-category-slate select{background:#eef1f5;color:#596579}.routine-add-button{background:#7058d9;border:0;border-radius:10px;box-shadow:0 5px 12px #7058d92c;color:#fff;display:grid;font-size:23px;height:38px;line-height:1;place-items:center;width:38px}.routine-add-button:hover{background:#5d45c3}.routine-badge-manager{grid-gap:8px;display:grid;gap:8px;justify-items:end;margin-top:10px}.routine-custom-badge-form{grid-gap:7px;align-items:center;display:grid;gap:7px;grid-template-columns:minmax(0,1fr) 110px auto;width:min(390px,100%)}.routine-custom-badge-form input,.routine-custom-badge-form select{font-size:12px;height:38px;min-width:0;padding:0 10px;width:100%}.routine-create-badge-button{align-items:center;background:#f7f5fc;border:1px solid #e8e4f6;border-radius:9px;color:#6651bf;display:inline-flex;font-size:11px;font-weight:650;gap:5px;justify-content:center;min-height:36px;padding:0 11px;white-space:nowrap}.routine-create-badge-button:hover:not(:disabled){background:#f0edfc;border-color:#c9c0ef}.routine-create-badge-button:disabled{cursor:not-allowed;opacity:.5}.routine-custom-badge-list{grid-gap:7px;display:grid;gap:7px;width:min(390px,100%)}.routine-custom-badge-item{align-items:center;border:1px solid #eeece8;border-radius:9px;display:flex;gap:8px;justify-content:space-between;min-height:38px;padding:4px 6px 4px 9px}.routine-badge-delete-button{background:#fff4f3;border:0;border-radius:7px;color:#aa5353;display:grid;flex:0 0 30px;height:30px;place-items:center;width:30px}.routine-badge-delete-confirm{align-items:center;color:#77736d;display:flex;flex-wrap:wrap;font-size:10px;gap:5px;justify-content:flex-end;text-align:right}.routine-badge-delete-confirm button{background:#fff;border:1px solid #f0dada;border-radius:7px;color:#a33d3d;font-size:10px;font-weight:650;min-height:28px;padding:0 8px}.routine-badge-delete-confirm button:last-child{border-color:#eeece8;color:#77736d}.routine-visually-hidden{clip:rect(0,0,0,0);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.todo-list-panel{min-height:350px;overflow:hidden}.todo-toolbar{align-items:center;border-bottom:1px solid #e5e5ea;border-bottom:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;min-height:64px;padding:12px 18px}.filter-tabs{display:flex;gap:5px}.filter-tabs button{align-items:center;background:#0000;border:0;border-radius:8px;color:#666675;color:var(--muted);display:inline-flex;font-size:9px;font-weight:700;gap:7px;padding:8px 10px}.filter-tabs button span{background:#f5f5f7;background:var(--canvas);border-radius:6px;display:grid;font-size:8px;height:17px;min-width:17px;place-items:center}.filter-tabs button.filter-active{background:#f0edff;background:var(--primary-soft);color:#7157e8;color:var(--primary)}.search-field{align-items:center;border:1px solid #e5e5ea;border:1px solid var(--line);border-radius:8px;color:#666675;color:var(--muted);display:flex;gap:6px;padding:8px 9px;width:min(185px,35%)}.search-field>.ph{font-size:14px}.search-field input{background:#0000;border:0;color:#232336;color:var(--ink);font-size:9px;min-width:0;outline:0;width:100%}.habit-list,.todo-items{padding:0 17px}.todo-item{align-items:center;border-bottom:1px solid #e5e5ea;border-bottom:1px solid var(--line);display:flex;gap:12px;min-height:78px}.todo-item:last-child{border-bottom:0}.todo-item-urgent{border-left:3px solid #d74747;padding-left:9px}.todo-check{background:#fff;background:var(--surface);border:1.5px solid #d5d4e0;border-radius:7px;color:#fff;display:grid;flex:0 0 20px;font-size:12px;height:20px;place-items:center;width:20px}.todo-check:hover{border-color:#7157e8;border-color:var(--primary)}.todo-check-active{background:#2fa77e;background:var(--green);border-color:#2fa77e;border-color:var(--green)}.todo-item-copy{flex:1 1;min-width:0}.todo-item-copy h3{font-size:11px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis}.todo-title-row{align-items:center;display:flex;gap:7px}.todo-title-row h3{flex:1 1;min-width:0}.todo-title-row{margin:0;min-width:0}.todo-summary{align-items:center;background:#0000;border:0;color:inherit;display:flex;font:inherit;gap:7px;min-width:0;padding:0;text-align:left;width:100%}.todo-summary-title{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis}.todo-expand-icon{color:#666675;color:var(--muted);display:none;flex:0 0 auto;transition:transform .2s ease}.todo-item-expanded .todo-expand-icon{transform:rotate(180deg)}.todo-priority{border-radius:5px;flex:0 0 auto;font-size:7px;font-weight:750;padding:4px 6px;white-space:nowrap}.todo-priority-high{background:#ffebec;color:#b8323d}.todo-priority-medium{background:#fff3d9;color:#a56a13}.todo-priority-low{background:#e8f8f0;color:#25805d}.todo-focus-button{background:#fff;background:var(--surface);border:1px solid #e5e5ea;border:1px solid var(--line);border-radius:9px;color:#7157e8;color:var(--primary);display:grid;flex:0 0 30px;font-size:15px;height:30px;place-items:center;width:30px}.todo-focus-button:hover{background:#f0edff;background:var(--primary-soft);border-color:#7157e8;border-color:var(--primary)}.todo-focus-button span{display:none}.todo-primary-meta{display:contents}.todo-details{min-width:0}.todo-actions{align-items:center;display:flex;gap:7px}.todo-item-copy p{color:#666675;color:var(--muted);font-size:9px;line-height:1.5;margin:5px 0 0}.todo-edit-fields{grid-gap:6px;display:grid;gap:6px;padding:8px 0}.todo-edit-fields input,.todo-edit-fields select,.todo-edit-fields textarea{background:#fff;background:var(--surface);border:1px solid #e5e5ea;border:1px solid var(--line);border-radius:7px;color:#232336;color:var(--ink);font-size:9px;padding:7px 8px;width:100%}.todo-item-done .todo-item-copy h3{color:#666675;color:var(--muted);text-decoration:line-through}.todo-due{color:#666675;color:var(--muted);display:inline-block;font-size:9px;margin-top:7px}.todo-due .ph,.todo-focus-time{color:#7157e8;color:var(--primary)}.todo-focus-time{display:inline-block;font-size:9px;font-weight:650;margin:7px 0 0 8px}.todo-focus-time .ph{margin-right:3px}.todo-due-urgent,.todo-due-urgent .ph{color:#c93434;font-weight:700}.todo-deadline-alert{background:#fff0f0;border:1px solid #f1c6c6;border-radius:9px;color:#c93434;display:grid;flex:0 0 30px;font-size:17px;height:30px;place-items:center;width:30px}.todo-deadline-alert:hover,.todo-deadline-alert[aria-expanded=true]{background:#ffe2e2;border-color:#d74747}.todo-deadline-warning{color:#b92c2c!important;font-size:9px!important;font-weight:650;margin:7px 0 0!important}.danger-button{background:#0000;border-color:#0000;flex-basis:30px;font-size:15px;height:30px;width:30px}.danger-button:hover{background:#fff3f3;border-color:#f4dddd;color:#d66161}.add-task-card{padding:21px}.add-task-card h3,.contact-form-card>h3{font-size:17px;letter-spacing:-.035em;margin:8px 0 5px}.add-task-card>p{color:#666675;color:var(--muted);font-size:10px;margin:0 0 19px}.form-stack,.profile-form{grid-gap:14px;display:grid;gap:14px}.form-row>label,.form-stack>label,.profile-form>label{grid-gap:7px;color:#232336;color:var(--ink);display:grid;font-size:10px;font-weight:700;gap:7px}.form-row input,.form-stack input,.form-stack select,.form-stack textarea,.profile-form input{background:#fff;background:var(--surface);border:1px solid #e5e5ea;border:1px solid var(--line);border-radius:9px;color:#232336;color:var(--ink);font-size:10px;font-weight:450;min-width:0;outline:none;padding:11px 12px;resize:vertical;transition:border-color .15s,box-shadow .15s;width:100%}.form-row input:focus,.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus,.profile-form input:focus{border-color:#a89af1;box-shadow:0 0 0 3px #7157e815}.form-row input::placeholder,.form-stack input::placeholder,.form-stack textarea::placeholder{color:#666675;color:var(--muted)}.form-stack input[type=date]{color-scheme:light}.todo-quick-dates{display:flex;flex-wrap:wrap;gap:6px;margin-top:-7px}.todo-quick-date{background:#fff;background:var(--surface);border:1px solid #e5e5ea;border:1px solid var(--line);border-radius:7px;color:#666675;color:var(--muted);font-size:8px;font-weight:650;padding:6px 8px}.todo-quick-date-active,.todo-quick-date:hover{background:#f0edff;background:var(--primary-soft);border-color:#bcb2f4;color:#7157e8;color:var(--primary)}.optional{color:#666675;color:var(--muted);font-size:9px;font-weight:450}.form-error{color:#cf4c59;font-size:10px;margin:0}.success-message{color:#21865f;font-size:10px;font-weight:700;margin:0}.empty-state{grid-gap:9px;align-content:center;color:#666675;color:var(--muted);display:grid;gap:9px;justify-items:center;min-height:190px;padding:25px;text-align:center}.empty-state>.ph{color:#b7afd9;font-size:29px}.empty-state p{font-size:10px;margin:0}.empty-state .text-button{padding:0}.habit-progress{grid-gap:6px;color:#666675;color:var(--muted);display:grid;font-size:9px;font-weight:650;gap:6px;justify-items:center}.habit-progress-ring{background:conic-gradient(#7157e8 var(--progress),#e5e5ea 0);background:conic-gradient(var(--primary) var(--progress),var(--line) 0);border-radius:50%;display:grid;height:61px;place-items:center;width:61px}.habit-progress-ring:before{background:#fff;background:var(--surface);border-radius:50%;content:"";height:49px;position:absolute;width:49px}.habit-progress-ring strong{color:#232336;color:var(--ink);font-size:13px;z-index:1}.habit-progress-ring small{font-size:8px}.habits-list-card{padding:20px 0 5px}.habits-list-card>.section-heading{padding:0 21px 16px}.heading-count{color:#666675;color:var(--muted);font-size:10px;font-weight:500;margin-left:6px}.habits-empty-state{grid-gap:10px;align-content:center;display:grid;gap:10px;justify-items:center;min-height:340px;padding:28px;text-align:center}.habits-empty-illustration{height:auto;width:min(230px,75%)}.habits-empty-state h4{color:#232336;color:var(--ink);font-size:15px;line-height:1.5;margin:0;max-width:330px}.habits-empty-state p{color:#666675;color:var(--muted);font-size:10px;line-height:1.7;margin:0 0 6px;max-width:320px}.habit-week-progress{background:#f5f5f7;background:var(--canvas);border-radius:6px;flex:1 1;height:6px;min-width:24px;overflow:hidden}.habit-week-progress>span{background:var(--habit-color);border-radius:inherit;display:block;height:100%;transition:width .2s ease}.habit-item{grid-gap:0 12px;align-items:start;border-bottom:1px solid #e5e5ea;border-bottom:1px solid var(--line);display:grid;gap:0 12px;grid-template-columns:minmax(0,1fr) 32px;padding:14px 0}.habit-icon{background:#f0edff;background:var(--primary-soft);border:1px solid var(--habit-color);border-radius:10px;display:grid;flex:0 0 33px;font-size:17px;height:33px;place-items:center;width:33px}.habit-item>.habit-check{border-radius:10px;font-size:15px;grid-column:2;grid-row:1;height:32px;width:32px}.habit-item>.todo-item-copy{grid-column:1;grid-row:1}.habit-summary{grid-gap:11px;align-items:center;background:#0000;border:0;color:inherit;display:grid;gap:11px;grid-template-columns:36px minmax(0,1fr);min-width:0;padding:0;text-align:left}.habit-summary-copy{flex:1 1;min-width:0}.habit-name{color:#232336;color:var(--ink);display:block;font-size:11px;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis}.habit-title-row{align-items:center;display:flex;gap:8px;justify-content:space-between}.habit-streak{align-items:center;color:#d97732;display:inline-flex;flex:0 0 auto;font-size:8px;font-weight:700;gap:4px;white-space:nowrap}.habit-streak .ph{font-size:11px}.habit-streak-week{color:#b77912}.habit-streak-week .ph{color:#e9a23b}.habit-formed-badge{align-items:center;background:#f3efff;border:1px solid #d6c6ff;border-radius:6px;color:#6544c0;display:inline-flex;font-size:8px;font-weight:750;gap:4px;margin-top:5px;padding:4px 7px}.habit-reports{grid-gap:8px;align-items:center;background:#f5f5f7;background:var(--canvas);border-radius:8px;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto;margin-top:9px;padding:8px 9px}.habit-report-summary{color:#666675;color:var(--muted);font-size:8px!important;line-height:1.6!important;margin:0!important}.habit-report-summary strong{color:#232336;color:var(--ink)}.habit-month-chart{align-items:end;display:flex;gap:4px;height:45px}.habit-month-chart-column{grid-gap:3px;display:grid;gap:3px;height:100%;justify-items:center}.habit-month-chart-track{align-items:end;background:#e5e5ea;background:var(--line);border-radius:4px;display:flex;height:33px;overflow:hidden;width:7px}.habit-month-chart-track>span{background:var(--habit-color);border-radius:inherit;width:100%}.habit-month-chart-column small{color:#666675;color:var(--muted);font-size:6px;line-height:1}.habit-reason{align-items:flex-start;background:#fff7f9;border-left:2px solid #e8a4b7;border-radius:0 6px 6px 0;color:#666675;color:var(--muted);display:flex;font-size:8px!important;gap:6px;line-height:1.6!important;margin:7px 0 0!important;padding:7px 8px}.habit-reason>.ph{color:#d66183;flex:0 0 auto}.habit-reason strong{color:#232336;color:var(--ink);margin-right:3px}.habit-week{grid-gap:7px 8px;align-items:center;display:grid;gap:7px 8px;grid-template-columns:auto minmax(24px,1fr);margin-top:8px}.habit-week-count{color:#666675;color:var(--muted);font-size:8px;font-weight:650;white-space:nowrap}.habit-week-days{display:flex;gap:4px;grid-column:1/-1;justify-content:space-between}.habit-week-day{background:#f5f5f7;background:var(--canvas);border-radius:6px;color:#666675;color:var(--muted);display:grid;font-size:7px;font-weight:650;height:21px;place-items:center;width:23px}.habit-week-day-done{background:#e8f8f0;color:#20855f}.habit-week-day-unavailable{background:#0000;color:#b7b7c2}.habit-week-day-today{outline:1px solid #7157e8;outline:1px solid var(--primary);outline-offset:1px}.habit-status{background:#f5f5f7;background:var(--canvas);border-radius:6px;color:#666675;color:var(--muted);font-size:8px;font-weight:700;padding:6px 8px;white-space:nowrap}.habit-status-done{background:#e8f8f0;color:#20855f}.habit-actions{align-items:center;display:none;gap:7px;grid-column:1/-1;grid-row:2;justify-content:flex-end;margin-top:10px}.habit-item-expanded .habit-actions{display:flex}.habit-details{margin-top:9px;min-width:0}.habit-expanded-details{margin-top:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,margin-top .3s ease,opacity .3s ease}.habit-item-expanded .habit-expanded-details{margin-top:10px;max-height:700px;opacity:1}.color-field{border:0;padding:0}.color-field legend{color:#232336;color:var(--ink);font-size:10px;font-weight:700;margin-bottom:9px}.color-options{display:flex;gap:9px}.color-option{border:2px solid #fff;border:2px solid var(--surface);border-radius:50%;box-shadow:0 0 0 1px #0000;height:22px;width:22px}.color-option-active{box-shadow:0 0 0 2px #7157e8;box-shadow:0 0 0 2px var(--primary)}.habit-frequency-field,.habit-icon-field{border:0;min-width:0;padding:0}.habit-frequency-field legend,.habit-icon-field legend{color:#232336;color:var(--ink);font-size:10px;font-weight:700;margin-bottom:9px}.habit-frequency-options,.habit-icon-options{display:flex;flex-wrap:wrap;gap:7px}.habit-icon-option{background:#fff;background:var(--surface);border:1px solid #e5e5ea;border:1px solid var(--line);border-radius:9px;display:grid;font-size:17px;height:34px;place-items:center;width:34px}.habit-icon-option-active{background:#f0edff;background:var(--primary-soft);border-color:#7157e8;border-color:var(--primary);box-shadow:0 0 0 1px #7157e8;box-shadow:0 0 0 1px var(--primary)}.habit-frequency-option{background:#fff;background:var(--surface);border:1px solid #e5e5ea;border:1px solid var(--line);border-radius:8px;color:#666675;color:var(--muted);font-size:9px;font-weight:700;height:32px;min-width:34px;padding:0 7px}.habit-frequency-option-active{background:#f0edff;background:var(--primary-soft);border-color:#7157e8;border-color:var(--primary);color:#7157e8;color:var(--primary)}.focus-timer-card{display:grid;justify-items:center;padding:25px 20px 20px}.focus-task-label{align-items:center;color:#666675;color:var(--muted);display:flex;flex-wrap:wrap;font-size:9px;gap:6px;justify-content:center;margin:15px 0 0}.focus-task-label>.ph{color:#7157e8;color:var(--primary)}.focus-task-label strong{color:#232336;color:var(--ink)}.focus-task-picker{grid-gap:7px;color:#666675;color:var(--muted);display:grid;font-size:9px;font-weight:650;gap:7px;margin-top:17px;text-align:center;width:min(340px,100%)}.focus-task-picker select{background:#fff;background:var(--surface);border:1px solid #e5e5ea;border:1px solid var(--line);border-radius:9px;color:#232336;color:var(--ink);font:inherit;padding:10px 12px;text-align:left;width:100%}.focus-task-picker select:focus{border-color:#a89af1;box-shadow:0 0 0 3px #7157e815;outline:0}.focus-task-picker select:disabled{opacity:.65}.timer-modes{background:#f5f5f7;background:var(--canvas);border-radius:10px;display:flex;flex-wrap:wrap;gap:5px;justify-content:center;padding:4px}.timer-modes button{background:#0000;border:0;border-radius:7px;color:#666675;color:var(--muted);font-size:9px;font-weight:700;padding:8px 13px}.timer-modes button.timer-mode-active{background:#fff;background:var(--surface);box-shadow:0 2px 6px #2823460d;color:#7157e8;color:var(--primary)}.timer-modes button:disabled{cursor:not-allowed;opacity:.7}.timer-wrap{aspect-ratio:1;margin:20px 0 8px;position:relative;width:min(270px,75vw)}.timer-wrap svg{height:100%;transform:rotate(-90deg);width:100%}.timer-progress,.timer-track{fill:none;stroke-width:5}.timer-track{stroke:#e5e5ea;stroke:var(--line)}.timer-progress{stroke:#7157e8;stroke:var(--primary);stroke-linecap:round;transition:stroke-dashoffset .4s linear}.timer-value{align-content:center;display:grid;inset:0;justify-items:center;position:absolute}.timer-value strong{font-feature-settings:"tnum";font-size:55px;font-variant-numeric:tabular-nums;font-weight:650;letter-spacing:-.065em}.timer-value span{color:#666675;color:var(--muted);font-size:10px;margin-top:4px}.timer-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.timer-start{min-width:145px}.focus-aside{grid-gap:14px;display:grid;gap:14px}.contact-info,.focus-settings{padding:21px}.focus-settings-form{grid-gap:13px;display:grid;gap:13px;margin-top:16px}.focus-settings-form>label{grid-gap:6px;color:#232336;color:var(--ink);display:grid;font-size:9px;font-weight:700;gap:6px}.focus-settings-form input[type=number]{background:#f5f5f7;background:var(--canvas);border:1px solid #e5e5ea;border:1px solid var(--line);border-radius:8px;color:#232336;color:var(--ink);font-size:11px;min-width:0;padding:10px;width:100%}.focus-settings-form input:disabled{opacity:.6}.alarm-options{border:0;margin:0;min-width:0;padding:0}.alarm-options legend{color:#232336;color:var(--ink);font-size:9px;font-weight:700;margin-bottom:8px}.alarm-options>div{display:flex;flex-wrap:wrap;gap:7px}.alarm-option{align-items:center;border:1px solid #e5e5ea;border:1px solid var(--line);border-radius:8px;color:#666675;color:var(--muted);cursor:pointer;display:inline-flex;font-size:9px;gap:5px;padding:7px 8px}.alarm-option:has(input:checked){background:#f0edff;background:var(--primary-soft);border-color:#7157e8;border-color:var(--primary);color:#7157e8;color:var(--primary)}.alarm-option input{accent-color:#7157e8;accent-color:var(--primary);margin:0}.alarm-options:disabled .alarm-option{cursor:not-allowed;opacity:.6}.music-options{grid-gap:9px;display:grid;gap:9px}.music-enabled-option{align-items:center;color:#232336;color:var(--ink);cursor:pointer;display:flex;font-size:9px;gap:7px}.music-enabled-option input{accent-color:#7157e8;accent-color:var(--primary);margin:0}.music-options:disabled .music-enabled-option{cursor:not-allowed;opacity:.6}.music-description{color:#666675;color:var(--muted);font-size:8px;line-height:1.5;margin:0}.focus-settings-actions{display:flex;flex-wrap:wrap;gap:7px}.focus-settings-actions .button{font-size:9px;min-height:36px;padding:0 10px}.contact-info h3{font-size:18px;letter-spacing:-.035em;line-height:1.35;margin:0 0 8px}.profile-card{padding:25px}.profile-summary{align-items:center;border-bottom:1px solid #e5e5ea;border-bottom:1px solid var(--line);display:flex;gap:13px;min-width:0;padding-bottom:23px}.profile-chip-avatar,.profile-chip-initials{border-radius:50%;display:grid;flex:0 0 34px;height:34px;overflow:hidden;place-items:center;width:34px}.profile-avatar-image,.profile-chip-avatar{object-fit:cover}.profile-avatar-fallback,.profile-avatar-image{border-radius:50%;display:grid;flex:0 0 96px;height:96px;overflow:hidden;place-items:center;width:96px}.profile-avatar-fallback,.profile-chip-initials{background:#e9e4ff;color:#6148d1;font-weight:800}.profile-avatar-fallback-large{font-size:30px}.profile-chip-initials{font-size:11px}.profile-avatar-control{grid-gap:6px;display:grid;gap:6px;justify-items:center}.profile-avatar-change{background:#f0edff;background:var(--primary-soft);border:0;border-radius:8px;color:#7157e8;color:var(--primary);font-size:10px;font-weight:700;padding:6px 10px;transition:background .18s ease,transform .18s ease}.profile-avatar-change:hover{background:color-mix(in srgb,#f0edff 75%,#7157e8);background:color-mix(in srgb,var(--primary-soft) 75%,var(--primary));transform:translateY(-1px)}.avatar-picker-backdrop{align-items:start;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0f0f197a;display:grid;inset:0;justify-items:center;padding:clamp(16px,5vh,48px) 20px;position:fixed;z-index:80}.avatar-picker-panel{background:#fff;background:var(--surface);border:1px solid #e5e5ea;border:1px solid var(--line);border-radius:22px;box-shadow:0 24px 80px #00000038;max-height:calc(100vh - clamp(16px, 5vh, 48px) - clamp(16px, 5vh, 48px));max-height:calc(100dvh - clamp(16px, 5vh, 48px) - clamp(16px, 5vh, 48px));overflow-y:auto;padding:22px;width:min(100%,410px)}.avatar-picker-heading{align-items:center;display:flex;gap:15px;justify-content:space-between;margin-bottom:20px}.avatar-picker-heading h2{font-size:20px;letter-spacing:-.04em;margin:6px 0 0}.avatar-picker-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.avatar-picker-option{aspect-ratio:1;background:#f5f5f7;background:var(--canvas);border:2px solid #0000;border-radius:18px;cursor:pointer;display:grid;overflow:hidden;padding:4px;place-items:center;position:relative;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.avatar-picker-option:hover{transform:translateY(-2px)}.avatar-picker-option img{border-radius:14px;display:block;height:100%;object-fit:cover;transition:transform .18s ease;width:100%}.avatar-picker-option:hover img{transform:scale(1.06)}.avatar-picker-option-selected{border-color:#7157e8;border-color:var(--primary);box-shadow:0 0 0 4px #f0edff;box-shadow:0 0 0 4px var(--primary-soft)}.avatar-picker-check{background:#7157e8;background:var(--primary);border:2px solid #fff;border:2px solid var(--surface);border-radius:50%;bottom:0;color:#fff;display:grid;height:23px;place-items:center;position:absolute;right:0;width:23px}.profile-summary h3{font-size:14px;margin:0}.profile-summary>div:nth-child(2){min-width:0}.profile-summary p{color:#666675;color:var(--muted);font-size:10px;margin:5px 0 0;overflow-wrap:anywhere}.account-badge{align-items:center;background:#e8f8f0;border-radius:7px;color:#20855f;display:inline-flex;font-size:9px;font-weight:700;gap:5px;margin-left:auto;padding:7px 9px}.profile-form{margin-top:22px;max-width:600px}.form-row{grid-gap:13px;display:grid;gap:13px;grid-template-columns:1fr 1fr}.profile-form input:disabled{background:#f5f5f7;background:var(--canvas);color:#666675;color:var(--muted)}.profile-note{align-items:center;color:#666675;color:var(--muted);display:flex;font-size:9px;gap:6px;margin:-4px 0 0}.profile-note>.ph{color:#7157e8;color:var(--primary);font-size:14px}.profile-form-footer{align-items:center;display:flex;gap:15px;justify-content:flex-end;margin-top:4px;min-height:42px}.profile-security{grid-gap:14px;display:grid;gap:14px;grid-template-columns:minmax(0,1fr);max-width:750px}.profile-security-card{padding:20px}.profile-security-card .section-heading h3{margin-top:6px}.security-description{color:#666675;color:var(--muted);font-size:10px;line-height:1.6;margin:10px 0 16px}.profile-security-form{grid-gap:12px;display:grid;gap:12px}.profile-security-form>label{grid-gap:6px;color:#232336;color:var(--ink);display:grid;font-size:9px;font-weight:700;gap:6px}.profile-security-form input{background:#f5f5f7;background:var(--canvas);border:1px solid #e5e5ea;border:1px solid var(--line);border-radius:8px;color:#232336;color:var(--ink);font-size:11px;min-width:0;padding:11px;width:100%}.profile-security-form input:disabled{opacity:.6}.profile-security-form .button{justify-self:start}.profile-security-form .form-error,.profile-security-form .success-message{margin:0}.data-notice{align-items:center;display:flex;gap:13px;max-width:750px;padding:17px}.data-notice h3{font-size:11px;margin:0 0 4px}.data-notice p{color:#666675;color:var(--muted);font-size:9px;line-height:1.6;margin:0}.settings-card{gap:20px;justify-content:space-between;max-width:750px;padding:20px}.settings-card,.settings-copy{align-items:center;display:flex}.settings-copy{gap:13px}.settings-copy .stat-icon{flex:0 0 36px;height:36px;width:36px}.settings-copy h2{font-size:13px;margin:0 0 5px}.settings-copy p{color:#666675;color:var(--muted);font-size:10px;margin:0}.settings-notifications-card{display:grid;grid-template-columns:minmax(0,1fr) auto}.settings-notifications-card .settings-copy{min-width:0}.settings-notifications-card .settings-copy p{line-height:1.55}.settings-notification-message{font-size:11px;grid-column:1/-1;line-height:1.5;margin:0}.settings-notification-error{color:#b8323d}.settings-notification-success{color:#21865f}.settings-notification-state{align-items:center;border-radius:10px;display:inline-flex;font-size:11px;font-weight:700;gap:7px;justify-self:end;min-height:38px;padding:0 12px;white-space:nowrap}.settings-notification-state .ph{font-size:16px}.settings-notification-state-enabled{background:#e8f8f0;color:#21865f}.settings-notification-state-blocked{background:#ffebec;color:#b8323d}.settings-reset-card{grid-gap:15px;border-color:#f0dada;display:grid;gap:15px;max-width:750px;padding:20px}.settings-reset-copy{align-items:flex-start;display:flex;gap:13px}.settings-reset-copy .stat-icon{background:#fff0ef;color:#b44949;flex:0 0 36px;height:36px;width:36px}.settings-reset-copy h2{color:#a33d3d;font-size:13px;margin:0 0 6px}.settings-reset-copy p{color:#666675;color:var(--muted);font-size:10px;line-height:1.65;margin:0;max-width:550px}.settings-reset-button{background:#b44949;color:#fff;justify-self:start}.settings-reset-button:hover:not(:disabled){background:#983b3b}.settings-reset-confirmation{grid-gap:10px;background:#fff8f7;border:1px solid #f0dada;border-radius:10px;display:grid;gap:10px;padding:13px}.settings-reset-confirmation>p{color:#8d3939;font-size:11px;font-weight:650;margin:0}.settings-reset-confirmation>div{display:flex;flex-wrap:wrap;gap:8px}.settings-reset-confirmation .settings-reset-button{justify-self:auto}.settings-reset-cancel{background:#fff;background:var(--surface);border:1px solid #e5e5ea;border:1px solid var(--line);color:#232336;color:var(--ink)}.settings-reset-error,.settings-reset-success{font-size:11px;line-height:1.5;margin:0}.settings-reset-error{color:#b8323d}.settings-reset-success{color:#21865f}.theme-picker-card{max-width:750px;padding:20px}.theme-picker-card .section-heading h3{margin-top:6px}.theme-selected-name{font-weight:600}.theme-picker-description,.theme-selected-name{color:#666675;color:var(--muted);font-size:10px}.theme-picker-description{line-height:1.6;margin:10px 0 17px}.theme-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(88px,1fr))}.theme-option{grid-gap:8px;align-content:center;background:#fff;background:var(--surface);border:1px solid #e5e5ea;border:1px solid var(--line);border-radius:11px;color:#666675;color:var(--muted);display:grid;font-size:9px;font-weight:600;gap:8px;justify-items:center;min-height:82px;padding:10px 6px;transition:.18s ease}.theme-option-active,.theme-option:hover{background:#f0edff;background:var(--primary-soft);border-color:#7157e8;border-color:var(--primary)}.theme-option-active{box-shadow:0 0 0 1px #7157e8;box-shadow:0 0 0 1px var(--primary);color:#7157e8;color:var(--primary)}.theme-option:disabled{cursor:wait;opacity:.6}.theme-swatch{border-radius:50%;box-shadow:0 2px 6px #0002;color:#fff;display:grid;font-size:14px;height:27px;place-items:center;width:27px}.settings-language-select{grid-gap:5px;color:#666675;color:var(--muted);display:grid;font-size:10px;font-weight:650;gap:5px;min-width:126px}.settings-language-select select{background:#fff;background:var(--surface);border:1px solid #e5e5ea;border:1px solid var(--line);border-radius:9px;color:#232336;color:var(--ink);font:inherit;min-height:38px;padding:0 11px}.setting-toggle{align-items:center;background:#d6d5df;border:0;border-radius:99px;display:flex;flex:0 0 46px;height:26px;padding:3px;transition:background .18s ease;width:46px}.setting-toggle span{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0002;height:20px;transition:transform .18s ease;width:20px}.setting-toggle-active{background:#7157e8;background:var(--primary)}.setting-toggle-active span{transform:translateX(20px)}.setting-toggle:disabled{cursor:wait;opacity:.6}.contact-layout{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr)}.contact-info{background:linear-gradient(150deg,#fff,#f0edff);background:linear-gradient(150deg,var(--surface),var(--primary-soft));min-height:275px}.contact-info a{align-items:center;color:#7157e8;color:var(--primary);display:inline-flex;font-size:10px;font-weight:700;gap:8px;margin-top:22px;text-decoration:none}.contact-form-card{padding:22px}.contact-form-card>h3{margin:0 0 17px}.toast{animation:fade-in .2s ease both;background:#fff;background:var(--surface);border:1px solid #e5e5ea;border:1px solid var(--line);border-radius:11px;bottom:24px;box-shadow:0 10px 40px #1e1a3b24;color:#232336;color:var(--ink);font-size:11px;max-width:calc(100vw - 40px);padding:14px 18px;position:fixed;right:25px;z-index:50}.xp-toast{align-items:center;-webkit-backdrop-filter:blur(20px) saturate(1.5);backdrop-filter:blur(20px) saturate(1.5);background:#ffffffeb;border:1px solid #ffffffc9;border-radius:18px;box-shadow:0 12px 36px #17203324,0 2px 6px #1720330a;color:#1f2937;display:flex;gap:12px;min-width:230px;padding:13px 17px;pointer-events:none;position:fixed;right:24px;top:20px;z-index:100}.xp-toast-icon{background:#e9f8ef;border-radius:13px;color:#16834a;display:grid;flex:0 0 38px;font-size:19px;height:38px;place-items:center;width:38px}.xp-toast-copy{grid-gap:3px;display:grid;gap:3px}.xp-toast-copy>span{color:#667085;font-size:11px;font-weight:550}.xp-toast-copy>strong{color:#15803d;font-size:16px;font-weight:750;letter-spacing:-.025em}.app-loading{grid-gap:12px;align-content:center;background:#f5f5f7;background:var(--canvas);color:#666675;color:var(--muted);display:grid;font-size:13px;gap:12px;justify-items:center;min-height:100vh;padding:24px;text-align:center}.app-error p{line-height:1.6;max-width:420px}.button:disabled,.icon-button:disabled,.todo-check:disabled{cursor:not-allowed;opacity:.6}.mobile-bottom-nav,.mobile-menu-button,.sidebar-backdrop{display:none}.auth-page{--ink:#1a1a1a;--muted:#74716d;--line:#e8e4df;--surface:#0000;--primary:#4f46e5;--primary-dark:#4338ca;background:#faf9f7;color:#232336;color:var(--ink);display:grid;grid-template-columns:minmax(0,1fr) minmax(450px,.88fr);min-height:100vh}.auth-page-login .auth-art{grid-column:2;grid-row:1}.auth-page-login .auth-panel{grid-column:1;grid-row:1}.auth-art{background:#faf9f7;color:#1a1a1a;display:flex;flex-direction:column;isolation:isolate;justify-content:space-between;min-height:100vh;overflow:hidden;padding:37px clamp(34px,7vw,94px);position:relative}.auth-art:after,.auth-art:before{aspect-ratio:1;border-radius:50%;content:"";filter:blur(55px);opacity:.44;pointer-events:none;position:absolute;width:440px;z-index:-1}.auth-art:before{background:radial-gradient(circle,#4f46e5 0,#4f46e54d 38%,#0000 72%);right:-115px;top:-105px}.auth-art:after{background:radial-gradient(circle,#f59e0b 0,#f59e0b52 38%,#0000 72%);bottom:-165px;left:-125px}.auth-art .brand{color:#1a1a1a;position:relative;z-index:1}.auth-art .brand-mark{background:#080808}.auth-hero{margin:auto 0;max-width:560px;padding:50px 0;position:relative;z-index:1}.auth-hero .eyebrow{color:#4f46e5}.auth-hero h1{font-size:clamp(42px,5vw,67px);letter-spacing:-.065em;line-height:1.12;margin:17px 0}.auth-hero h1 span{color:#1a1a1a}.auth-panel{background:#0000;display:grid;padding:35px;place-items:center}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff70;border:1px solid #ffffffb8;border-radius:24px;box-shadow:0 18px 55px #3a30200d;padding:35px;position:relative;width:min(100%,410px)}.auth-language-toggle{align-items:center;background:#ffffff9c;border:1px solid #e8e4df;border-radius:9px;color:#232336;color:var(--ink);display:inline-flex;font-size:11px;font-weight:700;gap:6px;min-height:34px;padding:0 10px;position:absolute;right:0;top:-42px}.auth-language-toggle:hover{border-color:#7157e8;border-color:var(--primary);color:#7157e8;color:var(--primary)}.language-menu{flex:0 0 auto;position:relative}.language-menu>summary{align-items:center;background:#fff;background:var(--surface);border:1px solid #e5e5ea;border:1px solid var(--line);border-radius:11px;color:#232336;color:var(--ink);cursor:pointer;display:inline-flex;font-size:11px;font-weight:650;gap:8px;height:38px;list-style:none;padding:0 11px;transition:.18s ease}.language-menu>summary::-webkit-details-marker{display:none}.language-menu>summary:hover,.language-menu[open]>summary{border-color:#d7d0fb;color:#7157e8;color:var(--primary)}.language-menu>summary>.ph-globe-hemisphere-west{color:#666675;color:var(--muted);font-size:16px}.language-menu[open]>summary>.language-picker-caret{transform:rotate(180deg)}.language-picker-caret{color:#666675;color:var(--muted);font-size:11px;margin-left:1px;transition:transform .18s ease}.language-menu-options{grid-gap:3px;background:#fff;background:var(--surface);border:1px solid #e5e5ea;border:1px solid var(--line);border-radius:12px;box-shadow:0 2px 12px #2323360f;box-shadow:var(--shadow);display:grid;gap:3px;padding:5px;position:absolute;right:0;top:calc(100% + 8px);width:155px;z-index:20}.language-menu-options button{align-items:center;background:#0000;border:0;border-radius:8px;color:#232336;color:var(--ink);cursor:pointer;display:flex;font:inherit;font-size:11px;justify-content:space-between;min-height:38px;padding:0 10px;text-align:left}.language-menu-options .language-menu-option-active,.language-menu-options button:hover{background:#f0edff;background:var(--primary-soft);color:#7157e8;color:var(--primary)}.language-menu-options button:disabled{cursor:wait;opacity:.6}.language-menu-options button>.ph{font-size:14px}.auth-mobile-brand{align-items:center;display:none;font-size:18px;font-weight:750;gap:9px;margin-bottom:42px}.auth-heading{margin-bottom:26px}.auth-heading h2{font-size:29px;letter-spacing:-.055em;margin:9px 0 6px}.auth-card .form-stack{gap:16px}.auth-card .form-stack input{background:#ffffffa6;border-color:#e8e4df;border-radius:11px;padding:13px}.auth-card .form-stack input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.auth-password-label{align-items:center;grid-template-columns:minmax(0,1fr) auto}.auth-password-label>input{grid-column:1/-1;grid-row:2}.auth-forgot-link{background:#0000;border:0;color:#7157e8;color:var(--primary);cursor:pointer;font:inherit;font-size:10px;font-weight:650;justify-self:end;padding:0}.auth-forgot-link:hover{color:#5f45d2;color:var(--primary-dark);text-decoration:underline}.auth-reset-notice{color:#21865f;font-size:11px;line-height:1.5;margin:0}.auth-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#18171f57;display:grid;inset:0;overflow-y:auto;padding:22px;place-items:center;position:fixed;z-index:100}.auth-reset-modal{background:#fff;border:1px solid #ffffffbf;border-radius:22px;box-shadow:0 24px 80px #18171f33;padding:32px;position:relative;width:min(100%,410px)}.auth-reset-close{background:#fff;border:1px solid #eeece9;border-radius:50%;color:#74716d;cursor:pointer;display:grid;font-size:16px;height:34px;place-items:center;position:absolute;right:16px;top:16px;transition:.16s ease;width:34px}.auth-reset-close:hover{background:#f5f4f2;color:#232336;color:var(--ink)}.auth-reset-close:disabled{cursor:not-allowed;opacity:.5}.auth-reset-icon{background:#f0edff;border-radius:14px;color:#7157e8;color:var(--primary);display:grid;font-size:22px;height:44px;place-items:center;width:44px}.auth-reset-modal h2{color:#232336;color:var(--ink);font-size:23px;letter-spacing:-.045em;margin:20px 0 7px}.auth-reset-modal>p{color:#666675;color:var(--muted);font-size:11px;line-height:1.65;margin:0 0 22px}.auth-reset-modal .form-stack{gap:15px}.auth-reset-modal .form-stack input{background:#fff;border-color:#e8e4df;border-radius:11px;padding:13px}.auth-reset-modal .form-stack input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.check-label{align-items:center;color:#666675!important;color:var(--muted)!important;display:flex!important;font-size:10px!important;font-weight:500!important;gap:8px!important;grid-template-columns:auto 1fr}.check-label input{accent-color:#7157e8;accent-color:var(--primary);height:14px;width:14px!important}.auth-card .form-row{gap:11px}.auth-card .form-row input{padding:12px 10px}.auth-switch{color:#666675;color:var(--muted);margin:20px 0;text-align:center}.auth-switch,.auth-switch .text-button{font-size:10px}.auth-divider{align-items:center;color:#666675;color:var(--muted);display:flex;font-size:9px;gap:12px;margin:18px 0 14px}.auth-divider:after,.auth-divider:before{background:#e5e5ea;background:var(--line);content:"";flex:1 1;height:1px}.auth-google-button{align-items:center;background:#fff;border:1px solid #dedbd6;border-radius:11px;color:#1a1a1a;display:flex;font:inherit;font-size:11px;font-weight:650;gap:11px;justify-content:center;min-height:46px;padding:0 16px;transition:background .16s ease,border-color .16s ease,transform .16s ease;width:100%}.auth-google-button:hover:not(:disabled){background:#faf9f7;border-color:#c9c5bf;transform:translateY(-1px)}.auth-google-button:focus-visible{outline:3px solid #4f46e533;outline-offset:2px}.auth-google-button:disabled{cursor:wait;opacity:.65}.auth-google-button svg{flex:0 0 18px;height:18px;width:18px}.local-data-note{color:#666675;color:var(--muted);font-size:9px;margin:0;text-align:center}.analytics-page{gap:20px}.analytics-intro{align-items:flex-end;display:flex;gap:20px;justify-content:space-between}.analytics-eyebrow{color:#7157e8;color:var(--primary);font-size:10px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.analytics-intro h2{font-size:clamp(22px,3vw,29px);letter-spacing:-.05em;margin:7px 0 5px}.analytics-intro p{color:#666675;color:var(--muted);font-size:12px;line-height:1.6;margin:0}.analytics-sample-badge{align-items:center;background:#fff;background:var(--surface);border:1px solid #e5e5ea;border:1px solid var(--line);border-radius:999px;color:#666675;color:var(--muted);display:inline-flex;flex:0 0 auto;font-size:10px;font-weight:650;gap:7px;padding:8px 11px}.analytics-sample-badge .ph{color:#7157e8;color:var(--primary);font-size:14px}.analytics-summary{grid-gap:13px;display:grid;gap:13px;grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-summary-card{grid-gap:6px;background:#fff;background:var(--surface);border:1px solid #e5e5ea;border:1px solid var(--line);border-radius:16px;box-shadow:0 2px 12px #2323360f;box-shadow:var(--shadow);display:grid;gap:6px;min-width:0;padding:16px 18px}.analytics-summary-card>span{color:#666675;color:var(--muted);font-size:10px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-summary-card>strong{color:#232336;color:var(--ink);font-size:clamp(20px,2.5vw,26px);letter-spacing:-.045em;line-height:1.1}.analytics-summary-card>small{color:#666675;color:var(--muted);font-size:9px}.analytics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-card{background:#fff;background:var(--surface);border:1px solid #e5e5ea;border:1px solid var(--line);border-radius:20px;box-shadow:0 2px 12px #2323360f;box-shadow:var(--shadow);min-width:0;padding:20px}.analytics-card-heading{align-items:center;display:flex;gap:11px;min-width:0}.analytics-card-heading>div{min-width:0}.analytics-card-heading h3{color:#232336;color:var(--ink);font-size:13px;font-weight:700;letter-spacing:-.025em;margin:0}.analytics-card-heading p{color:#666675;color:var(--muted);font-size:10px;line-height:1.5;margin:4px 0 0}.analytics-card-icon{border-radius:12px;display:grid;flex:0 0 37px;font-size:18px;height:37px;place-items:center;width:37px}.analytics-focus-icon{background:#f0edff;background:var(--primary-soft);color:#7157e8;color:var(--primary)}.analytics-habits-icon{background:#fff4dc;color:#b77912}.analytics-priority-icon{background:#edf4ff;color:#5884ca}.analytics-chart{height:232px;margin-top:20px;width:100%}.analytics-chart-footer{align-items:center;border-top:1px solid #e5e5ea;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:space-between;margin-top:8px;padding-top:13px}.analytics-chart-footer>span{align-items:center;color:#666675;color:var(--muted);display:inline-flex;font-size:10px;gap:7px}.analytics-chart-footer>strong{color:#232336;color:var(--ink);font-size:12px}.analytics-chart-footer small{color:#666675;color:var(--muted);font-size:9px;font-weight:500}.analytics-legend-dot,.analytics-priority-legend li i{border-radius:50%;display:inline-block;flex:0 0 8px;height:8px;width:8px}.analytics-focus-dot{background:#7157e8;background:var(--primary)}.analytics-habits-dot{background:#f59e0b}.analytics-priority-card{grid-gap:8px 16px;align-items:center;display:grid;gap:8px 16px;grid-template-columns:minmax(0,1fr) minmax(120px,.7fr)}.analytics-priority-card .analytics-card-heading{grid-column:1/-1}.analytics-donut-wrap{height:210px;min-width:0;position:relative;width:100%}.analytics-donut-center{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;pointer-events:none;position:absolute}.analytics-donut-center strong{color:#232336;color:var(--ink);font-size:26px;letter-spacing:-.05em}.analytics-donut-center span{color:#666675;color:var(--muted);font-size:10px}.analytics-priority-legend{grid-gap:13px;display:grid;gap:13px;list-style:none;margin:0;padding:0}.analytics-priority-legend li,.analytics-priority-legend li>span{align-items:center;display:flex}.analytics-priority-legend li{color:#232336;color:var(--ink);font-size:10px;gap:10px;justify-content:space-between}.analytics-priority-legend li>span{color:#666675;color:var(--muted);gap:7px;min-width:0}.analytics-priority-legend li strong{flex:0 0 auto;font-size:11px}.analytics-priority-legend li strong small{color:#666675;color:var(--muted);font-size:9px;font-weight:500}.analytics-priority-legend li i{flex-basis:9px;height:9px;width:9px}.analytics-page .recharts-surface,.analytics-page .recharts-wrapper{overflow:visible}.analytics-skeleton{grid-gap:20px;display:grid;gap:20px}.analytics-skeleton-intro{grid-gap:9px;display:grid;gap:9px}.analytics-skeleton-summary{grid-gap:13px;display:grid;gap:13px;grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-skeleton-summary-card{background:#fff;background:var(--surface);border:1px solid #e5e5ea;border:1px solid var(--line);border-radius:16px;height:88px}.analytics-skeleton-card{grid-gap:18px;align-content:start;display:grid;gap:18px}.analytics-skeleton-chart{border-radius:12px;height:230px;width:100%}.analytics-no-data{color:#666675;color:var(--muted);display:grid;font-size:11px;min-height:232px;padding:20px;place-items:center;text-align:center}.analytics-priority-card>.analytics-no-data{grid-column:1/-1;min-height:210px}.analytics-error{grid-gap:12px;background:#fff;background:var(--surface);border:1px solid #e5e5ea;border:1px solid var(--line);border-radius:18px;display:grid;gap:12px;justify-items:center;padding:38px 20px;text-align:center}.analytics-error>.ph{color:#d97732;font-size:28px}.analytics-error p{color:#666675;color:var(--muted);font-size:12px;line-height:1.6;margin:0;max-width:420px}.xp-total-card{grid-gap:8px;background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 8px 30px #11182708;color:#111827;display:grid;gap:8px;padding:26px 30px}.xp-total-card>span{color:#6b7280;font-size:12px;font-weight:600}.xp-total-card>strong{font-size:clamp(36px,6vw,56px);font-weight:750;letter-spacing:-.06em;line-height:1}.xp-total-card>strong small{color:#16a34a;font-size:.43em;letter-spacing:-.02em}.xp-history-card{background:#fff;border-color:#e5e7eb;border-radius:20px;box-shadow:0 8px 30px #11182708;overflow:hidden;padding:0 22px}.xp-history-card>.analytics-card-heading{padding:20px 0 15px}.xp-history-item{border-top:1px solid #f0f1f3;gap:15px;min-height:74px;padding:13px 0}.xp-history-item-icon{background:#f3f4f6;border-radius:13px;color:#374151;flex-basis:40px;font-size:18px;height:40px;width:40px}.xp-history-copy>span{color:#374151;font-size:12px}.xp-history-meta{grid-gap:4px;display:grid;gap:4px;justify-items:end;min-width:150px}.xp-history-meta time{color:#9ca3af;font-size:10px;white-space:nowrap}.xp-history-amount{color:#16a34a;font-size:13px;white-space:nowrap}.xp-history-empty{color:#9ca3af;padding:30px 12px}.xp-total-skeleton{grid-gap:12px;background:#fff;background:var(--surface);border:1px solid #e5e5ea;border:1px solid var(--line);border-radius:20px;display:grid;gap:12px;padding:26px 30px}.xp-total-skeleton-value{height:48px;width:160px}.xp-history-skeleton{grid-gap:0;display:grid;gap:0}.xp-history-skeleton-row{align-items:center;border-top:1px solid #e5e5ea;border-top:1px solid var(--line);display:flex;gap:15px;min-height:68px}.xp-history-skeleton-row .skeleton-line-wide{flex:1 1}.xp-history-skeleton-row .skeleton-line-short{width:90px}.xp-history-card{grid-gap:14px;display:grid;gap:14px}.xp-history-card .analytics-card-heading{width:100%}.xp-history-icon{background:#e8f8f0;color:#21865f}.xp-history-total{color:#21865f;font-size:15px;margin-left:auto;white-space:nowrap}.xp-history-list{grid-gap:0;display:grid;gap:0;list-style:none;margin:0;padding:0}.xp-history-item{align-items:center;border-top:1px solid #e5e5ea;border-top:1px solid var(--line);display:flex;gap:12px;min-width:0;padding:12px 0}.xp-history-item-icon{background:#e8f8f0;border-radius:10px;color:#21865f;display:grid;flex:0 0 32px;height:32px;place-items:center;width:32px}.xp-history-copy{grid-gap:3px;display:grid;flex:1 1;gap:3px;min-width:0}.xp-history-copy strong{color:#232336;color:var(--ink);font-size:11px}.xp-history-copy time,.xp-history-copy>span{color:#666675;color:var(--muted);font-size:10px;overflow:hidden;text-overflow:ellipsis}.xp-history-amount{color:#21865f;flex:0 0 auto;font-size:12px}.xp-history-empty{color:#666675;color:var(--muted);font-size:11px;padding:24px 12px;text-align:center}@media (max-width:1080px){.sidebar{width:220px}.main-area{margin-left:220px;width:calc(100% - 220px)}.stat-grid{grid-template-columns:repeat(2,1fr)}.content-area,.topbar{padding-left:26px;padding-right:26px}}@media (max-width:760px){.auth-page{display:block}.auth-art{display:none}.auth-panel{min-height:100vh}.auth-mobile-brand{display:flex;margin-bottom:31px}.analytics-grid{grid-template-columns:minmax(0,1fr)}.analytics-priority-card{grid-template-columns:minmax(0,1fr) minmax(145px,.65fr)}.sidebar{transform:translateX(-105%);transition:transform .22s ease;width:270px;z-index:31}.sidebar-open{transform:translateX(0)}.sidebar-backdrop{background:#16142770;border:0;display:block;inset:0;position:fixed;z-index:30}.main-area{margin-left:0;width:100%}.mobile-bottom-nav{background:#fff;background:var(--surface);border-top:1px solid #e5e5ea;border-top:1px solid var(--line);bottom:0;box-shadow:0 -8px 26px #23233614;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));left:0;padding:8px 8px calc(8px + env(safe-area-inset-bottom));position:fixed;right:0;width:100%;z-index:25}.mobile-bottom-nav-item{align-items:center;background:#0000;border:0;border-radius:12px;color:#666675;color:var(--muted);cursor:pointer;display:flex;flex-direction:column;font:inherit;font-size:9px;font-weight:600;gap:4px;justify-content:center;line-height:1.15;min-height:52px;min-width:0;padding:4px 2px;transition:color .18s ease,background .18s ease,box-shadow .18s ease}.mobile-bottom-nav-item span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-bottom-nav-item-active,.mobile-bottom-nav-item:hover{color:#7157e8;color:var(--primary)}.mobile-bottom-nav-item-active{background:#f0edff;background:var(--primary-soft);box-shadow:0 0 16px color-mix(in srgb,#7157e8 22%,#0000);box-shadow:0 0 16px color-mix(in srgb,var(--primary) 22%,#0000)}.main-area .content-area.content-area-with-bottom-nav{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.topbar{gap:11px;min-height:73px;padding:11px 17px}.mobile-menu-button{display:inline-grid;flex-basis:36px;height:36px;width:36px}.topbar-title{flex:1 1;min-width:0}.topbar-heading-row{align-items:flex-start;flex-direction:column;gap:5px;margin-top:0}.topbar-title h1{font-size:15px}.topbar-actions{gap:7px}.profile-chip{gap:6px}.profile-chip-name,.profile-chip>.ph{display:none}.content-area{padding:22px 16px 40px}.welcome-banner{gap:8px;grid-template-columns:minmax(0,1fr);min-height:0;padding:26px 21px 14px}.welcome-banner h2{font-size:clamp(26px,7vw,34px);margin-top:15px}.welcome-banner p{font-size:11px;max-width:360px}.stat-grid{gap:9px}.stat-card{padding:14px}.stat-card>strong{font-size:24px}.contact-layout,.focus-layout,.habits-layout,.overview-grid,.todo-layout{grid-template-columns:1fr}.focus-promo{min-height:225px}.todo-toolbar{align-items:flex-start;flex-direction:column}.search-field{width:100%}.filter-tabs{justify-content:space-between;width:100%}.profile-card{padding:18px}.profile-security{grid-template-columns:1fr}.xp-toast{min-width:210px;padding:11px 14px;right:12px;top:12px}.xp-total-card{padding:22px}.xp-history-card{padding:0 15px}.xp-history-item{gap:10px}.xp-history-meta{min-width:0}.xp-history-meta time{font-size:9px}}@media (min-width:761px) and (max-height:850px){.auth-panel{padding:22px}.auth-card{padding:24px}.auth-language-toggle{top:-36px}.auth-heading{margin-bottom:16px}.auth-heading h2{font-size:26px;margin-top:5px}.auth-card .form-stack{gap:11px}.auth-card .form-row>label,.auth-card .form-stack>label{gap:5px}.auth-card .form-stack input{padding:9px 11px}.auth-card .form-row input{padding:9px 10px}.check-label{gap:7px!important}.auth-switch{margin:11px 0}.auth-divider{margin:10px 0}.auth-google-button{min-height:42px}}@media (max-width:768px){.mobile-add-prompt{align-items:center;background:#fff;background:var(--surface);border:1px solid #e5e5ea;border:1px solid var(--line);border-radius:14px;box-shadow:0 2px 12px #2323360f;box-shadow:var(--shadow);display:flex;gap:12px;justify-content:space-between;min-height:60px;padding:11px 14px}.mobile-add-prompt p{color:#232336;color:var(--ink);font-size:13px!important;font-weight:650;line-height:1.4;margin:0;min-width:0}.mobile-add-prompt .button{border-radius:10px;flex:0 0 auto;font-size:12px!important;gap:6px;min-height:38px;padding:0 11px;white-space:nowrap}.habits-list-card>.section-heading .habit-progress{display:none}.habit-list{padding:0 12px}.habit-item{padding:12px 4px}.habit-item .habit-summary{gap:11px}.habit-item .habit-icon{height:36px;width:36px}.habit-item .habit-title-row{align-items:flex-start;flex-direction:column;gap:3px}.habit-item .habit-name{font-size:13px;line-height:1.4}.habit-item .habit-streak{font-size:10px}.habit-item .habit-reports{grid-template-columns:minmax(0,1fr) auto}.habit-item .habit-status{display:none}}@media (max-width:760px){.todo-item{grid-gap:0 12px;align-items:start;display:grid;gap:0 12px;grid-template-columns:minmax(0,1fr) 32px;min-height:0;padding:14px 0}.todo-item>.todo-check{border-radius:10px;font-size:15px;grid-column:2;grid-row:1;height:32px;width:32px}.todo-item>.todo-item-copy{grid-column:1;grid-row:1}.todo-item .todo-title-row{margin:0}.todo-item .todo-summary{gap:8px}.todo-item .todo-summary-title{font-size:15px!important;line-height:1.35}.todo-item .todo-priority{font-size:10px!important;padding:4px 7px}.todo-expand-icon{display:inline-block;font-size:13px!important}.todo-primary-meta{align-items:center;display:flex;margin-top:7px;min-height:32px}.todo-item .todo-focus-button{align-items:center;border-radius:9px;display:inline-flex;flex:0 0 auto;font-size:12px!important;gap:6px;height:32px;justify-content:center;min-width:32px;padding:0 10px;width:auto}.todo-item .todo-focus-button span{display:inline;font-size:12px!important;font-weight:650}.todo-details{margin-top:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .25s ease,margin-top .25s ease,opacity .2s ease,visibility 0s linear .25s;visibility:hidden}.todo-details-expanded{margin-top:9px;max-height:500px;opacity:1;transition:max-height .3s ease,margin-top .25s ease,opacity .2s ease;visibility:visible}.todo-item .todo-details>p{font-size:13px!important;line-height:1.5;margin:0 0 7px}.todo-item .todo-due,.todo-item .todo-focus-time{font-size:11px!important;margin:0 8px 0 0}.todo-deadline-details{align-items:center;display:flex;gap:8px;margin-top:7px}.todo-item .todo-deadline-warning{font-size:12px!important;margin:0!important}.todo-item .todo-actions{display:none;grid-column:1/-1;grid-row:2;justify-content:flex-end;margin-top:10px}.todo-item-expanded .todo-actions{display:flex}.todo-item .todo-actions .icon-button{flex-basis:36px;font-size:17px!important;height:36px;width:36px}.todo-item.todo-item-urgent{padding-left:9px}}@media (max-width:900px){.routine-layout{grid-template-columns:1fr}.routine-sidebar{display:contents}.routine-calendar-card{order:1}.routine-table-card{order:2}.routine-weekdays-card{order:3}.routine-range-card{order:4}}@media (max-width:470px){.analytics-intro{align-items:flex-start;flex-direction:column;gap:12px}.analytics-skeleton-summary,.analytics-summary{gap:8px}.analytics-summary-card{gap:5px;padding:12px 9px}.analytics-summary-card>span{font-size:9px;white-space:normal}.analytics-summary-card>strong{font-size:18px}.analytics-card{padding:16px}.analytics-priority-card{gap:6px 10px;grid-template-columns:minmax(0,1fr) minmax(110px,.7fr)}.analytics-priority-legend{gap:10px}.routine-page{border-radius:15px;padding:11px}.routine-sidebar{gap:12px;grid-template-columns:1fr}.routine-layout{gap:12px}.routine-calendar-card,.routine-range-card,.routine-weekdays-card{padding:17px}.routine-table-card{padding:19px 13px 14px}.routine-table-heading{flex-wrap:wrap;margin-bottom:15px}.routine-table-heading h2{font-size:22px}.routine-table-heading p{font-size:13px}.routine-row,.routine-table-header{gap:5px;grid-template-columns:61px minmax(78px,1fr) 73px 32px;padding-left:5px;padding-right:5px}.routine-table-header{font-size:10px}.routine-task-name,.routine-time{font-size:14px}.routine-task-actions{flex-wrap:wrap}.routine-badge{font-size:12px;padding:4px 6px}.routine-add-form input,.routine-add-form select{font-size:14px;padding-left:5px;padding-right:4px}.routine-category-select select{font-size:12px}.routine-custom-badge-form{gap:5px;grid-template-columns:minmax(0,1fr) 90px auto}.routine-custom-badge-form input,.routine-custom-badge-form select{font-size:13px;padding-left:7px;padding-right:6px}.routine-create-badge-button{font-size:12px;gap:4px;padding:0 9px}.routine-add-button{min-height:36px;width:32px}.routine-weekday-option{font-size:13px;min-height:40px}.routine-range-inputs label{font-size:12px}.routine-range-inputs input{font-size:14px;min-height:44px}.routine-save-button{font-size:13px;min-height:44px}.auth-panel{min-height:100vh;padding:25px 20px}.auth-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff8a;border:1px solid #ffffffb8;border-radius:17px;box-shadow:0 14px 40px #3a30200d;padding:24px 20px}.auth-heading h2{font-size:25px}.auth-card .form-row{grid-template-columns:1fr}.topbar-actions .icon-button{flex-basis:34px;height:34px;width:34px}.language-menu>summary{font-size:10px;gap:6px;height:34px;padding:0 8px}.language-menu-options{width:140px}.stat-card-top{flex-wrap:wrap}.stat-caption{font-size:9px}.stat-icon{flex-basis:29px;height:29px;width:29px}.stat-card>p{line-height:1.5}.focus-promo,.overview-tasks{padding:17px}.form-row{grid-template-columns:1fr}.habit-item{gap:8px}.habit-status{display:none}.habit-week{gap:6px}.habit-week-days{gap:3px}.habit-week-day{width:20px}.account-badge{font-size:0;padding:6px}.account-badge .ph{font-size:14px}.profile-summary{gap:9px}.profile-summary h3{font-size:12px}.profile-summary p{font-size:9px}.avatar-picker-backdrop{align-items:start;padding:12px 0}.avatar-picker-panel{border-radius:0 0 22px 22px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;padding:22px 20px max(24px,env(safe-area-inset-bottom));width:100%}.avatar-picker-grid{gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.profile-form-footer{flex-wrap:wrap}}@media (max-width:760px){.main-area-leaderboard .content-area{min-height:calc(100vh - 73px);padding:28px 16px calc(118px + env(safe-area-inset-bottom))}.leaderboard-page{gap:21px}.leaderboard-podium{gap:7px;min-height:210px}.leaderboard-podium-rank-1{height:190px}.leaderboard-podium-rank-2{height:180px}.leaderboard-podium-rank-3{height:170px}.leaderboard-podium-card{border-radius:20px;gap:8px;padding:27px 5px 13px}.leaderboard-avatar-podium{height:46px;width:46px}.leaderboard-podium-rank-1 .leaderboard-avatar-podium{height:58px;width:58px}.leaderboard-podium-card .leaderboard-user-name{font-size:10px}.leaderboard-share-grid{gap:10px}.leaderboard-qr-panel{gap:9px;padding:12px 8px}.leaderboard-qr-panel svg{height:112px;width:112px}.leaderboard-invite-button{font-size:11px;gap:6px;padding:0 10px}.leaderboard-sticky-rank{bottom:calc(73px + env(safe-area-inset-bottom));left:50%;width:calc(100vw - 32px)}.leaderboard-user-row{gap:8px;grid-template-columns:27px 38px minmax(0,1fr) auto auto;padding-left:8px;padding-right:10px}}[data-theme=dark] .main-area-leaderboard{background:#f5f5f7;background:var(--canvas)}[data-theme=dark] .main-area-leaderboard .topbar{background:color-mix(in srgb,#f5f5f7 92%,#0000);background:color-mix(in srgb,var(--canvas) 92%,#0000)}[data-theme=dark] .leaderboard-card{background:#fff;background:var(--surface);border-color:#e5e5ea;border-color:var(--line);box-shadow:0 2px 12px #2323360f;box-shadow:var(--shadow);color:#232336;color:var(--ink)}[data-theme=dark] .leaderboard-trophy{background:#3b2d1d;color:#ffc16b}[data-theme=dark] .leaderboard-description,[data-theme=dark] .leaderboard-invite-panel,[data-theme=dark] .leaderboard-invite-panel p,[data-theme=dark] .leaderboard-qr-panel,[data-theme=dark] .leaderboard-qr-panel>span{background:#f5f5f7;background:var(--canvas)}[data-theme=dark] .leaderboard-share-icon{background:#fff;background:var(--surface);border-color:#e5e5ea;border-color:var(--line);color:#666675;color:var(--muted)}[data-theme=dark] .leaderboard-invite-button{background:#f0edff;background:var(--primary-soft);color:#232336;color:var(--ink)}[data-theme=dark] .leaderboard-invite-button:hover{background:color-mix(in srgb,#f0edff 80%,#7157e8);background:color-mix(in srgb,var(--primary-soft) 80%,var(--primary))}[data-theme=dark] .leaderboard-copy-status{color:#83c99a}[data-theme=dark] .leaderboard-qr-panel{border-color:#e5e5ea;border-color:var(--line)}[data-theme=dark] .routine-page{background:#f5f5f7;background:var(--canvas);color:#232336;color:var(--ink)}[data-theme=dark] .routine-card{background:#fff;background:var(--surface);border-color:#e5e5ea;border-color:var(--line);box-shadow:0 2px 12px #2323360f;box-shadow:var(--shadow)}[data-theme=dark] .routine-calendar-legend,[data-theme=dark] .routine-empty,[data-theme=dark] .routine-table-heading p,[data-theme=dark] .routine-weekday{color:#666675;color:var(--muted)}[data-theme=dark] .routine-card h2,[data-theme=dark] .routine-month-label,[data-theme=dark] .routine-table-heading h2,[data-theme=dark] .routine-task-name{color:#232336;color:var(--ink)}[data-theme=dark] .routine-add-form input,[data-theme=dark] .routine-add-form select,[data-theme=dark] .routine-badge-delete-confirm button,[data-theme=dark] .routine-custom-badge-form input,[data-theme=dark] .routine-custom-badge-form select,[data-theme=dark] .routine-edit-actions button,[data-theme=dark] .routine-inline-edit-input,[data-theme=dark] .routine-month-controls button,[data-theme=dark] .routine-range-inputs input,[data-theme=dark] .routine-task-actions button,[data-theme=dark] .routine-weekday-option{background:#f5f5f7;background:var(--canvas);border-color:#e5e5ea;border-color:var(--line);color:#232336;color:var(--ink)}[data-theme=dark] .routine-month-controls button:hover,[data-theme=dark] .routine-weekday-option:hover{border-color:#7157e8;border-color:var(--primary);color:#7157e8;color:var(--primary)}[data-theme=dark] .routine-calendar-day{color:#232336;color:var(--ink)}[data-theme=dark] .routine-calendar-day:hover{background:#fff;background:var(--surface)}[data-theme=dark] .routine-calendar-day-today:not(.routine-calendar-day-selected){box-shadow:inset 0 0 0 1px #e5e5ea;box-shadow:inset 0 0 0 1px var(--line)}[data-theme=dark] .routine-calendar-day-selected,[data-theme=dark] .routine-calendar-day-selected:hover,[data-theme=dark] .routine-save-button,[data-theme=dark] .routine-weekday-option-selected,[data-theme=dark] .routine-weekday-option-selected:hover{background:#7157e8;background:var(--primary);border-color:#7157e8;border-color:var(--primary);color:#fff}[data-theme=dark] .routine-calendar-dot{background:#7157e8;background:var(--primary)}[data-theme=dark] .routine-add-button:hover,[data-theme=dark] .routine-save-button:hover:not(:disabled){background:#5f45d2;background:var(--primary-dark)}[data-theme=dark] .routine-add-button{background:#7157e8;background:var(--primary)}[data-theme=dark] .routine-save-message{color:#83c99a}[data-theme=dark] .routine-range-icon{background:#f0edff;background:var(--primary-soft);color:#7157e8;color:var(--primary)}[data-theme=dark] .routine-badge-delete-confirm,[data-theme=dark] .routine-count,[data-theme=dark] .routine-edit-actions .routine-edit-cancel,[data-theme=dark] .routine-range-inputs label,[data-theme=dark] .routine-time{color:#666675;color:var(--muted)}[data-theme=dark] .routine-range-note{background:#f0edff;background:var(--primary-soft);color:#7157e8;color:var(--primary)}[data-theme=dark] .routine-range-note strong{color:#7157e8;color:var(--primary)}[data-theme=dark] .routine-range-error{background:#3b2528;color:#ffaaa5}.page-content{gap:18px}.content-area{padding:30px clamp(24px,4vw,48px) 48px}.auth-card,.leaderboard-card,.routine-card,.surface-card{background:#fff;background:var(--surface);border-color:#e5e5ea;border-color:var(--line);border-radius:18px;box-shadow:0 2px 12px #2323360f;box-shadow:var(--shadow)}.auth-card{background:#fff}.welcome-banner{background:linear-gradient(110deg,#fff,#fff 45%,color-mix(in srgb,#f0edff 64%,#fff));background:linear-gradient(110deg,var(--surface) 0,var(--surface) 45%,color-mix(in srgb,var(--primary-soft) 64%,var(--surface)) 100%);border-color:#e5e5ea;border-color:var(--line);border-radius:24px;grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);min-height:300px;padding-bottom:30px;padding-top:30px}.welcome-banner h2{margin-top:14px}.welcome-banner p{margin-bottom:22px}.welcome-art{display:grid;isolation:isolate;min-height:250px;place-items:center;position:relative}.welcome-orbit{aspect-ratio:1;background:radial-gradient(circle,color-mix(in srgb,#f0edff 66%,#0000) 0 38%,#0000 69%);background:radial-gradient(circle,color-mix(in srgb,var(--primary-soft) 66%,#0000) 0 38%,#0000 69%);border:1px solid color-mix(in srgb,#7157e8 12%,#0000);border:1px solid color-mix(in srgb,var(--primary) 12%,#0000);border-radius:50%;position:absolute;width:min(390px,100%);z-index:-1}.welcome-orbit:after,.welcome-orbit:before{border:1px solid color-mix(in srgb,#7157e8 11%,#0000);border:1px solid color-mix(in srgb,var(--primary) 11%,#0000);border-radius:50%;content:"";inset:12%;position:absolute}.welcome-orbit:after{inset:25%}.welcome-preview{background:color-mix(in srgb,#fff 92%,#0000);background:color-mix(in srgb,var(--surface) 92%,#0000);border:1px solid color-mix(in srgb,#e5e5ea 80%,#fff);border:1px solid color-mix(in srgb,var(--line) 80%,#fff);border-radius:19px;box-shadow:0 22px 55px #24204424;padding:17px;position:relative;transform:rotate(4deg);width:min(330px,86%);z-index:1}.welcome-preview-top,.welcome-preview-top>span{align-items:center;display:flex;justify-content:space-between}.welcome-preview-top>strong{font-size:11px;letter-spacing:.13em}.welcome-preview-top>span{color:#666675;color:var(--muted);font-size:13px;gap:10px}.welcome-preview-top .avatar{flex-basis:25px;font-size:9px;height:25px;width:25px}.welcome-preview h3{font-size:17px;letter-spacing:-.04em;margin:17px 0 3px}.welcome-preview>p{font-size:9px;margin:0 0 13px}.welcome-streak{align-items:center;background:#17171b;border-radius:12px;color:#fff;display:flex;gap:8px;padding:12px}.welcome-streak>.ph:first-child{color:#ffba68}.welcome-streak strong{font-size:19px}.welcome-streak span{color:#d3d1db;flex:1 1;font-size:8px}.welcome-streak>.ph:last-child{color:#7157e8;color:var(--primary);font-size:17px}.welcome-preview-tasks{grid-gap:10px;background:#fff;background:var(--surface);border:1px solid #e5e5ea;border:1px solid var(--line);border-radius:11px;display:grid;gap:10px;margin-top:12px;padding:12px}.welcome-preview-tasks>strong{font-size:9px}.welcome-preview-tasks>span{align-items:center;color:#666675;color:var(--muted);display:flex;font-size:8px;gap:7px}.welcome-preview-tasks>span .ph:first-child{font-size:15px}.welcome-preview-tasks>span .ph:last-child{margin-left:auto}.welcome-chart,.welcome-logo-tile{background:#fff;background:var(--surface);border:1px solid color-mix(in srgb,#e5e5ea 70%,#fff);border:1px solid color-mix(in srgb,var(--line) 70%,#fff);box-shadow:0 14px 34px #24204420;display:grid;place-items:center;position:absolute;z-index:2}.welcome-logo-tile{border-radius:22px;height:80px;left:3%;top:50%;transform:translateY(-50%) rotate(-9deg);width:80px}.welcome-logo-tile .brand-mark{border-radius:16px;flex-basis:48px;height:48px;width:48px}.welcome-logo-tile>.ph{color:#7157e8;color:var(--primary);font-size:17px;position:absolute;right:8px;top:9px}.welcome-chart{border-radius:15px;color:#7157e8;color:var(--primary);font-size:22px;height:50px;right:5%;top:5%;transform:rotate(8deg);width:50px}.welcome-star{color:#232336;color:var(--ink);font-size:20px;left:29%;position:absolute;top:10%}.button,.focus-settings-form input[type=number],.focus-task-picker select,.form-row input,.form-stack input,.form-stack select,.form-stack textarea,.icon-button,.profile-avatar-change,.profile-form input,.profile-security-form input,.routine-add-form input,.routine-add-form select,.routine-badge-delete-button,.routine-badge-delete-confirm button,.routine-create-badge-button,.routine-custom-badge-form input,.routine-custom-badge-form select,.routine-edit-actions button,.routine-inline-edit-input,.routine-month-controls button,.routine-save-button,.routine-task-actions button,.routine-weekday-option,.settings-language-select select{border-radius:12px}.button-primary{box-shadow:none}.focus-settings-form input[type=number],.focus-task-picker select,.form-row input,.form-stack input,.form-stack select,.form-stack textarea,.profile-form input,.profile-security-form input,.routine-add-form input,.routine-add-form select,.routine-custom-badge-form input,.routine-custom-badge-form select,.routine-range-inputs input,.settings-language-select select{border-color:#e5e5ea;border-color:var(--line)}.contact-info{background:linear-gradient(145deg,#fff,color-mix(in srgb,#f0edff 58%,#fff));background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--primary-soft) 58%,var(--surface)));min-height:0;overflow:hidden;padding:26px;position:relative}.contact-invitation-heading{align-items:center;display:flex;gap:10px}.contact-invitation-icon{background:#fff;background:var(--surface);border:1px solid color-mix(in srgb,#7157e8 18%,#e5e5ea);border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));border-radius:13px;color:#7157e8;color:var(--primary);display:grid;flex:0 0 40px;font-size:20px;height:40px;place-items:center;width:40px}.contact-info h3{font-size:clamp(20px,2.4vw,26px);letter-spacing:-.045em;line-height:1.2;margin:20px 0 9px;max-width:370px}.contact-info>p{color:#666675;color:var(--muted);font-size:11px;line-height:1.75;margin:0;max-width:440px}.contact-prompt-label{color:#232336;color:var(--ink);display:block;font-size:10px;font-weight:700;margin-top:23px}.contact-prompt-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.contact-prompt{align-items:center;background:#fff;background:var(--surface);border:1px solid #e5e5ea;border:1px solid var(--line);border-radius:10px;color:#232336;color:var(--ink);cursor:pointer;display:inline-flex;font:inherit;font-size:10px;font-weight:600;gap:7px;min-height:36px;padding:7px 11px;transition:border-color .16s ease,color .16s ease,background .16s ease,transform .16s ease}.contact-prompt:focus-visible,.contact-prompt:hover{background:color-mix(in srgb,#f0edff 55%,#fff);background:color-mix(in srgb,var(--primary-soft) 55%,var(--surface));border-color:#7157e8;border-color:var(--primary);color:#7157e8;color:var(--primary);transform:translateY(-1px)}.contact-prompt:focus-visible{outline:2px solid #7157e8;outline:2px solid var(--primary);outline-offset:2px}.contact-prompt .ph{font-size:15px}.contact-email{align-items:center;border-top:1px solid #e5e5ea;border-top:1px solid var(--line);color:#7157e8;color:var(--primary);display:inline-flex;font-size:10px;font-weight:650;gap:8px;margin-top:25px;padding-top:16px;text-decoration:none}.contact-email:hover{color:#5f45d2;color:var(--primary-dark)}.daily-motivation{align-items:center;background:color-mix(in srgb,#f0edff 55%,#fff);background:color-mix(in srgb,var(--primary-soft) 55%,var(--surface));border:1px solid #e5e5ea;border:1px solid var(--line);border-radius:14px;display:flex;gap:14px;padding:14px 18px}.daily-motivation .tip-icon{background:#fff;background:var(--surface);border-radius:11px;color:#7157e8;color:var(--primary);display:grid;flex:0 0 36px;font-size:19px;height:36px;place-items:center;width:36px}.daily-motivation .eyebrow{margin-bottom:3px}.daily-motivation p{color:#232336;color:var(--ink);line-height:1.5;margin:0}.app-shell :not(.mobile-add-prompt *):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(strong):not(i):not(svg):not(svg *){font-size:max(14px,1em)!important}.app-shell .profile-summary h3,.app-shell .todo-item-copy h3{font-size:16px;line-height:1.4}.app-shell .profile-summary p,.app-shell .todo-item-copy p{line-height:1.6}.auth-page :not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(strong):not(i):not(svg):not(svg *){font-size:max(14px,1em)!important}@media (max-width:760px){.app-shell :not(.mobile-add-prompt *):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(strong):not(i):not(svg):not(svg *){font-size:max(15px,1em)!important}.app-shell .stat-card>strong{font-size:24px!important}.app-shell .stat-card>strong small{font-size:14px!important}.app-shell .timer-value>strong{font-size:44px!important}.app-shell .habit-progress-ring small{font-size:14px!important}.content-area{padding:20px 16px 36px}.welcome-banner{gap:8px;grid-template-columns:minmax(0,1fr);padding:22px 18px 12px}.welcome-art{min-height:210px}.welcome-orbit{width:240px}.welcome-preview{padding:13px;width:min(280px,76%)}.welcome-preview h3{font-size:14px;margin-top:11px}.welcome-preview-tasks{padding:9px}.welcome-logo-tile{border-radius:17px;height:58px;left:2%;width:58px}.welcome-logo-tile .brand-mark{border-radius:12px;flex-basis:37px;height:37px;width:37px}.welcome-chart{height:41px;right:1%;width:41px}.mobile-bottom-nav-item{min-height:58px}.habit-week-day{height:27px;width:28px}.account-badge{max-width:110px;white-space:normal}.avatar-picker-panel{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}.routine-calendar-card,.routine-range-card,.routine-table-card,.routine-weekdays-card{border-radius:16px}.auth-page :not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(strong):not(i):not(svg):not(svg *){font-size:max(15px,1em)!important}}[data-theme=dark] .routine-count{background:#f5f5f7;background:var(--canvas)}[data-theme=dark] .routine-row,[data-theme=dark] .routine-table-header{border-color:#e5e5ea;border-color:var(--line)}[data-theme=dark] .routine-table-header{color:#666675;color:var(--muted)}[data-theme=dark] .routine-row-selected{background:#f0edff;background:var(--primary-soft)}[data-theme=dark] .routine-row-done .routine-task-name-button:hover .routine-task-name,[data-theme=dark] .routine-task-name-button:hover .routine-task-name{color:#7157e8;color:var(--primary)}[data-theme=dark] .routine-row-done .routine-task-name{color:#666675;color:var(--muted)}[data-theme=dark] .routine-task-actions button{color:#7157e8;color:var(--primary)}[data-theme=dark] .routine-badge-delete-button,[data-theme=dark] .routine-task-actions button:last-child{background:#3b2528;border-color:#563238;color:#ffaaa5}[data-theme=dark] .routine-edit-actions button{border-color:#315343;color:#83c99a}[data-theme=dark] .routine-checkbox{background:#f5f5f7;background:var(--canvas);border-color:#e5e5ea;border-color:var(--line);color:#232336;color:var(--ink)}[data-theme=dark] .routine-checkbox-checked{background:#51a879;border-color:#51a879;color:#fff}[data-theme=dark] .routine-badge-emerald{background:#1d382b;color:#83c99a}[data-theme=dark] .routine-badge-indigo{background:#302a4e;color:#b7aaff}[data-theme=dark] .routine-badge-amber{background:#3b2d1d;color:#ffc16b}[data-theme=dark] .routine-badge-slate{background:#303746;color:#b3bfd1}[data-theme=dark] .routine-category-emerald select{background:#1d382b;color:#83c99a}[data-theme=dark] .routine-category-indigo select{background:#302a4e;color:#b7aaff}[data-theme=dark] .routine-category-amber select{background:#3b2d1d;color:#ffc16b}[data-theme=dark] .routine-category-slate select{background:#303746;color:#b3bfd1}[data-theme=dark] .routine-create-badge-button{background:#f0edff;background:var(--primary-soft);border-color:#e5e5ea;border-color:var(--line);color:#7157e8;color:var(--primary)}[data-theme=dark] .routine-create-badge-button:hover:not(:disabled){background:#f0edff;background:var(--primary-soft);border-color:#7157e8;border-color:var(--primary)}[data-theme=dark] .routine-custom-badge-item{border-color:#e5e5ea;border-color:var(--line)}[data-theme=dark] .routine-badge-delete-confirm button{border-color:#563238;color:#ffaaa5}[data-theme=dark] .routine-badge-delete-confirm button:last-child{border-color:#e5e5ea;border-color:var(--line);color:#666675;color:var(--muted)}[data-theme=dark] .skeleton{background-color:#343247}@media (prefers-reduced-motion:reduce){.animate-pulse{animation:none}.page-content-loaded{animation-duration:.01ms}.leaderboard-podium-card:hover,.leaderboard-user-row:hover{transform:none}.leaderboard-podium-card,.leaderboard-user-row{transition:none}}
/*# sourceMappingURL=main.8315b3ec.css.map*/