.guides-page{padding-left:24px;padding-right:24px}.guides-page .habits-topbar{padding-left:0}.guides-loading{color:var(--text-2);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.guides-loading p{font-size:var(--fs-sm)}.guides-empty{color:var(--text-2);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.guides-empty p{font-size:var(--fs-base)}.guides-error{color:var(--error);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.guides-error p{font-size:var(--fs-sm)}.guides-grid{grid-template-columns:repeat(3,1fr);gap:16px;width:100%;display:grid}@media (max-width:1024px){.guides-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.guides-grid{grid-template-columns:1fr}}.guide-card{background:var(--guide-card-bg);border:var(--border-subtle);border-radius:var(--radius-lg);transition:transform var(--speed-1) var(--easing), border-color var(--speed-1) var(--easing), box-shadow var(--speed-1) var(--easing);cursor:pointer;color:inherit;will-change:transform;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.guide-card:hover{border-color:var(--white-12);box-shadow:var(--shadow-lg-dark)}.guide-card-header{background:var(--bg-1);border-bottom:1px solid var(--white-08);width:100%;padding-bottom:56.25%;position:relative;overflow:hidden}.guide-card-cover{width:100%;height:100%;position:absolute;top:0;left:0}.guide-card-cover-image{object-fit:contain;width:100%;height:100%}.guide-card-cover-placeholder{background:var(--gradient-guide-placeholder);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.guide-card-cover-placeholder .guide-card-type{font-size:var(--fs-md);color:var(--text-0);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.guide-card-body-header{flex-direction:column;gap:6px;margin-bottom:0;display:flex}.guide-card-type-label{font-size:var(--fs-xs);color:var(--text-2);text-transform:uppercase;letter-spacing:.08em;font-weight:500}.guide-card-title{font-size:var(--fs-md);color:var(--text-0);margin:0;font-weight:600;line-height:1.3}.guide-card-body{flex-direction:column;flex:1;gap:12px;padding:20px;display:flex}.guide-card-description{font-size:var(--fs-sm);color:var(--text-1);-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;flex:1;margin:0 0 10px;line-height:1.5;display:-webkit-box;overflow:hidden}.guide-card-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;display:flex}.guide-time-chip{background:var(--white-04);box-shadow:inset 0 0 0 1px var(--white-08);white-space:nowrap;border-radius:14px;flex-direction:column;flex-shrink:0;align-items:flex-start;padding:4px 14px 5px;display:inline-flex}.guide-time-chip__value{color:var(--text-0);font-size:var(--fs-xs);align-items:center;gap:8px;font-weight:600;line-height:1.05;display:inline-flex}.guide-time-chip__icon{color:var(--white-30);flex-shrink:0}.guide-time-chip__amount{font-variant-numeric:tabular-nums;font-size:.85em}.guide-time-chip__caption{color:var(--text-2);font-size:var(--fs-xs);font-weight:500;line-height:1.05}.guide-card-cta{border-radius:var(--radius-pill);background:var(--white);color:var(--black);font-size:var(--fs-sm);white-space:nowrap;transition:box-shadow var(--speed-1) var(--easing);flex-shrink:0;align-items:center;gap:4px;padding:7px 11px 7px 14px;font-weight:600;display:inline-flex}.guide-card:hover .guide-card-cta{box-shadow:var(--shadow-glow-white-md)}.guide-card-cta--muted{background:var(--white-08);color:var(--text-2)}.guide-card:hover .guide-card-cta--muted{box-shadow:none}.guide-card-progress{z-index:3;background:var(--black-80);height:4px;position:absolute;bottom:0;left:0;right:0}.guide-card-progress__fill{background:var(--white);height:100%;box-shadow:0 0 10px var(--white-40);transition:width var(--speed-1) var(--easing);display:block}.guide-card-cover-overlay{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.guide-card-cover-overlay--locked{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(#08090b40 0%,#08090bad 100%)}.guide-card-cover-overlay--scheduled{background:linear-gradient(#08090b0a 0%,#08090b80 100%)}.guide-card-overlay-chip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--white-10);box-shadow:var(--shadow-outline-black-sm);color:var(--text-0);font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;background:#0a0c0ed1;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-weight:600;display:inline-flex}.guide-card-overlay-chip svg{color:var(--text-2);flex-shrink:0}.guide-card-overlay-note{font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--text-2);align-items:center;gap:5px;font-weight:600;display:inline-flex}.guide-card--locked{opacity:.65;filter:grayscale(20%);cursor:default;pointer-events:auto}.guide-card--locked:hover{border-color:var(--border-subtle);box-shadow:none;transform:none}.guide-card--scheduled{cursor:default}.guide-card--scheduled:hover{border-color:var(--border-subtle);box-shadow:none;transform:none}.guide-card-read-badge{z-index:3;border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1px var(--white-10), 0 2px 10px var(--black-60);color:var(--text-0);font-size:var(--fs-xs);letter-spacing:.02em;background:#0a0c0ed1;align-items:center;gap:5px;padding:5px 10px 5px 8px;font-weight:600;display:inline-flex;position:absolute;top:12px;right:12px}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.guide-card-read-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.guide-card-read-badge svg{color:var(--white-60);flex-shrink:0}.guide-detail-page{width:100%;max-width:680px;margin:0 auto;padding:140px 20px 80px;position:relative}.guide-detail-loading,.guide-detail-error{min-height:300px;color:var(--text-1);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.guide-detail-type{font-size:var(--fs-xs);color:var(--text-2);text-transform:uppercase;letter-spacing:.08em;background:var(--white-04);border-radius:var(--radius-sm);padding:4px 10px;font-weight:600}.guide-detail-cover{aspect-ratio:16/9;border-radius:var(--radius-lg);background:var(--bg-1);width:100%;margin-bottom:32px;position:relative;overflow:hidden}.guide-detail-cover-image{object-fit:cover}.guide-detail-content{flex-direction:column;gap:12px;display:flex}.guide-detail-title{color:var(--text-0);letter-spacing:-.02em;margin:0 0 22px;font-size:28px;font-weight:700;line-height:1.25}.guide-detail-body{color:var(--text-0);flex-direction:column;gap:0;padding-top:4px;font-size:18px;line-height:1.65;display:flex}.guide-detail-body p{margin:0 0 18px}.guide-detail-body p:last-child{margin-bottom:0}.guide-detail-body h2{color:var(--text-0);letter-spacing:-.01em;margin:32px 0 16px;font-size:24px;font-weight:700;line-height:1.3}.guide-detail-body h3{color:var(--text-0);margin:28px 0 12px;font-size:20px;font-weight:600;line-height:1.35}.guide-detail-body h2:first-child,.guide-detail-body h3:first-child{margin-top:0}.guide-detail-body blockquote{border-left:3px solid var(--white-16);color:var(--text-1);margin:8px 0;padding:2px 0 2px 20px}.guide-detail-body blockquote p{margin-bottom:12px}.guide-detail-body blockquote p:last-child{margin-bottom:0}.guide-detail-body strong{color:var(--text-0);font-weight:700}.guide-detail-body em{font-style:italic}.guide-detail-body ul,.guide-detail-body ol{color:var(--text-0);margin:0 0 18px;padding-left:28px}.guide-detail-body li{margin-bottom:6px}.guide-detail-body li:last-child{margin-bottom:0}.guide-detail-body a{color:#5b9bf5;text-underline-offset:3px;transition:text-decoration-color var(--speed-1) var(--easing);-webkit-text-decoration:underline #5b9bf566;text-decoration:underline #5b9bf566}.guide-detail-body a:hover{color:#7db3ff;text-decoration-color:currentColor}.guide-detail-body img{border-radius:var(--radius-md);max-width:100%;height:auto;margin:8px 0}.guide-detail-body hr{border:none;border-top:var(--border-subtle);margin:32px 0}.guide-detail-body p[style*="text-align: center"],.guide-detail-body h2[style*="text-align: center"],.guide-detail-body h3[style*="text-align: center"]{text-align:center}.guide-nav-btn{z-index:calc(var(--z-sticky) + 1);font-size:var(--fs-sm);color:var(--text-2);cursor:pointer;transition:color var(--speed-1) var(--easing);white-space:nowrap;background:0 0;border:none;border-radius:24px;align-items:center;gap:4px;padding:8px 12px;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.guide-nav-btn:hover{color:var(--text-0)}.guide-nav-btn.is-disabled{opacity:.25;pointer-events:none;cursor:default}@media (max-width:640px){.guide-detail-page{padding:72px 16px 48px}.guide-detail-title{font-size:22px}.guide-detail-body{font-size:16px}.guide-detail-body h2{margin:24px 0 12px;font-size:20px}.guide-detail-body h3{margin:20px 0 10px;font-size:18px}}.roadmap-page-content{flex:1;justify-content:center;min-height:calc(100vh - 120px);display:flex}.roadmap-loading{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;max-width:600px;height:calc(100vh - 120px);min-height:400px;display:flex}.roadmap-loading p{font-size:var(--fs-sm);color:var(--text-2);margin:0}.roadmap-loading-dots{align-items:flex-end;gap:6px;height:24px;display:flex}.roadmap-loading-dots span{background:var(--white-50);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite roadmap-bounce}.roadmap-loading-dots span:first-child{animation-delay:0s}.roadmap-loading-dots span:nth-child(2){animation-delay:.15s}.roadmap-loading-dots span:nth-child(3){animation-delay:.3s}@keyframes roadmap-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-12px)}}.roadmap-container{scrollbar-width:none;-ms-overflow-style:none;width:100%;max-width:600px;height:100vh;padding:80px 20px 60px;position:relative;overflow:hidden auto}.roadmap-container::-webkit-scrollbar{display:none}.roadmap-path{flex-direction:column;align-items:center;gap:0;padding-bottom:40px;display:flex;position:relative}.roadmap-checkpoint{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.roadmap-checkpoint-content{align-items:center;gap:16px;width:100%;padding:12px 0;display:flex;position:relative}.roadmap-checkpoint-content.left{justify-content:flex-start;padding-left:10%}.roadmap-checkpoint-content.center{justify-content:center}.roadmap-checkpoint-content.right{justify-content:flex-end;padding-right:10%}.roadmap-node{background:var(--white-06);border:2px solid var(--white-50);cursor:pointer;width:40px;height:40px;z-index:var(--z-raised);box-shadow:var(--shadow-outline-black-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.roadmap-node:after{content:"";background:var(--black);z-index:0;border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0}.roadmap-node svg,.roadmap-node span{z-index:var(--z-default);position:relative}.roadmap-node:hover{background:var(--white-12);border-color:var(--white-40);box-shadow:var(--shadow-outline-black-glow);transform:scale(1.15)}.roadmap-node.completed{background:var(--white-04);border-color:var(--white-35)}.roadmap-node.completed:hover{background:var(--white-06);border-color:var(--white-50)}.roadmap-node.completed svg{color:var(--white-50)}.roadmap-node.upcoming .roadmap-node-check{opacity:0;transition:opacity .2s}.roadmap-node.upcoming:hover .roadmap-node-check{opacity:.4;color:var(--white-60)}.roadmap-node.current{background:var(--white-15);border-color:var(--white-60);width:52px;height:52px;box-shadow:var(--shadow-outline-black-glow-lg);animation:2s ease-in-out infinite roadmap-pulse}.roadmap-node.current:hover{transform:scale(1.1)}.roadmap-node.unknown{background:var(--white-03);border-color:var(--white-35);cursor:default;border-style:dashed}.roadmap-node.unknown:hover{transform:none}.roadmap-node.unknown svg{color:var(--white-30)}.roadmap-node-dot{background:var(--white-60);border-radius:50%;width:8px;height:8px}.roadmap-node-start{background:var(--gradient-profile-avatar);border-color:var(--white-50);cursor:default;width:48px;height:48px;box-shadow:var(--shadow-outline-black-sm)}.roadmap-node-start span{color:var(--white-60);font-size:14px}.roadmap-node-start:hover{box-shadow:var(--shadow-outline-black-sm);transform:none}.roadmap-node-final{background:linear-gradient(135deg, var(--accent-orange-20), #ff980014);border-color:var(--accent-orange-40);cursor:default;width:48px;height:48px;box-shadow:var(--shadow-outline-black-sm)}.roadmap-node-final svg{color:var(--accent-orange)}.roadmap-node-final:hover{box-shadow:var(--shadow-outline-black-sm);transform:none}.roadmap-label{font-size:var(--fs-sm);color:var(--text-0);white-space:nowrap;cursor:pointer;font-weight:500;transition:background .2s,border-color .2s,transform .2s;position:relative}.roadmap-label:hover{color:var(--white)}.roadmap-label.completed{color:var(--text-2);opacity:.5}.roadmap-label.completed:hover{opacity:.8}.roadmap-label.current{font-size:var(--fs-md);color:var(--white);font-weight:600}.roadmap-label.unknown{color:var(--white-25);cursor:default}.roadmap-label.unknown:hover{color:var(--white-25)}.roadmap-checkpoint-content.left .roadmap-label{order:2}.roadmap-checkpoint-content.right .roadmap-label{order:-1}.roadmap-checkpoint-content.center .roadmap-label{position:absolute;left:calc(50% + 40px)}.roadmap-checkpoint-start .roadmap-label,.roadmap-checkpoint-final .roadmap-label{order:2;position:static}.roadmap-connector{background:var(--gradient-connector);width:2px;height:50px;position:relative}.roadmap-connector.completed{opacity:.4}.roadmap-connector-dashed{background:var(--gradient-connector-dashed)}.roadmap-spacer{background:var(--gradient-spacer-dashed);width:2px;height:80px}.roadmap-checkpoint-start,.roadmap-checkpoint-final{padding:20px 0}.roadmap-checkpoint-start .roadmap-label,.roadmap-checkpoint-final .roadmap-label{font-size:var(--fs-sm);letter-spacing:.05em;text-transform:uppercase;color:var(--text-1);cursor:default;font-weight:600}.roadmap-checkpoint-start .roadmap-label:hover,.roadmap-checkpoint-final .roadmap-label:hover{color:var(--text-1)}.roadmap-popup{z-index:var(--z-modal);pointer-events:auto;animation:.25s cubic-bezier(.4,0,.2,1) roadmap-popup-fade-in;position:fixed;transform:translate(-50%,45px)}@keyframes roadmap-popup-fade-in{0%{opacity:0;transform:translate(-50%,35px)}to{opacity:1;transform:translate(-50%,45px)}}.roadmap-popup-connector{background:var(--white-30);width:1px;height:45px;position:absolute;top:-45px;left:50%;transform:translate(-50%)}.roadmap-popup-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:var(--border-light);min-width:280px;max-width:320px;box-shadow:var(--shadow-modal-layered);background:#0a0c0ef2;border-radius:16px;padding:20px}.roadmap-popup-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.roadmap-popup-status{letter-spacing:.08em;text-transform:uppercase;background:var(--white-08);color:var(--text-1);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600}.roadmap-popup-status.completed{background:var(--white-10);color:var(--white-60)}.roadmap-popup-status.current{background:var(--white-15);color:var(--white)}.roadmap-popup-status.upcoming{background:var(--white-06);color:var(--text-2)}.roadmap-popup-priority{background:var(--priority-base-bg);color:var(--priority-base-text);border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600}.roadmap-popup-priority.p1{background:var(--priority-p1-bg);color:var(--color-red-300)}.roadmap-popup-priority.p2{background:var(--priority-p2-bg);color:var(--priority-p2-text)}.roadmap-popup-priority.p3{background:var(--priority-p3-bg);color:var(--priority-p3-text)}.roadmap-popup-priority.p4{background:var(--priority-p4-bg);color:var(--priority-p4-text)}.roadmap-popup-title{font-size:var(--fs-md);color:var(--text-0);margin:0 0 8px;font-weight:600;line-height:1.4}.roadmap-popup-description{font-size:var(--fs-sm);color:var(--text-2);margin:0 0 16px;line-height:1.5}.roadmap-popup-due{font-size:var(--fs-xs);color:var(--text-2);align-items:center;gap:8px;margin-bottom:16px;display:flex}.roadmap-popup-due svg{opacity:.6}.roadmap-popup-link{background:var(--white-08);border:1px solid var(--white-10);width:100%;color:var(--text-0);font-size:var(--fs-sm);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.roadmap-popup-link:hover{background:var(--white-12);border-color:var(--white-20)}.roadmap-popup-link svg{transition:transform .2s}.roadmap-popup-link:hover svg{transform:translate(4px)}@keyframes roadmap-pulse{0%,to{box-shadow:var(--shadow-glow-deep-1)}50%{box-shadow:var(--shadow-glow-deep-2)}}@media (max-width:768px){.roadmap-container{padding:40px 16px}.roadmap-checkpoint-content.left{padding-left:5%}.roadmap-checkpoint-content.right{padding-right:5%}.roadmap-popup-content{min-width:240px;max-width:280px;padding:16px}.roadmap-label{font-size:13px}}
.login-page{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.login-loader{justify-content:center;align-items:center;display:flex}.login-loader-spinner{border:3px solid var(--white-10);border-top-color:var(--text-0);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}.login-bg{z-index:0;pointer-events:none;background:var(--bg-0);position:fixed;inset:0}.login-content{z-index:1;flex-direction:column;align-items:center;gap:32px;width:100%;max-width:440px;animation:.6s ease-out login-fade-in;display:flex;position:relative}@keyframes login-fade-in{0%{opacity:0}to{opacity:1}}.login-logo{transition:transform .3s var(--easing);align-items:center;gap:12px;text-decoration:none;display:flex}.login-logo:hover{transform:scale(1.05)}.login-logo-img{border-radius:12px;width:48px;height:48px;box-shadow:0 8px 32px #0000004d}.login-logo-text{color:var(--text-0);letter-spacing:-.02em;background:linear-gradient(135deg, var(--text-0) 0%, var(--text-1) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800}.login-card{background:var(--gradient-surface);border:1px solid var(--white-08);width:100%;box-shadow:0 0 0 1px var(--white-04), 0 20px 60px -10px #00000080, 0 0 100px -20px #581c8733;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;overflow:hidden}.login-card-header{text-align:center;padding:32px 32px 20px}.login-title{font-size:var(--fs-lg);color:var(--text-0);margin:0 0 4px;font-weight:700}.login-subtitle{font-size:var(--fs-sm);color:var(--text-2);margin:0}.login-tabs{background:var(--white-04);border-radius:12px;gap:4px;margin:0 24px;padding:4px;display:flex}.login-tab{color:var(--text-2);font-size:var(--fs-sm);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:500;transition:opacity .2s,transform .2s;display:flex}.login-tab:hover{color:var(--text-1)}.login-tab.is-active{background:var(--white-10);color:var(--text-0)}.login-card-body{padding:24px}.login-form{flex-direction:column;gap:16px;display:flex}.login-error{color:#ef4444;font-size:var(--fs-sm);text-align:center;background:#ef44441a;border:1px solid #ef444433;border-radius:10px;padding:12px 16px}.login-field{flex-direction:column;gap:6px;display:flex}.login-label{font-size:var(--fs-sm);color:var(--text-1);font-weight:500}.login-input-wrapper{align-items:center;display:flex;position:relative}.login-input-icon{color:var(--text-2);pointer-events:none;position:absolute;left:14px}.login-input{border:1px solid var(--white-10);background:var(--white-04);width:100%;color:var(--text-0);font-size:var(--fs-base);border-radius:10px;padding:12px 14px 12px 44px;transition:all .2s}.login-input::placeholder{color:var(--text-2)}.login-input:focus{border-color:var(--white-30);background:var(--white-06);outline:none}.login-input:disabled{opacity:.6;cursor:not-allowed}.login-submit{background:var(--text-0);width:100%;color:var(--bg-0);font-size:var(--fs-base);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:14px 20px;font-weight:600;transition:all .2s;display:flex}.login-submit:hover:not(:disabled){opacity:.9}.login-submit:disabled{opacity:.7;cursor:not-allowed}.login-submit-loader{animation:.8s linear infinite login-spin}.login-register-link{font-size:var(--fs-sm);color:var(--text-2);justify-content:center;align-items:center;gap:6px;display:flex}.login-register-link a{color:var(--text-0);text-underline-offset:2px;text-decoration:underline}.login-register-link a:hover{opacity:.8}.login-card-footer{background:var(--white-02);border-top:1px solid var(--white-06);padding:20px 32px}.login-terms{font-size:var(--fs-xs);color:var(--text-2);text-align:center;margin:0;line-height:1.6}.login-terms-link{color:var(--text-1);text-underline-offset:2px;text-decoration:underline;transition:color .2s}.login-terms-link:hover{color:var(--text-0)}.login-back{border-radius:var(--radius-pill);background:var(--white-06);border:1px solid var(--white-10);color:var(--text-1);font-size:var(--fs-sm);transition:all .3s var(--easing);align-items:center;gap:8px;padding:10px 20px;text-decoration:none;display:inline-flex}.login-back:hover{background:var(--white-10);border-color:var(--white-16);color:var(--text-0)}.login-back span:first-child{transition:transform .3s var(--easing)}.login-back:hover span:first-child{transform:translate(-4px)}@media (max-width:480px){.login-page{padding:24px 16px}.login-card-header{padding:32px 24px 20px}.login-card-body{padding:24px}.login-card-footer{padding:16px 24px}.login-title{font-size:clamp(22px,6vw,28px)}.login-icon-wrapper{border-radius:16px;width:60px;height:60px}.login-icon{width:28px;height:28px}}@layer base{*{border-color:var(--border);outline-color:color-mix(in oklch, var(--ring), transparent 50%)}body{background-color:var(--background);color:var(--foreground)}}.confirm-cancel-overlay{background:var(--black-60);z-index:var(--z-modal);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-cancel-modal{border:var(--border-subtle);border-radius:var(--radius-lg);width:min(420px,90vw);box-shadow:var(--shadow-3);background:#0c0d0ffa;padding:28px}.confirm-cancel-title{color:var(--text-0);margin:0 0 12px;font-size:18px;font-weight:700}.confirm-cancel-description{color:var(--text-1);margin:0 0 24px;font-size:14px;line-height:1.5}.confirm-cancel-actions{justify-content:flex-end;gap:12px;display:flex}.confirm-cancel-button{cursor:pointer;transition:background var(--speed-1) var(--easing);border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600}.confirm-cancel-button--secondary{background:var(--white-06);color:var(--text-1)}.confirm-cancel-button--secondary:hover{background:var(--white-08)}.confirm-cancel-button--danger{background:var(--white-04);color:var(--color-red-400);border:1px solid var(--color-red-400)}.confirm-cancel-button--danger:hover{background:var(--white-06)}@keyframes fadeSlideIn{0%{opacity:0;filter:blur(4px);transform:translateY(20px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes slideRightIn{0%{opacity:0;filter:blur(8px);transform:translate(40px)}to{opacity:1;filter:blur();transform:translate(0)}}@keyframes testimonialIn{0%{opacity:0;filter:blur(4px);transform:translateY(20px)scale(.95)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.animate-element{opacity:0;filter:blur(4px);animation:.6s ease-out forwards fadeSlideIn;transform:translateY(20px)}.animate-slide-right{opacity:0;filter:blur(8px);animation:.8s ease-out forwards slideRightIn;transform:translate(40px)}.animate-testimonial{opacity:0;filter:blur(4px);animation:.6s ease-out forwards testimonialIn;transform:translateY(20px)scale(.95)}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-250{animation-delay:.25s}.animate-delay-300{animation-delay:.3s}.animate-delay-400{animation-delay:.4s}.animate-delay-500{animation-delay:.5s}.animate-delay-600{animation-delay:.6s}.animate-delay-700{animation-delay:.7s}.animate-delay-800{animation-delay:.8s}.animate-delay-900{animation-delay:.9s}.animate-delay-1000{animation-delay:1s}.animate-delay-1200{animation-delay:1.2s}.animate-delay-1400{animation-delay:1.4s}.custom-checkbox{border:1px solid var(--white-20);background:var(--white-05);cursor:pointer;border-radius:4px;width:18px;height:18px;transition:all .2s}.custom-checkbox:checked{background:var(--color-purple-500);border-color:var(--color-purple-500)}
.home-legal-links{right:20px;bottom:calc(16px + var(--cookie-consent-height,0px));z-index:var(--z-above);transition:bottom var(--speed-1) var(--easing);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:2px 12px;max-width:min(440px,100vw - 40px);display:flex;position:fixed}.home-legal-links__link{color:var(--text-2);white-space:nowrap;transition:color var(--speed-1) var(--easing);font-size:10px;font-weight:500;line-height:1.5}.home-legal-links__link:hover,.home-legal-links__link:focus-visible{color:var(--text-1)}.sidebar-legal-links{flex-wrap:wrap;gap:2px 10px;padding-top:10px;display:flex}.sidebar-legal-links__link{color:var(--text-2);white-space:nowrap;transition:color var(--speed-1) var(--easing);font-size:10px;font-weight:500;line-height:1.5}.sidebar-legal-links__link:hover,.sidebar-legal-links__link:focus-visible{color:var(--text-1)}.sidebar.is-collapsed .sidebar-legal-links{display:none}.cookie-consent{z-index:var(--z-modal);pointer-events:none;position:fixed;bottom:0;left:0;right:0}.cookie-consent__panel{pointer-events:auto;background:var(--bg-0);padding-bottom:env(safe-area-inset-bottom);animation:cookie-consent-fade .3s var(--easing) both;position:relative}.cookie-consent__panel:before{content:"";pointer-events:none;background:linear-gradient(#05060700 0%,#0506072e 38%,#05060794 70%,#050607 100%);height:72px;position:absolute;bottom:100%;left:0;right:0}@keyframes cookie-consent-fade{0%{opacity:0}to{opacity:1}}@keyframes cookie-consent-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cookie-consent__inner{max-width:1280px;animation:cookie-consent-rise .45s var(--easing) both;align-items:center;gap:32px;margin:0 auto;padding:18px 32px 20px;display:flex}.cookie-consent__copy{flex-direction:column;gap:4px;min-width:0;display:flex}.cookie-consent__title{color:var(--text-0);margin:0;font-size:13px;font-weight:700;line-height:1.2}.cookie-consent__text{color:var(--text-1);margin:0;font-size:13px;line-height:1.45}.cookie-consent__link{color:var(--text-0);text-decoration:underline;-webkit-text-decoration-color:var(--white-30);text-decoration-color:var(--white-30);text-underline-offset:3px;transition:color var(--speed-1) var(--easing), text-decoration-color var(--speed-1) var(--easing)}.cookie-consent__link:hover,.cookie-consent__link:focus-visible{color:var(--accent-orange);-webkit-text-decoration-color:var(--accent-orange);text-decoration-color:var(--accent-orange)}.cookie-consent__button{border-radius:var(--radius-pill);background:var(--accent-orange);min-height:44px;color:var(--bg-0);white-space:nowrap;transition:background-color var(--speed-1) var(--easing), transform var(--speed-1) var(--easing);flex-shrink:0;margin-left:auto;padding:0 22px;font-size:13px;font-weight:800;transform:translate(0,0)}.cookie-consent__button:hover,.cookie-consent__button:focus-visible{background:color-mix(in srgb, var(--accent-orange) 90%, #fff)}.cookie-consent__button:active{transform:translate(0,0)}@media (max-width:767px){.home-legal-links{left:12px;right:12px;bottom:max(calc(var(--mobile-nav-height) + env(safe-area-inset-bottom) + 10px), calc(var(--cookie-consent-height,0px) + 10px));justify-content:center;max-width:none}.cookie-consent{left:12px;right:12px;bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom) + 12px)}.cookie-consent__panel{border:1px solid var(--white-08);box-shadow:var(--shadow-dropdown);background:#101114f0;border-radius:16px;padding-bottom:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.cookie-consent__panel{-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);background:#101114c7}}.cookie-consent__panel:before{display:none}.cookie-consent__inner{flex-direction:column;align-items:stretch;gap:14px;padding:14px 16px}.cookie-consent__text{font-size:12px;line-height:1.45}.cookie-consent__button{width:100%;margin-left:0}}
@media (max-width:767px){:root{--m-page-x:16px;--m-top-actions-top:12px;--m-top-actions-size:44px;--m-top-chrome:calc(var(--m-top-actions-top) + var(--m-top-actions-size));--m-top-cluster-reach:calc(12px + 2 * var(--m-top-actions-size) + 8px);--m-content-top:20px;--m-top-clearance:calc(var(--m-top-chrome) + 16px - var(--m-content-top));--m-top-clearance-bare:calc(var(--m-top-chrome) + 16px);--m-control-rest:var(--white-06);--m-control-active:var(--white-12);--m-control-selected:var(--white-14);--m-control-edge:var(--white-16);--m-control-primary:var(--white-95);--m-control-primary-ink:var(--black);--m-control-inert-ink:var(--text-2);--m-control-selected-opaque:#28292a;--m-control-active-opaque:#323334;--m-control-rest-opaque:#141516;--m-control-selected-strong-opaque:#3c3d3e;--m-veil-raised:linear-gradient(160deg, var(--white-12), var(--white-04));--m-shadow-raised:inset 0 1px 0 var(--white-18), inset 0 -7px 14px #05060780, 0 2px 4px #00000073;--m-shadow-pressed:inset 0 2px 5px #0000008c;--m-veil-card:linear-gradient(180deg, var(--white-08), var(--white-02));--m-shadow-card:inset 0 1px 0 var(--white-14), inset 0 -1px 0 #0006, 0 10px 24px -14px #000000d9, 0 1px 2px #0006;--m-card-surface-1:var(--white-05);--m-chip:var(--white-06);--m-stroke:#ffffff24;--m-border-subtle:1px solid #ffffff17;--m-border-light:1px solid #ffffff1c;--m-base-92:#050607eb;--m-veil-nav:linear-gradient(180deg, var(--white-06), var(--white-03));--m-glass-nav:#05060773;--m-veil-nav-active:linear-gradient(150deg, var(--white-08), var(--white-04));--m-veil-sheet:linear-gradient(180deg, var(--white-08) 0, var(--white-04) 180px);--m-veil-toast:linear-gradient(180deg, var(--white-12), var(--white-08));--m-sheet-radius:28px;--m-sheet-z:950;--m-toast-z:1000;--m-nav-item-size:54px;--m-nav-inner-pad:4px;--m-nav-panel-size:calc(var(--m-nav-item-size) + 2 * var(--m-nav-inner-pad));--m-nav-gap:12px;--m-nav-panel-radius:26px;--m-nav-scale-gap:4px;--m-nav-scale-width:3px;--m-nav-scale-lift:calc(var(--m-nav-scale-gap) + var(--m-nav-scale-width));--m-nav-scale-outer:calc(var(--m-nav-panel-radius) + var(--m-nav-scale-lift));--m-nav-bar-height:calc(var(--m-nav-panel-size) + var(--m-nav-gap));--m-nav-safe-reserve:34px;--m-nav-reserve:0px}.app-shell{--m-nav-reserve:calc(var(--m-nav-bar-height) + var(--m-nav-safe-reserve))}body:has(.mobile-bottom-nav){--m-nav-reserve:calc(var(--m-nav-bar-height) + var(--m-nav-safe-reserve))}body[data-mobile-nav]{--m-nav-reserve:calc(var(--m-nav-bar-height) + var(--m-nav-safe-reserve));--mobile-nav-height:86px}}
@media (max-width:767px){.m-desktop-only{display:none}}@media (min-width:768px){.m-mobile-only,.mobile-bottom-nav{display:none}}
@media (max-width:767px){html,body{overflow-x:hidden}html,body,*{scrollbar-width:none}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}::-webkit-scrollbar{width:0;height:0;display:none}html{scroll-padding-top:calc(var(--m-top-chrome) + 16px);scroll-padding-bottom:max(calc(var(--m-nav-reserve) + 16px), calc(var(--cookie-consent-height,0px) + 16px))}.app-shell{min-height:100dvh;overflow:visible;grid-template-columns:1fr!important}.app-shell-sidebar{display:none}.app-shell-main{min-width:0;height:auto;min-height:100dvh;overflow:visible}.app-shell:has(.main-page-wrapper) .app-shell-main{height:auto;min-height:100dvh;overflow:visible}.app-shell-content{padding-bottom:max(calc(var(--m-nav-reserve) + 24px), calc(var(--cookie-consent-height,0px) + 24px));overflow:visible}.app-shell:has(.main-page-wrapper) .app-shell-content{padding-bottom:max(calc(var(--m-nav-reserve) + 24px), calc(var(--cookie-consent-height,0px) + 24px));overflow:visible}.app-shell:not(.no-sidebar) .app-shell-content{padding-top:var(--m-content-top)}.main-header,.main-header-row{display:none}.top-right-actions{top:var(--m-top-actions-top);gap:8px;right:12px}.top-right-actions-notification-btn,.top-right-actions-profile-btn{box-shadow:0 0 16px var(--black-90)}.top-right-actions-settings-btn{width:var(--m-top-actions-size);height:var(--m-top-actions-size);min-width:var(--m-top-actions-size);background:var(--glass-bg-85);box-shadow:inset 0 0 0 1px var(--white-10), 0 0 16px var(--black-90);color:var(--text-1);transition:background var(--speed-1) var(--easing), color var(--speed-1) var(--easing);border:0;border-radius:50%;place-items:center;padding:0;text-decoration:none;display:grid}.top-right-actions-settings-btn:active{background:var(--glass-bg-68);color:var(--text-0)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.top-right-actions-settings-btn{background:var(--glass-bg-60);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.top-right-actions-settings-btn:active{background:var(--white-08)}}.top-right-actions-notification-btn,.top-right-actions-profile-btn{width:var(--m-top-actions-size);height:var(--m-top-actions-size);min-width:var(--m-top-actions-size)}.top-right-actions-profile-btn{justify-content:center;padding:0}.top-right-actions-profile-name{display:none}.mobile-bottom-nav{z-index:120;padding:0 var(--m-nav-gap) calc(var(--m-nav-gap) + env(safe-area-inset-bottom));pointer-events:none;display:block;position:fixed;bottom:0;left:0;right:0}.mobile-bottom-nav:before{content:"";pointer-events:none;background:linear-gradient(to top, var(--bg-0) 0, #05060700 calc(env(safe-area-inset-bottom) + var(--m-nav-gap)));height:100%;position:absolute;bottom:0;left:0;right:0}.mobile-bottom-nav__inner{padding:var(--m-nav-inner-pad) 10px;min-height:var(--m-nav-panel-size);border-radius:var(--m-nav-panel-radius);background-color:var(--m-base-92);background-image:var(--m-veil-nav);pointer-events:auto;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid;position:relative;box-shadow:inset 0 -1px #ffffff12,0 -10px 30px #0000008c}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.mobile-bottom-nav__inner{background-color:var(--m-glass-nav);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}}body[data-reading] .mobile-bottom-nav__inner:before,body[data-reading] .mobile-bottom-nav__inner:after{content:"";top:calc(-1 * var(--m-nav-scale-lift));right:calc(-1 * var(--m-nav-scale-lift));left:calc(-1 * var(--m-nav-scale-lift));height:var(--m-nav-scale-outer);border-top:var(--m-nav-scale-width) solid var(--m-control-active-opaque);border-right:var(--m-nav-scale-width) solid transparent;border-left:var(--m-nav-scale-width) solid transparent;border-radius:var(--m-nav-scale-outer) var(--m-nav-scale-outer) 0 0;pointer-events:none;-webkit-mask-image:linear-gradient(90deg, transparent 0, #000 var(--m-nav-scale-outer), #000 calc(100% - var(--m-nav-scale-outer)), transparent 100%);-webkit-mask-image:linear-gradient(90deg, transparent 0, #000 var(--m-nav-scale-outer), #000 calc(100% - var(--m-nav-scale-outer)), transparent 100%);mask-image:linear-gradient(90deg, transparent 0, #000 var(--m-nav-scale-outer), #000 calc(100% - var(--m-nav-scale-outer)), transparent 100%);position:absolute}body[data-reading] .mobile-bottom-nav__inner:after{--m-nav-scale-seen:calc(var(--reading-progress-seen,0) * 100%);--m-nav-scale-read:calc(var(--reading-progress,0) * 100%);--m-nav-scale-pos:calc(var(--reading-position,0) * 100%);right:calc(var(--m-nav-scale-outer) - var(--m-nav-scale-lift));left:calc(var(--m-nav-scale-outer) - var(--m-nav-scale-lift));height:var(--m-nav-scale-width);background-image:linear-gradient(90deg, transparent calc(var(--m-nav-scale-pos) - 1.5px), var(--white) calc(var(--m-nav-scale-pos) - 1.5px), var(--white) calc(var(--m-nav-scale-pos) + 1.5px), transparent calc(var(--m-nav-scale-pos) + 1.5px)), linear-gradient(90deg, var(--white-30) 0, var(--white-30) var(--m-nav-scale-seen), var(--white-85) var(--m-nav-scale-seen), var(--white-85) var(--m-nav-scale-read), transparent var(--m-nav-scale-read));border:0;border-radius:0;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 8px 100%);mask-image:linear-gradient(90deg,#0000 0,#000 8px 100%)}html[data-keyboard=open] .mobile-bottom-nav{display:none}.mobile-bottom-nav__item{min-width:0;min-height:var(--m-nav-item-size);color:var(--text-2);transition:background var(--speed-1) var(--easing), color var(--speed-1) var(--easing), transform var(--speed-1) var(--easing);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:6px 4px;display:flex}.mobile-bottom-nav__item.is-active{background-color:var(--white-04);background-image:var(--m-veil-nav-active);color:var(--text-0);box-shadow:inset 0 1px 0 var(--white-18), inset 0 -6px 12px #05060773}.mobile-bottom-nav__item:active{transform:scale(.98)}.mobile-bottom-nav__icon{place-items:center;width:22px;height:22px;display:grid;position:relative}.mobile-bottom-nav__dot{background:var(--accent-orange);border-radius:50%;width:6px;height:6px;position:absolute;top:-2px;right:-4px}.mobile-bottom-nav__item--home .mobile-bottom-nav__icon{width:26px;height:26px}.mobile-bottom-nav__item--home .mobile-bottom-nav__icon svg{width:24px;height:24px}.mobile-bottom-nav__label{text-align:center;white-space:nowrap;min-width:0;font-size:11px;font-weight:600;line-height:1}}
@media (pointer:coarse){a,button,[role=button],input,select,textarea,.task-row,.task-board-card,.goal-board-header-card{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.task-row-drag,.goal-board-drag-handle,.habits-drag-handle{touch-action:none}}@media (max-width:767px){input,select,textarea{font-size:max(16px,1em)!important}.page-grid{padding:16px var(--m-page-x) 0;gap:20px}.m-with-top-actions{padding-top:var(--m-top-clearance)}.habit-cards-add-form,.goal-board-add-goal-form,.goal-board-add-form,.goal-modal-add-task-form,.habits-add-form{border:1px solid var(--white-08);background:var(--white-02);border-radius:16px;flex-direction:row;align-items:center;gap:8px;width:100%;height:auto;padding:8px 8px 8px 14px;display:flex}.habit-cards-add-input,.goal-board-add-goal-input,.goal-board-add-input,.goal-modal-add-task-input,.habits-add-form-input{min-width:0;color:var(--text-0);background:0 0;border:none;outline:none;flex:1;padding:0}.goal-board-add-goal-actions,.goal-board-add-actions,.goal-modal-add-task-actions,.habits-add-form-actions{flex-shrink:0;gap:8px;margin:0;display:flex}.task-quick-add.is-expanded,.task-board-add-form{border:1px solid var(--white-08);background:var(--white-02);border-radius:16px;padding:12px}.task-quick-add input,.task-board-add-form-title,.task-board-add-form-description{color:var(--text-0);background:0 0;border:none;outline:none}.habit-cards-add-cancel,.habit-cards-add-submit,.habits-add-form-cancel,.habits-add-form-submit,.task-board-add-form-cancel,.task-board-add-form-submit,.task-quick-add-cancel,.task-quick-add-submit,.goal-board-add-cancel,.goal-board-add-submit,.goal-modal-add-task-cancel,.goal-modal-add-task-submit{background:var(--white-04);min-width:44px;min-height:44px;color:var(--text-1);font-size:var(--fs-sm);border:none;border-radius:12px;flex-shrink:0;place-items:center;padding:0;font-weight:600;display:grid}.habit-cards-add-submit,.habits-add-form-submit,.task-board-add-form-submit,.task-quick-add-submit,.goal-board-add-submit,.goal-modal-add-task-submit{background:var(--white-10);color:var(--text-0)}.habit-cards-add-submit:disabled,.habits-add-form-submit:disabled,.task-board-add-form-submit:disabled,.task-quick-add-submit:disabled,.goal-board-add-submit:disabled,.goal-modal-add-task-submit:disabled{opacity:.4}.task-board-add-form-icon-btn,.task-quick-add-toolbar button{border-radius:12px;min-width:40px;min-height:40px}.tasks-topbar,.habits-topbar,.goals-topbar{align-items:flex-start;gap:12px;padding-left:0}.tasks-topbar-actions,.habits-topbar-actions,.goals-topbar-actions{gap:8px;width:100%}.tasks-view-btn,.topbar-icon-btn,.goals-view-btn,.habits-view-btn{min-height:44px}.tasks-topbar--page,.habits-topbar--page,.goals-topbar--page{display:contents}.top-left-actions{top:var(--m-top-actions-top);z-index:var(--z-sticky);align-items:center;gap:8px;width:auto;display:flex;position:fixed;left:12px}.top-left-actions__btn{width:var(--m-top-actions-size);height:var(--m-top-actions-size);min-width:var(--m-top-actions-size);min-height:var(--m-top-actions-size);background:var(--glass-bg-85);box-shadow:inset 0 0 0 1px var(--white-10), 0 0 16px var(--black-90);color:var(--text-1);transition:background var(--speed-1) var(--easing), color var(--speed-1) var(--easing);border:0;border-radius:50%;place-items:center;gap:0;padding:0;display:grid}.top-left-actions__btn svg{width:20px;height:20px}.top-left-actions__btn:active,.top-left-actions__btn[aria-expanded=true]{background:var(--glass-bg-68);color:var(--text-0)}.top-left-actions__btn:disabled{opacity:1}.top-left-actions__btn.is-filtered{position:relative}.top-left-actions__btn.is-filtered:after{content:"";background:var(--text-0);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.top-left-actions__btn{background:var(--glass-bg-60);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.top-left-actions__btn:active,.top-left-actions__btn[aria-expanded=true]{background:var(--white-08)}}.education-help-btn:after{content:"";position:absolute;inset:-9px 0}.tasks-empty,.tasks-loading,.goals-empty,.goals-empty-filtered,.list-empty-filtered,.habits-page .habits-empty{margin:0;padding:40px 20px}.toast{left:16px;right:16px;bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom) + 12px + var(--m-keyboard-inset,0px));z-index:var(--m-toast-z);pointer-events:auto;background-color:var(--glass-bg-95);background-image:var(--m-veil-toast);width:auto;min-width:0;max-width:none;min-height:56px;box-shadow:0 0 0 1px var(--white-10), inset 0 1px 0 var(--white-12), 0 12px 32px #0009;border:none;border-radius:20px;gap:12px;padding:10px 14px 10px 18px;animation:.35s cubic-bezier(.34,1.4,.64,1) both m-toast-in}.toast-icon{color:var(--color-red-400);flex-shrink:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.toast{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%)}}.toast-exit{animation:.25s cubic-bezier(.4,0,.2,1) both m-toast-out}.toast-message{flex:1;min-width:0;line-height:1.4}.toast-actions{display:contents}.toast-btn{background:var(--white-08);min-height:40px;font-size:var(--fs-sm);border:none;padding:0 16px}@keyframes m-toast-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translate(0,0)}}@keyframes m-toast-out{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translateY(12px)}}}
@media (max-width:767px){.app-shell-content--home{flex:none}.main-page-wrapper,.main-page-wrapper .main-layout,.main-page-wrapper .main-content-wrapper{background:0 0}.main-page-wrapper{min-height:100dvh}.main-page-wrapper .main-content-wrapper{min-height:auto;padding-top:0}.roadmap-page-content{display:none}.home-m{width:100%;padding:12px var(--m-page-x) 12px;flex-direction:column;gap:24px;display:flex}.home-m>*{width:100%;min-width:0}.home-m__top{flex-direction:column;gap:12px;display:flex}.home-m__logo{align-self:flex-start;align-items:center;min-height:44px;display:inline-flex}.home-m__heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.home-m__welcome{flex:1;min-width:0}.home-m__title{letter-spacing:-.03em;color:var(--text-0);overflow-wrap:anywhere;margin:0;font-size:28px;font-weight:700;line-height:1.15}.home-m__phrase{color:var(--text-2);margin:4px 0 0;font-size:13px;line-height:1.4}.home-m__profile{border-radius:var(--radius-pill);background-color:var(--m-control-rest);min-height:40px;color:var(--text-0);transition:background-color .16s var(--easing);flex-shrink:0;align-items:center;gap:2px;padding:0 8px 0 14px;font-size:13px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.home-m__profile svg{color:var(--text-2)}.home-m__profile:active{background-color:var(--m-control-active)}.home-m-hero{background-color:var(--white-04);background-image:var(--m-veil-card);box-shadow:var(--m-shadow-card);border-radius:18px;flex-direction:column;gap:12px;margin-top:-4px;padding:14px 16px;display:flex}.home-m-hero__rank{min-height:44px;color:inherit;border-radius:10px;grid-template-columns:40px minmax(0,1fr) 16px;align-items:center;gap:12px;text-decoration:none;display:grid}.home-m-hero__rank .rank-badge,.home-m-hero__rank-placeholder{border-radius:10px;width:40px;height:40px}.home-m-hero__level{flex-direction:column;gap:9px;min-width:0;display:flex}.home-m-hero__labels{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 8px;font-size:12px;line-height:1.4;display:flex}.home-m-hero__level-name{color:var(--text-0);font-weight:600}.home-m-hero__xp{color:var(--text-2);font-variant-numeric:tabular-nums}.home-m-hero__track{border-radius:var(--radius-pill);background:var(--white-08);height:5px;display:block;overflow:hidden}.home-m-hero__fill{border-radius:inherit;background:var(--accent-orange);transform-origin:0;height:100%;transition:width .4s var(--easing);display:block}.home-m-hero__chevron{color:var(--text-2)}.home-m-hero__streak{border-top:1px solid var(--white-08);padding-top:10px}.home-m-hero__summary{align-items:center;gap:8px;min-height:32px;margin-bottom:10px;display:flex}.home-m-hero__flame{color:var(--text-1);flex-shrink:0}.home-m-hero__flame.is-lit{color:var(--accent-orange)}.home-m-hero__streak-text{min-width:0;color:var(--text-1);flex:1;margin:0;font-size:13px;font-weight:500;line-height:1.4}.home-m-hero__streak-text b{letter-spacing:-.035em;color:var(--text-0);font-size:24px;font-weight:650}.home-m-hero__status{text-align:right;max-width:102px;color:var(--text-1);font-size:11px;line-height:1.4}.home-m-hero__history{flex-direction:column;gap:10px;display:flex}.home-m-hero__days{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.home-m-hero__day{color:var(--text-1);background:var(--black-20);border-radius:10px;flex-direction:column;align-items:center;gap:5px;padding:7px 0;font-size:11px;line-height:1;display:flex}.home-m-hero__day.is-today{box-shadow:inset 0 0 0 1px var(--accent-orange)}.home-m-hero__day.is-frozen{background:var(--white-08)}.home-m-hero__day-mark{justify-content:center;align-items:center;width:17px;height:17px;display:flex}.home-m-hero__day-mark>span{background:var(--white-25);border-radius:50%;width:3px;height:3px}.home-m-hero__day.is-active .home-m-hero__day-mark{color:var(--accent-orange)}.home-m-hero__day.is-frozen .home-m-hero__day-mark{color:var(--text-0)}.home-m-hero__foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.home-m-hero__note{color:var(--text-2);margin:0;font-size:11px;line-height:1.5}.home-m-hero__freeze{font-variant-numeric:tabular-nums;color:var(--text-1);flex-shrink:0;align-items:center;gap:5px;font-size:12px;display:inline-flex}.home-m-day{background-color:var(--white-03);background-image:linear-gradient(180deg, var(--white-05), var(--white-02));box-shadow:inset 0 1px 0 var(--white-10), inset 0 -1px 0 #0000004d, 0 6px 16px -12px #000c;border-radius:18px;flex-direction:column;gap:12px;margin-top:-10px;padding:13px 16px 15px;display:flex}.home-m-day__caption{letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);margin:0;font-size:11px;font-weight:600;line-height:1}.home-m-day__row{align-items:center;gap:16px;display:flex}.home-m-day__xp{flex-direction:column;flex-shrink:0;gap:3px;margin:0;display:flex}.home-m-day__xp b{letter-spacing:-.04em;color:var(--accent-orange);font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;line-height:1}.home-m-day__xp span{color:var(--text-2);font-size:11px;line-height:1}.home-m-day__list{border-left:1px solid var(--white-08);min-width:0;color:var(--text-2);flex-direction:column;flex:1;gap:7px;margin:0;padding:2px 0 2px 16px;font-size:13px;line-height:1.2;list-style:none;display:flex}.home-m-day__list b{letter-spacing:-.02em;color:var(--text-0);font-variant-numeric:tabular-nums;font-size:16px;font-weight:650}.home-m-card{flex-direction:column;gap:10px;min-width:0;display:flex}.home-m-card__head{justify-content:flex-start;align-items:center;gap:10px;min-width:0;padding:0 2px;display:flex}.home-m-card__title{letter-spacing:-.015em;color:var(--text-0);margin:0;font-size:17px;font-weight:650;line-height:1.3}.home-m-card__sub{color:var(--text-2);margin:0;font-size:12px;line-height:1.4}.home-m-card__head--center{text-align:center;flex-direction:column;align-items:center;gap:3px}.home-m-card__more{border-radius:var(--radius-pill);background-color:var(--m-control-rest);height:30px;color:var(--text-1);transition:background-color .16s var(--easing), color .16s var(--easing);flex-shrink:0;align-items:center;gap:1px;padding:0 8px 0 12px;font-size:12px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex;position:relative}.home-m-card__more:after{content:"";height:44px;position:absolute;top:50%;left:-8px;right:-8px;transform:translateY(-50%)}.home-m-card__more svg{color:var(--text-2)}.home-m-card__more:active{background-color:var(--m-control-active);color:var(--text-0)}.home-m-cta{border-radius:var(--radius-pill);background-color:var(--m-control-rest);height:34px;color:var(--text-0);transition:background-color .16s var(--easing);align-self:center;align-items:center;gap:2px;padding:0 10px 0 15px;font-size:13px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex;position:relative}.home-m-cta:after{content:"";height:44px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.home-m-cta svg{color:var(--text-2)}.home-m-cta:active{background-color:var(--m-control-active)}.home-m-cta--primary{background-color:var(--m-control-selected);box-shadow:inset 0 1px 0 var(--m-control-edge)}.home-m-cta--primary svg{color:var(--text-1)}.home-m-empty{background:var(--white-04);border-radius:18px;margin:0;padding:16px}.home-m-empty__title{color:var(--text-0);margin:0 0 6px;font-size:16px;font-weight:600}.home-m-empty__copy{color:var(--text-2);margin:0;font-size:13px;line-height:1.6}.home-m-tasks__list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.home-m-task{background:var(--white-04);border-radius:16px;align-items:center;gap:12px;min-height:60px;padding:8px 12px 8px 14px;display:flex}.home-m-task__check{width:26px;height:26px;box-shadow:inset 0 0 0 2px var(--white-30);color:var(--text-2);cursor:pointer;transition:box-shadow .2s var(--easing), opacity .2s var(--easing);background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;text-decoration:none;display:flex;position:relative}.home-m-task__check:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-m-task__check>span{background:var(--text-0);width:14px;height:14px;transition:transform .2s var(--easing);border-radius:50%;transform:scale(0)}.home-m-task__check:active,.home-m-task__check.is-checked{box-shadow:inset 0 0 0 2px var(--white-50)}.home-m-task__check.is-checked>span{transform:scale(1)}.home-m-task__check.is-pending{opacity:.55}.home-m-task__body{min-width:0;min-height:44px;color:inherit;flex-direction:column;flex:1;justify-content:center;gap:3px;text-decoration:none;display:flex}.home-m-task__title{-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;color:var(--text-0);transition:color .2s var(--easing);-webkit-box-orient:vertical;font-size:15px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.home-m-task.is-done .home-m-task__title{color:var(--text-2);text-decoration:line-through;-webkit-text-decoration-color:var(--white-30);text-decoration-color:var(--white-30)}.home-m-task__meta{color:var(--text-2);font-size:12px;line-height:1.4}.home-m-task__meta.is-urgent{color:var(--accent-orange)}.home-m-achievements{background-color:var(--white-04);background-image:radial-gradient(140% 90% at 0% 0%, var(--white-06), transparent 55%), var(--m-veil-card);box-shadow:var(--m-shadow-card);border-radius:22px;flex-direction:column;gap:14px;padding:16px 14px 14px;display:flex}.home-m-achievements__head{text-align:center;flex-direction:column;align-items:center;gap:3px;display:flex}.home-m-achievements__title{letter-spacing:-.015em;color:var(--text-0);margin:0;font-size:17px;font-weight:650;line-height:1.3}.home-m-achievements__count{color:var(--text-2);font-variant-numeric:tabular-nums;margin:0;font-size:12px;line-height:1.3}.home-m-achievements__count b{color:var(--text-1);font-size:13px;font-weight:650}.home-m-achievements__empty{background:var(--black-20);min-height:76px;color:var(--text-1);border-radius:16px;align-items:center;gap:14px;padding:12px;display:flex}.home-m-achievements__empty svg{color:var(--text-2);flex-shrink:0}.home-m-achievements__empty p{margin:0;font-size:14px;line-height:1.5}.home-m-achievements .home-m-cta{background-color:var(--m-control-selected);height:40px;box-shadow:inset 0 1px 0 var(--m-control-edge);border-radius:14px;justify-content:center;align-self:stretch;padding:0 12px}.home-m-achievements .home-m-cta svg{color:var(--text-1)}.home-m-achievements .home-m-cta:active{background-color:var(--m-control-active)}.home-m-metrics{gap:12px}.home-m-metrics__radar{justify-content:center;width:100%;margin:-6px 0;display:flex}.home-m-metrics__radar .landing-radar{max-width:min(84vw,320px)}.home-m-metrics__next{color:var(--text-2);justify-content:center;align-items:center;gap:6px;margin:0;font-size:12px;line-height:1.4;display:flex}.home-m-metrics__next svg{flex-shrink:0}.home-m-metrics__actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.home-m-metrics__radar--locked .home-radar-preview,.home-m-metrics__radar--locked .home-radar-wrapper{justify-content:center}.home-m-metrics__radar--locked .home-radar-wrapper{padding:8px}.home-m-metrics__radar--locked .radar-chart__svg{width:min(64vw,240px);height:auto}.home-m-metrics__radar-skeleton{aspect-ratio:1;width:100%;max-width:300px}.home-m:not([aria-hidden])>.home-m-hero,.home-m:not([aria-hidden])>.home-m-day,.home-m:not([aria-hidden])>.home-m-achievements,.home-m:not([aria-hidden])>.home-m-card{animation:home-section-enter .36s var(--easing) both}.home-m:not([aria-hidden])>.home-m-tasks{animation-delay:35ms}.home-m:not([aria-hidden])>.home-m-habits{animation-delay:70ms}.home-m-hero__fill{animation:home-xp-enter .56s var(--easing)}.home-m-hero__day.is-active .home-m-hero__day-mark svg{animation:home-day-enter .28s var(--easing)}@keyframes home-section-enter{0%{opacity:.55;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes home-xp-enter{0%{transform:scaleX(.25)}to{transform:scaleX(1)}}@keyframes home-day-enter{0%{opacity:.4;transform:scale(.7)}to{opacity:1;transform:scale(1)}}[data-reduced-motion=true] .home-m .home-m-hero,[data-reduced-motion=true] .home-m .home-m-day,[data-reduced-motion=true] .home-m .home-m-achievements,[data-reduced-motion=true] .home-m .home-m-card,[data-reduced-motion=true] .home-m .home-m-hero__fill,[data-reduced-motion=true] .home-m .home-m-hero__day-mark svg,[data-reduced-motion=true] .home-m .home-m-task__check>span{transition:none;animation:none}.home-m a:focus-visible,.home-m button:focus-visible{outline:2px solid var(--accent-orange);outline-offset:4px}.main-page-wrapper .home-legal-links{justify-content:center;max-width:none;padding:24px 16px 8px;position:static}}@media (max-width:389px){.home-m__title{font-size:25px}.home-m-hero{padding:12px}.home-m-hero__rank{gap:8px}.home-m-hero__status{max-width:82px}.home-m-hero__summary{gap:6px}.home-m-day__row{gap:12px}.home-m-day__xp b{font-size:27px}.home-m-day__list{padding-left:12px}.home-m-card__title,.home-m-achievements__title{font-size:16px}}
@media (max-width:767px){.task-quick-add{display:none}.task-tree-container{margin-top:0;padding-bottom:12px}.task-completed-header{width:auto;margin:0}.task-completed-header-toggle{min-height:44px;padding:10px}.task-archive-all-btn{min-height:36px;color:var(--text-2);background:0 0;border:0;border-radius:12px;padding:0 8px;font-size:12px;font-weight:500;right:0}.task-archive-all-btn:active{background:var(--m-control-active);color:var(--text-0)}.task-row{--indent:calc(var(--task-depth) * 20px);min-height:52px;padding:12px 10px 12px calc(10px + var(--indent));border-radius:14px;gap:12px}.task-row:not(:first-child):before{left:calc(48px + var(--indent));right:10px}.task-row:active{background:var(--white-04)}.task-row-drag,.task-row-actions,.task-board-card-actions{display:none}.task-row-toggle{flex-shrink:0;order:1;width:40px;height:40px;margin:-8px 0 -8px auto;position:static}.task-row-checkbox,.task-board-card-checkbox{position:relative}.task-row-checkbox{width:26px;height:26px}.task-row-checkbox span{width:14px;height:14px}.task-row-checkbox:after,.task-board-card-checkbox:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.task-row-body{min-width:0}.task-row-title{flex-wrap:wrap;gap:4px 10px}.task-row-title>span:first-child{overflow-wrap:anywhere}.task-row-tags{margin-top:6px}.task-tag.due.is-editable,button.task-board-card-due{pointer-events:none}.task-board-card{align-items:flex-start;min-height:52px;padding:12px 14px}.task-history-container{gap:16px}.task-history-group-header{align-items:flex-start;gap:4px;padding:10px 0}.task-history-group-label{letter-spacing:.04em;font-size:12px}.task-history-list{margin:0}.task-history-item{background:var(--white-02);border:1px solid var(--white-04);border-radius:14px;padding:12px 14px}.task-history-item-meta{flex-wrap:wrap}.task-history-restore-btn{width:44px;height:44px;margin:-8px -6px -8px 0}.task-archive-group-children{margin-left:16px}.tasks-mode-back{min-height:32px;padding:6px 0}.task-board,.task-days-board{--work-gutter:0px;margin-left:calc(-1 * var(--m-page-x));margin-right:calc(-1 * var(--m-page-x));padding:0 var(--m-page-x) 8px;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--m-page-x);min-height:calc(100vh - var(--m-top-chrome) - 16px - var(--m-nav-reserve) - 24px);min-height:calc(100dvh - var(--m-top-chrome) - 16px - var(--m-nav-reserve) - 24px);gap:12px;display:flex;overflow-x:auto}.task-days-board{scroll-behavior:auto}.task-board.is-dragging,.task-days-board.is-dragging{scroll-snap-type:none}.task-board-column,.task-days-column{scroll-snap-align:start;flex:0 0 min(85vw,320px);min-height:0}.task-days-column{min-width:0}.task-board-column-header{z-index:1;background:var(--bg-0);position:sticky;top:0}.task-board-add-btn,.task-days-column--add{display:none}}
@media (max-width:767px){.habits-page .habits-tracker-header,.habits-page .habits-table-outer,.habits-page>.habits-empty{display:none}.habit-day-chip{top:var(--m-top-actions-top);left:calc(var(--m-top-cluster-reach) + 8px);right:calc(var(--m-top-cluster-reach) + 8px);z-index:var(--z-sticky);pointer-events:none;justify-content:center;display:flex;position:fixed}.habit-day-chip__btn{pointer-events:auto;max-width:100%;height:var(--m-top-actions-size);background:var(--m-control-selected-opaque);color:var(--text-0);transition:background var(--speed-1) var(--easing);border:0;border-radius:14px;align-items:center;gap:4px;padding:0 10px 0 14px;font-size:14px;font-weight:600;display:inline-flex}.habit-day-chip__btn>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.habit-day-chip__btn svg{color:var(--text-1);flex-shrink:0}.habit-day-chip__btn:active{background:var(--m-control-active-opaque)}.habit-day-bar{flex-direction:column;gap:8px;display:flex}.habit-day-bar__days{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.habit-day-cell{min-width:0;min-height:44px;color:var(--text-2);transition:background var(--speed-1) var(--easing);background:0 0;border:0;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:6px 0 5px;display:flex}.habit-day-cell.is-selected{background:var(--m-control-selected);color:var(--text-0)}.habit-day-cell:active:not(:disabled){background:var(--m-control-active)}.habit-day-cell.is-inactive{opacity:.35}.habit-day-cell__wd{letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:600}.habit-day-cell.is-today .habit-day-cell__wd{color:var(--accent-orange)}.habit-day-cell__ring{place-items:center;width:36px;height:36px;display:grid;position:relative}.habit-day-cell__ring .progress-ring{width:100%;height:100%;position:absolute;top:0;left:0}.habit-day-cell__num{font-variant-numeric:tabular-nums;color:var(--text-1);font-size:13px;font-weight:600;line-height:1;position:relative}.habit-day-cell.is-selected .habit-day-cell__num,.habit-day-cell.is-complete .habit-day-cell__num{color:var(--text-0)}.habit-day-cell.is-frozen .progress-ring .progress-ring__track{stroke:var(--white-25)}.habit-day-cell.is-frozen .habit-day-cell__num{color:var(--white-40)}.habit-day-bar__note{text-align:center;color:var(--text-1);margin:0;font-size:12px;font-weight:500}.habit-day-picker .calendar-day{position:relative}.habit-day-picker .calendar-day.is-outside{opacity:.45}.habit-day-dot{background:var(--white-40);border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute;bottom:5px;left:50%}.habit-cards{flex-direction:column;gap:8px;display:flex}.habit-card{background:var(--white-04);border:0;border-radius:16px;align-items:center;gap:12px;min-height:60px;padding:8px 10px 8px 16px;display:flex}.habit-card-main{text-align:left;min-width:0;min-height:44px;color:inherit;background:0 0;border:none;flex:1;align-items:center;gap:10px;padding:0;display:flex}.habit-card-title{min-width:0;font-size:var(--fs-md);color:var(--text-0);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.habit-card-streak{color:var(--text-0);font-variant-numeric:tabular-nums;flex-shrink:0;align-items:center;gap:6px;font-size:16px;font-weight:700;line-height:1;display:inline-flex}.habit-card-streak__flame{width:26px;height:26px;color:var(--accent-orange-20);flex-shrink:0;display:block;position:relative}.habit-card-streak__flame svg{width:26px;height:26px;display:block}.habit-card-streak__lit{width:26px;color:var(--accent-orange);filter:drop-shadow(0 0 var(--habit-streak-heat) var(--habit-streak-glow));transition:height var(--speed-2) var(--easing);position:absolute;bottom:0;left:0;overflow:hidden;-webkit-mask-image:linear-gradient(0deg,#000 calc(100% - 6px),#0000001a);mask-image:linear-gradient(0deg,#000 calc(100% - 6px),#0000001a)}.habit-card-streak__lit svg{position:absolute;bottom:0;left:0}.habit-card-streak.streak-hot{--habit-streak-heat:3px;--habit-streak-glow:var(--accent-orange-25)}.habit-card-streak.streak-fire{--habit-streak-heat:5px;--habit-streak-glow:var(--accent-orange-40)}.habit-card-streak.streak-inferno{--habit-streak-heat:7px;--habit-streak-glow:#ff7a1a8c}.habit-card-streak.streak-max{--habit-streak-heat:10px;--habit-streak-glow:#ff7a1ab3;color:var(--accent-orange)}.habit-card-check{background-color:var(--white-04);background-image:var(--m-veil-raised);width:44px;height:44px;box-shadow:var(--m-shadow-raised);color:var(--white-40);transition:background var(--speed-1) var(--easing), box-shadow var(--speed-1) var(--easing), color var(--speed-1) var(--easing), transform var(--speed-1) var(--easing);border:0;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.habit-card-check__slot{width:18px;height:18px;box-shadow:inset 0 0 0 1.5px var(--white-25), inset 0 2px 3px #0000008c;border-radius:50%}.habit-card-check:active:not(:disabled){background-color:var(--m-control-active);box-shadow:var(--m-shadow-pressed);color:var(--text-1);background-image:none;transform:scale(.94)}.habit-card-check.is-pending{background-color:var(--m-control-active);box-shadow:var(--m-shadow-pressed);color:var(--white-40);opacity:.55;background-image:none}.habit-card-check.is-done{background-color:var(--white-12);box-shadow:var(--m-shadow-pressed);color:var(--text-0);background-image:none}.habit-card-check.is-frozen{color:var(--white-40)}.habit-card-check:disabled{box-shadow:none;opacity:.35;background-image:none}.habits-month-nav{flex-direction:column;align-items:flex-start;gap:12px}.habits-month-title{justify-content:space-between;width:100%}.habits-stats-row{overscroll-behavior-x:contain;flex-wrap:nowrap;width:100%;padding-bottom:4px;overflow-x:auto}.habits-page .habits-table-wrapper{overscroll-behavior-x:contain;padding-bottom:4px}.habits-table{width:max-content;min-width:100%}.habits-table-habit-col,.habits-habit-cell{width:132px;min-width:132px}.habits-table-total-col,.habits-total-cell{width:48px;min-width:48px}.habits-day-header,.habits-day-checkbox{width:22px;min-width:22px;height:22px}.habits-day-checkbox span{width:9px;height:9px}.habits-heatmap-cell{width:22px;height:12px}.habits-streak-tooltip,.habit-day-tooltip{display:none!important}.habit-effort-popover-close{width:44px;height:44px;margin:-9px}.task-modal.habit-modal{max-height:calc(100vh - env(safe-area-inset-top) - 24px);max-height:calc(100dvh - env(safe-area-inset-top) - 24px);overflow:hidden}.habit-modal-band{flex-wrap:wrap}.habit-modal-capsule{flex-direction:row;gap:8px;width:100%;padding:10px 14px}.habit-modal-capsule-cap{text-align:left}.habit-modal-duo{grid-template-columns:1fr}.habit-modal-node-bonus{display:none}.habit-modal-strip{gap:3px}.habit-modal-cell.is-strip{border-radius:5px;font-size:9px}.habit-modal-marks,.habit-modal-duo,.habit-modal-rail-head,.habit-modal-rail-note{display:none}.habit-modal-content{padding-top:8px}.habit-modal-title-field.is-editing{flex-direction:column;align-items:stretch;gap:10px;font-size:18px}.habit-modal-title-name{font-size:18px}.habit-modal-title-name,.habit-modal-title-input{font-weight:700;line-height:26px}.habit-modal-title-name{white-space:normal}.habit-modal-title-actions{justify-content:flex-end;gap:8px;width:100%}.habit-modal-title-field.is-static .habit-modal-title-actions{flex-shrink:0;width:auto}.habit-modal-title-btn{background:var(--m-control-rest);min-height:44px;color:var(--text-1);font-size:var(--fs-sm);border:0;border-radius:12px;justify-content:center;padding:0 16px;font-weight:600}.habit-modal-title-field:not(.is-static) .habit-modal-title-btn{flex:1 1 0}.habit-modal-title-btn:active:not(:disabled){background:var(--m-control-active);color:var(--text-0)}.habit-modal-title-btn.is-save{background:var(--m-control-primary);color:var(--m-control-primary-ink);padding:0 16px}.habit-archive-card{flex-wrap:wrap}.habit-archive-actions{justify-content:flex-end;width:100%}.habit-archive-delete-btn{opacity:1}.habit-archive-restart-btn{min-height:36px}}
@media (max-width:767px){.goals-page .goal-board{display:none}.goal-cards{flex-direction:column;gap:12px;display:flex}.goal-card{background-color:var(--white-04);background-image:var(--m-veil-card);width:100%;box-shadow:var(--m-shadow-card);color:inherit;font:inherit;text-align:left;transition:background-color var(--speed-1) var(--easing), box-shadow var(--speed-1) var(--easing);border:0;border-radius:18px;flex-direction:column;gap:8px;padding:16px 16px 12px;display:flex;overflow:hidden}.goal-card:active{background-color:var(--white-03);box-shadow:var(--m-shadow-pressed)}.goal-card.is-muted{opacity:.6;box-shadow:none;background-image:none}.goal-card.is-dragging{opacity:.5}.goal-card__head{align-items:center;gap:8px;display:flex}.goal-card__title{min-width:0;font-size:var(--fs-lg);letter-spacing:-.01em;color:var(--text-0);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:700;line-height:1.2;overflow:hidden}.goal-card__arrow{color:var(--text-2);transition:color var(--speed-1) var(--easing);flex-shrink:0}.goal-card:active .goal-card__arrow{color:var(--text-0)}.goal-card__pause{color:var(--text-2);flex-shrink:0}.goal-card__progress{align-items:center;gap:10px;margin-top:6px;display:flex}.goal-card__bar,.goal-modal__bar{background:var(--white-10);border-radius:3px;flex:1;min-width:0;height:6px;overflow:hidden}.goal-card__fill,.goal-modal__fill{background:var(--white-85);height:100%;transition:width var(--speed-1) var(--easing);display:block}.goal-card__pct,.goal-modal__pct{font-variant-numeric:tabular-nums;min-width:34px;color:var(--text-0);text-align:right;flex-shrink:0;font-size:13px;font-weight:700;line-height:1.2}.goal-card__done{color:var(--text-0);flex-shrink:0}.goal-card__meta{color:var(--text-2);justify-content:space-between;align-items:baseline;gap:12px;font-size:13px;display:flex}.goal-card__count,.goal-card__due{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.goal-card__count{font-variant-numeric:tabular-nums}.goal-card__due.is-overdue{color:var(--accent-orange)}.goal-card__preview{flex-direction:column;gap:6px;margin:4px 0 0;padding:0;list-style:none;display:flex}.goal-card__task{background:var(--black-20);min-width:0;box-shadow:inset 0 1px 2px var(--black-20);border-radius:12px;align-items:center;gap:10px;padding:9px 12px;display:flex}.goal-card__task.is-empty .goal-card__task-title{color:var(--text-2)}.goal-card__task-title{min-width:0;font-size:var(--fs-sm);color:var(--text-1);text-overflow:ellipsis;white-space:nowrap;line-height:1.4;overflow:hidden}.goal-card__mark{width:16px;height:16px;box-shadow:inset 0 0 0 2px var(--white-25);border-radius:50%;flex-shrink:0;display:block;position:relative}.goal-card__task.is-done .goal-card__mark{box-shadow:inset 0 0 0 2px var(--white-85)}.goal-card__task.is-done .goal-card__mark:after{content:"";background:var(--white-85);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.goal-card__task.is-done .goal-card__task-title{color:var(--text-2);text-decoration:line-through}.goal-screen{z-index:calc(var(--m-sheet-z) + 1 + var(--m-overlay-depth,0) * 2);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:var(--bg-0);--goal-screen-push:cubic-bezier(.32, .72, 0, 1);--goal-screen-pop:cubic-bezier(.25, .1, .6, .85);--goal-screen-in-ms:.32s;--goal-screen-out-ms:var(--m-sheet-exit-ms,.28s);animation:goal-screen-in var(--goal-screen-in-ms) var(--goal-screen-push) backwards;outline:none;flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.goal-screen[data-exiting]{animation:goal-screen-out var(--goal-screen-out-ms) var(--goal-screen-pop) forwards}.modal-surface__scrim.goal-screen__scrim{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#0000;transition:none;animation:none}.goal-screen[data-reduced-motion=true]{animation:none}@keyframes goal-screen-in{0%{transform:translate(100%)}to{transform:none}}@keyframes goal-screen-out{0%{transform:none}to{transform:translate(100%)}}.goal-screen__top{z-index:2;padding:calc(env(safe-area-inset-top) + 10px) 14px 8px 12px;background:linear-gradient(180deg, var(--bg-0) 72%, #05060700);justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.goal-screen__back{border-radius:var(--radius-pill);height:44px;color:var(--text-1);font-size:var(--fs-sm);transition:color var(--speed-1) var(--easing);background:0 0;border:0;flex-shrink:0;align-items:center;gap:2px;margin-left:-6px;padding:0 10px 0 4px;font-weight:600;display:inline-flex}.goal-screen__back:active{color:var(--text-0)}.goal-screen__back:focus-visible{outline:2px solid var(--white-40);outline-offset:2px}.goal-screen__complete svg{color:var(--text-0)}.goal-screen__body{padding:4px 16px calc(env(safe-area-inset-bottom) + 24px);flex-direction:column;flex:1;gap:16px;display:flex}.goal-modal-body,.goal-modal-content{flex-direction:column;gap:16px;min-width:0;display:flex;overflow:visible}.goal-modal-title-circle{display:none}.goal-modal-title-info{font-size:18px}.goal-modal-title-input{font-weight:700;line-height:26px}.goal-modal-title-actions{flex:0 0 100%;gap:8px}.goal-modal-title-actions>*{margin-top:10px}.goal-modal-title-cancel,.goal-modal-title-save{min-height:44px;font-size:var(--fs-sm);border:0;border-radius:12px;flex:1 1 0;padding:0 16px;font-weight:600}.goal-modal-title-cancel{background:var(--m-control-rest);color:var(--text-1)}.goal-modal-title-cancel:active{background:var(--m-control-active);color:var(--text-0)}.goal-modal-title-save{background:var(--m-control-primary);color:var(--m-control-primary-ink)}.goal-modal__state{color:var(--text-2);margin:-8px 0 0;font-size:13px}.goal-modal-progress{display:none}.goal-modal__progress{flex:0 0 100%;align-items:center;gap:10px;margin-top:10px;display:flex}.goal-modal-tasks{border-top:0;margin-top:4px;padding-top:20px;position:relative}.goal-modal-tasks:before{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffff1c 24% 76%,#fff0 100%);height:1px;position:absolute;top:0;left:0;right:0}.goal-modal-tasks-header{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.goal-modal-tasks-empty{border:1px solid var(--white-04);border-radius:var(--radius-sm);background:var(--white-02);padding:16px}.goal-modal-tasks-list,.goal-modal-completed-list{gap:8px}.goal-modal-task-item{border:1px solid var(--white-04);border-radius:var(--radius-sm);background:var(--white-02);cursor:default;min-height:56px;color:var(--text-0);align-items:center;gap:12px;padding:8px 12px}.goal-modal-task-item:active{border-color:var(--white-06);background:var(--white-04)}.goal-modal-task-item.is-done{opacity:.6}.goal-modal-checkbox{width:26px;height:26px;position:relative}.goal-modal-checkbox span{width:14px;height:14px}.goal-modal-checkbox:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.goal-modal-checkbox:disabled{opacity:.35;cursor:default}.goal-modal-task-open{min-width:0;min-height:44px;color:inherit;font:inherit;text-align:left;-webkit-user-select:auto;user-select:auto;background:0 0;border:0;flex:1;align-items:center;padding:0;display:flex}.goal-modal-task-title{overflow-wrap:anywhere;font-size:var(--fs-sm);line-height:1.35}.goal-modal-task-remove{display:none}.goal-modal-task-status-badge{background:var(--white-08);color:var(--text-1)}.goal-modal-task-contrib{background:var(--white-06);color:var(--text-0);flex-shrink:0}.goal-modal-completed-section{border-top:0;margin-top:4px;padding-top:0}.goal-modal-completed-toggle{min-height:44px;font-size:var(--fs-sm);padding:0 12px}.goal-modal-add-slot,.goal-modal-task-buttons,.goal-modal-add-task-form,.goal-modal-attach-list{display:none}.goal-modal__add-row{justify-content:space-between;align-items:center;gap:12px;margin-top:4px;display:flex}.goal-modal__add{border-radius:var(--radius-sm);min-width:0;min-height:48px;color:var(--text-1);font-size:var(--fs-sm);text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0 10px 0 12px;font-weight:600;display:flex}.goal-modal__add svg{flex-shrink:0}.goal-modal__add:active{background:var(--white-04);color:var(--text-0)}.goal-modal__attach{border-radius:var(--radius-sm);min-height:44px;color:var(--text-2);background:0 0;border:0;flex-shrink:0;align-items:center;gap:6px;padding:0 8px;font-size:13px;font-weight:500;display:flex}.goal-modal__attach svg{flex-shrink:0}.goal-modal__attach:active{color:var(--text-0)}.goal-modal__paused-note,.goal-modal__limit-note{text-align:center;color:var(--text-1);margin:0 0 8px;font-size:12px}.goal-modal-sidebar{display:none}}
@media (max-width:767px){.profile-layout{padding-right:var(--m-page-x);padding-bottom:0;padding-left:var(--m-page-x);gap:12px}.profile-header{margin:0}.profile-header-banner{background-color:var(--white-04);background-image:var(--m-veil-card);min-height:0;box-shadow:var(--m-shadow-card);border:0;border-radius:18px;flex-direction:column;gap:16px;margin-bottom:0;padding:16px;transition:none;display:flex;position:relative;overflow:visible}.profile-header-content{flex-direction:row;align-items:center;gap:14px;width:100%;margin:0;padding:0;display:flex;position:static;transform:none}.profile-header-avatar-skeleton{width:64px;height:64px}.profile-header-info{gap:3px;padding-right:52px}.profile-header-name{letter-spacing:-.01em;text-shadow:none;word-break:break-word;overflow-wrap:anywhere;font-size:20px;line-height:1.2}.profile-header-username{text-shadow:none;font-size:13px;line-height:1.3}.profile-header-buttons{margin:0;position:absolute;top:16px;right:16px}.profile-header-btn{background:var(--m-control-rest);width:44px;min-width:44px;height:44px;min-height:44px;box-shadow:none;color:var(--text-1);-webkit-backdrop-filter:none;backdrop-filter:none;transition:background var(--speed-1) var(--easing), color var(--speed-1) var(--easing);border:0;border-radius:50%;flex:none;place-items:center;gap:0;padding:0;display:grid}.profile-header-btn:hover{background:var(--m-control-rest);border-color:#0000}.profile-header-btn:active:not(:disabled){background:var(--m-control-active);color:var(--text-0)}.profile-header-level-bar{background:0 0;border-radius:0;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 12px;padding:0;display:grid;position:static}.profile-header-level-bar-rank{grid-area:1/1/span 2}.profile-header-level-bar-rank .rank-badge,.profile-header-rank-skeleton{border-radius:12px;width:44px;height:44px}.profile-header-level-bar-rank .rank-badge-letter{font-size:22px}.profile-header-level-bar-info{grid-area:1/2;justify-content:flex-start;align-items:center;gap:8px;font-size:13px;line-height:1;display:flex}.profile-header-level-bar-level{color:var(--text-0);text-shadow:none;font-weight:600}.profile-header-level-bar-help{display:inline-flex}.profile-header-level-bar-exp{color:var(--text-2);text-shadow:none;font-variant-numeric:tabular-nums;margin-left:auto}.profile-header-level-bar-track{background:var(--white-10);height:6px;box-shadow:none;border:0;grid-area:2/2}.profile-header-level-bar-fill{box-shadow:none}.profile-header-level-bar>p{font-size:var(--fs-xs);color:var(--text-2);grid-area:3/2;margin:0;line-height:1.3}.profile-content-wrapper{grid-template-rows:none;grid-template-areas:none;align-items:start;gap:12px;display:grid;grid-template-columns:minmax(0,1fr)!important}.profile-sidebar,.profile-right-sidebar{display:contents}.profile-main{order:2;grid-area:auto;gap:12px;min-width:0;overflow:visible}.profile-right-sidebar-row{flex-direction:column;order:4;min-width:0;display:flex}.profile-sidebar-card{background:var(--white-04);min-width:0;box-shadow:none;border-radius:18px;order:1;gap:0;padding:14px 4px 12px}.profile-sidebar-card__title{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.profile-sidebar-char-list{flex:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid}.profile-sidebar-char-row{flex-direction:column;flex:none;justify-content:flex-start;align-items:center;gap:7px;min-width:0;padding:2px 6px 0;display:flex}.profile-sidebar-char-row+.profile-sidebar-char-row{border-top:0;border-left:1px solid var(--white-06)}.profile-sidebar-char-row-label{min-width:0;color:var(--text-2);white-space:nowrap;order:2;gap:5px;font-size:12px;font-weight:500;line-height:1}.profile-sidebar-char-icon{width:auto;height:auto;color:var(--text-2);background:0 0;border:0;border-radius:0}.profile-sidebar-char-icon svg{width:14px;height:14px}.profile-sidebar-char-row-value{order:1;gap:4px}.profile-sidebar-char-num{letter-spacing:-.02em;font-size:24px}.profile-sidebar-char-unit{font-size:12px}.profile-ach-summary,.activity-calendar,.profile-activity-overview{background:var(--white-04);box-shadow:none;border:0;border-radius:18px;margin:0;padding:16px}.profile-ach-summary{order:3;gap:12px;min-width:0}.profile-card-header{letter-spacing:.1em;margin:0;font-size:11px;line-height:1.2}.profile-card-title>svg{width:14px;height:14px}.activity-calendar{overflow:visible}.activity-calendar-header{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:12px}.activity-calendar-stats{gap:5px}.activity-calendar-total{letter-spacing:-.01em;font-size:20px;font-weight:700}.activity-calendar-label{font-size:12px}.activity-calendar-weekdays{gap:4px;margin-bottom:2px}.activity-calendar-weekday{font-size:11px;line-height:1}.activity-calendar-grid{gap:0}.activity-calendar-week{gap:4px;height:44px}.activity-day{border-radius:32%}.activity-day:after{content:"";position:absolute;inset:-12px}.activity-day-outside:after,.activity-day-inactive:after{content:none}.activity-day-level-0{opacity:.3;width:16px;height:16px}.activity-day-inactive,.activity-day-outside{width:16px;height:16px}.activity-day-level-1{width:26px;height:26px}.activity-day-level-2{width:32px;height:32px}.activity-day-level-3{width:36px;height:36px}.activity-day-level-4{width:40px;height:40px}.profile-activity-overview{gap:8px;max-height:none;overflow:visible}.profile-section-title{margin:0}.profile-activity-item{align-items:center;gap:12px;padding:12px 0}.profile-activity-item:first-child{padding-top:2px}.profile-activity-icon{background:var(--white-06);width:28px;height:28px;color:var(--text-1);opacity:1;border-radius:8px}.profile-activity-content{gap:3px}.profile-activity-title{font-size:14px}.profile-activity-view-all{background:var(--m-control-rest);min-height:44px;box-shadow:none;font-size:var(--fs-sm);transition:background var(--speed-1) var(--easing);border:0;border-radius:12px;justify-content:center;align-self:stretch;margin-top:8px;padding:0 16px}.profile-activity-view-all:hover{background:var(--m-control-rest);box-shadow:none;gap:4px}.profile-activity-view-all:hover svg{transform:none}.profile-activity-view-all:active{background:var(--m-control-active)}.profile-activity-placeholder{background:var(--black-20);box-shadow:inset 0 1px 2px var(--black-20);border:0;border-radius:14px;padding:22px 16px}}
@media (max-width:767px){.task-modal-overlay,.tcm-overlay,.goal-completed-overlay,.delete-confirm-overlay{padding:12px;padding-top:calc(env(safe-area-inset-top) + 12px);padding-bottom:calc(env(safe-area-inset-bottom) + 12px);z-index:var(--m-sheet-z);justify-content:stretch;align-items:flex-end}.task-modal,.tcm-modal,.goal-completed-modal,.delete-confirm-modal,.restore-modal{width:100%;max-width:none;max-height:calc(100vh - env(safe-area-inset-top) - 24px);max-height:calc(100dvh - env(safe-area-inset-top) - 24px);border-radius:var(--m-sheet-radius)}.task-modal{padding:18px 16px 16px;overflow:hidden}.task-modal-header,.tcm-header{z-index:2;background:inherit;position:sticky;top:0}.task-modal-header-left{flex-wrap:wrap;align-items:flex-start;min-width:0}.task-modal-heading{white-space:normal;line-height:1.3}.task-modal-parent-link{width:100%;max-width:none}.task-modal-parent-link span{max-width:none}.task-modal-completed-tooltip{max-width:calc(100% - 32px);top:72px;left:16px}.task-modal-body{overscroll-behavior:contain;flex-direction:column;flex:1;gap:20px;min-height:0;display:flex;overflow-y:auto}.task-modal-content{gap:20px;min-width:0}.title-field{border:1px solid var(--white-04);border-radius:var(--radius-sm);background:var(--white-02);flex-wrap:wrap;align-items:flex-start;gap:0 12px;margin:0;padding:14px 12px 14px 14px;display:flex;position:relative}.title-field__body{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.title-field__edit{background:var(--m-control-rest);width:36px;min-width:0;height:36px;min-height:0;color:var(--text-1);transition:background var(--speed-1) var(--easing), color var(--speed-1) var(--easing);border:0;border-radius:50%;flex:none;place-items:center;gap:0;margin:-2px -2px 0 0;padding:0;font-size:0;display:grid;position:relative}.title-field__edit:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.title-field__edit svg{width:16px;height:16px}.title-field__edit:hover{background:var(--m-control-rest);color:var(--text-1)}.title-field__edit:active{background:var(--m-control-active);color:var(--text-0)}.title-field__edit:focus-visible{outline:2px solid var(--white-40);outline-offset:2px}.title-field__tools{flex:none;justify-content:flex-end;align-items:center;gap:8px;display:flex}.title-field__edit{transition:background var(--speed-1) var(--easing), color var(--speed-1) var(--easing), opacity .16s var(--easing), visibility .16s var(--easing)}.title-field.is-editing .title-field__edit{opacity:0;visibility:hidden}.title-field__tool{border-radius:var(--radius-pill);background:var(--m-control-rest);height:36px;color:var(--text-0);white-space:nowrap;transition:background var(--speed-1) var(--easing), color var(--speed-1) var(--easing);border:0;flex-shrink:0;align-items:center;gap:6px;padding:0 12px 0 10px;font-size:13px;font-weight:600;display:inline-flex;position:relative}.title-field__tool:after{content:"";width:100%;height:44px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.title-field__tool svg{color:var(--text-1);flex-shrink:0}.title-field__tool:hover{background:var(--m-control-rest)}.title-field__tool:active{background:var(--m-control-active)}.title-field__tool:focus-visible{outline:2px solid var(--white-40);outline-offset:2px}.title-field textarea[readonly],.title-field input[readonly]{cursor:default}.task-modal-title-wrapper{font-size:18px}.task-modal-main-task-title,.goal-modal-title-input{overflow-wrap:anywhere}.task-modal-main-task-title{font-weight:700;line-height:26px}.task-modal-edit-actions{gap:8px;margin-top:-20px}.task-modal-edit-actions>*{margin-top:20px}.task-modal-btn-cancel,.task-modal-btn-save{min-height:44px;font-size:var(--fs-sm);border:0;border-radius:12px;flex:1 1 0;padding:0 16px;font-weight:600}.task-modal-btn-cancel{background:var(--m-control-rest);color:var(--text-1)}.task-modal-btn-cancel:active{background:var(--m-control-active);color:var(--text-0)}.task-modal-btn-save{background:var(--m-control-primary);color:var(--m-control-primary-ink)}.task-modal-edit-actions,.task-modal-subtask-form-actions,.goal-completed-actions,.delete-confirm-actions,.tcm-footer{flex-wrap:wrap}.task-modal-sidebar{border-left:none;border-top:1px solid var(--white-06);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;width:100%;padding-top:12px;padding-left:0;display:grid}.task-modal-field{gap:8px}.task-modal-field-label{text-align:center;order:1}.task-modal-add-slot{align-self:stretch;width:100%}.task-modal-add-slot:after{content:none}.task-modal-add-subtask{background:var(--m-chip);min-height:48px;color:var(--text-0);font-size:var(--fs-sm);border-radius:14px;justify-content:flex-start;align-self:stretch}.task-modal-add-subtask:hover{background:var(--m-chip);color:var(--text-0)}.task-modal-add-subtask:active{background:var(--m-control-active)}.task-modal-field-btn{background:var(--m-control-rest);width:100%;min-height:56px;color:var(--text-0);font-size:var(--fs-sm);border:0;border-radius:14px;order:2;justify-content:center;gap:6px;padding:0 12px;font-weight:600}.task-modal-field-btn:active{background:var(--m-control-active)}.task-modal-field-btn.is-date .task-modal-field-value,.task-modal-field-btn.is-priority .task-modal-field-value{white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}.task-modal-field-btn svg{width:16px;height:16px}.task-modal-field-btn>svg:only-child{color:var(--m-control-inert-ink)}.task-modal-overdue-nudge-text{order:3}.task-modal-overdue-reschedule{order:4;min-height:32px}.task-modal-subtask{align-items:flex-start;padding:10px 12px}.task-modal-subtask-actions,.task-modal-subtask-view,.task-modal-subtask-edit,.task-modal-subtask-delete{opacity:1;visibility:visible}.tcm-modal{padding:18px 16px 16px;overflow-y:auto}.tcm-steps{gap:8px}.tcm-step-label{font-size:11px}.tcm-difficulty-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.tcm-difficulty-btn{background:var(--m-control-rest);min-height:44px;color:var(--text-1);font-size:var(--fs-md);border:0;border-radius:12px;padding:0}.tcm-difficulty-btn:active{background:var(--m-control-active)}.tcm-difficulty-btn.is-selected{background:var(--m-control-selected);box-shadow:inset 0 1px 0 var(--m-control-edge);color:var(--text-0);transform:none}.tcm-progress-preview-current{background:var(--white-85)}.tcm-progress-preview-delta{background:var(--white-40)}.tcm-slider-row{gap:12px}.tcm-slider-btn{background:var(--m-control-rest);width:44px;height:44px;color:var(--text-0);border:0;border-radius:12px}.tcm-slider-btn:active:not(:disabled){background:var(--m-control-active)}.tcm-slider{border-radius:4px;height:8px}.tcm-slider::-webkit-slider-thumb{width:28px;height:28px}.tcm-quick-btns{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.tcm-quick-btns button{background:var(--m-control-rest);width:100%;min-height:44px;color:var(--text-0);font-size:var(--fs-sm);border:0;border-radius:14px;font-weight:600}.tcm-quick-btns button:active{background:var(--m-control-active)}.tcm-footer{gap:8px}.tcm-back-btn,.tcm-cancel-btn,.tcm-submit-btn{min-height:48px;font-size:var(--fs-md);border:0;border-radius:14px;flex:1 1 0;margin:0;padding:0 16px;font-weight:600}.tcm-back-btn,.tcm-cancel-btn{background:var(--m-control-rest);color:var(--text-1)}.tcm-back-btn:active,.tcm-cancel-btn:active{background:var(--m-control-active);color:var(--text-0)}.tcm-submit-btn{background:var(--m-control-primary);color:var(--m-control-primary-ink);font-weight:700}.goal-completed-modal{padding:24px 16px}.goal-completed-progress-fill{background:var(--white-85)}.goal-completed-progress span{color:var(--text-0)}.goal-completed-exp-total{color:var(--accent-orange);background:0 0;padding:0;font-size:28px}.goal-completed-actions,.delete-confirm-actions{flex-direction:column-reverse}.goal-completed-actions>button,.delete-confirm-actions>button{width:100%}.goal-completed-btn-close,.goal-completed-btn-archive{min-height:48px;font-size:var(--fs-md);border:0;border-radius:14px;justify-content:center;font-weight:600}.goal-completed-btn-close{background:var(--m-control-primary);color:var(--m-control-primary-ink);font-weight:700}.goal-completed-btn-archive{background:var(--m-control-rest);color:var(--text-1)}.goal-completed-btn-archive:active{background:var(--m-control-active);color:var(--text-0)}.restore-modal,.delete-confirm-modal{padding:20px 16px}.date-picker--sheet,.priority-picker--sheet,.habit-effort-popover--sheet{width:100%;max-width:none;max-height:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;border-radius:0;padding:0;position:static;overflow:visible}.calendar-header{margin-bottom:12px;padding:0}.calendar-header button{width:40px;min-width:40px;height:40px;min-height:40px;box-shadow:none;background:var(--m-control-rest);color:var(--text-0);border:0}.calendar-header button svg{width:18px;height:18px}.calendar-header button:active:not(:disabled){background:var(--m-control-active)}.calendar-header button:disabled{color:var(--m-control-inert-ink);opacity:1;background:0 0}.calendar-month{font-size:16px;font-weight:600}.calendar-weekdays,.calendar-grid{gap:6px}.calendar-weekday{padding:6px 0;font-size:12px}.calendar-day{background:var(--m-control-rest);min-height:44px;color:var(--text-0);border:0;border-radius:12px;font-size:15px}.calendar-day:active:not(:disabled){background:var(--m-control-active)}.calendar-day.is-today{box-shadow:inset 0 0 0 1.5px var(--accent-orange)}.calendar-day.is-selected{background:var(--m-control-primary);color:var(--m-control-primary-ink)}.calendar-day.is-selected .habit-day-dot{background:#00000073}.calendar-day.empty,.calendar-day:disabled{color:var(--m-control-inert-ink);opacity:.55;background:0 0}.date-picker-quick{gap:8px;margin-bottom:14px}.quick-option-btn{background:var(--m-control-rest);min-height:44px;color:var(--text-0);font-size:var(--fs-sm);border:0;border-radius:14px;font-weight:600}.quick-option-btn:active{background:var(--m-control-active)}.date-picker-clear{min-height:48px;color:var(--text-1);font-size:var(--fs-sm)}.priority-picker--sheet .priority-item{min-height:44px}}

@media (max-width:767px){.page-grid.guides-page{margin-top:calc(var(--m-top-actions-top) - var(--m-content-top));padding-top:0}.guides-page .habits-topbar{min-height:var(--m-top-actions-size);align-items:center}.guide-detail-page{padding-top:var(--m-top-clearance-bare);padding-bottom:32px;padding-left:16px;padding-right:16px}.guide-detail-title{letter-spacing:-.01em;font-size:24px;line-height:1.2}.guide-detail-cover{border-radius:16px;margin-bottom:20px}.guide-detail-body a{text-underline-offset:2px;text-decoration:underline}.guide-detail-body blockquote{border-left:3px solid var(--white-14)}.guide-detail-body{font-size:17px}.guide-detail-body img,.guide-detail-body video,.guide-detail-body iframe{max-width:100%;height:auto}.guide-detail-body pre,.guide-detail-body table{max-width:100%;overflow-x:auto}.guides-grid{gap:12px}.guide-card-actions{gap:10px}.guide-card-cta{padding:7px 10px 7px 13px;font-size:14px}.guide-card-body{gap:8px;padding:14px 16px 16px}.guide-card-title{font-size:17px;line-height:1.25}.guide-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}}


.is-rotated{transform:rotate(90deg)}