@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/outfit-0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/outfit-1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/outfit-0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/outfit-1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/outfit-0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/outfit-1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/outfit-0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/outfit-1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/outfit-0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/outfit-1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:#1c1c2e;-webkit-font-smoothing:antialiased;font-family:Outfit,sans-serif}:root{--ink:#1c1c2e;--ink2:#4b5563;--muted:#9ca3af;--border:#e8e4dc;--sand:#f5f1ea;--white:#fff;--sidebar-w:216px;--detail-w:332px;--teal:#2d7a6a;--teal-bg:#ebf5f2;--green:#4db896;--shadow-card:0 1px 3px #0000000f, 0 4px 12px #0000000a;--shadow-card-hover:0 2px 8px #00000014, 0 8px 24px #0000000f}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#d1ccc4;border-radius:3px}::-webkit-scrollbar-track{background:0 0}.app{background:var(--sand);flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-shell{flex:1;min-height:0;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);background:#1a2e5a;flex-direction:column;flex-shrink:0;transition:width .2s;display:flex}.sidebar-logo{border-bottom:1px solid #ffffff12;padding:14px 14px 16px}.sidebar-logo-img{object-fit:contain;filter:brightness(2.35)contrast(1.18)saturate(1.42);width:auto;height:40px;display:block}.logo-wordmark{color:#fff;letter-spacing:-.01em;font-size:16px;font-weight:800}.logo-wordmark span{color:var(--green)}.logo-sub{color:#ffffff80;margin-top:12px;font-size:12px;font-weight:600}.nav{flex:1;padding:10px 0;overflow:hidden}.nav-item{color:#ffffff73;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-left:3px solid #0000;align-items:center;gap:11px;width:100%;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:500;transition:all .14s;display:flex}.nav-item:hover{color:#fffc;background:#ffffff0d}.nav-item.active{color:#fff;background:#ffffff14;border-left-color:#f5a623;font-weight:600}.nav-item-sub{color:#ffffff57;padding-left:42px;font-size:13px}.nav-icon{text-align:center;width:20px;font-size:15px}.sidebar-footer{color:#ffffff4d;cursor:pointer;background:0 0;border:0;border-top:1px solid #ffffff12;align-items:center;gap:8px;width:100%;padding:14px 20px;font-family:inherit;font-size:13px;transition:color .14s;display:flex}.sidebar-footer:hover{color:#ffffff8c}.sidebar-actions{border-top:1px solid #ffffff12}.sidebar-upgrade-btn{color:#1a1a1a;background:linear-gradient(135deg,#f5c842,#f0a500);border-radius:10px;align-items:center;gap:8px;margin:10px 12px 4px;padding:10px 14px;font:700 13px/1 Outfit,sans-serif;text-decoration:none;transition:opacity .14s;display:flex}.sidebar-upgrade-btn:hover{opacity:.88}.sidebar-profile{cursor:pointer;background:0 0;border:0;border-top:1px solid #ffffff12;align-items:center;gap:10px;width:100%;padding:11px 14px 13px;font-family:inherit;transition:background .14s;display:flex}.sidebar-profile:hover{background:#ffffff0d}.sidebar-avatar{color:#1a1a1a;background:linear-gradient(135deg,#f5a623,#e08e10);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:800;display:flex}.sidebar-profile-info{text-align:left;flex:1;min-width:0}.sidebar-profile-name{color:#ffffffe6;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sidebar-profile-plan{color:#fff6;margin-top:1px;font-size:11px}.sidebar-profile-chevron{color:#ffffff40;flex-shrink:0;font-size:18px}.profile-sheet{max-width:420px}.profile-avatar-row{align-items:flex-start;gap:14px;display:flex}.profile-avatar-lg{color:#1a1a1a;background:linear-gradient(135deg,#f5a623,#e08e10);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;font-weight:800;display:flex}.profile-identity{flex-direction:column;gap:6px;padding-top:2px;display:flex}.profile-email{color:var(--ink2);font-size:13px;font-weight:500}.profile-plan-badge{border-radius:20px;padding:3px 9px;font-size:12px;font-weight:700;display:inline-block}.profile-plan-badge--pro{color:#1d4ed8;background:#dbeafe}.profile-plan-badge--trial{color:#b45309;background:#fef3c7}.profile-plan-badge--free{color:#6b7280;background:#f3f4f6}.profile-upgrade-link{color:var(--teal);font-size:12px;font-weight:600;text-decoration:none}.profile-upgrade-link:hover{text-decoration:underline}.sidebar-trial-card{background:#f5a6231a;border:1px solid #f5a6234d;border-radius:10px;margin:10px 12px 4px;padding:11px 12px}.sidebar-trial-days{color:#f5a623;letter-spacing:.01em;margin-bottom:7px;font-size:11.5px;font-weight:700}.sidebar-trial-upgrade{color:#1a1a1a;text-align:center;background:linear-gradient(135deg,#f5c842,#f0a500);border-radius:7px;padding:8px 10px;font:700 12px/1 Outfit,sans-serif;text-decoration:none;transition:opacity .14s;display:block}.sidebar-trial-upgrade:hover{opacity:.88}.sidebar-actions .sidebar-footer{border-top:0}.projector-live-card{color:#ffffffdb;background:#4db8961a;border:1px solid #4db89652;border-radius:12px;margin:0 12px 10px;padding:11px 12px;font-size:12px;line-height:1.35}.projector-live-card strong{color:#fff;margin-bottom:2px;font-size:13px;display:block}.projector-live-card button{color:#fff;cursor:pointer;background:#00000029;border:1px solid #ffffff2e;border-radius:8px;width:100%;margin-top:8px;padding:7px 9px;font:800 12px/1 Outfit,sans-serif}.projector-live-card button:hover{background:#00000047}.main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.topbar{background:var(--white);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:60px;padding:0 28px;display:flex}.topbar-left{flex-direction:column;justify-content:center;min-width:0;display:flex}.topbar-title{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;overflow:hidden}.topbar-date{color:var(--muted);font-size:12px;font-weight:500}.topbar-right{flex-shrink:0;align-items:center;gap:7px;display:flex}.chip{background:var(--white);color:#666;cursor:pointer;white-space:nowrap;border:1.5px solid #d9d4cc;border-radius:20px;align-items:center;gap:4px;padding:5px 13px;font-family:Outfit,sans-serif;font-size:13px;font-weight:500;transition:all .14s;display:inline-flex}.chip:hover{color:var(--ink);background:#fafaf8;border-color:#9ca3af}.chip.active,.chip.teal{background:var(--teal);color:#fff;border-color:var(--teal)}.body{flex:1;min-height:0;display:flex;overflow:hidden}.routine-col{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.routine-header{flex-shrink:0;padding:20px 28px 12px}.section-eyebrow{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-size:11px;font-weight:700}.routine-ready{color:var(--teal);align-items:center;gap:5px;margin-top:2px;font-size:13.5px;font-weight:600;display:flex}.cards-scroll{flex-direction:column;flex:1;gap:10px;padding:0 28px 16px;display:flex;overflow-y:auto}.card{text-align:left;background:var(--white);border:1.5px solid var(--border);cursor:pointer;width:100%;box-shadow:var(--shadow-card);border-radius:14px;align-items:flex-start;gap:14px;padding:16px 18px 14px;font-family:inherit;transition:box-shadow .16s,border-color .16s,transform .1s;display:flex}.card:hover{box-shadow:var(--shadow-card-hover);border-color:#c8c3ba;transform:translateY(-1px)}.card.selected{border-color:var(--teal);box-shadow:0 0 0 3px #2d7a6a1a, var(--shadow-card);transform:none}.card-stripe{border-radius:3px;flex-shrink:0;align-self:stretch;width:4px;min-height:56px}.card-inner{flex:1;min-width:0}.card-cat{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-bottom:4px;font-size:10.5px;font-weight:700}.card-title{color:var(--ink);font-size:17px;font-weight:700;line-height:1.22}.card-meta{color:var(--muted);margin-top:4px;font-size:13px;font-weight:500}.card-actions{align-items:center;gap:8px;margin-top:11px;display:flex}.component-card.use-now .card-actions{padding-top:10px}.component-card.use-now .btn-heart{display:none}.btn-heart{cursor:pointer;color:#d4cfca;background:0 0;border:none;padding:3px;font-size:17px;line-height:1;transition:color .14s,transform .1s}.btn-heart:hover{color:#e05c7a;transform:scale(1.15)}.btn-heart.saved{color:#e05c7a}.btn-swap{background:var(--white);color:#666;cursor:pointer;border:1.5px solid #d9d4cc;border-radius:8px;padding:5px 13px;font-family:Outfit,sans-serif;font-size:12.5px;font-weight:600;transition:all .14s}.btn-swap:hover{color:var(--ink);background:#f9f8f6;border-color:#9ca3af}.btn-remove{color:#9f1239;background:#fff7f8;border-color:#ffe4e6}.btn-remove:hover{color:#881337;background:#fff1f2;border-color:#fda4af}.add-more{text-align:center;width:100%;color:var(--muted);cursor:pointer;background:0 0;border:1.5px dashed #d9d4cc;border-radius:14px;padding:14px;font-family:inherit;font-size:14px;font-weight:500;transition:color .14s}.add-more:hover{color:var(--teal);background:var(--teal-bg);border-color:#a8c8c0}.add-more-quiet{color:#6b8f86;background:0 0;border-color:#e4ddd3;min-height:42px;padding:10px 12px;font-size:13px}.action-bar{background:var(--white);border-top:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;padding:14px 28px;display:flex}.today-save-bar{background:#ffffffb8;justify-content:flex-end;padding-block:9px}.today-save-bar .btn-secondary{min-width:128px;min-height:36px;color:var(--ink2);background:#fffefc;padding:8px 13px;font-size:12.5px}.btn-primary{background:var(--ink);color:#fff;cursor:pointer;border:none;border-radius:11px;align-items:center;gap:8px;padding:13px 24px;font-family:Outfit,sans-serif;font-size:15px;font-weight:700;transition:background .14s;display:flex}.btn-primary:hover{background:#2d2d44}.auth-submit{justify-content:center;width:100%;margin-top:4px}.btn-primary:active{background:#111}.btn-secondary{background:var(--white);color:var(--ink);cursor:pointer;border:1.5px solid #d9d4cc;border-radius:11px;padding:12px 18px;font-family:Outfit,sans-serif;font-size:14px;font-weight:600;transition:all .14s}.btn-secondary:hover{background:#f9f8f6;border-color:#9ca3af}.btn-danger{color:#be123c;cursor:pointer;background:#fff1f2;border:1.5px solid #ffe4e6;border-radius:8px;padding:7px 11px;font-family:Outfit,sans-serif;font-size:12px;font-weight:700}.btn-danger:hover{background:#ffe4e6}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-compact{border-radius:8px;padding:7px 11px;font-size:12px}.detail-panel{width:var(--detail-w);background:var(--white);border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.detail-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:32px;display:flex}.detail-empty-text{color:var(--muted);max-width:180px;font-size:14px;font-weight:500;line-height:1.5}.detail-scroll{flex:1;overflow-y:auto}.d-top{border-bottom:1px solid #f0ede8;padding:20px 22px 16px}.d-stripe-bar{border-radius:2px;height:3px;margin-bottom:14px}.d-cat{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-bottom:5px;font-size:11px;font-weight:700}.d-title{color:var(--ink);margin-bottom:4px;font-size:19px;font-weight:700;line-height:1.2}.d-meta{color:var(--muted);font-size:13px;font-weight:500}.d-section{border-bottom:1px solid #f0ede8;padding:14px 22px}.d-label{text-transform:uppercase;letter-spacing:.09em;color:#c4bdb6;margin-bottom:7px;font-size:10.5px;font-weight:700}.d-text{color:var(--ink2);font-size:13.5px;line-height:1.6}.prompt-box{color:var(--ink);background:#f6faff;border:1.5px dashed #b8cce0;border-radius:10px;padding:13px 14px;font-size:15.5px;font-weight:700;line-height:1.4}.starter-wrap{background:#f0faf5;border-radius:8px;margin-top:10px;padding:10px 12px}.starter-label{text-transform:uppercase;letter-spacing:.09em;color:#a8c8be;margin-bottom:3px;font-size:10px;font-weight:700}.starter-text{color:var(--teal);font-size:13.5px;font-style:italic;font-weight:600}.supports-row{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.support-tag{color:#888;border:1.5px solid #e0ddd8;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:500}.d-actions{border-top:1px solid #f0ede8;flex-wrap:wrap;flex-shrink:0;gap:8px;padding:13px 22px;display:flex}.d-btn-display{background:var(--ink);color:#fff;cursor:pointer;border:none;border-radius:9px;flex:1;padding:11px;font-family:Outfit,sans-serif;font-size:13.5px;font-weight:700;transition:background .14s}.d-btn-display:hover{background:#2d2d44}.d-btn-swap{background:var(--white);cursor:pointer;border:1.5px solid #d9d4cc;border-radius:9px;padding:11px 14px;font-family:Outfit,sans-serif;font-size:13.5px;font-weight:600;transition:all .14s}.d-btn-swap:hover{border-color:#9ca3af}.d-more-actions{flex-basis:100%}.d-more-actions summary{cursor:pointer;color:var(--muted);width:fit-content;padding:3px 0;font-size:12px;font-weight:850;list-style:none}.d-more-actions summary::-webkit-details-marker{display:none}.d-more-actions summary:hover{color:var(--teal)}.d-more-action-row{flex-wrap:wrap;gap:8px;padding-top:8px;display:flex}.overlay{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000004d;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.filter-sheet{background:var(--white);border-radius:20px 20px 0 0;width:100%;max-width:560px;padding-bottom:32px;animation:.22s cubic-bezier(.34,1.12,.64,1) slideUp;box-shadow:0 -8px 40px #00000021}.dialog-overlay{align-items:center;padding:24px}.dialog-overlay .filter-sheet{border-radius:20px;max-height:min(86vh,760px);padding-bottom:22px;overflow-y:auto;box-shadow:0 20px 70px #00000038}.presentation-choice-sheet{max-width:520px}.presentation-helper{color:var(--ink2);margin:-4px 0 2px;font-size:14px;line-height:1.45}.presentation-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.presentation-option{text-align:left;cursor:pointer;background:#fff;border:1.5px solid #e0ddd8;border-radius:14px;padding:16px;font-family:Outfit,sans-serif;transition:border-color .14s,box-shadow .14s,transform .1s}.presentation-option:hover{border-color:var(--teal);box-shadow:var(--shadow-card);transform:translateY(-1px)}.presentation-option.primary{background:#f3fbf8;border-color:#b9ddd4}.presentation-option-title{color:var(--ink);margin-bottom:5px;font-size:17px;font-weight:850;display:block}.presentation-option-text{color:var(--ink2);font-size:13px;font-weight:600;line-height:1.35;display:block}@keyframes slideUp{0%{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}.sheet-handle{background:#ddd9d2;border-radius:2px;width:36px;height:4px;margin:14px auto 20px}.sheet-title{color:var(--ink);border-bottom:1px solid #f0ede8;padding:0 26px 16px;font-size:18px;font-weight:700}.sheet-body{flex-direction:column;gap:20px;padding:18px 26px;display:flex}.f-group-label{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-bottom:9px;font-size:11px;font-weight:700}.f-chips{flex-wrap:wrap;gap:7px;display:flex}.sheet-footer{gap:10px;padding:4px 26px 0;display:flex}.settings-sheet .sheet-footer{background:#fffffff5;border-top:1px solid #f0ede8;flex:none;padding:14px 26px;box-shadow:0 -10px 28px #1c1c2e0f}.mobile-detail-overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;align-items:flex-end;display:flex;position:fixed;inset:0}.mobile-detail-sheet{background:var(--white);border-radius:20px 20px 0 0;width:100%;max-height:85vh;animation:.22s cubic-bezier(.34,1.12,.64,1) slideUp;overflow-y:auto;box-shadow:0 -8px 40px #0000002e}.toast-wrap{z-index:200;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}.toast{color:#fff;pointer-events:all;white-space:nowrap;background:#1c1c2e;border-radius:11px;align-items:center;gap:14px;padding:11px 20px;font-size:14px;font-weight:600;animation:.2s cubic-bezier(.34,1.12,.64,1) toastIn;display:flex;box-shadow:0 4px 24px #00000038}.toast-icon{background:var(--green);color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:20px;height:20px;font-size:13px;font-weight:900;display:inline-flex}.toast-message{line-height:1.25}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.toast-undo{color:var(--green);cursor:pointer;font-size:13px;font-weight:700}.toast-undo:hover{text-decoration:underline}.display-mode{z-index:300;background:#0a0a18;flex-direction:column;display:flex;position:fixed;inset:0}.disp-top{flex-shrink:0;justify-content:space-between;align-items:center;padding:13px 32px;transition:background .4s;display:flex}.disp-cat-label{text-transform:uppercase;letter-spacing:.14em;color:#ffffffa6;font-size:12px;font-weight:700}.disp-prog-label{color:#fff6;margin-top:3px;font-size:12px}.disp-timer-group{align-items:center;gap:12px;display:flex}.disp-timer-button{color:#fff;cursor:pointer;background:#0000001f;border:1px solid #fff3;border-radius:12px;flex-direction:column;align-items:flex-end;gap:1px;padding:7px 10px;font-family:Outfit,sans-serif;display:flex}.disp-timer-button:hover{background:#ffffff1a}.disp-bar-wrap{background:#ffffff26;border-radius:3px;width:90px;height:5px;overflow:hidden}.disp-bar{border-radius:3px;height:100%;transition:width 1s linear}.disp-timer-num{color:#fff;font-variant-numeric:tabular-nums;text-align:right;-webkit-user-select:none;user-select:none;min-width:64px;font-size:30px;font-weight:700}.disp-timer-action{letter-spacing:.08em;text-transform:uppercase;color:#ffffff9e;font-size:10px;font-weight:900}.disp-center{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:48px 10vw;display:flex}.disp-prompt{color:#fff;text-align:center;max-width:800px;margin-bottom:36px;font-size:clamp(28px,4vw,52px);font-weight:700;line-height:1.25}.disp-starter-box{text-align:center;background:#ffffff0a;border:1.5px solid #ffffff24;border-radius:14px;width:100%;max-width:560px;padding:18px 32px}.disp-starter-label{text-transform:uppercase;letter-spacing:.12em;color:#ffffff4d;margin-bottom:7px;font-size:11px;font-weight:700}.disp-starter-text{color:#fff9;font-size:clamp(17px,2.2vw,24px);font-style:italic;line-height:1.35}.disp-guidance-panel{color:#ffffffd1;background:#00000038;border:1px solid #ffffff29;border-radius:16px;width:min(860px,86vw);margin-top:18px;padding:18px 22px;box-shadow:0 18px 50px #0000002e}.disp-guidance-title{letter-spacing:.12em;text-transform:uppercase;color:#ffffff7a;margin-bottom:8px;font-size:12px;font-weight:850}.disp-guidance-text{font-size:clamp(16px,1.8vw,24px);font-weight:650;line-height:1.45}.disp-guidance-supports{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.disp-guidance-chip{color:#ffffffb3;border:1px solid #ffffff2e;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800}.disp-bottom{border-top:1px solid #ffffff12;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 32px;display:flex}.disp-dots{gap:8px;display:flex}.disp-dot{background:#ffffff2e;border-radius:50%;width:8px;height:8px;transition:all .2s}.disp-dot.curr{background:#fff;transform:scale(1.25)}.disp-navs{gap:10px;display:flex}.disp-btn{color:#fff;cursor:pointer;background:0 0;border:1.5px solid #fff3;border-radius:10px;padding:11px 24px;font-family:Outfit,sans-serif;font-size:15px;font-weight:700;transition:all .15s}.disp-btn:hover{background:#ffffff14;border-color:#fff6}.disp-btn.next{background:#ffffff1a;border-color:#ffffff59}.disp-btn.next:hover{background:#ffffff2e}.disp-teacher-controls{z-index:3;opacity:.82;align-items:center;gap:8px;transition:opacity .14s;display:flex;position:absolute;top:76px;right:28px}.disp-teacher-controls:hover,.disp-teacher-controls:focus-within{opacity:1}.disp-exit{color:#ffffffb8;cursor:pointer;background:#00000029;border:1px solid #ffffff2e;border-radius:999px;padding:9px 14px;font-family:Outfit,sans-serif;font-size:12px;transition:color .14s,background .14s}.disp-exit:hover{color:#ffffff80}.disp-view-switch{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000003d;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:7px;padding:4px 5px 4px 10px;display:flex;position:absolute;top:24px;left:50%;transform:translate(-50%)}.disp-view-label{color:#ffffff80;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;padding:0;font-size:10.5px;font-weight:850}.disp-view-switch button{color:#ffffff9e;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 12px;font:850 12px/1 Outfit,sans-serif}.disp-view-switch button.active{color:#fff;background:#ffffff2e}.disp-teacher-fallback{z-index:4;color:#ffffffd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000057;border:1px solid #ffffff24;border-radius:14px;max-width:310px;padding:11px 13px;font-size:12.5px;line-height:1.35;animation:.18s ease-out toastIn;position:absolute;top:122px;right:28px;box-shadow:0 14px 40px #0000002e}.disp-teacher-fallback strong{color:#fff;margin-bottom:2px;font-size:13px;display:block}.browse-header{flex-shrink:0;padding:24px 28px 16px}.browse-search{background:var(--white);border:1.5px solid var(--border);box-shadow:var(--shadow-card);border-radius:12px;align-items:center;gap:10px;margin-top:12px;padding:10px 16px;display:flex}.browse-search input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-family:Outfit,sans-serif;font-size:15px}.browse-search input::placeholder{color:var(--muted)}.library-grade-note{color:var(--ink2);background:#f2fbf8;border:1.5px solid #cfe7e0;border-radius:12px;align-items:flex-start;gap:10px;margin-top:12px;padding:11px 13px;font-size:13px;font-weight:700;line-height:1.35;display:flex}.library-grade-note strong{color:var(--teal)}.library-grade-note span:first-child{flex-shrink:0}.library-replace-note{color:var(--ink2);background:#ecfdf7;border:1.5px solid #b9ddd4;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:12px 14px;font-size:13px;font-weight:750;line-height:1.35;display:flex}.library-replace-note strong{color:var(--ink);margin-bottom:2px;font-size:14px;display:block}.library-replace-note button{flex-shrink:0}.browse-scroll{flex:1;padding:0 28px 24px;overflow-y:auto}.browse-cat-section{margin-bottom:28px}.browse-cat-label{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);align-items:center;gap:8px;padding:14px 0 10px;font-size:12px;font-weight:700;display:flex}.browse-cat-dot{border-radius:50%;width:8px;height:8px}.browse-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;display:grid}.browse-card{background:var(--white);border:1.5px solid var(--border);cursor:pointer;box-shadow:var(--shadow-card);border-radius:12px;flex-direction:column;gap:4px;padding:14px 16px 12px;transition:all .14s;display:flex}.browse-card:hover{box-shadow:var(--shadow-card-hover);border-color:#c8c3ba;transform:translateY(-1px)}.browse-card--locked{opacity:.72}.browse-card--locked:hover{box-shadow:var(--shadow-card);border-color:var(--border);transform:none}.browse-card-pro-badge{color:#b87a0a;letter-spacing:.04em;background:#fef3e2;border:1px solid #f5a623;border-radius:4px;flex-shrink:0;align-self:flex-start;padding:2px 6px;font-size:10px;font-weight:700}.browse-card-title{color:var(--ink);font-size:15px;font-weight:700;line-height:1.2}.browse-card-meta{color:var(--muted);font-size:12.5px;font-weight:500}.browse-card-heart{color:#d4cfca;cursor:pointer;margin-left:auto;font-size:14px;transition:color .14s}.browse-card-heart.saved{color:#e05c7a}.faves-empty{text-align:center;color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:48px;display:flex}.faves-empty-icon{opacity:.25;font-size:40px}.faves-empty-text{max-width:220px;font-size:15px;font-weight:500;line-height:1.5}.mobile-nav{background:var(--white);border-top:1px solid var(--border);padding:10px 0 env(safe-area-inset-bottom,0);flex-shrink:0;display:none}.mobile-nav-items{justify-content:space-around;display:flex}.mobile-nav-item{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;padding:6px 16px;font-family:inherit;display:flex}.mobile-nav-icon{font-size:20px;transition:transform .14s}.mobile-nav-label{color:var(--muted);font-size:10.5px;font-weight:600;transition:color .14s}.mobile-nav-item.active .mobile-nav-label{color:var(--teal)}.mobile-nav-item.active .mobile-nav-icon{transform:scale(1.1)}@media (width<=900px){.sidebar,.detail-panel{display:none}.mobile-nav{display:block}.mobile-nav-items{scrollbar-width:none;justify-content:flex-start;padding:0 8px;overflow-x:auto}.mobile-nav-items::-webkit-scrollbar{display:none}.mobile-nav-item{min-width:72px;padding:6px 8px}.toast-wrap{bottom:104px}.topbar{min-height:64px;padding:10px 16px}.topbar-title{font-size:16px}.routine-header{padding:16px 16px 10px}.teacher-filter-button{display:inline-flex}.routine-intro{padding:11px 12px;font-size:13px}.cards-scroll{gap:12px;padding:0 16px 14px}.card{min-height:120px;padding:16px}.card-title{font-size:18px}.action-bar{padding:10px 12px calc(10px + env(safe-area-inset-bottom,0));grid-template-columns:1fr 1fr;display:grid}.action-bar .btn-primary{order:-1;grid-column:1/-1;justify-content:center}.action-bar .btn-secondary{justify-content:center;padding-inline:10px}.today-save-bar{justify-content:stretch;display:flex}.today-save-bar .btn-secondary{width:100%}.component-card .btn-add-routine,.component-card .btn-remove,.topbar-right{display:none}.browse-header{padding:16px 16px 12px}.browse-scroll{padding:0 16px 24px}.browse-grid{grid-template-columns:1fr 1fr;gap:8px}}@media (width<=540px){.browse-grid{grid-template-columns:1fr}.disp-center{padding:32px 24px}.disp-top,.disp-bottom{padding:12px 20px}.presentation-options{grid-template-columns:1fr}.disp-view-switch{top:12px}.disp-teacher-controls{top:58px;right:12px}.disp-guidance-panel{width:92vw;padding:14px 16px}}.topbar{height:auto;min-height:68px;padding-block:10px}.topbar-title{font-size:17px}.topbar-date{margin-top:2px;line-height:1.35}.routine-header-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.routine-intro{color:var(--ink2);background:#f8fbfa;border:1.5px solid #d8ece6;border-radius:12px;margin-top:12px;padding:12px 14px;font-size:13.5px;line-height:1.45}.routine-intro strong{color:var(--ink);margin-bottom:2px;font-size:14px;display:block}@media (width>=901px){.teacher-filter-button{display:none}}.teacher-filter-button{flex-shrink:0}.card{min-height:112px}.card-title{font-size:18px}.card-meta{color:#6b7280}.card-actions{flex-wrap:wrap;gap:10px}.btn-heart{background:#fafaf8;border:1px solid #eeeae4;border-radius:10px;width:38px;height:38px}.btn-swap{min-height:38px;color:var(--ink);padding:8px 14px}.btn-add-routine{color:var(--teal);background:#f6fcfa;border-color:#cfe8e1}.add-more{min-height:48px;color:var(--teal);background:#2d7a6a08;font-weight:700}.action-bar .btn-primary,.action-bar .btn-secondary{min-height:46px}.primary-action{min-width:180px}.quick-action{font-weight:800}.detail-empty-icon{opacity:.35;font-size:28px}.detail-empty-text{max-width:220px;color:var(--ink2)}.prompt-box{font-size:16px}.disp-center{padding:56px 8vw}.disp-prompt{max-width:1100px;font-size:clamp(34px,5.2vw,72px)}.disp-starter-box{max-width:760px}.disp-starter-text{font-size:clamp(20px,2.6vw,32px)}.disp-teacher-controls{top:76px;left:auto;right:28px;transform:none}.disp-exit{color:#ffffffc7;background:#0003;border:1px solid #ffffff38;border-radius:999px;padding:9px 14px}.disp-exit:hover{color:#fff;background:#ffffff1a}.disp-end-projection{color:#ffffff80;background:#0000001f;border-color:#ffffff1f}.disp-end-projection:hover{color:#fff;background:#9f12396b;border-color:#fff3}.disp-btn{min-height:46px}.browse-card-actions .btn-secondary{min-height:38px}@media (width<=540px){.disp-teacher-controls{top:58px;right:12px}.disp-teacher-fallback{max-width:none;top:104px;left:12px;right:12px}}.grade-picker{background:var(--white);color:var(--ink);white-space:nowrap;border:1.5px solid #d9d4cc;border-radius:999px;align-items:center;gap:8px;padding:6px 10px 6px 12px;font-size:12px;font-weight:800;display:inline-flex}.grade-picker span{color:var(--muted);font-weight:700}.grade-picker select{color:var(--ink);cursor:pointer;background:0 0;border:0;outline:none;font:800 13px/1.2 Outfit,sans-serif}.topbar-right.grade-control-wrap{align-items:center;gap:8px;display:flex}.auth-field select{background:var(--white);color:var(--ink);border:1.5px solid #d9d4cc;border-radius:10px;padding:12px 13px;font:15px/1.35 Outfit,sans-serif}.auth-field select:focus,.grade-picker:focus-within{border-color:var(--teal);outline:3px solid #2d7a6a2e}.auth-note{color:var(--ink2);background:#f6faf8;border:1px solid #ddefe8;border-radius:12px;margin-bottom:18px;padding:12px 13px;font-size:13.5px;line-height:1.45}.tutorial-overlay{z-index:250;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#111827b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.tutorial-card{background:var(--white);border-radius:20px;width:min(680px,100%);padding:clamp(24px,5vw,42px);box-shadow:0 28px 90px #00000047}.tutorial-kicker{color:var(--teal);letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:900}.tutorial-title{color:var(--ink);margin-top:10px;font-size:clamp(30px,5vw,48px);font-weight:900;line-height:1}.tutorial-lede{color:var(--ink2);margin-top:14px;font-size:16px;line-height:1.55}.tutorial-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px;display:grid}.tutorial-step{background:#f8fbfa;border:1.5px solid #d8ece6;border-radius:14px;padding:14px}.tutorial-step strong{color:var(--ink);margin-bottom:4px;font-size:14px;display:block}.tutorial-step span{color:var(--ink2);font-size:13px;line-height:1.4}.tutorial-actions{justify-content:flex-end;margin-top:24px;display:flex}@media (width<=900px){.topbar-right.grade-control-wrap{display:flex}.topbar{align-items:flex-start}.grade-picker{padding-block:7px}.tutorial-grid{grid-template-columns:1fr}}button:focus-visible,.card:focus-visible,.add-more:focus-visible{outline-offset:2px;outline:3px solid #2d7a6a59}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.custom-sheet{max-width:640px}.custom-form{gap:14px}.form-grid{grid-template-columns:1.4fr .8fr 1fr;gap:10px;display:grid}.form-field{flex-direction:column;gap:6px;display:flex}.form-field span{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-size:10.5px;font-weight:700}.form-field input,.form-field select,.form-field textarea{width:100%;color:var(--ink);background:var(--white);border:1.5px solid #d9d4cc;border-radius:9px;padding:10px 11px;font:14px/1.35 Outfit,sans-serif}.form-field textarea{resize:vertical;min-height:76px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--teal);outline:3px solid #2d7a6a2e}@media (width<=540px){.form-grid{grid-template-columns:1fr}.dialog-overlay{align-items:flex-end;padding:0}.dialog-overlay .filter-sheet{border-radius:20px 20px 0 0;max-height:88vh;padding-bottom:28px}}.auth-loading{color:#6b7280;background:#f5f1ea;justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Outfit,sans-serif;font-size:1rem;display:flex}.auth-loading:after{content:"";border:2px solid #d1d5db;border-top-color:#2d7a6a;border-radius:50%;width:18px;height:18px;margin-left:10px;animation:.75s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.auth-page{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 16% 18%,#ffc24a38,#0000 26%),radial-gradient(circle at 76% 18%,#4db89621,#0000 30%),linear-gradient(135deg,#f8f4ec 0%,#eef7f3 54%,#f7fbfa 100%);grid-template-columns:minmax(280px,1fr) minmax(320px,430px);display:grid}.auth-brand{flex-direction:column;justify-content:center;padding:56px clamp(32px,7vw,96px);display:flex;position:relative;overflow:hidden}.auth-brand:before{content:\"☀\";color:#f59e0b29;font-size:clamp(72px,10vw,150px);line-height:1;position:absolute;top:42px;right:clamp(28px,8vw,110px)}.auth-logo-img{object-fit:cover;object-position:center;filter:brightness(1.62)contrast(1.05)saturate(1.16);border:1px solid #2d7a6a1f;border-radius:18px;width:min(360px,72vw);height:104px;margin-bottom:28px;box-shadow:0 0 0 1px #1c1c2e14,0 18px 52px #2d7a6a29}.auth-kicker{width:fit-content;color:var(--teal);letter-spacing:.08em;text-transform:uppercase;background:#ffffff94;border:1px solid #2d7a6a29;border-radius:999px;align-items:center;gap:8px;margin-bottom:16px;padding:8px 12px;font-size:12px;font-weight:850;display:inline-flex}.auth-headline{max-width:660px;color:var(--ink);letter-spacing:0;font-size:clamp(42px,6vw,76px);font-weight:850;line-height:.98}.auth-copy{color:#4b5563;max-width:520px;margin-top:18px;font-size:clamp(18px,2vw,22px);font-weight:650;line-height:1.4}.auth-panel{background:var(--white);color:var(--ink);border:1px solid #2d7a6a1a;border-radius:18px;align-self:center;margin:32px;padding:30px;box-shadow:0 24px 80px #2d3d3624}.auth-title{font-size:25px;font-weight:800}.auth-subtitle{color:var(--muted);margin-top:6px;margin-bottom:22px;line-height:1.45}.auth-field{flex-direction:column;gap:7px;margin-bottom:14px;display:flex}.auth-field span{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.auth-field input{border:1.5px solid #d9d4cc;border-radius:10px;padding:12px 13px;font:15px/1.35 Outfit,sans-serif}.auth-field input:focus{border-color:var(--teal);outline:3px solid #2d7a6a2e}.auth-error{color:#be123c;background:#fff1f2;border:1px solid #ffe4e6;border-radius:9px;margin-bottom:14px;padding:10px 12px;font-size:13px;font-weight:600}.auth-switch{width:100%;color:var(--teal);cursor:pointer;background:0 0;border:0;margin-top:14px;font:700 13px/1.3 Outfit,sans-serif}@media (width<=760px){.auth-page{grid-template-columns:1fr}.auth-brand{justify-content:flex-end;padding:32px 24px 10px}.auth-logo-img{border-radius:16px;width:min(300px,78vw);height:84px;margin-bottom:18px}.auth-kicker{margin-bottom:12px}.auth-headline{max-width:420px;font-size:clamp(34px,10vw,48px)}.auth-copy{font-size:15px}.auth-panel{align-self:start;margin:16px 18px 22px;padding:24px}}.btn-empty-action{margin-top:8px}.manage-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.manage-card{background:var(--white);border:1.5px solid var(--border);box-shadow:var(--shadow-card);border-radius:12px;padding:14px}.manage-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.routine-mini-list{color:var(--ink2);flex-direction:column;gap:4px;margin-top:10px;font-size:13px;line-height:1.35;display:flex}.routine-mini-list span{border-left:2px solid var(--border);padding-left:10px}.source-link{color:var(--teal);font-weight:700;text-decoration:none}.source-link:hover{text-decoration:underline}.vocab-col{background:#f6faff}.vocab-header{justify-content:space-between;align-items:center;gap:14px;display:flex}.vocab-wrap{flex:1;justify-content:center;align-items:flex-start;padding:0 28px 28px;display:flex;overflow-y:auto}.vocab-card{background:var(--white);width:min(760px,100%);box-shadow:var(--shadow-card-hover);border:1.5px solid #dce8f5;border-radius:16px;padding:clamp(24px,5vw,46px)}.vocab-kicker{color:var(--teal);text-transform:uppercase;letter-spacing:.08em;border:1.5px solid #b8cce0;border-radius:999px;padding:4px 11px;font-size:12px;font-weight:800;display:inline-flex}.vocab-word{color:var(--ink);margin-top:18px;font-size:clamp(42px,8vw,82px);font-weight:800;line-height:1}.vocab-meaning{color:var(--ink2);max-width:680px;margin-top:16px;font-size:clamp(19px,2.4vw,28px);line-height:1.35}.vocab-section{border-top:1px solid #e8eef6;margin-top:26px;padding-top:20px}.vocab-example{color:var(--ink);font-size:19px;font-weight:600;line-height:1.5}.vocab-task{color:var(--teal);font-size:17px;font-weight:700;line-height:1.55}.vocab-actions{margin-top:28px;font-size:13px}@media (width<=540px){.vocab-header{flex-direction:column;align-items:flex-start}.vocab-wrap{padding:0 18px 96px}}.do-now-col{background:#f8fafc}.do-now-layout{flex:1;grid-template-columns:180px minmax(320px,430px) minmax(420px,1fr);align-items:start;gap:18px;padding:0 28px 28px;display:grid;overflow-y:auto}.subnav{background:var(--white);border:1.5px solid var(--border);height:max-content;box-shadow:var(--shadow-card);border-radius:12px;padding:8px}.subnav-item{text-align:left;width:100%;color:var(--ink2);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px 12px;font:700 13px/1.3 Outfit,sans-serif}.subnav-item.active{background:var(--teal-bg);color:var(--teal)}.subnav-item:disabled{color:var(--muted);cursor:not-allowed;opacity:.65}.math-card{background:var(--white);border:1.5px solid var(--border);min-width:0;box-shadow:var(--shadow-card-hover);border-radius:16px;padding:clamp(22px,3vw,42px)}.math-title{color:var(--ink);margin-top:16px;font-size:clamp(28px,3vw,42px);font-weight:800}.math-problem{color:var(--ink2);overflow-wrap:anywhere;margin-top:14px;font-size:clamp(20px,2vw,30px);font-weight:700;line-height:1.35}.math-answer{color:var(--teal);font-size:20px;font-weight:800;line-height:1.5}@media (width<=1180px){.do-now-layout{grid-template-columns:170px minmax(0,1fr)}.math-card{grid-column:1/-1}}@media (width<=760px){.do-now-layout{grid-template-columns:1fr;padding:0 18px 96px}.math-card{grid-column:auto}.subnav{gap:8px;display:flex;overflow-x:auto}.subnav-item{text-align:center;min-width:max-content}}.header-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.split-wrap{grid-template-columns:minmax(220px,300px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.chooser-panel{background:var(--white);border:1.5px solid var(--border);box-shadow:var(--shadow-card);border-radius:12px;max-height:calc(100vh - 150px);padding:10px;overflow-y:auto}.chooser-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:4px 6px 10px;font-size:11px;font-weight:800}.chooser-card{border:1.5px solid #0000;border-radius:10px;padding:6px}.chooser-card.active{background:var(--teal-bg);border-color:#2d7a6a47}.chooser-card>button{text-align:left;cursor:pointer;width:100%;color:var(--ink);background:0 0;border:0;font-family:Outfit,sans-serif}.chooser-card strong{font-size:14px;line-height:1.25;display:block}.chooser-card span{color:var(--muted);margin-top:3px;font-size:12px;line-height:1.35;display:block}.chooser-actions{gap:8px;padding-top:7px;display:flex}.chooser-actions button{color:var(--teal);cursor:pointer;background:0 0;border:0;font:700 12px/1.2 Outfit,sans-serif}.chooser-actions button:last-child{color:#be123c}@media (width<=900px){.split-wrap,.do-now-layout{grid-template-columns:1fr}.chooser-panel{max-height:260px}}.settings-sheet{border-radius:20px;flex-direction:column;width:calc(100vw - 48px);max-width:min(1420px,100vw - 48px);height:min(860px,100vh - 88px);max-height:calc(100vh - 88px);padding-bottom:0;display:flex;overflow:hidden}.settings-sheet .sheet-handle,.settings-sheet .sheet-title{flex:none}.settings-sheet .sheet-body{flex:1 1 0;min-height:0;max-height:none;padding-bottom:40px;overflow-y:auto}.settings-sheet .settings-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:18px;display:grid}.settings-side-stack{flex-direction:column;gap:16px;display:flex}.settings-details{background:#fff;border:1.5px solid #efeae2;border-radius:14px;overflow:hidden}.settings-details summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:14px;list-style:none;display:flex}.settings-details summary::-webkit-details-marker{display:none}.settings-details summary:after{content:\"Open\";color:var(--teal);font-size:12px;font-weight:850}.settings-details[open] summary:after{content:\"Hide\";color:var(--muted)}.settings-details-title{text-transform:uppercase;letter-spacing:.09em;color:var(--ink);font-size:12px;font-weight:900;display:block}.settings-details-copy{color:var(--muted);margin-top:4px;font-size:12.5px;font-weight:650;line-height:1.35;display:block}.settings-details-body{border-top:1px solid #f0ede8;flex-direction:column;gap:12px;padding:14px;display:flex}.settings-note{color:var(--ink2);background:#f6faff;border:1.5px solid #dce8f5;border-radius:10px;padding:12px 14px;font-size:14px;line-height:1.5}.settings-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.settings-actions .btn-primary,.settings-actions .btn-secondary{justify-content:center;min-width:0}.settings-side-stack .settings-actions .btn-primary,.settings-side-stack .settings-actions .btn-secondary,.settings-side-stack .settings-actions .btn-danger{flex:140px}.cloud-status{color:var(--muted);font-size:12.5px;font-weight:700;line-height:1.4}.cloud-status.good{color:var(--teal)}.cloud-status.bad{color:#be123c}.cloud-toggle{color:var(--ink2);cursor:pointer;align-items:center;gap:9px;font-size:13px;font-weight:800;display:flex}.cloud-toggle input{width:17px;height:17px;accent-color:var(--teal)}.settings-section{background:#fff;border:1.5px solid #efeae2;border-radius:14px;min-width:0;padding:14px}.settings-section-title{text-transform:uppercase;letter-spacing:.09em;color:var(--ink);margin-bottom:10px;font-size:12px;font-weight:900}.projector-settings-section{min-width:0}.projector-settings-grid{grid-template-columns:minmax(260px,.8fr) minmax(420px,1.2fr);align-items:start;gap:14px 18px;display:grid}.projector-preview-stack,.projector-controls-stack{flex-direction:column;gap:12px;min-width:0;display:flex}.projector-form-grid{grid-template-columns:minmax(210px,1.2fr) minmax(130px,.75fr) minmax(120px,.65fr)}.color-grid{grid-template-columns:repeat(4,minmax(86px,1fr));gap:10px;display:grid}.color-field input[type=\"color\"]{cursor:pointer;height:42px;padding:4px}.theme-actions{flex-wrap:wrap;gap:8px;display:flex}.theme-preset{color:var(--ink);cursor:pointer;min-width:132px;box-shadow:var(--shadow-card-hover);background:#fff;border:1.5px solid #d9d4cc;border-radius:14px;padding:0;font-family:inherit;font-size:12px;font-weight:900;transition:transform .12s,border-color .12s;overflow:hidden}.theme-preset:hover{transform:translateY(-2px)}.theme-preset.active{border-color:var(--home-accent,var(--teal));box-shadow:0 0 0 4px color-mix(in srgb, var(--home-accent,var(--teal)) 22%, transparent), var(--shadow-card-hover)}.theme-preset-swatch{background-position:50%;background-size:cover;height:72px;display:block}.theme-preset-label{text-align:left;padding:7px 10px;display:block}.theme-preset.active .theme-preset-label{background:var(--home-accent,var(--teal));color:#fff}@media (width<=980px){.settings-sheet{border-radius:20px 20px 0 0;width:100%;max-width:100%;height:92vh;max-height:92vh}.settings-sheet .settings-layout,.projector-settings-grid{grid-template-columns:1fr}}.background-grid{grid-template-columns:repeat(4,minmax(104px,1fr));gap:10px;display:grid}.background-choice{cursor:pointer;min-height:70px;color:var(--ink);box-shadow:var(--shadow-card);background:#fff;border:1.5px solid #d9d4cc;border-radius:14px;padding:0;font-family:inherit;overflow:hidden}.background-choice.active{border-color:var(--home-accent,var(--teal));box-shadow:0 0 0 3px color-mix(in srgb, var(--home-accent,var(--teal)) 16%, transparent), var(--shadow-card)}.background-swatch{background-position:50%;background-size:cover;height:48px}.background-label{text-align:left;padding:7px 9px;font-size:12px;font-weight:900;display:block}.url-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.url-status{color:var(--muted);margin-top:-4px;font-size:12.5px;font-weight:800}.url-status.good{color:#15803d}.url-status.bad{color:#be123c}.settings-help{color:var(--muted);margin-top:6px;font-size:12.5px;line-height:1.45}.settings-mini-heading{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin:14px 0 8px;font-size:11px;font-weight:900}.range-row{color:var(--ink2);align-items:center;gap:10px;font-size:13px;font-weight:800;display:flex}.range-row input{accent-color:var(--home-accent,var(--teal));flex:1}.projector-toggle-row{flex-wrap:wrap;gap:10px;display:flex}.projector-toggle{color:var(--ink);cursor:pointer;border:1.5px solid #d9d4cc;border-radius:999px;align-items:center;gap:8px;padding:9px 12px;font-size:13px;font-weight:800;display:inline-flex}.projector-toggle input{accent-color:var(--teal)}.projector-preview{color:#fff;min-height:230px;box-shadow:var(--shadow-card-hover);background-position:50%;background-size:cover;border:1.5px solid #0000001a;border-radius:18px;overflow:hidden}.projector-preview-bar{letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;gap:14px;padding:10px 14px;font-size:12px;font-weight:900;display:flex}.projector-preview-prompt{text-align:center;text-shadow:0 3px 24px #00000059;padding:46px 24px 12px;font-size:34px;font-weight:900;line-height:1.08}.projector-preview-motto{text-align:center;color:#ffffffa6;padding:0 18px 24px;font-size:13px;font-weight:700}.disp-class-name{letter-spacing:.04em;text-transform:uppercase;color:#fff;margin-bottom:4px;font-size:13px;font-weight:900}.disp-motto{color:#ffffff8a;text-align:center;margin-top:28px;font-size:clamp(15px,1.7vw,22px);font-weight:700}.display-mode .disp-starter-box{background:var(--display-surface);border-color:#ffffff2e}.display-mode .disp-prompt,.display-mode .disp-starter-text{color:var(--display-text,#fff);text-shadow:0 2px 18px #00000047}.display-mode .disp-dot.curr{background:var(--display-accent)}.display-mode.normal .disp-prompt{font-size:clamp(28px,4.2vw,58px)}.display-mode.xl .disp-prompt{max-width:1220px;font-size:clamp(42px,6.5vw,88px)}.display-mode.xl .disp-starter-text{font-size:clamp(24px,3.4vw,40px)}@media (width<=700px){.projector-form-grid,.color-grid,.background-grid,.url-row{grid-template-columns:1fr}}.library-pill-row{scrollbar-width:none;gap:8px;margin-top:14px;padding-bottom:4px;display:flex;overflow-x:auto}.library-pill-row::-webkit-scrollbar{display:none}.library-pill-btn{color:var(--ink);cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e2ddd5;border-radius:20px;flex-shrink:0;padding:7px 16px;font:600 13px/1 Outfit,sans-serif;transition:border-color .12s,background .12s,color .12s}.library-pill-btn:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-bg)}.library-pill-btn.primary{background:var(--teal);color:#fff;border-color:var(--teal)}.routine-hub-list{flex-direction:column;gap:10px;display:flex}.routine-hub-card{background:#fff;border:1.5px solid #eeeae4;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding:13px;display:grid}.routine-hub-actions{justify-content:flex-end;max-width:360px}@media (width<=900px){.routine-hub-card{grid-template-columns:1fr}.routine-hub-actions{justify-content:flex-start;max-width:none}}.browse-card-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.builder-col{background:#f7f5ef}.builder-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.builder-layout{flex:1;grid-template-columns:minmax(260px,330px) minmax(360px,1fr) minmax(220px,280px);align-items:start;gap:14px;padding:0 28px 28px;display:grid;overflow-y:auto}.builder-panel{border:1.5px solid var(--border);box-shadow:var(--shadow-card);background:#fff;border-radius:16px;padding:14px}.builder-panel-title,.builder-mini-title{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-bottom:10px;font-size:11px;font-weight:900}.builder-search{box-shadow:none;margin-top:0;margin-bottom:12px}.builder-bank-list{flex-direction:column;gap:8px;max-height:360px;padding-right:3px;display:flex;overflow-y:auto}.builder-bank-item,.builder-saved-item{text-align:left;cursor:pointer;width:100%;color:var(--ink);background:#fff;border:1.5px solid #eeeae4;border-left:4px solid #ccc;border-radius:10px;padding:10px 11px;font-family:Outfit,sans-serif}.builder-bank-item:hover,.builder-saved-item:hover{background:#fafaf8;border-color:#d9d4cc}.builder-bank-item strong,.builder-saved-item strong{font-size:13.5px;line-height:1.25;display:block}.builder-bank-item span,.builder-saved-item span{color:var(--muted);margin-top:3px;font-size:12px;font-weight:700;line-height:1.3;display:block}.builder-custom-box{border-top:1px solid #f0ede8;flex-direction:column;gap:8px;margin-top:14px;padding-top:14px;display:flex}.builder-custom-box textarea,.builder-timer-row input{color:var(--ink);resize:vertical;border:1.5px solid #d9d4cc;border-radius:9px;padding:10px 11px;font:14px/1.35 Outfit,sans-serif}.builder-custom-box.compact{gap:8px}.builder-timer-row{grid-template-columns:88px 1fr;gap:8px;display:grid}.builder-current-top{align-items:flex-end;gap:10px;margin-bottom:12px;display:flex}.builder-name-field{flex:1}.builder-empty{text-align:center;color:var(--muted);border:1.5px dashed #d9d4cc;border-radius:14px;padding:32px 18px;font-weight:700;line-height:1.45}.builder-empty.small{padding:18px 12px;font-size:13px}.builder-block-list{flex-direction:column;gap:10px;display:flex}.builder-block{border:1.5px solid #eeeae4;border-top:4px solid #ccc;border-radius:13px;grid-template-columns:34px minmax(0,1fr) auto;align-items:start;gap:12px;padding:12px;display:grid}.builder-block-index{background:var(--teal-bg);width:30px;height:30px;color:var(--teal);border-radius:999px;justify-content:center;align-items:center;font-weight:900;display:flex}.builder-block-cat{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:10.5px;font-weight:900}.builder-block-title{color:var(--ink);margin-top:3px;font-size:16px;font-weight:900;line-height:1.2}.builder-block-prompt{color:var(--ink2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:5px;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.builder-block-actions{flex-direction:column;gap:6px;display:flex}.builder-block-actions button{color:var(--ink);cursor:pointer;background:#fff;border:1px solid #e0ddd8;border-radius:8px;padding:6px 9px;font:800 11px/1 Outfit,sans-serif}.builder-block-actions button:disabled{opacity:.35;cursor:not-allowed}.builder-block-actions button.danger{color:#be123c;background:#fff1f2;border-color:#ffe4e6}.builder-saved{flex-direction:column;gap:8px;display:flex}.builder-saved-item{border-left-color:var(--teal)}.build-workspace{background:var(--sand);grid-template-columns:minmax(320px,.85fr) minmax(520px,1.35fr);align-items:start;gap:16px;height:100%;min-height:0;padding:18px;display:grid;overflow:auto}.build-section{min-height:0}.build-section>.routine-col{height:auto;min-height:0;box-shadow:var(--shadow-card);background:#fffefc;border-radius:18px;margin-top:10px;overflow:hidden}.build-section>.routine-col .cards-scroll{max-height:none}.build-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:16px 18px 0;font-size:12px;font-weight:900}.build-section-title{color:var(--ink);padding:3px 18px 0;font-size:20px;font-weight:900;line-height:1.15}.routine-tray{color:var(--teal);background:#f1fbf8;border:1.5px solid #b9ddd4;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:11px 12px;font-size:13px;font-weight:850;display:flex}.routine-tray strong{color:var(--ink)}@media (width<=1100px){.builder-layout{grid-template-columns:1fr 1fr}.builder-saved{grid-column:1/-1}}@media (width<=760px){.builder-header,.builder-current-top{flex-direction:column;align-items:stretch}.builder-layout{grid-template-columns:1fr;padding:0 16px 96px}.builder-block{grid-template-columns:30px minmax(0,1fr)}.builder-block-actions{flex-flow:wrap;grid-column:1/-1}}@media (width<=980px){.build-workspace{grid-template-columns:1fr;padding:12px 12px 96px}}.history-col{background:#f7f5ef}.history-layout{flex:1;grid-template-columns:minmax(260px,360px) minmax(0,1fr);align-items:start;gap:18px;padding:0 28px 28px;display:grid;overflow-y:auto}.history-list-card,.history-feature-card{background:var(--white);border:1.5px solid var(--border);box-shadow:var(--shadow-card);border-radius:16px}.history-list-card{max-height:calc(100vh - 156px);padding:12px;overflow-y:auto}.history-feature-card{box-shadow:var(--shadow-card-hover);padding:clamp(24px,4vw,44px)}.history-item{text-align:left;cursor:pointer;width:100%;color:var(--ink);background:0 0;border:1.5px solid #0000;border-radius:12px;padding:11px 12px;font-family:Outfit,sans-serif}.history-item:hover{background:#fafaf8}.history-item.active{background:#fff8e8;border-color:#9c753747}.history-item-year{color:#9c7537;font-size:12px;font-weight:900}.history-item-title{color:var(--ink2);margin-top:3px;font-size:13.5px;font-weight:700;line-height:1.35}.history-kicker{color:#8a620a;text-transform:uppercase;letter-spacing:.08em;border:1.5px solid #e7d8b4;border-radius:999px;padding:4px 11px;font-size:12px;font-weight:900;display:inline-flex}.history-year{color:var(--ink);margin-top:18px;font-size:clamp(42px,7vw,78px);font-weight:900;line-height:.95}.history-title{color:var(--ink);margin-top:16px;font-size:clamp(24px,3.2vw,42px);font-weight:850;line-height:1.16}.history-prompt{color:var(--teal);border-top:1px solid #efe7d6;margin-top:22px;padding-top:18px;font-size:18px;font-weight:750;line-height:1.5}.history-source{color:var(--muted);margin-top:22px;font-size:13px;line-height:1.45}.history-status{color:var(--muted);font-size:13px;font-weight:700}@media (width<=900px){.history-layout{grid-template-columns:1fr;padding:0 18px 96px}.history-list-card{max-height:280px}}.morning-hero{background:linear-gradient(135deg,#fff 0%,#eef8f5 100%);border:1.5px solid #b9ddd4;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;margin-top:12px;padding:18px;display:grid}.morning-hero-title{color:var(--ink);font-size:clamp(24px,3vw,38px);font-weight:850;line-height:1.05}.morning-hero-text{color:var(--ink2);max-width:760px;margin-top:8px;font-size:14px;line-height:1.5}.morning-hero-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.component-rail{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.component-pill{border:1.5px solid var(--border);background:#fff;border-radius:12px;min-height:64px;padding:10px 12px}.component-pill-step{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:10px;font-weight:800}.component-pill-name{color:var(--ink);margin-top:4px;font-size:14px;font-weight:800}.morning-card-index{color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:850;display:inline-flex}.card.component-card{align-items:stretch}.component-card .card-inner{flex-direction:column;display:flex}.component-card .card-actions{margin-top:auto;padding-top:12px}@media (width<=900px){.morning-hero{grid-template-columns:1fr;gap:10px;margin-top:8px;padding:10px 12px}.morning-hero-title{font-size:22px}.morning-hero-text{display:none}.morning-hero-actions{justify-content:stretch}.morning-hero-actions .btn-primary,.morning-hero-actions .btn-secondary{flex:1;justify-content:center}.component-rail,.today-save-bar{display:none}}@media (width<=540px){.component-rail{grid-template-columns:1fr}.morning-card-index{width:30px;height:30px}}@media (width>=901px){.morning-hero{gap:16px;padding:16px 18px}.morning-hero-title{font-size:clamp(28px,2.35vw,34px);line-height:1.08}.morning-hero-text{max-width:780px;font-size:14.5px}.detail-empty-icon{font-size:26px}.detail-empty-text{max-width:220px}}@media (width<=900px){html,body,#root{height:auto;min-height:100%;overflow-y:auto}body{overflow-y:auto}.app{height:auto;min-height:100dvh;padding-bottom:calc(78px + env(safe-area-inset-bottom,0));display:block;overflow:visible}.main{min-height:auto;display:block;overflow:visible}.topbar{z-index:20;position:sticky;top:0}.body,.routine-col{flex:none!important;min-height:auto!important;display:block!important;overflow:visible!important}.cards-scroll,.browse-scroll,.vocab-wrap,.do-now-layout,.history-layout{padding-bottom:24px;flex:none!important;height:auto!important;max-height:none!important;display:block!important;overflow:visible!important}.cards-scroll .card,.cards-scroll .add-more{margin-bottom:12px}.chooser-panel,.history-list-card{max-height:none!important}.mobile-nav{z-index:30;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #1c1c2e14}}.pro-success-banner{color:#fff;text-align:center;background:#1a2e5a;flex-shrink:0;justify-content:center;align-items:center;gap:12px;padding:12px 48px;font-size:15px;font-weight:600;display:flex}.pro-success-banner-close{color:#ffffffb3;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:16px;line-height:1}.pro-success-banner-close:hover{color:#fff}.trial-banner{color:#fff;background:#1e40af;flex-shrink:0;justify-content:center;align-items:center;gap:12px;padding:9px 48px;font-size:13px;font-weight:600;display:flex}.trial-banner--warning{background:#92400e}.trial-banner--urgent{background:#991b1b}.trial-banner-link{color:#fde68a;white-space:nowrap;text-decoration:underline}.trial-banner-link:hover{color:#fff}.trial-banner-close{color:#ffffffb3;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:16px;line-height:1}.trial-banner-close:hover{color:#fff}.upgrade-page{background:#f8f8f6;justify-content:center;align-items:center;min-height:100dvh;padding:40px 20px;display:flex}.upgrade-page-inner{text-align:center;width:100%;max-width:520px}.upgrade-page-logo{mix-blend-mode:multiply;width:auto;height:44px;margin-bottom:28px}.upgrade-page-title{color:#1a2e5a;margin:0 0 8px;font-size:28px;font-weight:800}.upgrade-page-sub{color:#6b7280;margin:0 0 36px;font-size:16px;line-height:1.5}.upgrade-pricing-cards{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.upgrade-pricing-card{background:#fff;border:1.5px solid #e5e1da;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:24px 20px;display:flex;position:relative}.upgrade-pricing-card--featured{border-color:#1a2e5a;box-shadow:0 4px 20px #1a2e5a1f}.upgrade-pricing-badge{color:#fff;white-space:nowrap;letter-spacing:.04em;background:#1a2e5a;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;position:absolute;top:-11px;left:50%;transform:translate(-50%)}.upgrade-pricing-label{color:#6b7280;text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:600}.upgrade-pricing-amount{color:#1a2e5a;font-size:36px;font-weight:800;line-height:1}.upgrade-pricing-period{color:#6b7280;font-size:16px;font-weight:500}.upgrade-pricing-note{color:#6b7280;margin-top:-4px;font-size:12px}.upgrade-pricing-card .btn-primary{width:100%}.upgrade-page-error{color:#dc2626;margin-bottom:16px;font-size:14px}.upgrade-page-back{color:#6b7280;font-size:14px;text-decoration:none}.upgrade-page-back:hover{color:#1a2e5a}@media (width<=480px){.upgrade-pricing-cards{grid-template-columns:1fr}}.upgrade-modal-sheet{max-width:400px}.upgrade-gate-reason{color:var(--ink);margin:0 0 16px;font-size:15px;line-height:1.5}.upgrade-perks{flex-direction:column;gap:6px;margin:0 0 20px;padding:0 0 0 18px;display:flex}.upgrade-perks li{color:var(--ink);font-size:14px;line-height:1.4}.upgrade-price{color:var(--ink);text-align:center;border-top:1px solid #f0ede8;padding:14px 0 4px;font-size:17px;font-weight:700}.lp{color:#1c1c2e;-webkit-font-smoothing:antialiased;--lp-ink:#1a2e5a;--lp-ink2:#4b5563;--lp-muted:#9ca3af;--lp-border:#e8e4dc;--lp-sand:#f5f1ea;--lp-white:#fff;--lp-dark:#1a2e5a;--lp-dark2:#14234a;--lp-teal:#1a2e5a;--lp-teal-bg:#fef3e2;--lp-green:#f5a623;--lp-green2:#d4891e;--lp-radius:12px;background:#f8f8f6;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.lp .lp-nav{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--lp-border);background:#fffffff2;padding:0 24px;position:sticky;top:0}.lp .nav-inner{justify-content:space-between;align-items:center;gap:32px;max-width:1100px;height:64px;margin:0 auto;display:flex}.lp .nav-logo{flex-shrink:0;align-items:center;text-decoration:none;display:flex}.lp .nav-logo-img{width:auto;height:48px;display:block}.lp .nav-links{align-items:center;gap:28px;list-style:none;display:flex}.lp .nav-links a{color:var(--lp-ink2);font-size:14px;font-weight:500;text-decoration:none;transition:color .15s}.lp .nav-links a:hover{color:var(--lp-teal)}.lp .nav-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.lp .btn-ghost{color:var(--lp-ink2);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:7px 16px;font-family:inherit;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s}.lp .btn-ghost:hover{background:var(--lp-sand);color:var(--lp-ink)}.lp .btn-primary{background:var(--lp-teal);color:#fff;white-space:nowrap;border-radius:8px;padding:9px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s}.lp .btn-primary:hover{background:var(--lp-dark2)}.lp .btn-primary-lg{background:var(--lp-teal);color:#fff;border-radius:10px;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:700;text-decoration:none;transition:background .15s,transform .12s;display:inline-flex}.lp .btn-primary-lg:hover{background:var(--lp-dark2);transform:translateY(-1px)}.lp .btn-secondary-lg{color:var(--lp-teal);border:2px solid var(--lp-teal);background:0 0;border-radius:10px;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.lp .btn-secondary-lg:hover{background:#1a2e5a0f}.lp .hamburger{cursor:pointer;background:0 0;border:none;padding:4px;display:none}.lp .hamburger span{background:var(--lp-ink);border-radius:2px;width:22px;height:2px;margin:5px 0;transition:all .2s;display:block}.lp section{padding:88px 24px}.lp .container{max-width:1100px;margin:0 auto}.lp .section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--lp-green);margin-bottom:12px;font-size:12px;font-weight:700}.lp .section-title{color:var(--lp-ink);margin-bottom:16px;font-size:clamp(28px,4vw,42px);font-weight:800;line-height:1.2}.lp .section-sub{color:var(--lp-ink2);max-width:560px;font-size:18px;line-height:1.65}.lp .text-center{text-align:center}.lp .text-center .section-sub{margin:0 auto}.lp .hero{background:#f8f8f6;padding:80px 24px 72px;position:relative;overflow:hidden}.lp .hero:before{content:"";pointer-events:none;background:radial-gradient(50% 60% at 70% 40%,#f5a62314 0%,#0000 70%);position:absolute;inset:0}.lp .hero-inner{grid-template-columns:1fr 1fr;align-items:center;gap:56px;max-width:1100px;margin:0 auto;display:grid}.lp .hero-badge{color:var(--lp-green);text-transform:uppercase;letter-spacing:.08em;background:#f5a6231a;border:1px solid #f5a62359;border-radius:100px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.lp .hero-badge span{background:var(--lp-green);border-radius:50%;flex-shrink:0;width:6px;height:6px}.lp .hero h1{color:var(--lp-ink);letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(32px,4.5vw,52px);font-weight:800;line-height:1.15}.lp .hero h1 em{color:var(--lp-green);font-style:normal}.lp .hero-sub{color:var(--lp-ink2);margin-bottom:36px;font-size:18px;line-height:1.65}.lp .hero-ctas{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.lp .hero-note{color:var(--lp-muted);margin-top:14px;font-size:13px}.lp .hero-visual{position:relative}.lp .app-mockup{background:#0f1923;border:1px solid #ffffff1a;border-radius:16px;overflow:hidden;box-shadow:0 32px 80px #1a2e5a2e,0 0 0 1px #f5a62326}.lp .mockup-bar{background:#111827;border-bottom:1px solid #ffffff12;align-items:center;gap:8px;padding:10px 16px;display:flex}.lp .mockup-dot{border-radius:50%;width:10px;height:10px}.lp .mockup-dot:first-child{background:#ff5f57}.lp .mockup-dot:nth-child(2){background:#ffbd2e}.lp .mockup-dot:nth-child(3){background:#28c840}.lp .mockup-body{height:300px;display:flex}.lp .mockup-sidebar{background:#111827;border-right:1px solid #ffffff12;flex-direction:column;align-items:center;gap:6px;width:56px;padding:12px 0;display:flex}.lp .mockup-nav-item{color:#fff6;cursor:default;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.lp .mockup-nav-item.lp-active{color:#f5a623;background:#f5a62326;border-left:2px solid #f5a623;border-radius:0 8px 8px 0;width:38px;margin-left:-2px}.lp .mockup-main{flex:1;padding:16px;overflow:hidden}.lp .mockup-header{color:#ffffff80;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;font-size:11px;font-weight:700}.lp .mockup-date{color:#ffffff4d;margin-bottom:14px;font-size:10px}.lp .activity-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;display:flex}.lp .activity-card.lp-selected{background:#f5a62314;border-color:#f5a62366}.lp .activity-stripe{border-radius:2px;flex-shrink:0;width:3px;height:36px}.lp .activity-info{flex:1;min-width:0}.lp .activity-cat{text-transform:uppercase;letter-spacing:.08em;color:#fff6;font-size:9px;font-weight:700}.lp .activity-title{color:#ffffffd9;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.lp .activity-meta{color:#ffffff4d;font-size:10px}.lp .problem{background:var(--lp-sand)}.lp .problem-grid{grid-template-columns:1fr 1fr;align-items:center;gap:56px;display:grid}.lp .problem-text blockquote{color:var(--lp-ink2);border-left:4px solid var(--lp-green);padding-left:24px;font-size:18px;font-style:italic;line-height:1.75}.lp .problem-stat-group{grid-template-columns:1fr 1fr;gap:16px;display:grid}.lp .stat-card{background:var(--lp-white);border-radius:var(--lp-radius);text-align:center;padding:28px 24px;box-shadow:0 1px 3px #0000000f,0 4px 12px #0000000a}.lp .stat-number{color:var(--lp-teal);font-size:36px;font-weight:800;line-height:1}.lp .stat-label{color:var(--lp-ink2);margin-top:6px;font-size:13px;line-height:1.4}.lp .solution-grid{grid-template-columns:1fr 1fr;align-items:center;gap:56px;display:grid}.lp .solution-steps{flex-direction:column;gap:28px;display:flex}.lp .step{align-items:flex-start;gap:20px;display:flex}.lp .step-num{background:var(--lp-teal);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:800;display:flex}.lp .step-body h3{color:var(--lp-ink);margin-bottom:4px;font-size:17px;font-weight:700}.lp .step-body p{color:var(--lp-ink2);font-size:15px}.lp .solution-visual{background:var(--lp-dark);border-radius:16px;padding:28px;box-shadow:0 16px 48px #1a2e5a40}.lp .routine-preview-title{text-transform:uppercase;letter-spacing:.1em;color:#fff6;margin-bottom:16px;font-size:12px;font-weight:700}.lp .routine-row{border-bottom:1px solid #ffffff12;align-items:center;gap:12px;padding:12px 0;display:flex}.lp .routine-row:last-child{border-bottom:none}.lp .routine-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.lp .routine-info{flex:1}.lp .routine-cat{text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:700}.lp .routine-name{color:#ffffffd9;font-size:13px;font-weight:600}.lp .routine-time{color:#ffffff59;font-size:11px}.lp .features{background:var(--lp-sand)}.lp .features-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;display:grid}.lp .feature-card{background:var(--lp-white);border-radius:var(--lp-radius);padding:28px 24px;transition:transform .15s,box-shadow .15s;box-shadow:0 1px 3px #0000000f,0 4px 12px #0000000a}.lp .feature-card:hover{transform:translateY(-2px);box-shadow:0 2px 8px #00000014,0 8px 24px #0000000f}.lp .feature-icon{background:var(--lp-teal-bg);width:48px;height:48px;color:var(--lp-teal);border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;font-size:22px;display:flex}.lp .feature-card h3{color:var(--lp-ink);margin-bottom:8px;font-size:16px;font-weight:700}.lp .feature-card p{color:var(--lp-ink2);font-size:14px;line-height:1.6}.lp .cases-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;display:grid}.lp .case-card{background:var(--lp-white);border-radius:var(--lp-radius);border:1px solid var(--lp-border);padding:32px 28px;position:relative}.lp .case-quote{color:var(--lp-green);margin-bottom:12px;font-size:40px;font-weight:800;line-height:1}.lp .case-card blockquote{color:var(--lp-ink2);margin-bottom:20px;font-size:15px;font-style:italic;line-height:1.7}.lp .case-persona{align-items:center;gap:12px;display:flex}.lp .case-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.lp .case-name{color:var(--lp-ink);font-size:14px;font-weight:700}.lp .case-role{color:var(--lp-muted);font-size:12px}.lp .who{background:var(--lp-dark)}.lp .who .section-title,.lp .who .section-sub{color:#ffffffe6}.lp .who .section-sub{color:#fff9}.lp .grade-chips{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.lp .grade-chip{color:var(--lp-green);background:#f5a6231f;border:1px solid #f5a62359;border-radius:100px;padding:10px 22px;font-size:14px;font-weight:700}.lp .who-details{grid-template-columns:1fr 1fr;gap:24px;margin-top:40px;display:grid}.lp .who-point{align-items:flex-start;gap:14px;display:flex}.lp .who-check{width:24px;height:24px;color:var(--lp-green);background:#f5a62326;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:13px;display:flex}.lp .who-point p{color:#ffffffa6;font-size:15px;line-height:1.55}.lp .pricing-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:20px;margin-top:48px;display:grid}.lp .pricing-card{background:var(--lp-white);border-radius:var(--lp-radius);border:2px solid var(--lp-border);padding:32px 28px;position:relative}.lp .pricing-card.featured{border-color:var(--lp-teal);box-shadow:0 8px 32px #1a2e5a26}.lp .pricing-badge{background:var(--lp-teal);color:#fff;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;border-radius:100px;padding:4px 14px;font-size:11px;font-weight:800;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.lp .pricing-tier{text-transform:uppercase;letter-spacing:.1em;color:var(--lp-muted);margin-bottom:8px;font-size:13px;font-weight:700}.lp .pricing-price{color:var(--lp-ink);font-size:40px;font-weight:800;line-height:1}.lp .pricing-price sup{vertical-align:super;font-size:20px}.lp .pricing-price span{color:var(--lp-muted);font-size:16px;font-weight:500}.lp .pricing-desc{color:var(--lp-ink2);margin:12px 0 24px;font-size:14px}.lp .pricing-features{flex-direction:column;gap:10px;margin-bottom:28px;list-style:none;display:flex}.lp .pricing-features li{color:var(--lp-ink2);align-items:flex-start;gap:10px;font-size:14px;line-height:1.4;display:flex}.lp .pricing-features li:before{content:"✓";color:var(--lp-teal);flex-shrink:0;margin-top:1px;font-weight:700}.lp .pricing-cta{text-align:center;border-radius:8px;padding:12px;font-size:15px;font-weight:700;text-decoration:none;transition:all .15s;display:block}.lp .pricing-cta-primary{background:var(--lp-teal);color:#fff}.lp .pricing-cta-primary:hover{background:var(--lp-dark2)}.lp .pricing-cta-outline{border:2px solid var(--lp-border);color:var(--lp-ink)}.lp .pricing-cta-outline:hover{border-color:var(--lp-teal);color:var(--lp-teal)}.lp .faq{background:var(--lp-sand)}.lp .faq-list{max-width:720px;margin:48px auto 0}.lp .faq-item{border-bottom:1px solid var(--lp-border)}.lp .faq-question{cursor:pointer;text-align:left;width:100%;color:var(--lp-ink);background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;font-family:inherit;font-size:16px;font-weight:600;display:flex}.lp .faq-question .faq-icon{color:var(--lp-teal);flex-shrink:0;font-size:20px;transition:transform .2s}.lp .faq-question.open .faq-icon{transform:rotate(45deg)}.lp .faq-answer{color:var(--lp-ink2);padding:0 0 20px;font-size:15px;line-height:1.7;display:none}.lp .faq-answer.open{display:block}.lp .capture{background:var(--lp-teal);padding:72px 24px}.lp .capture-inner{text-align:center;max-width:600px;margin:0 auto}.lp .capture h2{color:#fff;margin-bottom:12px;font-size:clamp(26px,4vw,36px);font-weight:800}.lp .capture p{color:#ffffffbf;margin-bottom:32px;font-size:17px}.lp .capture-form{gap:10px;max-width:440px;margin:0 auto;display:flex}.lp .capture-form input{border:none;border-radius:8px;outline:none;flex:1;padding:13px 18px;font-family:inherit;font-size:15px}.lp .capture-form input:focus{box-shadow:0 0 0 3px #ffffff4d}.lp .capture-form button{background:var(--lp-green);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:13px 22px;font-family:inherit;font-size:15px;font-weight:700;transition:background .15s}.lp .capture-form button:hover{background:var(--lp-green2)}.lp .capture-note{color:#ffffff8c;margin-top:12px;font-size:12px}.lp .capture-success{color:#fff;padding:14px;font-size:17px;font-weight:600}.lp .final-cta{text-align:center;padding:100px 24px}.lp .final-cta h2{color:var(--lp-ink);margin-bottom:12px;font-size:clamp(28px,4vw,44px);font-weight:800}.lp .final-cta p{color:var(--lp-ink2);margin-bottom:36px;font-size:18px}.lp .final-cta-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.lp .footer{background:var(--lp-dark);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 24px;display:flex}.lp .footer-logo{color:#fff;font-size:18px;font-weight:800}.lp .footer-logo span{color:var(--lp-green)}.lp .footer-links{gap:24px;display:flex}.lp .footer-links a{color:#fff6;font-size:13px;text-decoration:none}.lp .footer-links a:hover{color:#ffffffb3}.lp .footer-copy{color:#ffffff40;font-size:12px}@media (width<=900px){.lp .nav-links{display:none}.lp .nav-links.open{border-bottom:1px solid var(--lp-border);z-index:99;background:#fff;flex-direction:column;gap:0;padding:8px 0;display:flex;position:fixed;top:64px;left:0;right:0}.lp .nav-links.open a{padding:14px 24px;font-size:16px;display:block}.lp .hamburger{display:block}.lp .hero-inner{grid-template-columns:1fr}.lp .hero-visual{display:none}.lp .problem-grid,.lp .solution-grid,.lp .who-details,.lp .features-grid,.lp .cases-grid,.lp .pricing-grid{grid-template-columns:1fr}.lp .capture-form{flex-direction:column}.lp .problem-stat-group{grid-template-columns:1fr 1fr}}@media (width<=600px){.lp section{padding:64px 20px}.lp .hero{padding:56px 20px 52px}.lp .hero-ctas{flex-direction:column;align-items:flex-start}.lp .final-cta-actions{flex-direction:column;align-items:center}}