:root{--app-width:390px}
@font-face{font-family:A2Z;src:url(/fonts/A2Z-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:A2Z;src:url(/fonts/A2Z-Medium.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:A2Z;src:url(/fonts/A2Z-Bold.woff2)format("woff2");font-weight:700;font-display:swap}:root{--ink:#111;--muted:#777773;--faint:#a3a3a3;--surface:#fff;--soft:#f0f0ee;--subtle:#fafafa;--line:#e8e8e5;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{min-height:100%;margin:0}html{scrollbar-width:none}html::-webkit-scrollbar{width:0;height:0}body{color:var(--ink);background:#f2f2f0;font-family:A2Z,Apple SD Gothic Neo,sans-serif;font-size:14px;line-height:1.55}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.app-shell{width:min(100%, var(--app-width));background:var(--surface);min-height:100svh;margin:0 auto}.sidebar{display:none}.main-content{min-height:100svh;padding:42px 24px calc(108px + env(safe-area-inset-bottom));position:relative}.page-section,.figma-home,.figma-routines,.figma-account,.guide-browser,.guide-detail{width:100%;margin:0 auto}.topbar{z-index:3;justify-content:flex-end;align-items:center;min-height:32px;margin:0;display:none;position:absolute;top:42px;right:24px}:is(.main-content:has(.figma-home) .topbar,.main-content:has(.guest-home) .topbar){display:flex}:is(.main-content:has(.figma-home) .demo-exit,.main-content:has(.guest-home) .demo-exit){color:var(--muted);white-space:nowrap;background:0 0;border:0;min-width:max-content;padding:2px 0;font-size:10px;display:inline-flex;position:absolute;top:-28px;right:0}.mobile-brand,.topbar .connection{display:none}.demo-exit{min-height:32px;color:var(--muted);background:0 0;border:0;align-items:center;padding:0 4px;font-size:11px;display:inline-flex}.topbar-actions{align-items:center;gap:8px;display:flex}.icon-button{width:40px;background:var(--soft)!important;border:0!important;border-radius:12px!important;min-height:40px!important;padding:0!important}.figma-icon{object-fit:contain;filter:brightness(0);flex:none;display:block}.button.primary .figma-icon,.routine-fab .figma-icon,[data-active=true]>.figma-icon{filter:brightness(0)invert()}.screen-header,.page-heading{flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:24px;padding-right:40px;display:flex}.screen-header h1,.page-heading h1,.figma-login h1,.onboarding-hero h1,.notification-hero h1{letter-spacing:-.3px;overflow-wrap:anywhere;word-break:keep-all;font-size:24px;font-weight:700;line-height:34px}.screen-header .eyebrow,.page-heading p,.eyebrow,.muted-copy,.lead-small{color:var(--muted);font-size:14px;line-height:22px}.progress-chip,.chip,.count-badge,.due-chip,.connection{border:1px solid var(--line);background:var(--surface);min-height:34px;color:var(--muted);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:12px;font-weight:500;display:inline-flex}.screen-header .progress-chip{border-color:var(--ink);background:var(--ink);color:#fff;min-height:26px;margin-top:8px}.button,.social-button{border:1px solid var(--line);background:var(--surface);border-radius:14px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex}.button.primary,.button:not(.ghost):not(.secondary):not(.danger){border-color:var(--ink);background:var(--ink);color:#fff}.button.secondary,.button.ghost{background:var(--surface);color:var(--ink)}.button.danger,.danger{color:#a33b35}.button.wide,.wide.button{width:100%}.today-stack{border:1px solid var(--line);background:var(--surface);border-radius:24px;gap:6px;padding:19px 19px 28px;display:grid}.today-stack>h2,.section-heading h2{font-size:15px;font-weight:700;line-height:22px}.routine-section,.routine-section .list,.compact-routine-list,.guide-list,.inbox-list,.settings-list,.menu-list,.preset-list,.terms-list{gap:12px;display:grid}.compact-routine-list{grid-template-columns:minmax(0,1fr);width:100%;min-width:0}.today-task-card,.compact-routine-row,.guide-list-item,.list-row,.menu-row,.preset-row,.setting-row{border:1px solid var(--line);background:var(--surface);border-radius:20px;align-items:center;gap:12px;min-height:64px;padding:11px 12px;display:flex}.task-icon,.guide-icon,.preset-icon,.account-icon{background:var(--soft);border:0;border-radius:12px;flex:0 0 40px;place-items:center;width:40px;height:40px;padding:0;display:grid}.task-icon{background:0 0;flex-basis:44px;width:44px;height:44px}.routine-copy,.notification-copy{text-align:left;background:0 0;border:0;flex:1;min-width:0;padding:0}.inbox-list .list-row{gap:12px;min-width:0;padding:14px;display:grid}.notification-copy>strong,.notification-copy>span,.notification-copy>small{overflow-wrap:anywhere;word-break:keep-all;display:block}.notification-copy>strong{font-size:14px;line-height:20px}.notification-copy>span{color:var(--muted);margin-top:4px;font-size:12px;line-height:19px}.notification-copy>small{color:var(--muted);margin-top:8px;font-size:11px}.inbox-list .row-actions{flex-wrap:wrap;gap:6px}.inbox-list .row-actions .button{white-space:nowrap;flex:none;min-height:36px;padding:0 10px;font-size:12px}.routine-copy strong,.compact-routine-row strong,.guide-list-item strong{font-size:14px;font-weight:700;line-height:20px;display:block}.routine-copy span,.guide-list-item small,.guide-list-item em{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-style:normal;line-height:16px;display:block;overflow:hidden}.check-button{background:#fff;border:1.5px solid #bbb;border-radius:6px;flex:0 0 22px;width:22px;height:22px;padding:0}.check-button:not(:empty){border-color:var(--ink);background:var(--ink);color:#fff}.today-task-card[data-status=completed]{opacity:.6}.home-tip{background:var(--soft);text-align:left;border:0;border-radius:20px;gap:3px;width:100%;margin-top:24px;padding:16px 42px 16px 19px;display:grid;position:relative}.home-tip span{color:var(--muted);font-size:12px;line-height:18px}.home-tip strong{overflow-wrap:anywhere;word-break:keep-all;font-size:17px;line-height:24px}.home-tip b{font-size:22px;position:absolute;top:50%;right:18px;translate:0 -50%}.life-status-section{margin-top:38px}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.section-heading .button{min-height:32px;color:var(--muted);border:0;padding:0;font-size:12px}.life-status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.life-status-card{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:18px;min-height:126px;padding:14px 12px}.life-status-card>span{place-items:center;width:44px;height:44px;display:grid}.life-status-card strong,.life-status-card small{margin-top:8px;display:block}.life-status-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:18px;overflow:hidden}.life-status-card small{color:var(--muted);font-size:10px;line-height:14px}.home-guide-link{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:18px;gap:3px;width:100%;margin-top:24px;padding:16px;display:grid}.home-guide-link small{color:var(--muted);font-size:11px}.home-guide-link strong{font-size:15px}.routine-segments,.guide-categories,.segmented,.chip-row{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.routine-segments,.guide-categories,.segmented{margin-bottom:18px}.routine-segments.segmented{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:0;min-height:44px;padding:6px}.routine-segments button,.segmented button{border:1px solid var(--line);background:#fff;border-radius:999px;flex:none;min-height:38px;padding:0 16px}.routine-segments.segmented button{background:0 0;border:0;border-radius:12px;flex:1 0 auto;min-height:30px;padding:6px 10px}.routine-segments.segmented button[data-active=true]{background:var(--ink);color:#fff}.chip[data-active=true],.routine-segments button[data-active=true],.segmented button[data-active=true]{border-color:var(--ink);background:var(--ink);color:#fff}.compact-routine-row{width:100%;min-width:0;min-height:60px;padding-top:9px;padding-bottom:9px}.figma-routines .screen-header{margin-bottom:12px}.figma-routines .routine-segments{margin-bottom:20px}.due-chip{background:var(--soft);min-height:22px;color:var(--ink);border:0;padding:0 10px;font-size:11px;font-weight:700}.due-chip[data-urgent=true]{background:var(--ink);color:#fff}.routine-actions-menu{flex:none;position:relative}.routine-actions-menu summary{cursor:pointer;padding:8px 2px;list-style:none}.routine-actions-menu summary::-webkit-details-marker{display:none}.routine-actions-menu>div{z-index:4;border:1px solid var(--line);background:#fff;border-radius:14px;width:150px;padding:6px;display:grid;position:absolute;right:0}.routine-actions-menu button{text-align:left;background:0 0;border:0;padding:9px}.routine-fab{right:max(24px, calc((100vw - var(--app-width)) / 2 + 24px));bottom:calc(100px + env(safe-area-inset-bottom));z-index:8;background:var(--ink);color:#fff;border:0;border-radius:50%;width:48px;height:48px;font-size:26px;position:fixed}.template-section{margin-top:28px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.template-card{align-content:start;gap:6px;display:grid}.template-card>span{background:var(--soft);border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.template-card>span:has(>[data-routine-art]){background:0 0;border-radius:0;width:44px;height:44px}.template-card small{color:var(--muted)}.search-bar{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:8px;width:100%;min-height:52px;padding:5px 6px 5px 16px;display:flex}.search-bar input{border:0;outline:0;flex:1;min-width:0}.search-bar .button{min-height:40px}.chip-row{align-items:center}.chip-row>*{flex:none}.guide-categories{margin-top:14px}.guide-browser{min-width:0}.guide-browser .guide-categories{width:100%;min-width:0}.guide-categories .chip{min-height:36px}.guide-filter-reset{min-height:32px;color:var(--muted);white-space:nowrap;background:0 0;border:0;align-items:center;gap:5px;margin:-8px 0 12px auto;padding:4px 0 4px 8px;font-size:12px;display:flex}.guide-featured{background:var(--ink);color:#fff;text-align:left;border:0;border-radius:16px;gap:7px;width:100%;margin:16px 0;padding:18px;display:grid}.guide-featured small{color:#bcbcbc;font-size:12px}.guide-featured strong{max-width:260px;font-size:20px;line-height:27px}.guide-featured span{color:#d5d5d5;font-size:12px}.guide-featured em{align-items:center;gap:5px;margin-top:6px;font-size:14px;font-style:normal;display:flex}.guide-featured .figma-icon{filter:brightness(0)invert()}.guide-list{grid-template-columns:minmax(0,1fr);width:100%;min-width:0}.guide-list-item{text-align:left;width:100%;min-width:0}.guide-list-item>span:nth-child(2){flex:1;min-width:0}.guide-list-item strong{overflow-wrap:anywhere;white-space:normal;word-break:keep-all}.guide-list-item em{max-width:100%}.guide-list-item>.figma-icon{flex:none}.pagination{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-top:18px;font-size:12px;display:flex}.guide-detail-back{color:var(--muted);background:0 0;border:0;padding:0}.guide-detail-page{min-width:0;padding-right:0}.guide-back-button{min-height:32px;color:var(--muted);background:0 0;border:0;align-items:center;margin:0 0 8px;padding:0;font-size:12px;display:inline-flex}.detail-header{gap:6px;margin-top:14px;display:grid}.guide-detail p{overflow-wrap:anywhere;word-break:keep-all}.detail-header small,.detail-header p{color:var(--muted)}.detail-header h2{font-size:24px;line-height:34px}.detail-meta,.detail-section,.detail-routine-cta{border:1px solid var(--line);background:#fff;border-radius:14px;margin-top:12px;padding:15px}.detail-section h3{margin-bottom:4px;font-size:12px}.detail-section p{font-size:12px}.detail-caution{color:#6e4a0c;background:#f5efe2;border:0}.detail-steps{border-radius:18px}.detail-steps ol{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.detail-step{background:var(--subtle);border-radius:10px;align-items:center;gap:8px;min-height:42px;padding:8px 10px;display:flex}.detail-step>span{background:var(--ink);color:#fff;border-radius:50%;flex:0 0 26px;place-items:center;width:26px;height:26px;font-size:11px;display:grid}.detail-routine-cta{gap:12px;display:grid}.detail-routine-cta div{gap:3px;display:grid}.detail-routine-cta small,.detail-routine-cta p{color:var(--muted)}.card,.login-panel,.onboarding-card,.welcome-card,.account-summary-card,.account-section-card,.profile-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:16px}.card.today-stack{border-radius:24px;padding:19px 19px 28px}.figma-account{gap:16px;display:grid}.figma-account .screen-header{margin-bottom:0}.account-summary-card,.profile-card{align-items:center;gap:14px;min-height:102px;display:flex}.profile-card>span{text-align:left;flex:1;min-width:0}.profile-card>span strong{overflow-wrap:anywhere;word-break:keep-all;font-size:18px;line-height:26px;display:block}.profile-card>span small{color:var(--muted);font-size:14px;line-height:22px;display:block}.profile-card>b{flex:none;margin-left:auto}.avatar{background:var(--ink);color:#fff;border-radius:18px;flex:0 0 54px;place-items:center;width:54px;height:54px;font-size:20px;display:grid}.account-section-label{color:var(--muted);margin-top:10px;font-size:12px}.account-section-card{padding:12px 16px}.menu-row{text-align:left;border:0;border-radius:0;width:100%;min-height:56px;padding:8px 0}.menu-row+.menu-row{border-top:1px solid #ececea}.menu-row>span:nth-child(2),.menu-row>span:first-child:not(.account-icon){flex:1;min-width:0}.menu-row strong,.menu-row small{display:block}.menu-row small{color:var(--muted);font-size:11px}.account-safety-note{background:var(--soft);color:#555552;border-radius:16px;align-items:center;gap:10px;padding:12px 16px;display:flex}.form-grid,.form-actions,.auth-provider-stack{gap:12px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-list+.form-grid{margin-top:24px}.field{gap:7px;min-width:0;display:grid}.field>span,.field legend{font-size:13px;font-weight:700}.field.wide{grid-column:1/-1}.field input,.field select,.field textarea{border:1px solid var(--line);background:#fff;border-radius:18px;width:100%;min-height:52px;padding:0 16px}.field textarea{resize:vertical;min-height:100px;padding:14px 16px}.category-picker{border:0;margin:0;padding:0}.repeat-picker{border:0;min-width:0;margin:0;padding:0}.repeat-picker legend{margin-bottom:8px}.category-picker .chip-row{gap:8px;display:flex;overflow-x:auto}.weekday-picker{border:0;min-width:0;margin:0;padding:0}.weekday-picker legend{margin-bottom:8px}.weekday-picker legend small{color:var(--muted);margin-left:5px;font-size:11px;font-weight:400}.weekday-pills{grid-template-columns:repeat(7,minmax(0,1fr));justify-items:center;gap:6px;display:grid}.routine-editor-intro{color:var(--muted);margin:-8px 0 22px;font-size:14px;line-height:22px}.repeat-segments{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;min-height:44px;padding:6px;display:grid}.repeat-segments button{white-space:nowrap;background:0 0;border:0;border-radius:12px;min-width:0;min-height:30px;padding:5px 4px;font-size:12px;font-weight:500}.repeat-segments button[data-active=true],.repeat-segments button[aria-pressed=true]{background:var(--ink);color:#fff;font-weight:700}.weekday-pills button{aspect-ratio:1;border:1px solid var(--line);background:#fff;border-radius:50%;width:100%;min-width:0;max-width:40px;padding:0}.weekday-pills button[data-active=true]{border-color:var(--ink);background:var(--ink);color:#fff}.switch-field,.reminder-card,.setting-row{justify-content:space-between;align-items:center;display:flex}.setting-row input[type=checkbox],.switch-field input[type=checkbox],.notification-toggle input[type=checkbox]{appearance:none;background-color:#d8d8d4;background-image:radial-gradient(circle at 14px,#fff 0 10px,#0000 10.5px);border:0;border-radius:999px;flex:0 0 46px;width:46px;height:28px;min-height:28px;padding:0;transition:background-color .16s,background-position .16s}.setting-row input[type=checkbox]:checked,.switch-field input[type=checkbox]:checked,.notification-toggle input[type=checkbox]:checked{background-color:var(--ink);background-image:radial-gradient(circle at 32px,#fff 0 10px,#0000 10.5px)}.terms-list input[type=checkbox]{accent-color:var(--ink)}.reminder-card{border:1px solid var(--line);border-radius:20px;grid-column:1/-1;grid-template-columns:1fr;gap:14px;padding:16px;display:grid}.reminder-card .field{width:100%;min-width:0}.reminder-card .switch-field{justify-content:space-between;align-items:center;min-height:44px;display:flex}.reminder-card .switch-field input[type=checkbox]{flex:0 0 46px;width:46px;min-height:28px}.reminder-card .field:not(.switch-field) input{width:100%;min-width:0}.reminder-card .field:nth-child(3){border-top:1px solid var(--line);margin-top:4px;padding-top:14px}.routine-recommendations{border:1px solid var(--line);background:var(--soft);border-radius:18px;grid-column:1/-1;margin-top:4px;padding:0 15px}.routine-recommendations>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:54px;font-size:13px;font-weight:700;list-style:none;display:flex}.routine-recommendations>summary::-webkit-details-marker{display:none}.routine-recommendations>summary:after{content:"＋";color:var(--muted);font-size:18px}.routine-recommendations[open]>summary:after{content:"−"}.routine-recommendations .template-section{margin:0 0 15px}.routine-recommendations .section-heading{margin-bottom:10px}.routine-recommendations .template-grid{grid-template-columns:minmax(0,1fr);gap:8px}.routine-recommendations .template-card{border-radius:14px;grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:"icon title action""meta meta meta";align-items:center;gap:1px 10px;padding:10px}.routine-recommendations .template-card>span{grid-area:icon}.routine-recommendations .template-card>strong{grid-area:title;min-width:0}.routine-recommendations .template-card>small{overflow-wrap:anywhere;white-space:normal;word-break:keep-all;grid-area:meta;min-width:0}.routine-recommendations .template-card>.button{grid-area:action;min-height:36px;padding:0 12px}.routine-advanced{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-column:1/-1}.routine-advanced>summary{min-height:48px;color:var(--muted);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:500;list-style:none;display:flex}.routine-advanced>summary::-webkit-details-marker{display:none}.routine-advanced>summary:after{content:"＋";color:var(--ink);font-size:18px}.routine-advanced[open]>summary:after{content:"−"}.routine-advanced[open]>summary,.routine-advanced>:not(summary){margin-bottom:14px}.form-actions{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}.form-actions:has(>:only-child){grid-template-columns:minmax(0,1fr)}.routine-editor .form-actions{grid-template-columns:minmax(0,1fr)}.routine-editor .form-actions .button{width:100%;min-height:52px}.inline-field,.inline-form,.row-actions{align-items:center;gap:8px;display:flex}.profile-edit-form{gap:12px;display:grid}.marketing-box{background:var(--soft);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:16px;display:flex}.marketing-box>div{flex:180px;min-width:0}.marketing-box>div:has(>button){flex-wrap:wrap;align-items:center;gap:8px;display:flex}.marketing-box .button{white-space:nowrap;flex:none}.marketing-box p,.marketing-box small{color:var(--muted);font-size:11px}.figma-login,.onboarding-page{width:min(100%, var(--app-width));background:#fff;min-height:100svh;margin:0 auto;padding:34px 24px 48px}.figma-login{text-align:center;align-content:start;gap:18px;display:grid}.guest-home.figma-login{min-height:auto;padding:0}.main-content:has(.guest-home){padding-bottom:calc(32px + env(safe-area-inset-bottom))}.guest-demo-link{min-height:44px;color:var(--muted);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;justify-self:center;padding:10px 12px;font-size:14px;line-height:24px;text-decoration:underline}.guest-demo-link:hover{color:var(--ink)}.auth-brand{text-align:left;justify-items:start;gap:0;margin-top:18px;display:grid}.auth-brand img{width:58px;height:58px;margin-bottom:36px}.auth-brand p{font-size:24px;font-weight:700;line-height:34px}.auth-brand span{color:var(--muted);margin-top:8px}.figma-login>small{color:var(--muted)}.login-panel.figma-login{border:0;width:100%;min-height:auto;padding:0}.auth-intro{text-align:left;margin-top:28px;padding:0}.auth-intro h2{letter-spacing:-.5px;word-break:keep-all;font-size:20px;font-weight:700;line-height:30px}.auth-intro p{color:var(--muted);word-break:keep-all;margin-top:8px;font-size:14px;line-height:23px}.auth-intro ul{flex-wrap:wrap;gap:10px 18px;margin:22px 0 0;padding:0;list-style:none;display:flex}.auth-intro li{color:var(--muted);align-items:center;gap:7px;font-size:12px;line-height:20px;display:flex}.auth-intro li:before{content:"";opacity:.6;background:currentColor;border-radius:50%;width:3px;height:3px}.figma-account .welcome-card{gap:16px;padding:24px;display:grid}.figma-account .welcome-card>img{width:58px;height:58px}.figma-account .welcome-card>h2{font-size:22px;line-height:30px}.figma-account .welcome-card>p{color:var(--muted);line-height:22px}.figma-account .welcome-card>.button{width:100%}.figma-login .auth-provider-stack{margin-top:28px}@font-face{font-family:Google Sans Login;src:url(/fonts/GoogleSans-Login.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}.social-button{border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:52px;padding:0 12px;display:flex}.social-button.google{color:#1f1f1f;background:#fff;border:1px solid #747775;font-family:Google Sans Login,Apple SD Gothic Neo,sans-serif;font-size:14px;font-weight:500;line-height:20px}.social-button.google img{flex-shrink:0;width:20px;height:auto}.social-button.kakao{color:#000000d9;background:#fee500;border:0}.social-button.kakao img{object-fit:contain;width:183px;height:45px}.social-button:hover{filter:brightness(.96)}.onboarding-page>.brand{align-items:center;gap:10px;margin-bottom:28px;display:flex}.brand img{width:42px;height:42px}.brand small{color:var(--muted);font-size:11px;font-weight:400;display:block}.onboarding-card{border:0;padding:0}.onboarding-progress{color:var(--muted);margin-bottom:24px;font-size:12px}.onboarding-hero{gap:8px;margin-bottom:28px;display:grid}.onboarding-hero p,.notification-hero p{color:var(--muted)}.terms-list label{grid-template-columns:auto 1fr auto;align-items:start;gap:8px;display:grid}.preset-row{text-align:left;width:100%}.preset-row>span:nth-child(2){flex:1;min-width:0}.preset-row small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.preset-row[data-active=true] .preset-icon{background:var(--ink);color:#fff}.preset-row[data-active=true] .preset-icon .figma-icon,.notification-tile .figma-icon{filter:brightness(0)invert()}.preset-row[data-active=true]>.figma-icon{filter:brightness(0)}.onboarding-actions{grid-template-columns:1fr 2fr;gap:10px;margin-top:24px;display:grid}.notification-hero{text-align:center;justify-items:center;gap:12px;margin-top:26px;display:grid}.notification-tile{background:var(--ink);color:#fff;border-radius:34px;place-items:center;width:120px;height:120px;display:grid}.notification-setting{border:1px solid var(--line);border-radius:20px;gap:18px;margin-top:32px;padding:17px;display:grid}.notification-toggle{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.notification-toggle span{gap:2px;display:grid}.notification-toggle small{color:var(--muted)}.notification-time{background:var(--soft);color:var(--muted);border-radius:14px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:12px;display:flex}.notification-time input{color:var(--ink);background:0 0;border:0}.onboarding-tip{background:var(--soft);color:#555552;border-radius:16px;margin-top:14px;padding:16px}.onboarding-fallback{gap:12px;display:grid}.empty-state{color:var(--muted);text-align:center;padding:34px 16px}.empty-state-icon{background:var(--soft);border-radius:18px;place-items:center;width:56px;height:56px;margin:0 auto 16px;display:grid}.empty-state h2{color:var(--ink);font-size:16px}.status-message{color:#6e4a0c;background:#f5efe2;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:12px 0;padding:12px 14px;display:flex}.status-message>span{overflow-wrap:anywhere;flex:180px;min-width:0}.status-message>div:has(>button){flex-wrap:wrap;gap:8px;display:flex}.status-message .button{white-space:nowrap;flex:none}.status-message[data-kind=error]{color:#8d2925;background:#f6eceb}.skeleton{background:#f1f1ef;border-radius:16px;animation:1.2s ease-in-out infinite alternate pulse}.hero-skeleton{min-height:150px}.card-skeleton{min-height:120px}@keyframes pulse{to{opacity:.5}}.dialog-backdrop{z-index:20;background:#00000057;align-items:end;display:grid;position:fixed;inset:0}body:has(.dialog-backdrop){overflow:hidden}.dialog-panel{overscroll-behavior:contain;width:min(100%, var(--app-width));scrollbar-width:none;max-height:92svh;padding:22px 24px calc(28px + env(safe-area-inset-bottom));background:#fff;border-radius:24px 24px 0 0;margin:0 auto;overflow-y:auto}.dialog-panel::-webkit-scrollbar{display:none}.dialog-panel>header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.dialog-panel>header h2{font-size:20px}.dialog-backdrop:has(.dialog-panel[data-variant=page]){background:#fff;align-items:stretch}.dialog-panel[data-variant=page]{width:min(100%, var(--app-width));height:100svh;max-height:none;padding:38px 24px calc(32px + env(safe-area-inset-bottom));border:0;border-radius:0;position:fixed;inset:0}.dialog-panel[data-variant=page]>header{justify-content:flex-start;margin-bottom:24px}.dialog-panel[data-variant=page] .dialog-back-button{flex:0 0 32px;width:32px;font-size:28px;background:0 0!important;border-radius:0!important;min-height:32px!important;padding:0!important}.dialog-panel[data-variant=page]>header .eyebrow{display:none}.dialog-panel[data-variant=page]>header h2{letter-spacing:-.3px;font-size:24px;line-height:34px}.dialog-panel[data-variant=page]:has(.login-panel.figma-login)>header{z-index:2;margin:0;display:flex;position:absolute;top:12px;left:24px}.dialog-panel[data-variant=page]:has(.login-panel.figma-login)>header>div{display:none}.dialog-panel[data-variant=page]:has(.login-panel.figma-login){padding-top:42px}.confirm-dialog{padding:0}.toast-region{right:24px;bottom:calc(96px + env(safe-area-inset-bottom));z-index:30;justify-content:center;display:flex;position:fixed;left:24px}.toast{background:var(--ink);color:#fff;border-radius:14px;padding:12px 16px}.mobile-nav{z-index:10;width:min(100%, var(--app-width));height:calc(80px + env(safe-area-inset-bottom));border-top:1px solid var(--line);padding:6px 8px env(safe-area-inset-bottom);background:#fff;grid-template-columns:repeat(4,1fr);margin:auto;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:var(--muted);background:0 0;border:0;place-content:center;justify-items:center;gap:4px;font-size:12px;line-height:18px;display:grid}.mobile-nav button[data-active=true]{color:var(--ink);font-weight:700}.mobile-nav .figma-icon{filter:brightness(0);opacity:.55}.mobile-nav button[data-active=true] .figma-icon{filter:brightness(0);opacity:1}@media (max-width:374px){.main-content{padding-left:18px;padding-right:18px}.life-status-grid{gap:8px}.life-status-card{padding:12px 8px}.form-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}}.routine-editor-fields,.routine-settings-fields{gap:20px;display:grid}.routine-settings-fields[hidden]{display:none}.routine-editor .category-picker legend{margin-bottom:10px}.routine-editor .category-picker .chip-row{flex-wrap:wrap;overflow:visible}.routine-editor .field input:not([type=checkbox]){border-radius:14px;min-width:0;font-size:16px}.routine-editor .field input[aria-invalid=true]{outline-offset:0;border-color:#a33b35;outline:1px solid #a33b35}.routine-editor .field-error{color:#a33b35;font-size:12px;line-height:18px}.routine-editor .routine-advanced{border-bottom:0}.routine-editor .routine-advanced>summary{min-height:64px;color:var(--ink);font-size:14px;font-weight:700}.routine-editor .routine-advanced>summary>span{gap:4px;display:grid}.routine-editor .routine-advanced>summary small{color:var(--muted);font-size:12px;font-weight:400}.routine-editor .routine-advanced>:not(summary){margin-bottom:0}.routine-setting-group{border-top:1px solid var(--line);gap:16px;padding-top:16px;display:grid}.routine-editor .switch-field{min-height:44px}.routine-due-field{grid-template-columns:minmax(0,1fr) auto;display:grid}.routine-due-field .button{white-space:nowrap;min-width:64px;padding:0 16px}.dialog-panel[data-variant=inbox]>header{min-height:44px;margin-bottom:20px}.dialog-panel[data-variant=inbox]>header h2{font-size:20px;line-height:28px}.dialog-panel[data-variant=inbox]>header .dialog-close-button{background:0 0;border:0;border-radius:50%;width:44px;height:44px;padding:10px}