@import "https://fonts.googleapis.com/css2?family=Gowun+Dodum&family=Hubballi&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fcf7f4;--planner-page-bg:#fefafb;--routine-page-bg:#fcf3ee;--routine-surface:#fffaf7eb;--routine-surface-strong:#fffdfbfa;--routine-stroke-soft:#8f6f601f;--routine-text:#4e3d37c7;--routine-text-soft:#7960559e;--routine-accent:#e6b8a2;--routine-accent-strong:#d79a7e;--planner-flow-panel-height:584px;--planner-note-panel-height:320px;--planner-stack-gap:16px;--planner-combined-panel-height:calc(var(--planner-flow-panel-height) + var(--planner-stack-gap) + var(--planner-note-panel-height));--surface:#fffbf8d6;--surface-soft:#fffcfaf0;--surface-strong:#fffdfbfa;--text:#0000009e;--text-strong:#000000d1;--text-active:#000000e6;--text-faint:#00000047;--line:#0000000f;--line-strong:#0000001f;--card-border:1px solid #7a62581a;--card-shadow:0 10px 24px #7e61520e;--card-radius:20px;--page-shell-width:1276px;--content-column-width:1094px;--page-inline-padding:32px;--topbar-gap:28px;--topbar-side-width:246px;--nav-item-gap:40px;--section-stack-gap:42px;--title-font:"Hubballi", "Avenir Next Condensed", "Segoe UI", sans-serif;--display-font:"Gowun Dodum", "Apple SD Gothic Neo", sans-serif;--body-font:"Pretendard Variable", "Pretendard", "SUIT Variable", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--time-font:"Inter", "Helvetica Neue", sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}html{scrollbar-gutter:stable;overflow-y:scroll}body{color:var(--text);font-family:var(--body-font);background:linear-gradient(#f8f6f4 0%,#f1eeea 100%)}a{color:inherit}button,input,textarea{font:inherit}button{cursor:pointer}.diary-background-shell{background:var(--planner-page-bg);min-height:100vh;position:relative;overflow:hidden}.diary-background-shell:before,.diary-background-shell:after{display:none}.diary-overlay{z-index:1;background:0 0;min-height:100vh;padding:24px;position:relative}.diary-app{max-width:var(--page-shell-width);gap:34px;margin:0 auto;display:grid}.topbar{grid-template-columns:var(--topbar-side-width) minmax(0, 1fr) var(--topbar-side-width);align-items:end;gap:var(--topbar-gap);z-index:40;width:100%;margin-left:0;padding:4px 0 18px;display:grid;position:relative;transform:translate(-10px)}.topbar:after{content:"";filter:blur(8px);pointer-events:none;background:linear-gradient(#fff5f83d 0%,#fff5f800 100%);border-radius:999px;height:14px;position:absolute;bottom:0;left:0;right:0}.brand{font-family:var(--title-font);letter-spacing:.008em;color:#21181cdb;text-shadow:0 1px #ffffff8c;flex:none;margin-left:-40px;font-size:3rem;line-height:1;text-decoration:none;display:inline-block}.main-nav{width:100%;min-width:0;font-family:var(--title-font);letter-spacing:.012em;color:#00000075;flex:auto;justify-content:flex-start;align-self:end;align-items:end;gap:56px;margin:0;font-size:1.6rem;line-height:1;display:flex;transform:translateY(-10px)}.nav-link{color:inherit;font:inherit;cursor:default;opacity:.84;background:0 0;border:0;padding:0;text-decoration:none;transition:color .18s,opacity .18s,background-color .18s,box-shadow .18s,transform .18s}.nav-link.active{color:var(--text-active);opacity:1;font-weight:500}.nav-link:not(:disabled):hover{color:#231a1ed1;opacity:1}.nav-link:disabled{pointer-events:none}.topbar-actions{z-index:45;flex:none;justify-content:flex-end;align-self:end;align-items:center;gap:18px;width:100%;display:flex;position:relative;transform:translateY(-10px)}.date-control{z-index:50;position:relative}.date-pill{color:#281f23f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border:1px solid #8f6c741f;border-radius:999px;align-items:center;gap:8px;min-height:28px;padding:2px 19px 2px 21px;transition:transform .16s,box-shadow .16s,border-color .16s,background-color .16s,filter .16s;display:inline-flex;box-shadow:inset 0 1px #ffffffc7,0 5px 12px #7f5e6612}.date-pill:hover{background:#fff;border-color:#97707a2e;transform:translateY(-1px);box-shadow:inset 0 1px #ffffffd6,0 7px 16px #7d5c6414}.date-pill:active{transform:translateY(0);box-shadow:inset 0 1px 3px #0000001f}.date-pill.open,.date-pill[aria-pressed=true]{filter:saturate(.94);background:#fffffffa;border-color:#99737c2e;transform:translateY(1px)scale(.985);box-shadow:inset 0 2px 4px #7f61691f,inset 0 -1px #ffffffe0,0 3px 10px #775a630d}.date-pill-copy{text-align:left;white-space:nowrap;font-family:var(--title-font);letter-spacing:.012em;color:#2c2227e6;align-items:center;font-size:.94rem;font-weight:500;line-height:1;display:inline-flex}.date-pill-icon{place-items:center;width:20px;height:20px;display:inline-grid}.date-pill-svg,.section-icon-svg,.action-icon-svg,.profile-svg{display:block}.date-pill-svg{width:19px;height:19px;transition:transform .16s,opacity .16s}.date-pill.open .date-pill-svg,.date-pill[aria-pressed=true] .date-pill-svg{opacity:.96;transform:scale(.96)}.date-pill-svg{transition:transform .16s}.date-pill:hover .date-pill-svg{transform:scale(1.03)}.date-pill.open .date-pill-svg{transform:scale(.98)}.profile-button{color:#0000008f;opacity:.72;cursor:pointer;background:0 0;border:0;place-items:center;width:18px;height:18px;padding:0;transition:transform .16s,opacity .16s,color .16s;display:inline-grid;transform:translateY(-2px)}.profile-button:hover,.profile-button:focus-visible{color:#000000bd;opacity:.92;transform:translateY(-3px)}.profile-button:focus-visible,.date-pill:focus-visible,.calendar-nav-button:focus-visible,.check-toggle:focus-visible,.star-toggle:focus-visible,.delete-toggle:focus-visible,.task-edit-hit:focus-visible,.task-edit-hit-title:focus-visible,.task-edit-hit-detail:focus-visible{outline-offset:2px;outline:2px solid #0000002e}.profile-menu-shell{align-items:center;display:inline-flex;position:relative}.profile-menu-popover{z-index:90;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border:1px solid #00000014;border-radius:16px;min-width:128px;padding:8px;position:absolute;top:calc(100% + 12px);right:-6px;box-shadow:0 18px 34px #0000001f}.profile-menu-item{color:#1e181be0;width:100%;font-family:var(--body-font);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:11px 12px;font-size:.92rem;line-height:1;transition:background .16s,color .16s}.profile-menu-item:hover,.profile-menu-item:focus-visible{color:#161113f5;background:#f4eff1eb}.profile-menu-item:disabled{opacity:.62;cursor:default}.profile-svg{width:19.5px;height:18.77px}.auth-page-shell{background:radial-gradient(circle at 0 0,#fff6f9f5 0%,#fff6f900 28%),linear-gradient(#faf6f7 0%,#f7f0f1 100%);min-height:100vh;padding:24px}.auth-page{width:min(100%, var(--page-shell-width));min-height:calc(100vh - 44px);box-shadow:none;background:0 0;border:0;border-radius:34px;flex-direction:column;margin:0 auto;padding:0 0 22px;display:flex}.auth-topbar{padding:4px 0 18px}.auth-topbar:after{display:none}.auth-brand{margin-left:-40px;font-size:clamp(2.7rem,4vw,3.15rem)}.auth-main-nav{gap:56px;margin:0}.auth-nav-link{cursor:pointer;text-decoration:none}.auth-topbar-actions{gap:18px}.auth-date-pill{min-height:32px;padding-inline:18px 14px}.auth-date-pill-copy{gap:6px}.auth-login-stage{flex:auto;justify-content:center;align-items:center;padding:0 0 54px;display:flex}.auth-login-card{background:linear-gradient(#fffffffa 0%,#fffafbfa 100%);border:1px solid #b4919a1f;border-radius:40px;width:min(520px,100%);min-height:523px;padding:46px 42px;box-shadow:inset 0 1px #ffffffeb,0 26px 52px #95727b14}.auth-login-card-body{flex-direction:column;justify-content:flex-start;align-items:center;gap:18px;width:100%;height:100%;padding-top:20px;display:flex}.auth-login-title{font-family:var(--title-font);letter-spacing:.06em;color:#231a1edb;margin:16px 0 0;font-size:clamp(3.5rem,6.3vw,4.4rem);font-weight:600;line-height:.9}.auth-login-stack{justify-items:center;gap:12px;width:100%;margin-top:48px;display:grid}.auth-login-copy{text-align:center;color:#4f3c439e;max-width:290px;margin:0;font-size:.98rem;line-height:1.7;position:relative;top:-12px}.auth-provider-list{flex-direction:column;gap:14px;width:100%;max-width:330px;margin-top:38px;display:flex}.auth-provider-button{width:100%;min-height:54px;font-family:var(--body-font);letter-spacing:-.01em;color:#3c4043;cursor:pointer;background:#fffffffa;border:1px solid #20212424;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:0 20px;font-size:1rem;font-weight:600;line-height:1;transition:transform .18s,box-shadow .18s,border-color .18s,background-color .18s;display:inline-flex;box-shadow:inset 0 1px #ffffffeb,0 1px 2px #3c40432e}.auth-provider-button.enabled:hover,.auth-provider-button.enabled:focus-visible{background:#fff;border-color:#1a73e852;transform:translateY(-1px);box-shadow:inset 0 1px #fffffff5,0 2px 8px #3c404338}.auth-provider-button:disabled{cursor:not-allowed;opacity:.68}.auth-provider-button-icon{flex:none;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.auth-google-icon{width:18px;height:18px}.auth-provider-button-label{white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}.auth-login-error{text-align:center;color:#b25062;margin:0;font-size:.92rem;line-height:1.6}.routine-page{background:var(--planner-page-bg);min-height:100vh}.routine-overlay{background:0 0;min-height:100vh;padding:24px 24px 56px}.routine-app{max-width:var(--page-shell-width);gap:28px;margin:0 auto;display:grid}.routine-hero{place-items:center;padding:48px 0 44px;display:grid}.routine-title{font-family:var(--display-font);letter-spacing:.1em;color:#85685cb8;text-align:center;margin:0;font-size:clamp(2.4rem,5vw,4rem);font-weight:500;line-height:1.08}.routine-sections{gap:18px;width:100%;margin:0;display:grid}.routine-board-surface{--routine-ui-border:#d4dcd6eb;--routine-ui-border-strong:#b1c2b9e0;--routine-ui-surface:#fffffffa;--routine-ui-surface-soft:#f7faf8f5;--routine-ui-surface-tint:#ebf1edeb;--routine-ui-surface-strong:#dbe5dff5;--routine-ui-text:#444a46db;--routine-ui-subtle:#6c746fa8;--routine-ui-accent:#6b8f81e6;--routine-ui-accent-soft:#cbdad3b8;width:min(100%,1240px);margin:0 auto;display:grid}.routine-workspace{grid-template-columns:minmax(236px,272px) minmax(0,1fr);align-items:start;gap:22px}.routine-quick-workspace{display:block}.routine-quick-page{gap:18px;display:grid}.routine-quick-page-head{grid-template-columns:minmax(210px,240px) minmax(0,1fr);align-items:end;gap:24px;padding:2px 2px 0;display:grid}.routine-quick-page-copy{display:grid}.routine-quick-page-copy h1,.routine-quick-page-copy p{margin:0}.routine-quick-page-copy h1{letter-spacing:-.03em;color:#2c2826f5;font-size:1.42rem;font-weight:620;line-height:1.08}.routine-quick-page-copy p{color:#6f6863bd;font-size:.84rem;line-height:1.42}.routine-overview-shell{grid-template-columns:minmax(210px,240px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.routine-overview-toc{box-shadow:none;background:#fff;border:1px solid #e3ded9d6;border-radius:28px;align-self:start;gap:14px;padding:16px 18px;display:grid;position:sticky;top:118px}.routine-overview-main{gap:24px;min-width:0;display:grid}.routine-overview-toc-head{padding:0 4px}.routine-overview-toc-list{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.routine-overview-toc-item{color:#605852d1;letter-spacing:-.01em;background:#fffffff5;border:0;border-radius:16px;justify-content:center;align-items:center;min-height:44px;padding:0 16px;font-size:.82rem;font-weight:650;transition:transform .18s,background-color .18s,color .18s,box-shadow .18s;display:inline-flex}.routine-overview-toc-item:hover{color:#48413ce6;background:#fff;transform:translateY(-1px)}.routine-overview-toc-item.active{background:color-mix(in srgb, var(--routine-sidebar-active-bg,#f6eee6fa) 44%, white 56%);color:#433c37f0;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--routine-sidebar-active-border,#d4c6b6d1) 42%, white 58%)}.routine-overview-section-head{justify-content:space-between;align-items:end;gap:12px;padding:0 2px;display:flex}.routine-overview-section-head h2,.routine-overview-section-head p{margin:0}.routine-overview-section-head h2{letter-spacing:-.02em;color:#3d3733eb;font-size:.92rem;font-weight:620;line-height:1.15}.routine-overview-section-head p{color:#7e7670b3;margin-top:4px;font-size:.76rem;line-height:1.38}.routine-overview-section{gap:14px;display:grid}.routine-overview-grid{column-count:2;column-gap:18px}.routine-overview-card-anchor{break-inside:avoid;margin-bottom:18px;scroll-margin-top:168px}.routine-overview-grid>.routine-overview-card{break-inside:avoid;margin-bottom:18px}.routine-overview-card{border:1px solid color-mix(in srgb, var(--routine-panel-stroke,var(--routine-stroke)) 18%, white 82%);background:#fff;border-radius:26px;gap:10px;min-width:0;padding:32px 28px 26px 32px;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;box-shadow:0 10px 20px #7e615208}.routine-overview-card:hover{transform:translateY(-2px);box-shadow:0 16px 30px #7e61520d}.routine-overview-card.active{border-color:color-mix(in srgb, var(--routine-sidebar-active-border,var(--routine-panel-stroke)) 42%, white 58%);box-shadow:0 12px 24px #7e61520d, inset 0 0 0 1px color-mix(in srgb, var(--routine-sidebar-active-bg,#f6eee6fa) 34%, white 66%);background:#fff}.routine-overview-card-head{grid-template-columns:minmax(0,1fr) auto auto;align-items:start;gap:10px;display:grid}.routine-overview-card-link{text-align:left;background:0 0;border:0;min-width:0;padding:0;display:block}.routine-overview-card-copy{min-width:0;display:block}.routine-overview-card-copy strong,.routine-overview-card-copy span{margin:0}.routine-overview-card-copy strong{letter-spacing:-.025em;color:#2f2a27f0;font-size:1.05rem;font-weight:650;line-height:1.18}.routine-overview-pin{background:var(--routine-bookmark-bg,#ddebe4fa);width:30px;height:30px;color:var(--routine-bookmark-fg,#669282f5);opacity:.92;border:0;border-radius:50%;justify-content:center;align-items:center;transition:opacity .16s,transform .18s,background-color .18s,color .18s,box-shadow .18s;display:inline-flex;box-shadow:inset 0 1px #fffffff0,0 1px 2px #7461540d}.routine-overview-card:hover .routine-overview-pin,.routine-overview-pin.active{opacity:1}.routine-overview-pin:hover{background:var(--routine-bookmark-hover-bg,#d4e5dcfa);color:var(--routine-bookmark-hover-fg,#548070f5);transform:translateY(-1px)}.routine-overview-pin.active{background:var(--routine-bookmark-active-bg,#a8cbbefa);color:var(--routine-bookmark-active-fg,#426f5ff5);box-shadow:0 1px 2px #66797014}.routine-overview-pin .routine-task-icon{shape-rendering:geometricprecision;width:17px;height:17px;transform:translateY(-1px)}.routine-overview-icon-action{background:var(--routine-bookmark-bg,#f3f0ebfa);width:30px;height:30px;color:var(--routine-bookmark-fg,#00704afa);opacity:.92;border:0;border-radius:50%;justify-content:center;align-items:center;transition:opacity .16s,transform .18s,background-color .18s,color .18s,box-shadow .18s;display:inline-flex;box-shadow:inset 0 1px #fffffff0,0 1px 2px #7461540d}.routine-overview-card:hover .routine-overview-icon-action{opacity:1}.routine-overview-icon-action:hover{background:var(--routine-bookmark-hover-bg,#efebe6fa);color:var(--routine-bookmark-hover-fg,#006241fa);transform:translateY(-1px)}.routine-overview-icon-action .routine-task-icon{shape-rendering:geometricprecision;width:16px;height:16px}.routine-overview-body,.routine-overview-item-list{gap:8px;display:grid}.routine-overview-item{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:46px;padding:0 0 0 2px;display:grid}.routine-overview-item+.routine-overview-item{border-top:1px solid color-mix(in srgb, var(--routine-panel-divider,var(--routine-divider)) 24%, white 76%);padding-top:10px}.routine-overview-item-actions{flex-shrink:0;justify-content:center;align-items:center;width:34px;display:inline-flex}.routine-overview-item-main{min-width:0}.routine-overview-item-copy{gap:7px;display:grid}.routine-overview-title-button,.routine-overview-title-input{text-align:left;width:100%}.routine-overview-title-button{background:0 0;border:0;gap:7px;padding:0;display:grid}.routine-overview-title-button .routine-task-title,.routine-overview-title-input{letter-spacing:-.015em;color:#302c2af2;font-size:.98rem;font-weight:580;line-height:1.2}.routine-overview-title-input{padding:0}.routine-overview-title-input::placeholder{color:#7d746f75}.routine-overview-tracking-switch{background:#faf0eeeb;border:1px solid #e8e2dbe0;border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:4px;display:inline-flex;box-shadow:inset 0 1px #ffffffeb}.routine-overview-tracking-switch button{color:#7a716cc7;letter-spacing:-.01em;background:0 0;border:0;border-radius:999px;min-height:28px;padding:0 10px;font-size:.72rem;font-weight:650;transition:background-color .16s,color .16s,transform .16s,box-shadow .16s}.routine-overview-tracking-switch button:hover{color:#58504be0;transform:translateY(-1px)}.routine-overview-tracking-switch button.active{color:#48423eeb;background:#f7e4e1fa;box-shadow:inset 0 0 0 1px #e3c2bcb8}.routine-overview-item-meta{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.routine-overview-meta-button{color:#79706bcc;letter-spacing:-.01em;background:#faf8f4d6;border:1px solid #e7e1dbe6;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:.72rem;font-weight:650;transition:transform .16s,border-color .16s,background-color .16s,color .16s,box-shadow .16s;display:inline-flex}.routine-overview-meta-button:hover{border-color:color-mix(in srgb, var(--routine-panel-stroke,var(--routine-stroke)) 48%, white 52%);color:#5c534ee0;background:#fffffff5;transform:translateY(-1px);box-shadow:0 6px 14px #7e61520a}.routine-overview-check{background:var(--routine-bookmark-bg,#f3f0ebfa);width:34px;height:34px;box-shadow:none;color:#fff;border:0;border-radius:50%;place-items:center;transition:transform .16s,background-color .16s,box-shadow .16s,color .16s;display:grid;position:relative}.routine-overview-check:hover{transform:translateY(-1px)}.routine-overview-check:active{transform:scale(.96)}.routine-overview-check.done{background:var(--routine-bookmark-bg,#f3f0ebfa);box-shadow:none;color:var(--routine-bookmark-active-fg,#2a704cfa)}.routine-overview-check-core{place-items:center;width:22px;height:22px;display:grid;position:relative}.routine-overview-check .routine-story-primary-action-icon-heart,.routine-overview-check .routine-story-primary-action-icon-check{opacity:0;place-items:center;transition:opacity .18s,transform .22s cubic-bezier(.2,.9,.25,1);display:grid;position:absolute;inset:0;transform:scale(.72)}.routine-overview-check .routine-story-primary-action-icon-heart{opacity:1;color:#fff;transform:scale(1)}.routine-overview-check.done .routine-story-primary-action-icon-check{opacity:1;color:var(--routine-bookmark-active-fg,#2a704cfa);transform:scale(1)}.routine-overview-check.done .routine-story-primary-action-icon-heart{opacity:0;transform:scale(.76)}.routine-overview-check .routine-story-primary-action-icon-check .routine-task-icon,.routine-overview-check.done .routine-story-primary-action-icon-check .routine-task-icon{filter:none;shape-rendering:geometricprecision;width:18px;height:18px}.routine-overview-check .routine-story-primary-action-icon-heart .routine-completion-icon{color:#fff;shape-rendering:geometricprecision;width:18px;height:18px}.routine-overview-check.just-completed{animation:.24s ease-out routine-story-action-complete}.routine-overview-check.just-completed .routine-story-primary-action-icon-check{animation:.26s ease-out routine-story-icon-pop}.routine-overview-check.just-completed .routine-story-primary-action-spark-a{animation:.28s ease-out routine-story-spark-a}.routine-overview-check.just-completed .routine-story-primary-action-spark-b{animation:.28s ease-out 20ms routine-story-spark-b}.routine-overview-check.just-completed .routine-story-primary-action-spark-c{animation:.28s ease-out 40ms routine-story-spark-c}.routine-overview-item.done .routine-task-title{color:#4a5550db}.routine-overview-empty{gap:4px;padding:2px 2px 4px;display:grid}.routine-overview-empty-stage{align-items:start;min-height:320px;display:grid}.routine-overview-empty-stage-sidebar{min-height:auto}.routine-overview-empty-stage-card,.routine-overview-empty-stage-sidebar{background:#ffffff9e;border:1px dashed #dcd4cee6;border-radius:28px;gap:8px;padding:22px 20px;display:grid}.routine-overview-empty-stage-card strong,.routine-overview-empty-stage-sidebar strong{color:#534a45e6;margin:0;font-size:.98rem}.routine-overview-empty-stage-card span,.routine-overview-empty-stage-sidebar span{color:#796f6ac7;margin:0;font-size:.82rem;line-height:1.55}.routine-overview-empty strong,.routine-overview-empty span{margin:0}.routine-overview-empty strong{color:#4f4844d6;font-size:.9rem}.routine-overview-empty span{color:#79716cb8;font-size:.77rem}.routine-overview-arrow{color:#877e78a8;justify-content:center;align-items:center;width:18px;height:18px;margin-top:2px;transition:transform .18s,color .18s;display:inline-flex}.routine-overview-card:hover .routine-overview-arrow,.routine-overview-card.active .routine-overview-arrow{color:#59514cdb;transform:translate(1px)}.routine-sidebar{border:1px solid color-mix(in srgb, var(--routine-ui-border) 82%, white 18%);background:linear-gradient(180deg, #fffffffa, #f8faf9fa), var(--routine-ui-surface);border-radius:26px;align-self:start;gap:14px;padding:20px;display:grid;box-shadow:0 18px 38px #5a6e6312,inset 0 1px #fffc}.routine-sidebar-header{display:block}.routine-sidebar-list{gap:10px;display:grid}.routine-sidebar-item-shell{display:grid;position:relative}.routine-sidebar-item{border:1px solid color-mix(in srgb, var(--routine-ui-border) 86%, white 14%);text-align:left;background:#ffffffe6;border-radius:15px;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:66px;padding:13px 48px 13px 12px;transition:border-color .16s,background-color .16s,box-shadow .16s,transform .16s;display:grid;box-shadow:inset 0 1px #ffffff8f}.routine-sidebar-item:hover{border-color:var(--routine-chip-border);background:color-mix(in srgb, var(--routine-sidebar-active-bg,var(--routine-ui-surface-soft)) 48%, white 52%);transform:translateY(-1px);box-shadow:0 10px 20px #5a6e6314}.routine-sidebar-item.active{border-color:var(--routine-sidebar-active-border,var(--routine-chip-active-border));background:linear-gradient(180deg, color-mix(in srgb, var(--routine-sidebar-active-bg,var(--routine-chip-active-bg)) 82%, white 18%), color-mix(in srgb, var(--routine-sidebar-active-bg,var(--routine-chip-active-bg)) 94%, white 6%));box-shadow:0 14px 24px color-mix(in srgb, var(--routine-sidebar-active-border,var(--routine-chip-active-border)) 16%, transparent), inset 0 1px 0 #ffffffd1}.routine-sidebar-menu-trigger{z-index:2;width:28px;height:28px;color:var(--routine-header-muted,#6f7a75d1);background:0 0;border:0;border-radius:8px;place-items:center;padding:0;transition:background-color .15s,color .15s,transform .15s;display:inline-grid;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.routine-sidebar-menu-trigger .routine-task-icon{width:15px;height:15px}.routine-sidebar-item-shell:hover .routine-sidebar-menu-trigger,.routine-sidebar-menu-trigger[aria-expanded=true]{background:color-mix(in srgb, var(--routine-chip-active-bg) 50%, white 50%);color:var(--routine-menu-hover-text,var(--routine-ui-text));transform:translateY(-50%)scale(1.02)}.routine-section-dropdown{z-index:8;border:1px solid color-mix(in srgb, var(--routine-ui-border) 82%, white 18%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffffa;border-radius:14px;min-width:128px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 18px 34px #3037331c,0 2px 10px #3037330d}.routine-section-dropdown button{text-align:left;min-height:34px;color:var(--routine-ui-subtle);background:0 0;border:0;border-radius:10px;padding:0 12px;font-size:.88rem}.routine-section-dropdown button:hover{background:var(--routine-menu-hover-bg,var(--routine-ui-surface-tint));color:var(--routine-menu-hover-text,var(--routine-ui-text))}.routine-section-dropdown button.danger{color:var(--routine-menu-danger-text,#98585c)}.routine-sidebar-accent{background:var(--routine-chip-active-border);width:6px;height:100%;min-height:34px;box-shadow:0 0 0 1px color-mix(in srgb, var(--routine-chip-active-border) 18%, white 82%);border-radius:6px}.routine-sidebar-copy{gap:4px;min-width:0;display:grid}.routine-sidebar-copy strong{color:#3f4542f2;font-size:.98rem;line-height:1.3}.routine-sidebar-copy span{color:color-mix(in srgb, var(--routine-ui-subtle) 92%, #5c625fd1);font-size:.76rem}.routine-detail{border:1px solid color-mix(in srgb, var(--routine-ui-border) 92%, white 8%);background:linear-gradient(#fffffffe,#fcfcfafb);border-radius:26px;align-self:start;min-width:0;padding:20px;box-shadow:0 8px 18px #5a6e6308,inset 0 1px #ffffffd1}.routine-detail-stack{--routine-header-height:32px;--routine-row-height:40px;gap:16px;display:grid}.routine-detail-hero{border:1px solid color-mix(in srgb, var(--routine-panel-stroke,var(--routine-stroke)) 46%, white 54%);background:linear-gradient(135deg, color-mix(in srgb, var(--routine-panel-tint,var(--routine-section-tint)) 20%, white 80%), color-mix(in srgb, var(--routine-panel-tint,var(--routine-section-tint)) 32%, white 68%));box-shadow:0 4px 12px color-mix(in srgb, var(--routine-panel-stroke,var(--routine-stroke)) 3%, transparent), inset 0 1px 0 #ffffffc7;isolation:isolate;border-radius:20px;justify-content:space-between;align-items:center;gap:16px;padding:15px 18px;display:flex;position:relative;overflow:hidden}.routine-detail-hero:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--routine-chip-active-bg) 18%, white 82%), transparent 70%);opacity:.48;z-index:0;border-radius:50%;width:180px;height:180px;position:absolute;inset:auto auto -36px -24px}.routine-detail-hero:after{content:"";opacity:.62;z-index:0;background:radial-gradient(circle,#ffffffc7,#0000 72%);border-radius:50%;width:210px;height:160px;position:absolute;top:-28px;right:-18px}.routine-detail-hero-copy{z-index:1;flex:1 1 0;gap:6px;display:grid;position:relative}.routine-detail-hero-copy h2,.routine-detail-hero-copy p{margin:0}.routine-detail-hero-copy h2{letter-spacing:-.03em;color:#2f2b29f5;font-size:1.32rem;font-weight:620;line-height:1.08}.routine-detail-hero-copy p{color:#6c6763c7;max-width:460px;font-size:.84rem;line-height:1.45}.routine-detail-hero-side{z-index:1;justify-items:end;gap:10px;min-width:min(100%,316px);display:grid;position:relative}.routine-detail-hero-graphic{pointer-events:none;width:220px;height:144px;animation:7.6s ease-in-out infinite routine-hero-graphic-float;position:relative}.routine-detail-hero-graphic-cloud,.routine-detail-hero-graphic-bubble,.routine-detail-hero-graphic-sparkle{pointer-events:none;position:absolute}.routine-detail-hero-graphic-cloud{background:radial-gradient(circle at 35% 35%, #ffffffeb, #ffffffb8 30%, transparent 32%), linear-gradient(180deg, color-mix(in srgb, var(--routine-chip-active-bg) 40%, white 60%), color-mix(in srgb, var(--routine-panel-tint,var(--routine-section-tint)) 54%, white 46%));box-shadow:0 16px 26px color-mix(in srgb, var(--routine-chip-active-border) 12%, transparent), inset 0 1px 0 #ffffffe0}.routine-detail-hero-graphic-cloud:before,.routine-detail-hero-graphic-cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.routine-detail-hero-graphic-cloud.large{opacity:.9;border-radius:999px;width:110px;height:48px;top:40px;left:18px}.routine-detail-hero-graphic-cloud.large:before{width:36px;height:36px;bottom:18px;left:14px}.routine-detail-hero-graphic-cloud.large:after{width:44px;height:44px;bottom:14px;right:14px}.routine-detail-hero-graphic-cloud.small{opacity:.86;border-radius:999px;width:74px;height:34px;animation:8.8s ease-in-out infinite routine-hero-cloud-drift;top:22px;right:18px}.routine-detail-hero-graphic-cloud.small:before{width:22px;height:22px;bottom:12px;left:10px}.routine-detail-hero-graphic-cloud.small:after{width:26px;height:26px;bottom:10px;right:9px}.routine-detail-hero-graphic-bubble{background:radial-gradient(circle at 30% 30%, #fffffff2, transparent 38%), color-mix(in srgb, var(--routine-chip-active-bg) 58%, white 42%);width:18px;height:18px;box-shadow:0 8px 14px color-mix(in srgb, var(--routine-chip-active-border) 16%, transparent), inset 0 1px 0 #ffffffe0;border-radius:50%;top:18px;left:26px}.routine-detail-hero-graphic-sparkle{background:#ffffffe0;border-radius:3px;width:10px;height:10px;transform:rotate(45deg);box-shadow:0 4px 10px #ffffff6b}.routine-detail-hero-graphic-sparkle:before{content:"";background:#ffffffb8;border-radius:999px;width:18px;height:2px;position:absolute;inset:50%;transform:translate(-50%,-50%)rotate(-45deg)}.routine-detail-hero-graphic-sparkle.sparkle-one{top:10px;right:66px}.routine-detail-hero-graphic-sparkle.sparkle-two{width:8px;height:8px;top:54px;right:16px}.routine-detail-hero-bear{z-index:2;filter:drop-shadow(0 12px 18px #84716e24);transform-origin:bottom;width:106px;height:120px;animation:5.6s ease-in-out infinite routine-hero-bear-bob;position:absolute;top:12px;left:8px}.routine-detail-hero-bear-ear,.routine-detail-hero-bear-head,.routine-detail-hero-bear-body,.routine-detail-hero-bear-arm,.routine-detail-hero-bear-foot{background:radial-gradient(circle at 30% 24%,#ffffff6b,#0000 22%),linear-gradient(#fcf0ecfa,#f6dedefa);border:1px solid #e9cecce6;box-shadow:inset 0 1px #ffffffeb,inset 0 -8px 12px #eccdce29}.routine-detail-hero-bear-ear{z-index:1;border-radius:50%;width:27px;height:27px;position:absolute;top:0}.routine-detail-hero-bear-ear:after{content:"";background:color-mix(in srgb, var(--routine-chip-active-bg) 34%, white 66%);border-radius:50%;position:absolute;inset:5px}.routine-detail-hero-bear-ear.left{left:8px}.routine-detail-hero-bear-ear.right{right:8px}.routine-detail-hero-bear-head{z-index:2;border-radius:50% 50% 48% 48%;width:96px;height:84px;position:absolute;top:6px;left:4px;transform:rotate(-1deg)}.routine-detail-hero-bear-head:before{content:"";filter:blur(1px);background:#ffffff47;border-radius:50%;width:30px;height:18px;position:absolute;top:10px;left:14px}.routine-detail-hero-bear-eye,.routine-detail-hero-bear-blush{position:absolute}.routine-detail-hero-bear-eye{background:#45352feb;border-radius:999px;width:9px;height:10px;top:31px;box-shadow:0 1px 3px #45352f1f}.routine-detail-hero-bear-eye:after{content:"";background:#fffffff5;border-radius:50%;width:2px;height:2px;position:absolute;top:1px;left:1px}.routine-detail-hero-bear-eye.left{left:24px}.routine-detail-hero-bear-eye.right{right:24px}.routine-detail-hero-bear-blush{filter:blur(.8px);background:#f7beccb3;border-radius:999px;width:20px;height:11px;top:45px}.routine-detail-hero-bear-blush.left{left:10px}.routine-detail-hero-bear-blush.right{right:10px}.routine-detail-hero-bear-snout{background:#fff6f2f5;border-radius:999px;width:36px;height:24px;position:absolute;bottom:11px;left:50%;transform:translate(-50%)}.routine-detail-hero-bear-nose{background:#ba7a92eb;border-radius:50% 50% 60% 60%;width:8px;height:6px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.routine-detail-hero-bear-nose:after{content:"";background:#ba7a92e0;border-radius:999px;width:2px;height:4px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.routine-detail-hero-bear-mouth{width:18px;height:8px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.routine-detail-hero-bear-mouth:before,.routine-detail-hero-bear-mouth:after{content:"";border-bottom:2px solid #4c3b35e0;border-radius:0 0 999px 999px;width:9px;height:7px;position:absolute;bottom:0}.routine-detail-hero-bear-mouth:before{left:0;transform:rotate(8deg)}.routine-detail-hero-bear-mouth:after{right:0;transform:scaleX(-1)rotate(8deg)}.routine-detail-hero-bear-body{border-radius:48% 48% 46% 46%/56% 56% 42% 42%;width:74px;height:44px;position:absolute;bottom:1px;left:16px;transform:rotate(0)}.routine-detail-hero-bear-body:before{content:"";filter:blur(8px);background:#ffffff29;border-radius:50%;width:44px;height:24px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.routine-detail-hero-bear-body:after{content:"";background:linear-gradient(#f8e5e2f5,#f5dadbf5);border-radius:50%;width:24px;height:10px;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.routine-detail-hero-bear-belly{background:#fff7f3f5;border-radius:50%;width:28px;height:18px;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.routine-detail-hero-bear-arm{z-index:3;border-radius:48% 48% 56% 56%;width:18px;height:24px;position:absolute;top:14px}.routine-detail-hero-bear-arm.left{left:-4px;transform:rotate(18deg)}.routine-detail-hero-bear-arm.right{right:-4px;transform:rotate(-18deg)}.routine-detail-hero-bear-foot{z-index:2;border-radius:50%;width:26px;height:18px;position:absolute;bottom:-3px}.routine-detail-hero-bear-foot.left{left:0}.routine-detail-hero-bear-foot.right{right:0}.routine-detail-hero-charm-card{z-index:1;border:1px solid color-mix(in srgb, var(--routine-panel-stroke,var(--routine-stroke)) 76%, white 24%);background:linear-gradient(#fffffff0,#f7f9f8fa);border-radius:30px;width:104px;min-height:94px;padding:14px 14px 16px;position:absolute;top:34px;left:104px;transform:rotate(4deg);box-shadow:0 18px 30px #4a575124,inset 0 1px #ffffffe6}.routine-detail-hero-charm-binding{gap:44px;display:flex;position:absolute;top:-8px;left:18px}.routine-detail-hero-charm-binding span{border:1px solid color-mix(in srgb, var(--routine-chip-active-border) 52%, white 48%);width:14px;height:14px;box-shadow:0 3px 8px color-mix(in srgb, var(--routine-chip-active-border) 12%, transparent);background:#ffffffd6;border-radius:50%}.routine-detail-hero-charm-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.routine-detail-hero-charm-pill{background:linear-gradient(90deg, color-mix(in srgb, var(--routine-panel-tint,var(--routine-section-tint)) 58%, white 42%), color-mix(in srgb, var(--routine-chip-active-bg) 72%, white 28%));border-radius:999px;width:46px;height:10px}.routine-detail-hero-charm-heart{background:color-mix(in srgb, var(--routine-chip-active-border) 68%, white 32%);border-radius:3px;width:12px;height:12px;position:relative;transform:rotate(-45deg)}.routine-detail-hero-charm-heart:before,.routine-detail-hero-charm-heart:after{content:"";background:inherit;border-radius:50%;width:12px;height:12px;position:absolute}.routine-detail-hero-charm-heart:before{top:-6px;left:0}.routine-detail-hero-charm-heart:after{top:0;left:6px}.routine-detail-hero-charm-list{gap:8px;display:grid}.routine-detail-hero-charm-item{align-items:center;gap:8px;display:flex}.routine-detail-hero-charm-dot{background:color-mix(in srgb, var(--routine-panel-tint,var(--routine-section-tint)) 62%, white 38%);border-radius:50%;flex-shrink:0;width:12px;height:12px;box-shadow:inset 0 1px #ffffffeb}.routine-detail-hero-charm-item.done .routine-detail-hero-charm-dot{background:color-mix(in srgb, var(--routine-chip-active-border) 72%, white 28%)}.routine-detail-hero-charm-item.soft .routine-detail-hero-charm-dot{opacity:.72}.routine-detail-hero-charm-line{background:color-mix(in srgb, var(--routine-panel-tint,var(--routine-section-tint)) 70%, white 30%);border-radius:999px;width:56px;height:8px}.routine-detail-hero-charm-line.short{width:44px}.routine-detail-hero-charm-line.tiny{opacity:.72;width:34px}.routine-detail-hero-charm-badge{background:radial-gradient(circle at 32% 30%, #ffffffeb, transparent 34%), color-mix(in srgb, var(--routine-chip-active-bg) 62%, white 38%);width:38px;height:38px;box-shadow:0 12px 20px color-mix(in srgb, var(--routine-chip-active-border) 18%, transparent), inset 0 1px 0 #ffffffe0;border-radius:50%;animation:5.8s ease-in-out infinite routine-hero-badge-bob;position:absolute;bottom:16px;right:10px}.routine-detail-hero-charm-badge-check{border-left:2px solid color-mix(in srgb, var(--routine-chip-active-border) 80%, #55655eeb);border-bottom:2px solid color-mix(in srgb, var(--routine-chip-active-border) 80%, #55655eeb);width:14px;height:8px;position:absolute;top:12px;left:12px;transform:rotate(-45deg)}.routine-detail-hero-actions{z-index:1;flex-wrap:wrap;flex:none;place-content:center flex-end;gap:8px;max-width:none;display:flex;position:relative}.routine-detail-hero-action{border:1px solid color-mix(in srgb, var(--routine-panel-stroke,var(--routine-stroke)) 42%, white 58%);min-height:34px;font-family:var(--body-font);color:#524f4cd6;background:#ffffffdb;border-radius:12px;justify-content:center;align-items:center;padding:0 14px;font-size:.8rem;font-weight:600;transition:transform .16s,background-color .16s,border-color .16s,color .16s;display:inline-flex;box-shadow:inset 0 1px #ffffffc7}.routine-detail-hero-action:hover{border-color:color-mix(in srgb, var(--routine-chip-active-border,var(--routine-panel-stroke,var(--routine-stroke))) 34%, white 66%);background:#fffffff5;transform:translateY(-1px)}@keyframes routine-hero-graphic-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes routine-hero-cloud-drift{0%,to{transform:translate(0)}50%{transform:translate(-6px)}}@keyframes routine-hero-bear-bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-4px)rotate(-2deg)}}@keyframes routine-hero-bear-wave{0%,to{transform:rotate(54deg)}25%{transform:rotate(68deg)}50%{transform:rotate(48deg)}75%{transform:rotate(66deg)}}@keyframes routine-hero-badge-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){.routine-detail-hero-graphic,.routine-detail-hero-graphic-cloud.small,.routine-detail-hero-charm-badge,.routine-detail-hero-bear,.routine-detail-hero-bear-arm.left{animation:none}}.routine-detail-grid{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:14px;display:grid}.routine-tracker-board{--routine-board-name-col:190px;--routine-board-meta-col:192px;--routine-slot-gap:12px;position:relative;overflow:visible}.routine-tracker-board-shell{border:1px solid var(--routine-panel-stroke,var(--routine-ui-border));background:#fffffff5;border-radius:18px;position:relative;overflow:visible;box-shadow:0 14px 28px #535f5a0d,inset 0 1px #ffffffd1}.routine-tracker-board-clip{border-radius:inherit;overflow:hidden}.routine-tracker-board-header{grid-template-columns:var(--routine-board-name-col) repeat(7, minmax(0, 1fr)) var(--routine-board-meta-col);background:linear-gradient(180deg, color-mix(in srgb, var(--routine-panel-tint,var(--routine-section-tint)) 64%, white 36%), color-mix(in srgb, var(--routine-panel-tint,var(--routine-section-tint)) 78%, white 22%));border-bottom:1px solid var(--routine-panel-divider,var(--routine-divider));align-items:center;gap:0;min-height:58px;padding:0;display:grid}.routine-tracker-board-title{border-right:1px solid var(--routine-panel-divider,var(--routine-divider));font-family:var(--title-font);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--routine-header-muted,#85766fc2) 86%, #4f5552db);align-self:stretch;align-items:center;padding-left:16px;font-size:.92rem;line-height:1;display:flex}.routine-tracker-board-weekday{box-sizing:border-box;height:100%;font-family:var(--title-font);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--routine-header-muted,#85766fc2) 86%, #4f5552db);place-items:center;font-size:.88rem;line-height:1;display:grid}.routine-tracker-board-header .routine-add-inline-button{border-left:1px solid var(--routine-panel-divider,var(--routine-divider));justify-content:flex-end;justify-self:stretch;min-width:0;height:100%;padding:0 16px 0 12px}.routine-tracker-board-meta-title{border-left:1px solid var(--routine-panel-divider,var(--routine-divider));font-family:var(--title-font);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--routine-header-muted,#85766fc2) 86%, #4f5552db);justify-content:flex-start;align-self:stretch;align-items:center;padding:0 16px;font-size:.84rem;line-height:1;display:flex}.routine-tracker-board-body{display:grid}.routine-tracker-row{grid-template-columns:var(--routine-board-name-col) repeat(7, minmax(0, 1fr)) var(--routine-board-meta-col);background:#fffffffc;align-items:center;min-height:68px;transition:background-color .16s;display:grid}.routine-tracker-row+.routine-tracker-row{border-top:1px solid var(--routine-panel-divider,var(--routine-divider))}.routine-tracker-row.menu-open{background:color-mix(in srgb, var(--routine-panel-tint,var(--routine-section-tint)) 12%, white 88%)}.routine-tracker-row:hover{background:color-mix(in srgb, var(--routine-panel-tint,var(--routine-section-tint)) 7%, white 93%)}.routine-tracker-task{border-right:1px solid var(--routine-panel-divider,var(--routine-divider));grid-template-columns:minmax(0,1fr) auto;align-self:stretch;align-items:center;gap:10px;min-width:0;padding:0 18px;display:grid;position:relative}.routine-tracker-row .routine-task-meta{justify-content:flex-start;justify-self:stretch;align-items:center;gap:8px;padding:0 12px}.routine-tracker-empty-row{min-height:86px;color:var(--routine-ui-subtle);text-align:center;place-items:center;padding:0 20px;display:grid}.routine-board-add-row{border:1px dashed color-mix(in srgb, var(--routine-panel-stroke,var(--routine-stroke)) 88%, #ffffff75);background:color-mix(in srgb, var(--routine-panel-tint,var(--routine-section-tint)) 44%, white 56%);min-height:36px;font-family:var(--body-font);color:var(--routine-header-muted,#85766fc2);border-radius:12px;align-items:center;gap:8px;padding:0 13px;font-size:.84rem;font-weight:600;transition:background-color .16s,border-color .16s,color .16s,transform .16s;display:inline-flex;box-shadow:inset 0 1px #ffffffb8}.routine-board-add-row:hover{border-color:color-mix(in srgb, var(--routine-panel-stroke,var(--routine-stroke)) 96%, #ffffff57);background:color-mix(in srgb, var(--routine-panel-tint,var(--routine-section-tint)) 54%, white 46%);color:var(--routine-header-text,var(--routine-ui-text));transform:translateY(-1px)}.routine-detail-add-row{justify-content:flex-start;padding:2px 2px 0;display:flex}.routine-tracker-board.routine-story-board{overflow:visible}.routine-story-shell,.routine-story-list{gap:14px;display:grid}.routine-story-card{border:1px solid color-mix(in srgb, var(--routine-panel-stroke,var(--routine-stroke)) 16%, white 84%);box-shadow:0 4px 12px #7e615207, 0 10px 18px color-mix(in srgb, var(--routine-panel-stroke,var(--routine-stroke)) 4%, transparent), inset 0 1px 0 #ffffffe6;isolation:isolate;background:linear-gradient(#fffffffe,#fbfbf9fc);border-radius:28px;gap:14px;padding:20px 20px 18px;transition:transform .18s,box-shadow .18s,background-color .18s,border-color .18s,filter .18s;display:grid;position:relative;overflow:hidden}.routine-story-card.featured{border-color:color-mix(in srgb, var(--routine-chip-active-border) 18%, white 82%);box-shadow:0 6px 14px color-mix(in srgb, var(--routine-chip-active-border) 4%, transparent), 0 12px 22px #7e615208, inset 0 1px 0 #ffffffeb;background:linear-gradient(#fffffffe,#fcfcfafd)}.routine-story-card.featured:after{content:"";background:color-mix(in srgb, var(--routine-chip-active-border) 56%, white 44%);opacity:.52;border-radius:999px;width:54px;height:3px;position:absolute;top:16px;left:20px}.routine-story-card:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--routine-chip-active-bg) 12%, white 88%), transparent 72%);opacity:.32;pointer-events:none;z-index:0;border-radius:50%;width:190px;height:190px;position:absolute;inset:auto auto -68px -34px}.routine-story-card>*{z-index:1;position:relative}.routine-story-card:hover{filter:brightness(1.008);box-shadow:0 6px 14px #7e615208, 0 12px 22px color-mix(in srgb, var(--routine-panel-stroke,var(--routine-stroke)) 5%, transparent), inset 0 1px 0 #ffffffeb;transform:translateY(-2px)}.routine-story-card.done{border-color:color-mix(in srgb, var(--routine-chip-active-border) 24%, white 76%);box-shadow:0 6px 14px color-mix(in srgb, var(--routine-chip-active-border) 5%, transparent), 0 12px 20px color-mix(in srgb, var(--routine-chip-active-border) 4%, transparent), inset 0 1px 0 #ffffffeb;background:linear-gradient(#fff,#f8fbf8fe)}.routine-story-card.done:after{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--routine-chip-active-bg) 12%, white 88%), transparent 72%);opacity:.42;pointer-events:none;border-radius:50%;width:160px;height:160px;position:absolute;inset:-10% auto auto 54%}.routine-story-card.just-completed{animation:.28s cubic-bezier(.18,.88,.28,1) routine-story-card-complete}.routine-story-card.just-completed:after{animation:.3s ease-out routine-story-completion-spread}.routine-story-top{gap:8px;padding-right:38px;display:grid}.routine-story-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.routine-story-delete{z-index:3;opacity:.56;pointer-events:auto;position:absolute;top:18px;right:18px}.routine-story-card:hover .routine-story-delete,.routine-story-card.done .routine-story-delete{opacity:1}.routine-story-title-button{text-align:left}.routine-story-title-button .routine-task-title,.routine-story-title-input{font-family:var(--display-font);letter-spacing:-.03em;color:#282422f7;font-size:1.28rem;font-weight:600;line-height:1.12}.routine-story-title-input{padding:0}.routine-story-title-input::placeholder{color:#75665f66}.routine-story-meta-slot{justify-content:flex-end;min-width:0;display:flex}.routine-story-time-button,.routine-story-repeat-button{letter-spacing:-.01em;color:#504b47eb;background:0 0;border:0;border-radius:0;justify-content:flex-end;align-items:center;gap:5px;min-height:0;padding:0;font-size:.79rem;font-weight:700;transition:transform .18s,color .18s,opacity .18s;display:inline-flex}.routine-story-time-button:hover,.routine-story-repeat-button:hover{color:#3e3a37f5;transform:translateY(-.5px)}.routine-story-time-button:active,.routine-story-repeat-button:active{transform:scale(.985)}.routine-story-time-button .routine-task-icon,.routine-story-repeat-button .routine-task-icon{opacity:.48;width:12px;height:12px}.routine-story-repeat-button{color:#7a726dc7;font-size:.73rem;font-weight:600}.routine-story-time-button.placeholder,.routine-story-repeat-button.placeholder{color:#82797499}.routine-story-copy{min-width:0}.routine-story-status{letter-spacing:-.01em;color:#625852db;background:#fffffff5;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:.76rem;font-weight:700;transition:background-color .18s,color .18s,box-shadow .18s,transform .18s;display:inline-flex;box-shadow:inset 0 1px #ffffffe6,0 1px 3px #7e615205}.routine-story-status.done{background:color-mix(in srgb, var(--routine-chip-active-bg) 22%, white 78%);color:color-mix(in srgb, var(--routine-chip-active-border) 82%, #495751e6);box-shadow:inset 0 1px 0 #ffffffeb, 0 2px 6px color-mix(in srgb, var(--routine-chip-active-border) 4%, transparent)}.routine-story-actions{align-items:start;padding-top:2px;display:grid}.routine-story-primary-action{border:1px solid color-mix(in srgb, var(--routine-chip-active-border) 14%, white 86%);background:linear-gradient(180deg, color-mix(in srgb, var(--routine-chip-active-bg) 12%, white 88%), #fffffffa);letter-spacing:-.01em;color:#46403ceb;min-height:58px;box-shadow:inset 0 1px 0 #ffffffe0, 0 4px 10px color-mix(in srgb, var(--routine-chip-active-border) 4%, transparent);border-radius:22px;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:0 18px 0 16px;font-size:.9rem;font-weight:700;transition:transform .18s,box-shadow .18s,background-color .18s,border-color .18s,color .18s,opacity .18s;display:inline-flex;position:relative;overflow:hidden}.routine-story-complete-note{background:color-mix(in srgb, var(--routine-chip-active-bg) 12%, white 88%);border:1px solid color-mix(in srgb, var(--routine-chip-active-border) 12%, white 88%);width:fit-content;max-width:100%;min-height:34px;color:color-mix(in srgb, var(--routine-chip-active-border) 84%, #495751f0);box-shadow:inset 0 1px 0 #ffffffe6, 0 3px 8px color-mix(in srgb, var(--routine-chip-active-border) 4%, transparent);border-radius:999px;align-items:center;gap:10px;padding:0 12px 0 8px;display:inline-flex;position:relative}.routine-story-complete-note.just-completed{animation:.24s ease-out routine-story-action-complete}.routine-story-complete-note-icon{background:#fffffff5;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:relative;box-shadow:inset 0 1px #fffffff0}.routine-story-complete-note-icon .routine-story-primary-action-icon-heart{opacity:0;transform:scale(.72)}.routine-story-complete-note-icon .routine-story-primary-action-icon-check{opacity:1;transform:scale(1)}.routine-story-complete-note-icon.just-completed{animation:.26s ease-out routine-story-icon-pop}.routine-story-complete-note-label{letter-spacing:-.01em;white-space:nowrap;font-size:.78rem;font-weight:700}.routine-story-primary-action:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--routine-chip-active-bg) 42%, white 58%), transparent 70%);opacity:0;pointer-events:none;border-radius:999px;position:absolute;inset:-26% 46% -26% -10%;transform:scale(.7)}.routine-story-primary-action:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(120deg,#ffffff38,#0000 42%,#ffffff2e);transition:opacity .18s;position:absolute;inset:0}.routine-story-primary-action:hover{opacity:1;box-shadow:inset 0 1px 0 #ffffffe6, 0 6px 14px color-mix(in srgb, var(--routine-chip-active-border) 6%, transparent);transform:translateY(-1px)scale(1.01)}.routine-story-primary-action:hover:after{opacity:1}.routine-story-primary-action:active{transform:translateY(1px)scale(.985)}.routine-story-primary-action.just-completed{animation:.24s ease-out routine-story-action-complete}.routine-story-primary-action.just-completed:before{animation:.26s ease-out routine-story-action-spread}.routine-story-card.featured .routine-story-primary-action:not(.done){box-shadow:inset 0 1px 0 #ffffffe6, 0 5px 12px color-mix(in srgb, var(--routine-chip-active-border) 5%, transparent)}.routine-story-primary-action-main{align-items:center;gap:12px;min-width:0;display:inline-flex}.routine-story-primary-action-icon{background:#fffffffa;border-radius:50%;place-items:center;width:30px;height:30px;transition:transform .18s,box-shadow .18s;display:grid;position:relative;box-shadow:inset 0 1px #ffffffe6}.routine-story-primary-action-icon-heart,.routine-story-primary-action-icon-check{place-items:center;transition:opacity .18s,transform .22s cubic-bezier(.2,.9,.25,1);display:grid;position:absolute;inset:0}.routine-story-primary-action-icon-heart{opacity:1;transform:scale(1)}.routine-story-primary-action-icon-check{opacity:0;color:color-mix(in srgb, var(--routine-chip-active-border) 90%, white 10%);transform:scale(.72)}.routine-story-primary-action-icon .routine-completion-icon{width:16px;height:14px}.routine-story-primary-action-icon-check .routine-task-icon{width:13px;height:13px}.routine-story-primary-action:hover .routine-story-primary-action-icon{transform:scale(1.06);box-shadow:inset 0 1px #fffffff0,0 3px 8px #7e615209}.routine-story-primary-action.just-completed .routine-story-primary-action-icon{animation:.26s ease-out routine-story-icon-pop}.routine-story-primary-action-spark{background:color-mix(in srgb, var(--routine-chip-active-border) 74%, white 26%);opacity:0;pointer-events:none;width:4px;height:4px;box-shadow:0 0 0 3px color-mix(in srgb, var(--routine-chip-active-bg) 18%, transparent);border-radius:999px;position:absolute}.routine-story-primary-action-spark-a{top:-2px;right:1px}.routine-story-primary-action-spark-b{bottom:1px;left:-2px}.routine-story-primary-action-spark-c{bottom:-2px;right:-3px}.routine-story-primary-action.just-completed .routine-story-primary-action-spark-a{animation:.28s ease-out routine-story-spark-a}.routine-story-primary-action.just-completed .routine-story-primary-action-spark-b{animation:.28s ease-out 20ms routine-story-spark-b}.routine-story-primary-action.just-completed .routine-story-primary-action-spark-c{animation:.28s ease-out 40ms routine-story-spark-c}.routine-story-primary-action-label{text-align:left;min-width:0}.routine-story-primary-action-state{letter-spacing:-.01em;color:#68615cc7;background:#ffffffe0;border-radius:999px;justify-content:center;align-items:center;min-height:30px;padding:0 11px;font-size:.74rem;font-weight:700;transition:background-color .18s,color .18s,box-shadow .18s,transform .18s;display:inline-flex;box-shadow:inset 0 1px #ffffffe0}.routine-story-primary-action.just-completed .routine-story-primary-action-state{transform:translateY(-1px)scale(1.03)}.routine-story-secondary-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}.routine-story-pattern{gap:10px;padding-top:4px;display:grid}.routine-story-pattern-head{letter-spacing:-.01em;color:#7a736e8f;justify-content:space-between;align-items:center;gap:12px;font-size:.76rem;font-weight:600;display:flex}.routine-story-pattern-meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.routine-story-flow-chip{background:color-mix(in srgb, var(--routine-chip-active-bg) 14%, white 86%);letter-spacing:-.01em;min-height:22px;color:color-mix(in srgb, var(--routine-chip-active-border) 76%, #5c625fd6);border-radius:999px;align-items:center;padding:0 8px;font-size:.7rem;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffffd1}.routine-story-pattern-track{--routine-flow-gap:8px;--routine-flow-neutral:#dad6d2eb;--routine-flow-active:color-mix(in srgb, var(--routine-chip-active-border) 74%, white 26%);gap:var(--routine-flow-gap);grid-template-columns:repeat(7,minmax(0,1fr));align-items:start;display:grid;position:relative;overflow:visible}.routine-story-pattern-track:before{content:"";pointer-events:none;background:linear-gradient(90deg,#e4e0dcf5,#eeece8e6);border-radius:999px;height:2px;position:absolute;top:33px;left:6%;right:6%}.routine-story-day{min-height:58px;box-shadow:none;opacity:.92;background:0 0;border:0;border-radius:18px;justify-items:center;gap:7px;padding:10px 4px 12px;transition:transform .18s,box-shadow .18s,background-color .18s,opacity .18s,filter .18s;display:grid;position:relative}.routine-story-day:before,.routine-story-day:after{content:"";background:var(--routine-flow-active);opacity:0;pointer-events:none;z-index:0;border-radius:999px;width:calc(50% + 4px);height:3px;transition:transform .22s cubic-bezier(.2,.9,.25,1),opacity .18s,background-color .18s;position:absolute;top:40px}.routine-story-day:before{transform-origin:100%;right:50%;transform:scaleX(0)}.routine-story-day:after{transform-origin:0;left:50%;transform:scaleX(0)}.routine-story-day:hover{opacity:1;filter:brightness(1.02);transform:translateY(-1px)}.routine-story-day:active{transform:scale(.96)}.routine-story-day:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb, var(--routine-chip-active-bg) 16%, white 84%);outline:none}.routine-story-day.today{opacity:1}.routine-story-day.active{opacity:1;background:linear-gradient(180deg, color-mix(in srgb, var(--routine-chip-active-bg) 12%, white 88%), #ffffffc2);animation:.26s cubic-bezier(.2,.9,.25,1) routine-story-day-select;transform:translateY(-1px)scale(1.06);box-shadow:inset 0 1px #ffffffdb}.routine-story-day.connected-left:before,.routine-story-day.connected-right:after{opacity:1;transform:scaleX(1)}.routine-story-day.just-completed:before,.routine-story-day.just-completed:after{animation-duration:.24s}.routine-story-day-label{z-index:1;letter-spacing:-.01em;color:#80797499;font-size:.72rem;font-weight:600;position:relative}.routine-story-day.today .routine-story-day-label,.routine-story-day.active .routine-story-day-label{color:#594c46d6}.routine-story-day-dot{z-index:1;background:#dad6d2fa;border:2px solid #ffffffe0;border-radius:50%;place-items:center;width:18px;height:18px;transition:background-color .18s,box-shadow .18s,transform .18s,border-color .18s,opacity .18s;display:grid;position:relative;box-shadow:0 0 0 4px #ffffff6b,0 2px 6px #7e615209}.routine-story-day.today .routine-story-day-dot{box-shadow:0 0 0 5px color-mix(in srgb, var(--routine-panel-tint,var(--routine-section-tint)) 18%, white 82%), 0 2px 6px #7e61520a}.routine-story-day.active .routine-story-day-dot{background:color-mix(in srgb, var(--routine-chip-active-border) 82%, white 18%);box-shadow:0 0 0 6px color-mix(in srgb, var(--routine-chip-active-bg) 28%, white 72%), 0 4px 10px color-mix(in srgb, var(--routine-chip-active-border) 10%, transparent);border-color:#fffffffa;transform:scale(1.1)}.routine-story-day.just-completed .routine-story-day-dot{animation:.24s ease-out routine-story-day-dot-pop}.routine-story-day-check{color:#fffffffa;place-items:center;width:10px;height:10px;display:grid}.routine-story-day-check .routine-task-icon{opacity:1;width:10px;height:10px}@keyframes routine-story-day-select{0%{transform:scale(.96)}60%{transform:translateY(-1px)scale(1.1)}to{transform:translateY(-1px)scale(1.06)}}@keyframes routine-story-day-dot-pop{0%{transform:scale(.86)}55%{transform:scale(1.16)}to{transform:scale(1.1)}}@keyframes routine-story-card-complete{0%{transform:scale(.988)}60%{transform:scale(1.016)}to{transform:scale(1)}}@keyframes routine-story-completion-spread{0%{opacity:0;transform:scale(.78)}50%{opacity:.56;transform:scale(1.04)}to{opacity:.28;transform:scale(1.16)}}@keyframes routine-story-action-complete{0%{transform:scale(.985)}58%{transform:scale(1.018)}to{transform:scale(1)}}@keyframes routine-story-action-spread{0%{opacity:0;transform:scale(.74)}45%{opacity:.36;transform:scale(1.04)}to{opacity:0;transform:scale(1.22)}}@keyframes routine-story-icon-pop{0%{transform:scale(.78)}55%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes routine-story-spark-a{0%{opacity:0;transform:translate(0)scale(.4)}45%{opacity:.95}to{opacity:0;transform:translate(8px,-8px)scale(1)}}@keyframes routine-story-spark-b{0%{opacity:0;transform:translate(0)scale(.4)}45%{opacity:.82}to{opacity:0;transform:translate(-8px,6px)scale(.96)}}@keyframes routine-story-spark-c{0%{opacity:0;transform:translate(0)scale(.4)}45%{opacity:.72}to{opacity:0;transform:translate(7px,7px)scale(.92)}}.routine-story-empty-row{background:linear-gradient(180deg, #ffffffe0, color-mix(in srgb, var(--routine-panel-tint,var(--routine-section-tint)) 20%, white 80%));text-align:left;border-radius:28px;justify-items:start;gap:6px;padding:32px 24px}.routine-story-empty-row strong{font-family:var(--display-font);letter-spacing:-.02em;color:#483f3bdb;margin:0;font-size:1.1rem;line-height:1.2}.routine-story-empty-row span{color:#6c6059b3;font-size:.9rem;line-height:1.5}.routine-board-add-row{border-style:solid;border-color:color-mix(in srgb, var(--routine-panel-stroke,var(--routine-stroke)) 24%, white 76%);background:linear-gradient(180deg, #fffffff0, color-mix(in srgb, var(--routine-panel-tint,var(--routine-section-tint)) 22%, white 78%));min-height:40px;box-shadow:inset 0 1px 0 #ffffffd6, 0 8px 18px color-mix(in srgb, var(--routine-panel-stroke,var(--routine-stroke)) 7%, transparent);border-radius:16px;padding:0 14px}.routine-board-add-row:hover{box-shadow:inset 0 1px 0 #ffffffe0, 0 12px 20px color-mix(in srgb, var(--routine-panel-stroke,var(--routine-stroke)) 10%, transparent)}.routine-toolbar{width:100%;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;justify-content:flex-start;align-items:flex-start;gap:16px;margin:0;padding:4px 0 6px;display:flex}.routine-toolbar-chips{flex-wrap:wrap;gap:10px;display:flex}.routine-chip-shell{align-items:center;gap:0;display:inline-flex}.routine-manage-button{border:1px solid var(--routine-ui-border);background:var(--routine-ui-surface-soft);min-height:38px;font-family:var(--title-font);letter-spacing:.02em;color:var(--routine-ui-text);border-radius:999px;flex-shrink:0;padding:0 16px;font-size:.96rem;line-height:1;transition:transform .16s,border-color .16s,background-color .16s}.routine-manage-button:hover{border-color:var(--routine-ui-border-strong);background:var(--routine-ui-surface-tint);transform:translateY(-1px)}.routine-chip{--routine-chip-bg:var(--routine-ui-surface-soft);--routine-chip-border:var(--routine-ui-border);--routine-chip-active-bg:var(--routine-ui-surface-tint);--routine-chip-active-border:var(--routine-ui-border-strong);--routine-chip-active-ring:#b1c2b94d;border:1px solid var(--routine-chip-border);background:var(--routine-chip-bg);-webkit-backdrop-filter:none;backdrop-filter:none;min-height:38px;font-family:var(--body-font);letter-spacing:-.01em;color:var(--routine-ui-subtle);border-radius:999px;padding:0 15px;font-size:.92rem;font-weight:500;line-height:1.2;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s;box-shadow:inset 0 1px #ffffff8c}.routine-chip:hover{border-color:var(--routine-chip-active-border);background:var(--routine-ui-surface-tint);color:var(--routine-ui-text)}.routine-chip.active{border-color:var(--routine-chip-active-border);background:var(--routine-chip-active-bg);color:var(--routine-ui-text);box-shadow:inset 0 0 0 1px var(--routine-chip-active-ring), 0 6px 14px #6b8f811f}.routine-chip:active{transform:translateY(1px);box-shadow:inset 0 1px 3px #647f742e}.routine-chip-add{width:100%;min-height:40px;font-family:var(--body-font);letter-spacing:-.01em;color:#707773d1;background:#fafbf9fa;border:1px dashed #ced3cfeb;border-radius:12px;padding:8px 15px;font-size:.84rem;font-weight:600;line-height:1.2;transition:background-color .16s,border-color .16s,color .16s,transform .16s;box-shadow:inset 0 1px #fffc}.routine-chip-add:hover{color:#535b57e0;background:#f3f7f4fa;border-color:#b4bfb9f5;transform:translateY(-1px)}.routine-section-row{--routine-stroke:var(--routine-ui-border);--routine-divider:#becac36b;--routine-header-height:52px;--routine-row-height:60px;--routine-section-tint:var(--routine-ui-surface-tint);border:1px solid var(--routine-stroke);background:var(--routine-ui-surface);border-radius:12px;grid-template-columns:minmax(176px,.8fr) minmax(420px,1.46fr) minmax(344px,1.2fr);align-items:stretch;gap:0;display:grid;overflow:hidden;box-shadow:0 3px 12px #5a6e630d}.routine-period-card,.routine-weekdays,.routine-task-header{background:var(--routine-section-tint);box-shadow:none;border:0}.routine-period-card{text-align:left;border-right:1px solid var(--routine-divider);border-radius:12px 0 0 12px;align-content:center;justify-items:stretch;gap:8px;height:100%;min-height:0;padding:16px 18px;display:grid}.routine-period-card.compact{align-content:center;gap:6px;padding-block:12px}.routine-period-card.compact strong{align-self:auto}.routine-group-header{justify-items:start;gap:5px;width:100%;display:grid}.routine-period-meta{min-height:var(--routine-header-height);place-items:center;display:grid}.routine-period-card strong,.routine-group-name-input,.routine-period-card span,.routine-period-card p{margin:0;font-weight:500}.routine-period-card strong{font-family:var(--body-font);letter-spacing:-.02em;color:var(--routine-header-text,var(--routine-text));font-size:.96rem;font-weight:600;line-height:1.35}.routine-group-actions{font-family:var(--body-font);color:var(--routine-header-subtle,#8165598a);align-items:center;gap:6px;font-size:.74rem;line-height:1.2;display:inline-flex}.routine-group-action-link{font:inherit;color:inherit;background:0 0;border:0;padding:0;transition:color .16s,transform .16s}.routine-group-action-link:hover{color:#785c4ed6;transform:translateY(-1px)}.routine-period-card span,.routine-period-card p{color:#00000070;font-size:1rem;line-height:1.1}.routine-period-card p{color:#00000080}.routine-time-range{justify-content:center;align-items:center;gap:3px;min-height:18px;display:inline-flex}.routine-time-range span{font-family:var(--title-font);color:#00000080;font-size:1rem}.routine-time-slot{align-items:baseline;gap:1px;display:inline-flex}.routine-time-range input{text-align:center;width:18px;font-family:var(--title-font);color:#00000085;background:0 0;border:0;padding:0;font-size:1rem;line-height:1.1}.routine-time-range input:focus{outline:none}.routine-time-range input:focus::placeholder{color:#0000}.routine-time-slot small{font-family:var(--title-font);color:#0000007a;font-size:.92rem;line-height:1}.routine-time-colon{font-family:var(--title-font);color:#0000007a;margin:0 -1px;font-size:1rem;line-height:1.1}.routine-week-wrap{width:100%;box-shadow:none;background:0 0;border-right:0;border-radius:0;gap:0;display:grid;overflow:hidden}.routine-weekdays{height:var(--routine-header-height);box-shadow:none;border-bottom:1px solid var(--routine-divider);grid-template-columns:repeat(7,1fr);display:grid;overflow:hidden}.routine-weekdays span{height:100%;font-family:var(--title-font);text-transform:uppercase;color:var(--routine-header-muted,#85766fc2);place-items:center;padding-top:1px;font-size:.92rem;line-height:1;display:grid}.routine-week-grid{grid-template-columns:repeat(7,1fr);grid-auto-rows:var(--routine-row-height);width:100%;box-shadow:none;border-left:0;align-content:start;margin:0;padding:0;display:grid}.routine-cell{box-sizing:border-box;appearance:none;opacity:1;cursor:pointer;background:0 0;border:0;border-radius:0;align-self:stretch;place-items:center;width:100%;height:100%;margin:0;padding:0;transition:background-color .14s,box-shadow .14s,transform .14s;display:grid;position:relative}.routine-cell:before{content:"";inset:var(--routine-slot-gap) 7px;border:1px solid color-mix(in srgb, var(--routine-panel-divider,var(--routine-divider)) 72%, #ffffffd1);background:linear-gradient(#fffffffa,#f8faf9f5);border-radius:999px;transition:background-color .14s,border-color .14s,box-shadow .14s,transform .14s;position:absolute;box-shadow:inset 0 1px #ffffffeb,0 1px 2px #5a6e630d}.routine-cell:hover{background:0 0}.routine-cell:hover:before{background:color-mix(in srgb, var(--routine-accent-soft,#ebf1edeb) 18%, white 82%);border-color:color-mix(in srgb, var(--routine-accent-strong,#b1c2b9e0) 34%, var(--routine-panel-divider,var(--routine-divider)) 66%);box-shadow:inset 0 1px 0 #ffffffeb, 0 4px 10px color-mix(in srgb, var(--routine-accent-strong,#b1c2b9e0) 12%, transparent)}.routine-cell:active{background:0 0}.routine-cell:active:before{background:color-mix(in srgb, var(--routine-accent-soft,#ebf1edeb) 28%, white 72%);box-shadow:inset 0 1px 2px color-mix(in srgb, var(--routine-accent-strong,#b1c2b9e0) 18%, transparent);transform:scale(.98)}.routine-cell.active{background:0 0}.routine-cell.active:before{background:color-mix(in srgb, var(--routine-accent-soft,#ebf1edeb) 34%, white 66%);border-color:color-mix(in srgb, var(--routine-accent-strong,#b1c2b9e0) 54%, white 46%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--routine-accent-strong,#b1c2b9e0) 22%, transparent), 0 6px 14px color-mix(in srgb, var(--routine-accent-strong,#b1c2b9e0) 16%, transparent)}.routine-completion-icon{z-index:1;width:18px;height:18px;color:color-mix(in srgb, var(--routine-accent-strong,#b1c2b9e0) 88%, #58615ceb);filter:none;position:relative}.routine-task-title{color:#4e5351f0;font-size:1rem;line-height:1.25}.routine-task-panel{height:100%;box-shadow:none;border-left:1px solid var(--routine-divider);border-radius:0 12px 12px 0;gap:0;display:grid;overflow:hidden}.routine-task-header{min-height:calc(var(--routine-header-height) + 4px);border-bottom:1px solid var(--routine-divider);border-radius:0;justify-content:space-between;align-items:center;padding:6px 16px;display:flex}.routine-task-header span{font-family:var(--title-font);text-transform:uppercase;color:var(--routine-header-muted,#85766fc2);padding-top:1px;font-size:.92rem;line-height:1}.routine-add-inline-button{font-family:var(--title-font);color:var(--routine-ui-subtle);background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:.86rem;line-height:1;transition:color .16s,transform .16s;display:inline-flex}.routine-add-inline-button:hover{color:var(--routine-ui-text)}.routine-add-inline-button .routine-task-icon{width:14px;height:14px}.routine-icon-button{color:#0000006b;opacity:0;pointer-events:none;background:0 0;border:0;border-radius:8px;place-items:center;width:24px;height:24px;padding:0;transition:opacity .15s,background-color .15s,color .15s;display:inline-grid}.routine-icon-button.visible{opacity:1;pointer-events:auto}.routine-icon-button:hover,.routine-icon-button[aria-expanded=true]{background:color-mix(in srgb, var(--routine-panel-tint,var(--routine-section-tint)) 56%, white 44%);color:var(--routine-header-text,var(--routine-ui-text))}.routine-icon-button-danger{color:color-mix(in srgb, var(--routine-header-muted,#85766fc2) 82%, #70585bd1)}.routine-icon-button-danger:hover{color:#7c4c52eb;background:#efe2e477}.routine-story-card .routine-story-delete{opacity:.5;pointer-events:auto;color:#7f6760ad;background:#ffffff85;border-radius:999px;width:28px;height:28px;box-shadow:inset 0 1px #ffffffd1}.routine-story-card .routine-story-delete:hover{background:#ffffffd1}.routine-task-list{background:#fffffffa;display:grid;overflow:visible}.routine-task-item{display:grid;position:relative}.routine-task-item.menu-open{background:var(--routine-ui-surface-tint);z-index:4}.routine-task-row{min-height:var(--routine-row-height);border-bottom:1px solid var(--routine-stroke);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:0 16px 0 18px;display:grid}.routine-task-row-placeholder{color:#0000}.routine-task-main{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;display:grid;position:relative}.routine-task-title{letter-spacing:-.01em;color:#3f4542f0;min-width:0;font-size:.93rem;font-weight:500;line-height:1.3}.routine-task-title-button{text-align:left;background:0 0;border:0;min-width:0;padding:0;transition:color .15s}.routine-task-title-button:hover .routine-task-title{color:var(--routine-header-text,var(--routine-ui-text))}.routine-task-title-input{letter-spacing:-.01em;color:#3f4542f0;background:0 0;border:0;flex:auto;min-width:0;padding:0;font-size:.93rem;font-weight:500;line-height:1.3}.routine-task-title-input:focus{outline:none}.routine-story-title-stack .routine-task-title-input{font-family:var(--display-font);letter-spacing:-.03em;color:#342d2aeb;font-size:1.24rem;font-weight:600;line-height:1.14}.routine-task-meta{min-width:fit-content;color:var(--routine-ui-subtle);justify-content:flex-end;align-items:center;gap:8px;display:flex;position:relative;overflow:visible}.routine-meta-group{border:1px solid color-mix(in srgb, var(--routine-panel-stroke,var(--routine-stroke)) 88%, #ffffff75);background:linear-gradient(180deg, color-mix(in srgb, var(--routine-panel-tint,var(--routine-section-tint)) 36%, white 64%), color-mix(in srgb, var(--routine-panel-tint,var(--routine-section-tint)) 54%, white 46%));min-width:0;min-height:26px;font-family:var(--body-font);white-space:nowrap;color:var(--routine-header-muted,#85766fc2);border-radius:999px;align-items:center;gap:5px;padding:0 9px;font-size:.74rem;font-weight:600;line-height:1;display:inline-flex;box-shadow:inset 0 1px #ffffffc7}.routine-meta-group-button{appearance:none;transition:background-color .16s,border-color .16s,color .16s,transform .16s}.routine-meta-group-button:hover{border-color:color-mix(in srgb, var(--routine-panel-stroke,var(--routine-stroke)) 96%, #ffffff57);background:color-mix(in srgb, var(--routine-panel-tint,var(--routine-section-tint)) 62%, white 38%);color:var(--routine-header-text,var(--routine-ui-text));transform:translateY(-1px);box-shadow:0 8px 14px #5a6e6314}.routine-meta-group-placeholder{color:var(--routine-header-subtle,var(--routine-ui-subtle));border-style:dashed}.routine-story-secondary-actions .routine-meta-group{border-color:color-mix(in srgb, var(--routine-panel-stroke,var(--routine-stroke)) 20%, white 80%);background:linear-gradient(180deg, #ffffffeb, color-mix(in srgb, var(--routine-panel-tint,var(--routine-section-tint)) 18%, white 82%));color:#685d57c7;min-height:30px;box-shadow:inset 0 1px 0 #ffffffd6, 0 6px 12px color-mix(in srgb, var(--routine-panel-stroke,var(--routine-stroke)) 7%, transparent);padding:0 11px;font-size:.76rem}.routine-story-secondary-actions .routine-meta-group-button:hover{box-shadow:inset 0 1px 0 #ffffffdb, 0 10px 16px color-mix(in srgb, var(--routine-panel-stroke,var(--routine-stroke)) 10%, transparent)}.routine-task-icon{opacity:.72;width:14px;height:14px}.routine-task-editor{z-index:3;border:1px solid var(--routine-ui-border);background:var(--routine-ui-surface);border-radius:14px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:12px;min-width:340px;padding:8px 24px;display:grid;position:absolute;top:calc(100% + 14px);left:0;box-shadow:0 10px 24px #00000014}.routine-task-editor-field{gap:4px;display:grid}.routine-task-editor-field span{font-family:var(--title-font);letter-spacing:.02em;color:#0000006b;text-transform:uppercase;font-size:.78rem;line-height:1}.routine-task-editor-field input{color:#000000c2;background:#ffffffeb;border:1px solid #0000001a;border-radius:12px;width:100%;min-height:30px;padding:0 12px}.routine-task-editor-field input:focus{outline-offset:2px;outline:2px solid #00000014}.routine-task-editor-confirm{background:var(--routine-ui-surface-strong);width:30px;min-height:30px;color:var(--routine-ui-text);border:0;border-radius:12px;place-items:center;padding:0;display:inline-grid}.routine-task-modal-shell{z-index:60;-webkit-backdrop-filter:blur(22px)saturate(1.12);background:radial-gradient(circle at top,#ffffff6b,#0000 34%),#181d1b1f;place-items:center;padding:32px;animation:.18s routine-modal-overlay-fade;display:grid;position:fixed;inset:0}.routine-manager-modal-shell{z-index:62;background:#222b2724;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.routine-manager-modal{background:#fffffffe;border:1px solid #ced8d2e6;border-radius:22px;gap:22px;width:min(100%,480px);padding:28px;display:grid;box-shadow:0 26px 70px #232c282e}.routine-manager-modal-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.routine-manager-modal-header strong{font-family:var(--title-font);color:#2d2d2dd1;font-size:1.48rem;font-weight:400;display:block}.routine-manager-modal-kicker{font-family:var(--body-font);color:var(--routine-ui-subtle);margin-top:6px;font-size:.92rem;line-height:1.45;display:block}.routine-manager-modal-body{gap:10px;display:grid}.routine-manager-row{text-align:left;background:#fffffff0;border:1px solid #c9d3cd70;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:0 18px;transition:border-color .16s,background-color .16s,transform .16s;display:flex}.routine-manager-row:hover{border-color:var(--routine-ui-border-strong);transform:translateY(-1px)}.routine-manager-row.active{border-color:var(--routine-ui-border-strong);background:var(--routine-ui-surface-tint)}.routine-manager-row-title{font-family:var(--title-font);letter-spacing:.02em;color:#2d2d2dd1;font-size:1.02rem}.routine-manager-row-meta{font-family:var(--body-font);color:var(--routine-ui-subtle);font-size:.84rem}.routine-manager-modal-footer{justify-content:flex-end;display:flex}.routine-task-modal{background:#fff;border:1px solid #ffffff8f;border-radius:30px;gap:26px;width:min(100%,520px);padding:32px 32px 28px;animation:.22s cubic-bezier(.2,.9,.24,1) routine-modal-sheet-enter;display:grid;position:relative;overflow:hidden;box-shadow:0 40px 110px #21272424,0 12px 30px #21272412,inset 0 1px #ffffffe6,inset 0 -1px #eaebe770}.routine-task-modal:before{content:none}.routine-task-modal-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.routine-task-modal-header strong{letter-spacing:-.03em;color:#2b302ef5;margin-top:2px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Arial,sans-serif;font-size:1.46rem;font-weight:600;display:block}.routine-task-modal-kicker{letter-spacing:-.01em;text-transform:none;color:#666d6ad1;margin-top:5px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;font-size:.89rem;line-height:1.42;display:block}.routine-task-modal-close,.routine-task-modal-secondary,.routine-task-modal-primary,.routine-segmented-control button{font:inherit;border:0}.routine-task-modal-close{color:#6b716ec2;background:#7676801a;border-radius:999px;place-items:center;width:30px;min-height:30px;padding:0;transition:background-color .18s,color .18s,transform .18s,box-shadow .18s;display:inline-grid}.routine-task-modal-close:hover{color:#4f5552eb;background:#76768029;box-shadow:0 8px 18px #4c53500f}.routine-task-modal-close:focus-visible{outline:none;box-shadow:0 0 0 4px #dfe3e0c7,0 6px 14px #4c53500f}.routine-task-modal-body{gap:18px;display:grid}.routine-task-editor-modal{border-radius:30px;gap:20px;width:min(100%,548px);padding:32px 32px 28px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif}.routine-task-editor-modal .routine-task-modal-header{align-items:flex-start}.routine-task-editor-modal .routine-task-modal-close{color:#6b716ec2;background:#ffffffb3;border:1px solid #dee2dfbd;width:32px;min-height:32px}.routine-task-editor-body{gap:14px}.routine-task-setting-card{-webkit-backdrop-filter:blur(12px);background:linear-gradient(#ffffffb8,#f5f4f0d1);border:1px solid #ffffff94;border-radius:24px;gap:14px;padding:19px 18px 18px;display:grid;box-shadow:inset 0 1px #ffffffe6,0 14px 34px #535f5a0a}.routine-task-setting-head{gap:3px;display:grid}.routine-task-setting-title{letter-spacing:-.015em;text-transform:none;color:#2f3432f5;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;font-size:.96rem;font-weight:600}.routine-task-setting-caption{color:#707674cc;font-size:.82rem;line-height:1.44}.routine-task-setting-controls{gap:14px;display:grid}.routine-task-setting-controls-split{grid-template-columns:minmax(0,1fr) 148px;align-items:end;gap:16px}.routine-task-setting-field{gap:9px;display:grid}.routine-task-setting-field-grow{min-width:0}.routine-task-setting-field>span{letter-spacing:-.01em;text-transform:none;color:#6d7370d1;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;font-size:.77rem;font-weight:600}.routine-task-setting-field-choice{justify-items:end;min-width:0}.routine-task-setting-field-choice>span{text-align:right;width:100%}.routine-task-modal-grid{grid-template-columns:minmax(0,1.15fr) auto;align-items:end;gap:14px 20px;display:grid}.routine-task-modal-field{gap:8px;display:grid}.routine-task-modal-field-choice{justify-self:end;justify-items:end;width:max-content;min-width:140px}.routine-task-modal-field-choice>span{text-align:right;width:100%}.routine-task-modal-field span{font-family:var(--title-font);letter-spacing:.04em;text-transform:uppercase;color:#0000006b;font-size:.84rem}.routine-task-modal-field input{color:#000000c7;background:#fffffff0;border:1px solid #c4cec880;border-radius:16px;width:100%;min-height:44px;padding:0 16px;font-size:.98rem}.routine-task-modal-field input:focus{outline-offset:0;outline:2px solid #cbdad3eb}.routine-group-editor-list-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.routine-group-editor-list-head>span{font-family:var(--title-font);letter-spacing:.04em;text-transform:uppercase;color:#0000006b;font-size:.84rem}.routine-group-editor-add,.routine-group-editor-delete{color:#5b615ecc;background:0 0;border:0;justify-content:center;align-items:center;transition:transform .16s,background-color .16s,color .16s;display:inline-flex}.routine-group-editor-add{background:#faeeeceb;border-radius:999px;gap:6px;min-height:34px;padding:0 13px;font-size:.8rem;font-weight:600}.routine-group-editor-delete{border-radius:14px;width:38px;height:38px}.routine-group-editor-add:hover,.routine-group-editor-delete:hover{color:#434946e6;background:#f6e6e3f5;transform:translateY(-1px)}.routine-group-editor-list{gap:10px;display:grid}.routine-group-editor-row{grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:10px;display:grid}.routine-group-editor-row input{text-align:left}.routine-group-editor-row .routine-task-icon{width:15px;height:15px}.routine-group-editor-empty{background:#faf5f1e6;border:1px dashed #cdd1ced1;border-radius:18px;gap:4px;padding:18px 18px 16px;display:grid}.routine-group-editor-empty strong{color:#313633eb;font-size:.92rem}.routine-group-editor-empty span{color:#6b716ecc;font-size:.82rem;line-height:1.45}.routine-task-editor-modal input{letter-spacing:-.02em;font-variant-numeric:tabular-nums;text-align:center;color:#2c312ff0;background:linear-gradient(#f4f4f1fa,#efefebf0);border:1px solid #ffffff7a;border-radius:20px;width:100%;min-height:52px;padding:0 18px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;font-size:1.03rem;font-weight:600;transition:background-color .18s,box-shadow .18s,transform .18s;box-shadow:inset 0 1px #fffffff5,inset 0 -1px #e1e5e22e,0 1px 2px #535f5a08}.routine-task-editor-modal input:focus{background:linear-gradient(#f8f8f6fc,#f1f2eefa);border-color:#ffffffb8;outline:none;box-shadow:0 0 0 4px #d0dcf280,0 10px 24px #535f5a0d}.routine-task-editor-modal input::placeholder{color:#797f7c80}.routine-task-modal-time{background:linear-gradient(#efefeceb,#f5f5f2f5);border-radius:22px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px;min-height:56px;padding:4px;transition:box-shadow .18s;display:grid;position:relative;box-shadow:inset 0 1px #ffffffd1,inset 0 -1px #d6dbd838}.routine-task-modal-time:focus-within{box-shadow:inset 0 1px #ffffffe0,inset 0 -1px #d6dbd838,0 0 0 4px #d0dcf26b,0 14px 30px #535f5a0d}.routine-task-modal-time input{background:#fffc;border:0;border-radius:18px;min-height:48px;box-shadow:inset 0 1px #fffffff5,0 1px 3px #484e4b0a}.routine-task-modal-time input:focus{background:#ffffffeb;box-shadow:inset 0 1px #fffffffa,0 6px 14px #484e4b0d}.routine-task-modal-time span{letter-spacing:0;color:#61676470;font-size:.98rem;font-weight:600}.routine-segmented-control{isolation:isolate;background:linear-gradient(#eaeae8fa,#e5e6e4fa);border:0;border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;min-width:0;padding:4px;transition:box-shadow .18s;display:inline-grid;position:relative;box-shadow:inset 0 1px #ffffffdb,inset 0 -1px #bdc2bf2e}.routine-segmented-control:before{content:"";z-index:0;background:linear-gradient(#fffffffa,#f9f9f8f0);border-radius:999px;width:calc(50% - 4px);height:calc(100% - 8px);transition:transform .21s cubic-bezier(.2,.8,.2,1),box-shadow .18s,background-color .18s;position:absolute;top:4px;left:4px;transform:translate(0);box-shadow:0 1px 2px #3d434014,0 8px 20px #3d434014}.routine-segmented-control[data-selected=end]:before{transform:translate(100%)}.routine-segmented-control:focus-within{box-shadow:inset 0 1px #ffffffdb,inset 0 -1px #bdc2bf2e,0 0 0 4px #d0dcf261}.routine-task-editor-modal .routine-segmented-control{min-width:140px}.routine-segmented-control button{z-index:1;letter-spacing:-.01em;color:#666b68d6;text-transform:uppercase;background:0 0;border:0;border-radius:999px;min-width:0;min-height:36px;padding:0 14px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;font-size:.84rem;font-weight:600;transition:color .16s,transform .16s;position:relative}.routine-segmented-control button:hover{color:#4a4f4deb}.routine-segmented-control button:active{transform:scale(.985)}.routine-segmented-control button.active{color:#2c312ff5;transform:none}.routine-segmented-control button:focus-visible{outline:none}.routine-task-modal-footer{justify-content:flex-start;align-items:center;gap:10px;display:flex}.routine-task-editor-modal .routine-task-modal-footer{justify-content:flex-end;align-items:center;gap:10px;padding-top:6px}.routine-task-modal-secondary,.routine-task-modal-primary{border-radius:15px;justify-content:center;min-width:112px;min-height:46px;padding:0 20px;transition:transform .18s,background-color .18s,border-color .18s,box-shadow .18s,color .18s}.routine-task-modal-danger{color:#80544aeb;min-height:46px;font:inherit;background:#f8efebeb;border:0;border-radius:15px;justify-content:center;align-items:center;padding:0 16px;font-weight:600;transition:transform .18s,background-color .18s,color .18s;display:inline-flex}.routine-task-modal-danger:hover{color:#70463df5;background:#f4e5dffa;transform:translateY(-1px)}.routine-task-modal-secondary{color:#0000008a;background:#f7f1edeb;align-items:center;margin-left:auto;display:inline-flex}.routine-task-modal-primary{background:var(--routine-ui-surface-strong);color:var(--routine-ui-text);align-items:center;gap:8px;display:inline-flex}.routine-task-editor-modal .routine-task-modal-secondary{color:#686e6bd1;background:linear-gradient(#f6f6f4fa,#f0f0edfa);border:1px solid #ffffff85;box-shadow:inset 0 1px #ffffffdb,0 6px 16px #535f5a0a}.routine-task-editor-modal .routine-task-modal-secondary:hover{background:linear-gradient(#fafaf9fc,#f2f2effa);transform:translateY(-1px);box-shadow:inset 0 1px #ffffffe6,0 10px 24px #535f5a0f}.routine-task-editor-modal .routine-task-modal-secondary:active{box-shadow:none;transform:translateY(0)}.routine-task-editor-modal .routine-task-modal-primary{color:#005236f5;background:linear-gradient(#f0f7f3fc,#ddebe4fa);border:1px solid #00704a3d;box-shadow:inset 0 1px #ffffffeb,0 12px 28px #00704a24}.routine-task-editor-modal .routine-task-modal-primary:hover{transform:translateY(-1px);box-shadow:inset 0 1px #fffffff0,0 16px 32px #00704a2e}.routine-task-editor-modal .routine-task-modal-primary:active{transform:translateY(0);box-shadow:inset 0 1px #fffffff0,0 8px 20px #00704a24}.routine-task-editor-modal .routine-task-modal-secondary:focus-visible,.routine-task-editor-modal .routine-task-modal-primary:focus-visible{outline:none;box-shadow:0 0 0 4px #d7e2dbd1,0 10px 22px #535f5a14}@keyframes routine-modal-overlay-fade{0%{opacity:0}to{opacity:1}}@keyframes routine-modal-sheet-enter{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.routine-task-modal-shell,.routine-task-modal,.routine-story-card.just-completed,.routine-story-card.just-completed:after,.routine-story-primary-action.just-completed,.routine-story-primary-action.just-completed:before,.routine-story-primary-action.just-completed .routine-story-primary-action-icon,.routine-story-primary-action.just-completed .routine-story-primary-action-spark-a,.routine-story-primary-action.just-completed .routine-story-primary-action-spark-b,.routine-story-primary-action.just-completed .routine-story-primary-action-spark-c,.routine-story-complete-note.just-completed,.routine-story-complete-note-icon.just-completed,.routine-story-day.active{animation:none}}.routine-empty-state{border:1px dashed color-mix(in srgb, var(--routine-ui-border-strong) 62%, white 38%);text-align:center;background:linear-gradient(#ffffffd1,#f6f9f7c7);border-radius:32px;justify-items:center;gap:10px;padding:56px 28px;display:grid;box-shadow:inset 0 1px #ffffffdb}.routine-empty-state strong,.routine-empty-state p{margin:0}.routine-empty-state strong{font-family:var(--title-font);color:#444a46d1;font-size:1.24rem}.routine-empty-state p{color:#5f68639e;max-width:320px;font-size:.92rem;line-height:1.5}.diary-home-page{background:var(--planner-page-bg);min-height:100vh}.diary-home-app{--diary-writer-top-offset:26px;position:relative}.diary-nav-spacer{visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.diary-home-shell{padding:var(--section-stack-gap) 0 34px;grid-template-columns:minmax(0,1fr);align-items:start;gap:0;display:grid;position:relative}.home-routine-widget{border-radius:30px;gap:14px;padding:20px 22px}.home-routine-widget-head h2{letter-spacing:-.02em;color:#2a2625f0;margin:0;font-size:1.06rem;font-weight:620;line-height:1.12}.home-routine-widget-list{gap:8px;display:grid}.home-routine-widget-item{border-bottom:1px solid #7e615214;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:48px;padding:0 0 0 2px;display:grid}.home-routine-widget-item:last-child{border-bottom:0}.home-routine-widget-name{letter-spacing:-.015em;color:#342f2deb;min-width:0;font-size:.95rem;font-weight:540;line-height:1.2}.home-routine-widget-item.done .home-routine-widget-name{color:#4e5854d6}.home-routine-widget-check{color:#fffffffa;background:#eeebe7d6;border:0;border-radius:50%;place-items:center;width:32px;height:32px;transition:transform .16s,background-color .16s,box-shadow .16s;display:grid;box-shadow:inset 0 1px #ffffffeb,0 2px 6px #7e615207}.home-routine-widget-check:hover{transform:translateY(-1px)}.home-routine-widget-check:active{transform:scale(.96)}.home-routine-widget-check.done{background:#85ad9ef5;box-shadow:inset 0 1px #fffffff5,0 4px 10px #85ad9e2e}.home-routine-widget-check-core{place-items:center;width:16px;height:16px;display:grid}.home-routine-check-svg{opacity:0;width:14px;height:14px;transition:opacity .18s,transform .22s cubic-bezier(.2,.9,.25,1);transform:scale(.72)}.home-routine-widget-check.done .home-routine-check-svg{opacity:1;transform:scale(1)}.home-routine-widget-check.just-completed{animation:.24s ease-out routine-story-action-complete}.home-routine-widget-check.just-completed .home-routine-check-svg{opacity:1;animation:.26s ease-out routine-story-icon-pop;transform:scale(1)}.diary-sidebar-shell{z-index:30;width:88px;position:fixed;top:0;bottom:0;left:0}.diary-sidebar{width:88px;height:100vh;box-shadow:none;background:0 0;border-right:0;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:18px 14px 20px;transition:width .22s,background-color .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.diary-sidebar:hover,.diary-sidebar:focus-within{width:248px;box-shadow:none;background:#fff}.diary-sidebar-nav{flex:auto;width:100%;margin-top:34px}.diary-sidebar-group{gap:8px;width:100%;display:grid}.diary-sidebar-brand{align-items:center;width:100%;min-height:52px;padding:0 12px;display:flex}.diary-sidebar-brand-mark{color:#f3a8bc;width:28px;height:28px;line-height:1}.diary-sidebar-button{color:#000000f0;background:0 0;border:0;border-radius:14px;justify-content:flex-start;align-items:center;gap:16px;width:100%;min-height:52px;padding:0 12px;transition:background-color .16s,color .16s,transform .16s,opacity .16s;display:inline-flex}.diary-sidebar-button:hover{transform:translateY(-1px)}.diary-sidebar:hover .diary-sidebar-button.selected,.diary-sidebar:hover .diary-sidebar-button.active,.diary-sidebar:focus-within .diary-sidebar-button.selected,.diary-sidebar:focus-within .diary-sidebar-button.active,.diary-sidebar:focus-within .diary-sidebar-button:hover,.diary-sidebar:hover .diary-sidebar-button:hover{background:#0000000a}.diary-sidebar-svg{flex:none;width:28px;height:28px}.diary-sidebar-label{opacity:0;letter-spacing:.05em;white-space:nowrap;pointer-events:none;font-size:.9rem;font-weight:500;transition:opacity .17s,transform .17s;transform:translate(-8px)}.diary-sidebar:hover .diary-sidebar-label,.diary-sidebar:focus-within .diary-sidebar-label{opacity:1;transform:translate(0)}.diary-sidebar-write{margin-top:auto;margin-bottom:4px}.diary-content{min-width:0;width:min(100%, calc(var(--content-column-width) + 16px));gap:24px;margin:0 auto;display:grid}.diary-toolbar{width:min(100%, var(--content-column-width));justify-content:space-between;align-items:center;gap:18px;min-height:42px;margin:0 auto;padding:0;display:flex}.diary-view-modes{min-height:48px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;flex:none;align-items:center;gap:37px;padding:0;display:flex}.diary-mode-button{color:#8e8888e0;background:0 0;border:0;border-radius:0;flex-direction:row;justify-content:center;align-items:center;gap:10px;min-width:0;height:48px;padding:0;transition:transform .16s,color .18s;display:inline-flex;position:relative}.diary-mode-button.active{color:#362f2ff5}.diary-mode-button:after{content:"";transform-origin:50%;opacity:0;background:#564049fa;border-radius:999px;height:2px;transition:transform .18s,opacity .18s;position:absolute;bottom:0;left:4px;right:-5px;transform:scaleX(0)}.diary-mode-button:hover{color:#5c5454f0;transform:translateY(-1px)}.diary-mode-button.active:after{opacity:1;transform:scaleX(1)}.diary-mode-button-icon{flex:0 0 24px;place-items:center;width:24px;height:24px;transition:opacity .18s;display:inline-grid}.diary-mode-icon{width:24px;height:24px;display:block}.diary-mode-button.active .diary-mode-button-icon{opacity:1}.diary-mode-label{min-width:max-content;font-family:var(--title-font);letter-spacing:0;white-space:nowrap;color:inherit;flex:none;align-items:center;padding:0;font-size:24px;font-weight:400;line-height:1;display:inline-flex}.diary-mode-button.active .diary-mode-label{color:#362f2ff5}.diary-story-count{min-height:32px;font-family:var(--title-font);letter-spacing:.02em;color:#9e9e9e;align-items:center;margin:0;font-size:1.22rem;line-height:1;display:flex}.diary-toolbar-meta{align-items:center;gap:18px;min-height:32px;display:flex}.diary-month-select{position:relative}.diary-month-button{color:#2f2f2fd6;background:#ffffffeb;border:.8px solid #bfbfbf96;border-radius:18px;align-items:center;gap:8px;min-height:32px;padding:4px 14px 4px 16px;transition:border-color .16s,transform .16s,box-shadow .16s;display:inline-flex;box-shadow:0 2px 4px #00000014}.diary-month-button.open,.diary-month-button:hover{border-color:#abababe0;transform:translateY(-1px);box-shadow:0 6px 12px #00000014}.diary-month-button span{font-family:var(--title-font);font-size:1rem;line-height:1}.diary-dropdown-chevron{color:#00000085;width:14px;height:14px;transition:transform .16s}.diary-dropdown-chevron.open{transform:rotate(180deg)}.diary-month-popover{z-index:15;background:#fffffffa;border:.8px solid #e3e3e3;border-radius:16px;min-width:184px;padding:8px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 36px #00000017}.diary-month-option{text-align:left;color:#0000009e;background:0 0;border:0;border-radius:10px;min-height:36px;padding:0 12px}.diary-month-option:hover,.diary-month-option.active{color:#000000d1;background:#f7f2f2}.diary-inline-panel{width:min(100%, var(--content-column-width));box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border:.8px solid #eaeaea;border-radius:8px;margin:0 auto}.diary-search-panel{padding:18px 22px}.diary-search-field{gap:10px;display:grid}.diary-search-field span{font-family:var(--title-font);color:#0000008a;font-size:1.1rem;line-height:1}.diary-search-field input{color:#000000b8;background:#ffffffeb;border:.8px solid #d7d7d7;border-radius:10px;width:100%;min-height:44px;padding:10px 14px}.diary-search-field input:focus{outline-offset:2px;outline:2px solid #0000001f}.diary-guide-panel{padding:16px 22px}.diary-guide-panel p{color:#00000085;margin:0;font-size:.95rem;line-height:1.7}.diary-story-grid{background:0 0;border-radius:2px;grid-template-columns:repeat(4,272px);align-content:start;gap:2px;width:1094px;max-width:100%;margin:0 auto;padding-left:0;display:grid;overflow:hidden}.diary-image-grid{background:0 0;border-radius:2px;grid-template-columns:repeat(4,272px);align-content:start;gap:2px;width:1094px;max-width:100%;margin:0 auto;display:grid;overflow:hidden}.diary-image-card{width:272px;height:340px;box-shadow:none;background:#f2eef2;border:0;transition:opacity .18s;position:relative;overflow:hidden}.diary-image-card-media,.diary-image-lightbox-thumb-media{object-fit:cover;width:100%;height:100%;display:block}.diary-image-card-placeholder,.diary-image-lightbox-placeholder{text-align:center;place-items:center;width:100%;height:100%;padding:24px;display:grid}.diary-image-card-placeholder span,.diary-image-lightbox-placeholder span{letter-spacing:.04em;color:#483a43d1;max-width:14ch;font-size:1.05rem;font-weight:600;line-height:1.5}.diary-image-card-heart{z-index:3;color:#ffffffeb;background:0 0;border:0;place-items:center;width:24px;height:24px;padding:0;display:inline-grid;position:absolute;bottom:20px;left:20px}.diary-image-card-heart .diary-mode-icon{width:18px;height:18px}.diary-image-card-menu-trigger{top:13px;right:13px}.diary-image-card-overlay{pointer-events:none;opacity:0;background:#1d15188a;transition:opacity .18s;position:absolute;inset:0}.diary-image-card-overlay-date{z-index:4;letter-spacing:.1em;color:#fffffffa;text-align:right;white-space:nowrap;text-shadow:0 0 10px #fff3;opacity:0;justify-content:flex-end;align-items:center;min-height:24px;margin:0;padding:0;font-family:SFMono-Regular,Menlo,Monaco,Courier New,monospace;font-size:.82rem;font-weight:400;transition:opacity .18s;display:inline-flex;position:absolute;bottom:20px;right:20px}.diary-image-card:hover .diary-image-card-overlay,.diary-image-card.menu-open .diary-image-card-overlay,.diary-image-card:hover .diary-image-card-overlay-date,.diary-image-card.menu-open .diary-image-card-overlay-date,.diary-image-card:hover .diary-story-menu-trigger,.diary-image-card.menu-open .diary-story-menu-trigger{opacity:1}.diary-image-card:hover,.diary-image-card.menu-open{box-shadow:none;transform:none}.diary-empty-state{min-height:424px;width:min(100%, var(--content-column-width));box-shadow:var(--card-shadow);background:#fffffffa;border:.8px solid #eaeaea;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin:0 auto;display:flex}.diary-empty-icon{color:#767676;width:32px;height:32px}.diary-empty-copy{justify-items:center;display:grid}.diary-empty-copy p{letter-spacing:.04em;color:#676767;margin:0;font-size:.95rem;font-weight:500;line-height:1.74}.diary-story-card{width:272px;height:340px;box-shadow:none;background:#fffffffa;border:0;border-radius:0;flex-direction:column;display:flex;position:relative;overflow:hidden}.diary-story-overlay{pointer-events:none;opacity:0;background:#0000008c;transition:opacity .16s;position:absolute;inset:0}.diary-story-card:hover .diary-story-overlay,.diary-story-card.menu-open .diary-story-overlay{opacity:1}.diary-story-menu-trigger{z-index:6;color:#fff;opacity:0;background:0 0;border:0;border-radius:999px;place-items:center;width:32px;height:32px;padding:0;transition:opacity .16s,transform .16s;display:inline-grid;position:absolute;top:13px;right:14px}.diary-story-card:hover .diary-story-menu-trigger,.diary-story-card.menu-open .diary-story-menu-trigger{opacity:1}.diary-story-menu-trigger:hover{transform:translateY(-1px)}.diary-card-menu-svg{width:32px;height:32px}.diary-story-overlay-date{z-index:4;letter-spacing:.1em;color:#fffffffa;text-align:right;white-space:nowrap;text-shadow:0 0 10px #fff3;opacity:0;justify-content:flex-end;align-items:center;min-height:24px;margin:0;padding:0;font-family:SFMono-Regular,Menlo,Monaco,Courier New,monospace;font-size:.82rem;font-weight:400;transition:opacity .16s;display:inline-flex;position:absolute;bottom:20px;right:24px}.diary-story-overlay-date.static{opacity:1;color:#565656eb;text-shadow:none;bottom:18px}.diary-story-card:hover .diary-story-overlay-date,.diary-story-card.menu-open .diary-story-overlay-date{opacity:1}.diary-story-menu{z-index:7;background:#fffffff5;border:.8px solid #e0e0e0;border-radius:10px;min-width:136px;display:grid;position:absolute;top:46px;right:14px;overflow:hidden;box-shadow:0 10px 24px #0000001f}.diary-story-menu button{text-align:left;color:#000000ad;cursor:default;background:0 0;border:0;min-height:40px;padding:0 14px}.diary-story-menu button+button{border-top:.8px solid #ececec}.diary-story-menu button:hover{background:#f7f2f2}.diary-story-title-row,.diary-story-content-row,.diary-story-footer{z-index:1;position:relative}.diary-story-title-row{padding:32px 32px 0}.diary-story-title-row p{letter-spacing:-.014em;color:#1e1e1ef2;margin:0;font-size:.92rem;font-weight:540;line-height:1.42}.diary-story-content-row{flex:1;padding:16px 32px 0}.diary-story-content-row.titleless{padding:30px 32px 0}.diary-story-content-row p{-webkit-line-clamp:6;letter-spacing:-.01em;color:#2e2e2ee0;-webkit-box-orient:vertical;margin:0;font-size:.98rem;font-weight:400;line-height:1.74;display:-webkit-box;overflow:hidden}.diary-story-card.titleless .diary-story-content-row p{-webkit-line-clamp:7;letter-spacing:-.012em;color:#282828e6;font-size:.995rem;line-height:1.76}.diary-story-footer{justify-content:flex-start;align-items:center;padding:0 32px 20px;display:flex}.diary-story-footer.emphasized-date{justify-content:flex-start;gap:0}.diary-story-footer-actions{flex:none;justify-content:flex-start;align-items:center;gap:8px;min-width:0;height:24px;display:inline-flex}.diary-story-image-count{opacity:1;flex:0 0 12px;width:12px;min-width:12px;height:12px;display:inline-block;position:relative;top:1px}.diary-story-image-count span{box-sizing:border-box;display:block;position:absolute}.diary-story-image-count .frame{background:#5c5c5ce0;border:0;border-radius:1.9px;inset:1px 0}.diary-story-image-count .sun{background:#ffffffeb;border-radius:999px;width:1.8px;height:1.8px;top:1.8px;right:1.8px}.diary-story-image-count .ridge{clip-path:polygon(0 100%,0 76%,26% 42%,52% 72%,72% 24%,100% 100%);background:#fffffff0;height:3.5px;bottom:1.3px;left:1.3px;right:1.3px}.diary-story-date-chip{letter-spacing:.08em;color:#ffffffe0;text-align:right;white-space:nowrap;flex:none;margin-left:auto;font-family:SFMono-Regular,Menlo,Monaco,Courier New,monospace;font-size:.78rem;font-weight:400;line-height:1}.diary-story-footer.emphasized-date .diary-story-date-chip{margin-left:0}.diary-story-heart{color:#676767eb;background:0 0;border:0;place-items:center;width:24px;height:24px;padding:0;display:inline-grid}.diary-story-heart .diary-mode-icon{width:17px;height:17px}.diary-story-heart.active .diary-mode-icon{filter:drop-shadow(0 1px 1px #0000001a)}.diary-detail-layer{z-index:45;position:fixed;inset:0}.diary-detail-dim{background:#18121461;border:0;position:absolute;inset:0}.diary-detail-panel{background:#fffffffa;border-radius:32px;width:min(760px,100vw - 48px);max-height:calc(100vh - 72px);padding:30px 30px 36px;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 26px 72px #1f161926}.diary-detail-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.diary-detail-meta{align-items:center;gap:12px;min-width:0;display:flex}.diary-detail-date{font-family:var(--title-font);letter-spacing:.02em;color:#4a444694;margin:0;font-size:1.18rem;font-weight:400}.diary-detail-weather{width:28px;height:28px}.diary-detail-mood{font-size:1.3rem;line-height:1}.diary-detail-close{color:#463a3f85;background:#4e3f470f;border:0;border-radius:999px;place-items:center;width:34px;height:34px;padding:0;display:inline-grid}.diary-detail-title{letter-spacing:-.015em;color:#1f1d1ef0;margin:20px 0 0;font-size:1.9rem;font-weight:580;line-height:1.18}.diary-detail-gallery-shell{background:#f7f4f9;border:.8px solid #e0e0e0eb;border-radius:18px;margin-top:24px;padding:0;position:relative;overflow:hidden;box-shadow:0 8px 18px #4c42480f}.diary-detail-gallery{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;grid-auto-columns:minmax(184px,calc(33.3333% - 1.33333px));grid-auto-flow:column;gap:2px;display:grid;overflow:auto hidden}.diary-detail-gallery::-webkit-scrollbar{display:none}.diary-detail-image-frame{aspect-ratio:4/5;scroll-snap-align:start;background:#f7f4f9;border:0;border-radius:0;place-items:center;display:grid;overflow:hidden}.diary-detail-image{object-fit:contain;width:100%;height:100%;display:block}.diary-detail-gallery-arrow{z-index:3;-webkit-backdrop-filter:blur(12px)saturate(1.18);background:#ffffff24;border:1px solid #ffffff47;border-radius:999px;place-items:center;width:36px;height:36px;padding:0;display:inline-grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 10px 22px #261a221f}.diary-detail-gallery-arrow .writer-carousel-arrow circle{display:none}.diary-detail-gallery-arrow .writer-carousel-arrow{width:28px;height:28px}.diary-detail-gallery-arrow.left{left:8px}.diary-detail-gallery-arrow.right{right:8px}.diary-detail-gallery-arrow.disabled{opacity:.28;pointer-events:none}.diary-detail-body{background:linear-gradient(#f8f4f8fa,#f4eff4fa);border-radius:26px;margin-top:24px;padding:30px 32px}.diary-detail-body p{white-space:pre-wrap;letter-spacing:.005em;color:#4e494beb;margin:0;font-size:1.02rem;line-height:1.9}.diary-detail-place{gap:12px;margin-top:24px;display:grid}.diary-detail-place-chip{background:#f7f4f9f0;border:.5px solid #b2a1c366;border-radius:12px;align-items:center;gap:8px;width:fit-content;padding:9px 16px 9px 10px;display:inline-flex}.diary-detail-place p{color:#817c7feb;margin:0;font-size:.94rem;line-height:1.62}.diary-image-lightbox-layer{z-index:46;position:fixed;inset:0}.diary-image-lightbox-dim{-webkit-backdrop-filter:blur(13px);background:#000000ad;border:0;position:absolute;inset:0}.diary-image-lightbox-close{z-index:6;color:#fff;background:0 0;border:0;border-radius:999px;place-items:center;width:68px;height:68px;padding:0;display:inline-grid;position:fixed;top:10px;right:10px}.diary-image-lightbox-close .writer-inline-clear-icon{width:34px;height:34px}.diary-image-lightbox-shell{--lightbox-shell-padding-top:clamp(20px, 3vh, 40px);--lightbox-shell-padding-side:clamp(20px, 3vw, 40px);--lightbox-shell-padding-bottom:clamp(28px, 4vh, 44px);--lightbox-viewer-group-offset:20px;--lightbox-content-shift:clamp(18px, 2.5vh, 30px);--lightbox-image-to-controls-gap:clamp(72px, 9vh, 112px);--lightbox-controls-gap:24px;--lightbox-dots-height:8px;--lightbox-dots-to-arrows-gap:16px;--lightbox-bottom-nav-height:40px;--lightbox-controls-padding-bottom:clamp(40px, 6vh, 60px);--lightbox-controls-reserved-height:calc(var(--lightbox-dots-height) + var(--lightbox-dots-to-arrows-gap) + var(--lightbox-bottom-nav-height) + var(--lightbox-controls-padding-bottom));--lightbox-controls-min-height:calc(var(--lightbox-controls-reserved-height) + var(--lightbox-image-to-controls-gap));--lightbox-thumbnail-gap:27px;--lightbox-main-max-width:min(62vw, 920px);--lightbox-side-near-width:clamp(170px, 12vw, 240px);--lightbox-side-far-width:clamp(110px, 8vw, 170px);--lightbox-main-max-height:calc(100dvh - var(--lightbox-shell-padding-top) - var(--lightbox-shell-padding-bottom) - var(--lightbox-controls-reserved-height) - var(--lightbox-viewer-group-offset) - 12px);--lightbox-letterbox-bg:#000000f5;width:min(1560px,100vw - 48px);height:100dvh;padding:var(--lightbox-shell-padding-top) var(--lightbox-shell-padding-side) var(--lightbox-shell-padding-bottom);box-sizing:border-box;flex-direction:column;align-items:center;margin:0 auto;display:flex;position:absolute;inset:0}.diary-image-lightbox-group{width:auto;max-width:100%;min-height:0;padding-top:var(--lightbox-viewer-group-offset);box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.diary-image-lightbox-viewer{box-sizing:border-box;width:auto;max-width:100%;min-height:0;transform:translateY(var(--lightbox-content-shift));justify-content:center;align-items:center;display:flex}.diary-image-lightbox-stage{box-sizing:border-box;justify-content:center;align-items:center;width:auto;max-width:100%;min-height:0;padding-top:clamp(10px,2vh,20px);display:flex;position:relative}.diary-image-lightbox-carousel{justify-content:center;align-items:flex-end;gap:var(--lightbox-thumbnail-gap);width:auto;max-width:100%;min-height:0;display:inline-flex}.diary-image-lightbox-card{background:0 0;border:0;flex:none;justify-content:center;align-items:flex-end;padding:0;transition:transform .18s,opacity .18s;display:inline-flex}.diary-image-lightbox-main-media,.diary-image-lightbox-thumb-media,.diary-image-lightbox-placeholder-media{display:block}.diary-image-lightbox-main-media{width:auto;height:auto;max-width:var(--lightbox-main-max-width);max-height:var(--lightbox-main-max-height);object-fit:contain}.diary-image-lightbox-thumb-media,.diary-image-lightbox-placeholder-media{aspect-ratio:342/399;object-fit:cover;width:100%}.diary-image-lightbox-main-media,.diary-image-lightbox-thumb-media{box-shadow:0 8px 28px #00000057}.diary-image-lightbox-card.active{width:auto;max-width:var(--lightbox-main-max-width);max-height:var(--lightbox-main-max-height);opacity:1;background:0 0;flex-basis:auto;overflow:visible}.diary-image-lightbox-card.left.near,.diary-image-lightbox-card.right.near{width:var(--lightbox-side-near-width);flex-basis:var(--lightbox-side-near-width);opacity:.9}.diary-image-lightbox-card.left.far,.diary-image-lightbox-card.right.far{width:var(--lightbox-side-far-width);flex-basis:var(--lightbox-side-far-width);opacity:.76}.diary-image-lightbox-card.placeholder{pointer-events:none}.diary-image-lightbox-placeholder-media{visibility:hidden}.diary-image-lightbox-footer{width:auto;min-width:100%;min-height:var(--lightbox-controls-min-height);padding-top:var(--lightbox-image-to-controls-gap);box-sizing:border-box;flex-shrink:0;grid-template-rows:auto auto;align-content:start;justify-items:center;gap:0;display:grid}.diary-image-lightbox-control-tray{justify-items:center;gap:var(--lightbox-dots-to-arrows-gap);display:grid}.diary-image-lightbox-bottom-space{width:100%;min-height:var(--lightbox-controls-padding-bottom)}.diary-image-lightbox-dots{transform:translateY(var(--lightbox-content-shift));justify-content:center;align-items:center;gap:6px;display:inline-flex}.diary-image-lightbox-dots button{background:#e4e4e994;border:0;border-radius:999px;width:8px;height:8px;padding:0;transition:background-color .16s,transform .16s}.diary-image-lightbox-dots button.active{background:#fffffffa}.diary-image-lightbox-dots button:hover{transform:scale(1.05)}.diary-image-lightbox-mobile-dots{display:none}.diary-image-lightbox-arrow{z-index:3;background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.diary-image-lightbox-arrow.side{color:#fffffff5;width:52px;height:52px;display:none;position:fixed;top:50%;transform:translateY(-50%)}.diary-image-lightbox-arrow.side.left{left:14px}.diary-image-lightbox-arrow.side.right{right:14px}.diary-lightbox-side-chevron{width:34px;height:34px}.diary-image-lightbox-bottom-nav{justify-content:center;align-items:center;gap:22px;display:flex;transform:translateY(clamp(24px,3vh,36px))}.diary-image-lightbox-arrow.bottom{width:40px;height:40px}.diary-image-lightbox-arrow.disabled{opacity:.35;pointer-events:none}.diary-question-button{width:39px;height:39px;font-family:var(--title-font);color:#0000006b;background:#fffffff2;border:.8px solid #bfbfbfb8;border-radius:999px;place-items:center;padding:0;font-size:1.5rem;line-height:1;display:inline-grid;position:fixed;bottom:26px;right:30px;box-shadow:0 2px 10px #00000014}.diary-question-button:hover{transform:translateY(-1px)}.diary-writer-layer{z-index:40;position:fixed;inset:0}.diary-writer-dim{background:#00000059;border:0;position:absolute;inset:0}.diary-writer-shell{--diary-writer-shell-height:min(854px, calc(100vh - var(--diary-writer-top-offset) - 36px));height:var(--diary-writer-shell-height);max-height:calc(100vh - var(--diary-writer-top-offset) - 36px);align-items:flex-start;gap:12px;width:min(812px,100vw - 60px);display:flex;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.diary-writer-shell.map-open{--diary-writer-shell-height:min(854px, calc(100vh - var(--diary-writer-top-offset) - 36px));width:min(812px,100vw - 60px)}.diary-writer-shell.title-open:not(.map-open),.diary-writer-shell.image-open:not(.map-open){--diary-writer-shell-height:min(854px, calc(100vh - var(--diary-writer-top-offset) - 36px))}.diary-writer-shell.map-side-open{width:min(1228px,100vw - 44px)}.diary-writer-panel{scrollbar-width:none;background:#fffffffe;border-radius:38px;width:100%;height:100%;min-height:0;padding:0 16px 14px;display:block;position:relative;overflow:hidden auto;box-shadow:0 24px 60px #382b301f}.diary-writer-content{align-content:start;gap:21px;padding-top:18px;display:grid}.diary-writer-content.image-open{padding-bottom:45px}.diary-writer-panel::-webkit-scrollbar{display:none}.diary-map-side::-webkit-scrollbar{display:none}.diary-detail-panel::-webkit-scrollbar{display:none}.diary-writer-tabs{background:#fff;justify-content:center;align-items:center;gap:85px;padding:30px 60px 15px;display:flex}.diary-writer-tab{box-sizing:border-box;letter-spacing:.01em;color:#b1b1b1;background:0 0;border:0;min-height:0;padding:16px 3px;font-size:17px;line-height:1;transition:color .15s,box-shadow .15s;box-shadow:inset 0 -1px #0000}.diary-writer-tab.active{color:#7d7d7d;box-shadow:inset 0 -1px #dddfe8}.diary-writer-popover{z-index:4;background:#fff;border:2px solid #eaeaea;border-radius:40px;position:absolute;top:86px;left:38px;box-shadow:0 1px 8px #0000000d}.diary-writer-popover strong{letter-spacing:.02em;color:#535353;margin-bottom:24px;font-size:1.25rem;line-height:1.2;display:block}.diary-writer-weather-popover{min-width:360px;padding:34px 34px 28px}.diary-writer-weather-grid{flex-wrap:wrap;gap:36px;display:flex}.diary-writer-weather-option,.diary-writer-mood-option{background:0 0;border:0;place-items:center;padding:0;transition:transform .15s,filter .15s;display:inline-grid}.diary-writer-weather-option.selected,.diary-writer-mood-option.selected,.diary-writer-weather-option:hover,.diary-writer-mood-option:hover{filter:saturate(1.06);transform:translateY(-1px)scale(1.04)}.writer-weather-icon{width:30px;height:35px}.diary-writer-mood-popover{width:min(656px,100vw - 120px);max-height:598px;padding:42px 46px 28px;top:86px;left:58px}.diary-writer-mood-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:18px 26px;max-height:420px;padding:6px 0 12px;display:grid;overflow:auto}.diary-writer-mood-option{font-size:1.45rem;line-height:1}.diary-writer-header{justify-content:space-between;align-items:center;gap:18px;min-height:55px;padding:0 60px;display:flex}.diary-writer-date-row{align-items:center;gap:12px;min-width:0;padding-left:30px;display:flex;overflow:hidden}.diary-writer-header h2{letter-spacing:.01em;color:#484848;white-space:nowrap;margin:0;font-size:34px;font-weight:520;line-height:1}.writer-weather-inline{flex:none;width:30px;height:35px}.diary-writer-mood-chip{vertical-align:middle;flex:none;place-items:center;width:28px;height:28px;font-size:1.45rem;line-height:1;display:inline-grid}.diary-writer-status{flex:none;align-items:center;gap:0;padding-right:24px;display:flex}.diary-writer-status span{display:none}.diary-writer-status button{letter-spacing:.02em;color:#6074c7;background:0 0;border:0;font-size:16px;font-weight:700;line-height:1}.diary-writer-title-wrap{padding:0 60px}.diary-writer-title-wrap.hidden{display:none}.diary-writer-title-wrap.active{display:block}.diary-writer-title-wrap input{width:100%;min-height:0;box-shadow:none;letter-spacing:.03em;color:#111;background:0 0;border:0;border-radius:0;padding:0 34px;font-size:17px;line-height:20px}.diary-writer-title-wrap input:focus{box-shadow:none;outline:none}.diary-writer-title-wrap input::placeholder,.diary-writer-title-wrap input:placeholder-shown{color:#959595}.diary-writer-image-wrap{padding:10px 92px 18px 60px;position:relative}.diary-writer-image-wrap.hidden{display:none}.diary-writer-image-wrap.active{display:block}.diary-writer-image-track{touch-action:pan-y;border-radius:5px;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;width:calc(100% + 28px);height:283px;margin-right:-28px;display:grid;position:relative;overflow:hidden}.diary-writer-image-slot{cursor:pointer;background:#f7f4f9;border:1px solid #eaeaea;height:100%;position:relative;overflow:hidden}.diary-writer-image-slot.has-image{border:.8px solid #e0e0e0eb;padding:0}.diary-writer-image-preview{object-fit:cover;width:100%;height:100%;display:block}.diary-writer-image-remove{z-index:2;color:#564c52d6;background:#ffffffe6;border:0;border-radius:999px;place-items:center;width:24px;height:24px;padding:0;display:inline-grid;position:absolute;top:10px;right:10px;box-shadow:0 4px 12px #30282c24}.diary-writer-image-remove .writer-inline-clear-icon{width:13px;height:13px}.diary-writer-image-add{z-index:3;color:#555555e6;background:#ffffffeb;border:0;border-radius:999px;place-items:center;width:28px;height:28px;padding:0;font-size:1.2rem;line-height:1;display:inline-grid;position:absolute;bottom:16px;right:16px;box-shadow:0 6px 14px #3e373a1f}.diary-writer-image-add:hover{background:#fffffffa}.diary-writer-carousel-button{z-index:2;background:0 0;border:0;place-items:center;padding:0;display:inline-grid;position:absolute;top:50%;transform:translateY(-50%)}.diary-writer-carousel-button.disabled{opacity:.35;pointer-events:none}.diary-writer-carousel-button.left{left:10px}.diary-writer-carousel-button.right{right:10px}.writer-carousel-arrow{width:34px;height:34px}.diary-writer-image-dots{justify-content:center;gap:4px;margin-top:8px;display:flex;position:static;left:50%;transform:none}.diary-writer-image-dots button{background:#90909ad9;border:0;border-radius:999px;width:8px;height:8px;padding:0}.diary-writer-image-dots button.active{background:#5063cefa}.diary-writer-body{background:#f7f4f9;border:.8px solid #eaeaea;border-radius:30px;width:644px;max-width:calc(100% - 120px);height:409px;margin:13px auto 0;padding:0;display:grid;position:relative;overflow:hidden}.diary-writer-body.default-layout{height:478px}.diary-writer-body.title-layout{height:437px}.diary-writer-body.with-map{height:409px;margin-top:13px}.diary-writer-body:focus-within{outline-offset:2px;outline:2px solid #6074c729}.diary-writer-body textarea{resize:none;width:100%;height:100%;min-height:0;font-family:var(--body-font), "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;letter-spacing:.01em;color:#5f5f5f;text-rendering:optimizelegibility;-webkit-font-smoothing:subpixel-antialiased;scrollbar-gutter:stable;background:0 0;border:0;border-radius:0;padding:32px 50px 84px 40px;font-size:1rem;line-height:1.78}.diary-writer-body textarea:focus{outline:none}.diary-writer-body textarea.auto-grow{overflow-y:hidden}.diary-writer-body textarea.scrollable{overflow-y:auto}.diary-writer-body span{color:#8d8d8d;pointer-events:none;font-size:.75rem;position:absolute;bottom:14px;right:28px}.diary-writer-map-summary{scrollbar-width:thin;gap:14px;max-height:188px;margin-top:0;padding:10px 60px 16px;display:grid;overflow:visible auto}.diary-writer-map-summary-header{justify-content:space-between;align-items:center;gap:20px;width:100%;display:flex}.diary-writer-map-summary-header strong{letter-spacing:.02em;color:#000;font-size:1.25rem}.diary-writer-map-summary-header button{color:#6074c7;background:#fff;border:0;border-radius:14px;padding:10px 15px;font-size:1rem;font-weight:700}.diary-writer-place-tags{display:none}.diary-writer-place-suggestions{flex-wrap:wrap;flex:auto;align-items:center;gap:12px;min-width:0;display:flex}.diary-writer-place-row{align-items:flex-start;width:100%;display:flex}.diary-writer-place-entry{background:#efefefeb;border:.8px solid #cbcbcbd1;border-radius:12px;flex:none;align-items:center;gap:10px;width:188px;padding:8px 14px 8px 10px;display:flex}.diary-writer-place-entry.inline{margin-left:0}.diary-writer-place-entry input{color:#5c585aeb;background:0 0;border:0;width:100%}.diary-writer-place-entry input:focus{outline:none}.diary-writer-place-tag{color:#383838eb;background:#efefefeb;border:.5px solid #c4c4c4b8;border-radius:12px;align-items:center;gap:8px;padding:8px 15px 8px 10px;transition:background-color .16s,border-color .16s,color .16s,padding-right .16s;display:inline-flex}.diary-writer-place-tag.active{color:#403158eb;background:#f7f4f9;border-color:#b2a1c370}.diary-writer-place-tag.active:hover{padding-right:24px}.diary-writer-place-remove{opacity:0;place-items:center;width:16px;height:16px;margin-left:2px;transition:opacity .15s;display:inline-grid}.diary-writer-place-tag:hover .diary-writer-place-remove{opacity:1}.diary-writer-place-icon{color:#555;place-items:center;width:27px;height:27px;display:inline-grid}.diary-writer-place-icon.entry{color:#766c71d1;width:22px;height:22px}.diary-writer-place-icon.suggestion{color:#707070d1;width:20px;height:20px}.writer-place-icon-svg{width:22px;height:22px}.diary-map-side{opacity:0;pointer-events:none;scrollbar-width:none;background:#fff;border-radius:50px;flex-direction:column;flex:none;justify-content:flex-start;width:0;height:100%;min-height:0;transition:opacity .22s,transform .22s;display:flex;position:relative;top:auto;left:auto;overflow:hidden;transform:translate(12px)}.diary-map-side.open{opacity:1;pointer-events:auto;width:min(412px,100vw - 40px);transform:translate(0)}.diary-map-side-scroll{scrollbar-width:none;flex:auto;min-height:0;overflow:hidden auto}.diary-map-side-top{flex:none;align-items:flex-start;gap:10px;padding:30px 26px 0 36px;display:flex}.diary-map-search-stack{flex:1;position:relative}.diary-map-search{color:#adadad;background:#fff;border:2px solid #d9d9d980;border-radius:30px;align-items:center;gap:12px;padding:10px 16px 10px 22px;display:flex;position:relative;box-shadow:0 1px 8px #0000000d}.diary-map-side-close{color:#999195e0;background:#f1edf0eb;border:0;border-radius:999px;place-items:center;width:30px;height:30px;padding:0;display:inline-grid}.writer-inline-icon{flex:none;width:27px;height:27px}.diary-map-search input{color:#777;background:0 0;border:0;width:100%}.diary-map-search input:focus{outline:none}.diary-map-search-clear{color:#cbcbcb;background:0 0;border:0;place-items:center;width:24px;height:24px;padding:0;display:inline-grid}.diary-map-search-suggestions{z-index:5;background:#fffffffa;border:1px solid #dfdfdfe6;border-radius:14px;gap:0;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 12px 28px #00000014}.diary-map-search-suggestion{text-align:left;background:0 0;border:0;border-bottom:1px solid #ebebebeb;gap:3px;padding:12px 16px;display:grid}.diary-map-search-suggestion:last-child{border-bottom:0}.diary-map-search-suggestion:hover{background:#f7f4f9c2}.diary-map-search-suggestion.address-only{gap:0}.diary-map-search-suggestion-name{color:#6074c7;font-size:.95rem;font-weight:700;line-height:1.25}.diary-map-search-suggestion-address-only{color:#383838f5;font-size:.9rem;font-weight:600;line-height:1.45}.diary-map-search-suggestion-address{color:#868686f2;font-size:.78rem;line-height:1.35}.diary-map-search-suggestion.address-only .diary-map-search-suggestion-address{display:none}.writer-inline-clear-icon{width:16px;height:16px}.diary-map-gallery{grid-template-rows:1fr 1fr;grid-template-columns:1fr .56fr .56fr;gap:3px;min-height:200px;margin:20px 34px 0;display:grid;position:relative}.diary-map-gallery .large,.diary-map-gallery .small{background:#f7f4f9;border:.8px solid #eaeaea;overflow:hidden}.diary-map-gallery-image{object-fit:cover;width:100%;height:100%;display:block}.diary-map-gallery .large{border-radius:30px 0 0 30px;grid-row:span 2}.diary-map-gallery .small:last-of-type{border-radius:0 30px 0 0}.diary-map-gallery .large.bottom{border-radius:0;grid-area:2/2/auto/span 1}.diary-map-gallery .counter{color:#fff;background:#515151e8;border-radius:0 0 30px;place-items:center;width:34%;height:calc(50% - 1.5px);font-size:.9rem;font-weight:600;display:grid;position:absolute;bottom:0;right:0}.diary-map-place-card{border-bottom:0;gap:0;margin:24px 35px 0;padding:0 20px 12px;display:grid}.diary-map-place-card h3{letter-spacing:.02em;color:#000;margin:0;font-size:2rem;line-height:1.2}.diary-map-side-spacer{flex:1;min-height:150px;padding:6px 34px 0}.diary-map-review-list{gap:14px;margin-top:0;padding:0 2px 8px;display:grid}.diary-map-review-card{border-bottom:1px solid #e8e8e8eb;gap:8px;padding-bottom:14px;display:grid}.diary-map-review-card:last-child{border-bottom:0;padding-bottom:0}.diary-map-review-head{align-items:center;gap:8px;display:flex}.diary-map-review-head strong{color:#221e20f0;font-size:.9rem;line-height:1.25}.diary-map-review-head span{font-size:.95rem;line-height:1}.diary-map-review-card p{color:#4e4a4deb;margin:0;font-size:.92rem;line-height:1.72}.diary-map-submit{color:#b5c2f7;background:0 0;border:0;padding:0;font-size:.95rem;font-weight:700}.diary-map-side-footer{z-index:2;background:linear-gradient(#fff0 0%,#fffffff5 18%,#fff 100%);border-top:1px solid #ecececeb;flex:none;gap:10px;padding:10px 26px 16px 28px;display:grid;position:relative}.diary-map-uploaded-strip{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.diary-map-uploaded-strip::-webkit-scrollbar{display:none}.diary-map-uploaded-image{background:#f3f0f3;border-radius:14px;flex:none;width:54px;height:54px;overflow:hidden}.diary-map-uploaded-image img{object-fit:cover;width:100%;height:100%;display:block}.diary-map-side-footer-row{align-items:center;gap:10px;display:flex}.diary-map-camera-button{color:#3c3c3ce6;background:0 0;border:0;place-items:center;width:32px;height:32px;padding:0;display:inline-grid}.diary-map-side-prompt-wrap{flex:1;align-items:center;min-width:0;padding:0 4px;display:flex}.diary-map-side-prompt{color:#888;background:0 0;border:0;width:100%;font-size:.92rem}.diary-map-side-prompt:focus{outline:none}.diary-map-emoji-button{color:#404040e6;background:0 0;border:0;place-items:center;width:30px;height:30px;padding:0;display:inline-grid}.map-place-mood-glyph{width:20px;height:20px}.diary-map-suggestion{color:#272727eb;background:#d9d9d95c;border:0;border-radius:12px;align-items:center;gap:8px;padding:8px 17px;transition:background-color .16s,box-shadow .16s,padding-right .16s;display:inline-flex;position:relative}.diary-map-suggestion.selected{box-shadow:none;background:#dfdfdfe6}.diary-map-suggestion.active{color:#403158eb;background:#f7f4f9}.diary-map-suggestion-remove{opacity:0;place-items:center;width:14px;height:14px;transition:opacity .15s;display:inline-grid}.diary-map-suggestion:hover{padding-right:22px}.diary-map-suggestion:hover .diary-map-suggestion-remove{opacity:1}.diary-map-suggestion-remove-hit{opacity:0;pointer-events:none;background:0 0;border:0;width:28px;padding:0;position:absolute;top:0;bottom:0;right:0}.diary-map-suggestion:hover .diary-map-suggestion-remove-hit{opacity:1;pointer-events:auto}.diary-map-suggestion.create{background:#f7f4f9b8;border:.5px dashed #b2a1c38f}.diary-map-helper-copy{color:#9d9d9d;margin:14px 0 0;padding:0 32px 18px;font-size:.8rem}.diary-writer-save-toast{z-index:60;color:#9d9d9d;letter-spacing:.02em;pointer-events:none;background:#fffffffa;border-radius:999px;padding:10px 18px;font-size:14px;line-height:1;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 40px #0000001f}.calendar-popover{z-index:80;border:var(--card-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fff;border-radius:18px;width:252px;padding:16px;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 18px 36px #00000017}.calendar-header{grid-template-columns:28px 1fr 28px;align-items:center;gap:8px;margin-bottom:12px;display:grid}.calendar-header strong{font-family:var(--title-font);text-align:center;color:#000000d1;font-size:1.32rem;font-weight:400;line-height:1}.calendar-nav-button{background:#0000000a;border:0;border-radius:999px;place-items:center;width:28px;height:28px;padding:0;transition:background .16s,transform .16s;display:inline-grid}.calendar-nav-button:hover{background:#00000014;transform:translateY(-1px)}.calendar-chevron{width:14px;height:14px}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.calendar-weekdays{margin-bottom:8px}.calendar-weekdays span{text-align:center;color:#00000057;font-size:.68rem}.calendar-cell{aspect-ratio:1;color:#000000ad;border-radius:999px;place-items:center;font-size:.78rem;transition:background-color .14s,color .14s,transform .14s;display:grid;position:relative}.calendar-cell:not(.empty):hover{color:#000000eb;background:#ffccccad;transform:translateY(-.5px)}.calendar-cell.marked:after{content:"";background:#a18f84b8;border-radius:999px;width:4px;height:4px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.calendar-cell.today{color:#fffffffa;background:#ffb6c1eb;font-weight:600}.calendar-cell.today.marked:after{background:#6074c7}.calendar-cell.empty{color:#0000}.dashboard-grid{grid-template-columns:minmax(0,2.08fr) minmax(350px,.98fr);align-items:stretch;gap:28px;display:grid}.dashboard-grid.home-highlights-grid{grid-template-columns:minmax(0,1fr)}.planner-left-stack{gap:var(--planner-stack-gap);grid-template-columns:1fr;min-width:0;display:grid}.home-highlights-stack{gap:18px}.panel{border:var(--card-border);min-width:0;box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border-radius:28px;align-content:start;gap:24px;padding:26px 26px 24px;display:grid}.highlights-panel{height:var(--planner-combined-panel-height);min-height:var(--planner-combined-panel-height);border-radius:32px;gap:16px;padding:24px 24px 22px;overflow:hidden}.home-highlights-panel{grid-area:auto/1/auto/-1;min-height:0}.checklist-panel,.checklist-merged-panel{padding:26px 24px 24px}.checklist-merged-panel{height:var(--planner-flow-panel-height);background:#fffffff5;border-radius:32px;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);align-items:stretch;gap:0;padding:24px;display:grid;overflow:hidden}.checklist-merged-panel .task-column{grid-template-rows:auto minmax(0,1fr);align-content:stretch;gap:8px;min-height:0;padding:0 2px;display:grid}.checklist-merged-panel .task-column .section-title{padding-left:24px}.checklist-merged-panel .task-column:first-child,.checklist-merged-panel .task-column:last-child{padding-left:2px;padding-right:4px}.checklist-divider{background:#7a62581f;place-self:center;width:1px;height:calc(100% - 64px);margin:0 0 0 -6px}.highlights-panel{background:#fffffff5;grid-area:1/2/span 2}.note-panel{height:var(--planner-note-panel-height);min-height:var(--planner-note-panel-height);background:#fffffff5;border-radius:32px;grid-column:1/-1;padding:20px 22px 18px}.task-column{grid-template-rows:auto auto;align-content:start;gap:24px;min-width:0;display:grid}.section-title{align-items:center;gap:10px;padding:6px 0 4px 18px;display:flex}.section-title-with-action{justify-content:space-between;gap:16px;padding-bottom:8px;padding-right:6px}.section-title-main{align-items:center;gap:10px;min-width:0;display:flex}.section-title h2{font-family:var(--title-font);letter-spacing:-.012em;color:#21181cd6;margin:0;font-size:1.72rem;font-weight:530;line-height:1}.leaf-svg{opacity:.6;width:23px;height:23px;transform:translateY(1px)}.study-svg{opacity:.6;width:26px;height:21px;transform:translateY(1px)}.note-svg{opacity:.58;width:25px;height:25px;transform:translateY(1px)}.highlighter-svg{opacity:.6;width:21px;height:21px;transform:translateY(2px)}.task-list{gap:14px;min-height:0;padding:0;transition:background .18s,box-shadow .18s,border-color .18s;display:grid}.checklist-merged-panel .task-list{align-content:start;padding-top:8px;padding-bottom:8px;padding-right:0;overflow:hidden auto}.task-list.drop-target{box-shadow:none;background:0 0}.task-item-shell{box-sizing:border-box;will-change:transform;background:0 0;border:0;border-radius:14px;width:100%;transition:transform .22s cubic-bezier(.2,.9,.2,1),box-shadow .22s cubic-bezier(.2,.9,.2,1),border-color .16s,background .16s,opacity .16s;position:relative}.task-item-shell.pressed,.task-item-shell:focus-within{box-shadow:none;background:#ffffff6b}.task-item-shell.dragging,.task-item-shell.overlay{opacity:.5;background:#fffffffa;border-color:#37352f24;transform:scale(1.01);box-shadow:0 12px 28px #0f172a1f,0 2px 6px #0f172a0f}.task-item-shell.origin-dragging:not(.dragging){opacity:.58;background:#ffffff6b;border-color:#37352f1a;transform:scale(1);box-shadow:inset 0 0 0 1px #37352f08}.task-item-shell.origin-dragging:not(.dragging) .task-row{opacity:.72}.task-item-shell.promoting{background:#fff5effa;box-shadow:0 10px 22px #785c4e1f,0 0 0 1px #d6a48424}.task-context-anchor.drop-line-target-top:before,.task-context-anchor.drop-line-target-bottom:before{content:"";pointer-events:none;z-index:3;background:#2383e29e;border-radius:999px;height:2px;position:absolute;left:18px;right:12px;box-shadow:0 0 0 1px #2383e20f}.task-context-anchor.drop-line-target-top:before{top:-11px;bottom:auto}.task-context-anchor.drop-line-target-bottom:before{top:auto;bottom:-11px}.task-item-shell.drop-line-target .task-row,.task-item-shell.drop-line-target-top .task-row{z-index:1;position:relative}.placeholder-shell{box-shadow:none;background:0 0;border:0}.placeholder-shell.pressed,.placeholder-shell:focus-within{box-shadow:none;background:#ffffff5c}.placeholder-shell .task-row{grid-template-columns:0 20px minmax(0,1fr);padding-top:11px;padding-bottom:11px;padding-left:14px}.placeholder-shell .check-toggle{box-shadow:none;background:#ffffffb8;border-color:#0000001a;position:relative}.placeholder-shell .check-toggle:after{content:"";background:#00000029;border-radius:999px;width:8px;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.placeholder-shell .task-input.create,.placeholder-shell .task-detail-input.create{color:#0000004f}.placeholder-shell .task-copy{padding-top:1px}.placeholder-shell .drag-handle,.placeholder-shell:hover .drag-handle,.placeholder-shell:focus-within .drag-handle{visibility:hidden;opacity:0;pointer-events:none;width:0;min-height:20px;margin:0}.task-row{grid-template-columns:12px 20px minmax(0,1fr) 16px 16px;align-items:start;gap:12px;padding:10px 10px 10px 4px;display:grid}.task-context-anchor{will-change:transform;width:100%;min-width:0;position:relative}.drag-handle{color:#594a4452;cursor:grab;opacity:0;background:0 0;border:0;justify-self:start;place-items:center;width:12px;min-height:20px;margin-top:4px;padding:0;transition:color .16s,opacity .16s,transform .16s;display:inline-grid}.task-item-shell:hover .drag-handle,.task-item-shell:focus-within .drag-handle,.task-item-shell.pressed .drag-handle,.task-item-shell.dragging .drag-handle{opacity:1}.drag-handle:hover,.task-item-shell.pressed .drag-handle,.task-item-shell.dragging .drag-handle{color:#37352f85}.drag-handle:active{cursor:grabbing}.drag-handle.muted{opacity:.55;pointer-events:none}.drag-handle-svg{width:10px;height:14px}.check-toggle{background:linear-gradient(#fffffffa 0%,#fcf4f0f5 100%);border:1.6px solid #6d59503d;border-radius:5px;width:20px;height:20px;margin-top:6px;transition:background .16s,border-color .16s,transform .16s;position:relative;box-shadow:inset 0 1px #ffffffd9,inset 0 -1px #c9aea324}.check-toggle:after{content:"";border-bottom:2px solid #0000;border-left:2px solid #0000;width:10px;height:6px;transition:border-color .16s;position:absolute;top:48%;left:50%;transform:translate(-50%,-64%)rotate(-45deg)}.check-toggle:hover{transform:translateY(-1px)}.check-toggle.checked{background:linear-gradient(#767676d6 0%,#4a4a4ad1 100%);border-color:#c4c4c4f0;box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #00000024}.check-toggle.checked:after{border-bottom-color:#fffffffa;border-left-color:#fffffffa;transform:translate(-50%,-68%)rotate(-45deg)}.task-copy{align-content:start;row-gap:4px;min-width:0;padding-top:1px;display:grid}.task-edit-hit{align-content:start;row-gap:5px;width:100%;display:grid}.task-edit-hit-title,.task-edit-hit-detail{text-align:left;width:100%;color:inherit;background:0 0;border:0;padding:0}.task-edit-fields{align-content:start;row-gap:5px;display:grid}.task-title-text,.task-input{letter-spacing:-.004em;color:#1f161ae6;background:0 0;border:0;outline:none;width:100%;padding:0;font-size:1rem;font-weight:470;line-height:1.36;display:block}.task-title-text.completed{opacity:.52;text-decoration:line-through}.task-detail-text,.task-detail-input{resize:none;letter-spacing:0;color:#58434ea8;background:0 0;border:0;outline:none;width:100%;margin-top:0;padding:0;font-size:.8rem;line-height:1.38;display:block;overflow:hidden}.task-detail-text.empty{display:none}.task-detail-list{margin:0;padding-left:1.2em}.task-detail-list.ordered{list-style:decimal}.task-detail-list.unordered{list-style:outside}.task-detail-list li+li{margin-top:2px}.task-input::placeholder,.task-detail-input::placeholder,.note-input::placeholder{color:#00000042}.task-input.create,.task-detail-input.create{color:#00000057;letter-spacing:0}.task-input.create.filled,.task-detail-input.create.filled{color:#000000c2}.task-detail-input.create{min-height:.93rem;margin-top:1px;font-size:.76rem}.star-toggle,.delete-toggle{color:#5d49415c;opacity:.62;background:0 0;border:0;place-items:center;width:16px;height:16px;margin-top:7px;padding:0;transition:opacity .16s,transform .16s,color .16s,filter .16s;display:inline-grid}.delete-toggle{opacity:0;pointer-events:none}.action-icon-svg{width:16px;height:16px}.star-svg{display:block}.close-svg{width:16px;height:16px;display:block;transform:translateY(2px)}.star-svg.inactive{transform:translateY(1px)}.star-svg.active{transform:translateY(2px)}.star-toggle.active{color:#4f3e3cf5;opacity:.98;filter:drop-shadow(0 .5px #ffffff52)}.star-toggle:hover,.delete-toggle:hover{opacity:1;transform:translateY(-1px)}.task-item-shell:hover .delete-toggle,.task-item-shell.pressed .delete-toggle{opacity:.58;pointer-events:auto}.star-toggle.muted,.delete-toggle.muted{opacity:.5;pointer-events:none}.note-input{resize:none;color:#5c465185;background:0 0;border:0;outline:none;width:100%;min-height:120px;padding:0 0 0 16px;font-size:.95rem;line-height:1.5}.note-input.filled,.note-input:focus{color:#251c21e0}.highlights-layout{--highlight-grid-height:760px;--highlight-visible-rows:18;--highlight-row-height:calc(var(--highlight-grid-height) / var(--highlight-visible-rows));--timeline-axis-width:58px;--timeline-axis-gap:16px;flex:1;grid-template-columns:1fr;align-items:start;gap:12px;display:grid}.highlights-helper-copy{color:#634f4980;margin:-4px 0 2px 18px;font-size:.76rem;line-height:1.45}.highlights-mini-toggle{color:#845860ad;background:linear-gradient(#fffffffa 0%,#fcf4f0f5 100%);border:1px solid #c1889b2e;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:.72rem;line-height:1;transition:background .16s,color .16s,transform .18s,border-color .16s;display:inline-flex;box-shadow:inset 0 1px #ffffffd9,inset 0 -1px #c9aea324}.highlights-mini-toggle:hover,.highlights-mini-toggle:focus-visible{color:#744952d6;background:linear-gradient(#fff9fafa 0%,#fbefebf5 100%);border-color:#c1889b3d}.highlights-mini-toggle.active{color:#663d48e6;background:linear-gradient(#ffeff2fa 0%,#f7d6dbfa 100%);border-color:#c1889b4d}.today-three-svg{flex:none;width:15px;height:15px;transform:translateY(-.25px)}.highlights-mode-shell{transition:opacity .18s,transform .18s;display:grid}.highlights-mode-shell.timeline{grid-template-columns:minmax(0,1fr);gap:0}.highlights-mode-shell.today-three{grid-template-columns:1fr}.highlights-grid-shell{height:var(--highlight-grid-height);min-height:var(--highlight-grid-height);box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;overflow:visible}.highlights-timeline-shell{min-height:var(--highlight-grid-height);grid-template-rows:auto minmax(0,1fr);gap:12px;display:grid}.highlights-minute-axis{grid-template-columns:var(--timeline-axis-width) minmax(0, 1fr);column-gap:var(--timeline-axis-gap);align-items:end;margin-left:0;padding:0 0 8px;display:grid}.highlights-minute-axis-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:0;display:grid}.highlights-minute-axis span,.highlights-minute-axis-grid span{color:#604b43a3;justify-content:center;align-items:center;min-height:16px;font-size:.68rem;line-height:1;display:flex}.highlights-minute-axis-corner:before{content:""}.highlights-timeline-body{grid-template-columns:var(--timeline-axis-width) minmax(0, 1fr);gap:var(--timeline-axis-gap);min-height:0;max-height:calc(var(--planner-combined-panel-height) - 118px);align-items:stretch;padding-right:2px;display:grid;overflow:hidden auto}.highlights-grid-shell.task-drag-active{box-shadow:inset 0 0 0 1px #cdaab82e,0 16px 34px #7a606a0f}.highlights-grid{background:0 0;border:0;border-radius:0;height:100%;min-height:100%;position:relative;overflow:visible}.highlights-grid-cells{z-index:1;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(var(--highlight-visible-rows), minmax(0, 1fr));display:grid;position:absolute;inset:0}.highlights-labels{z-index:4;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(var(--highlight-visible-rows), minmax(0, 1fr));pointer-events:none;display:grid;position:absolute;inset:0}.highlight-drop-indicator{z-index:4;pointer-events:none;align-content:start;gap:2px;padding:6px 6px 0;display:grid;position:relative}.highlight-drop-indicator:before{content:"";background:#fff5ef6b;border:1.5px dashed #da9a778a;border-radius:9px;position:absolute;inset:2px}.highlight-drop-chip,.highlight-drop-indicator strong{z-index:1;position:relative}.highlight-drop-chip{color:#785c4ebd;background:#ffffffeb;border-radius:999px;justify-self:start;padding:1px 5px;font-size:.52rem;line-height:1.2}.highlight-drop-indicator strong{color:#6e4a2ed6;font-size:.62rem;font-weight:600;line-height:1.15}.highlights-three-layout{min-height:var(--highlight-grid-height);gap:12px;padding:2px 0 0;display:grid}.highlight-bucket-zone{background:#fffffffa;border:1px solid #00000012;border-radius:18px;align-content:start;gap:10px;min-height:188px;padding:14px 14px 12px;transition:transform .18s,box-shadow .18s,background .18s;display:grid;position:relative;box-shadow:inset 0 1px #ffffffc2}.highlight-bucket-zone.task-drag-active.drop-over{background:linear-gradient(#fff9fbfa 0%,#fff1f6f0 100%);transform:translateY(-1px);box-shadow:inset 0 0 0 1px #cea4b43d,inset 0 1px #ffffffb8,0 14px 26px #7a606a14}.highlight-bucket-zone.full{opacity:.88}.highlight-bucket-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.highlight-bucket-header h3{color:#302721d1;margin:0;font-size:.92rem;font-weight:520}.highlight-bucket-header span{color:#745c518a;font-size:.72rem}.highlight-bucket-list{gap:8px;display:grid}.highlight-bucket-card{background:var(--highlight-cell-fill,#fffaf7f5);border-radius:14px;padding:12px 12px 11px;position:relative;box-shadow:inset 0 1px #ffffffb8}.highlight-bucket-card.linked{box-shadow:inset 0 1px #ffffffb8,0 0 0 1px #00000008}.highlight-bucket-copy{position:relative}.highlight-bucket-text,.highlight-bucket-input{text-align:left;width:100%;color:var(--highlight-text-color,#522e3dcc);background:0 0;border:0;padding:0;font-size:.76rem;line-height:1.35}.highlight-bucket-input{resize:none;outline:none}.highlight-bucket-empty{color:#785c4e80;padding:14px 4px 6px;font-size:.76rem}.grid-cell{background:0 0;border:1px solid #7e665c29;border-top:0;border-left:0;padding:0;transition:background .12s;position:relative}.grid-cell.task-drag-active{transition:background .12s,box-shadow .12s,transform .12s}.grid-cell.task-drag-active.drop-over,.grid-cell.task-drag-active.drop-snap-target{background:0 0}.grid-cell.task-drag-active.drop-over{background:var(--highlight-cell-fill,linear-gradient(180deg, #fffbfce6 0%, #ffedf4b8 100%));box-shadow:inset 0 0 0 1.5px var(--highlight-cell-border,#cda4b457), inset 0 1px 0 #ffffffc7}.grid-cell.task-drag-active.drop-snap-target{background:color-mix(in srgb, var(--highlight-cell-fill,#ffedf4b8) 42%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--highlight-cell-border,#cda4b457) 68%, transparent)}.grid-cell:nth-child(6n){border-right:0}.grid-cell:nth-child(6n+3){border-right:1px solid #785c4e38}.grid-cell:hover{background:#ffe4ec75}.grid-cell.current-cell{outline-offset:-1px;background:linear-gradient(#ffffffad 0%,#fcf4f085 100%);border-radius:12px;outline:1px solid #bc8e9a7a;box-shadow:inset 0 1px #ffffffb8,inset 0 2px #deb4bf3d,inset 0 -1px #c9aea324,inset 0 0 0 1px #bc8e9a52,0 0 0 1px #ffffff3d}.grid-cell.saved-selected,.grid-cell.saved-selected:hover,.grid-cell.draft-selected,.grid-cell.draft-selected:hover,.grid-cell.current-cell.draft-selected{box-shadow:none;background:0 0}.grid-cell.current-cell.saved-selected,.grid-cell.current-cell.saved-selected:hover,.grid-cell.current-cell.draft-selected{box-shadow:inset 0 1px #ffffff8f,inset 0 -1px #a88a7e14,inset 0 0 0 1px #c58da238,inset 0 0 0 999px #ffeff51f}.highlight-label-anchor{pointer-events:none;justify-content:flex-start;align-items:flex-start;padding:0;display:flex}.highlight-label-anchor.editing-grid{display:grid}.highlight-label-input,.highlight-label-text{max-width:100%;box-shadow:none;letter-spacing:-.01em;text-align:left;color:var(--highlight-text-color,#522e3dcc);background:0 0;border:0;padding:0;font-size:.68rem;font-weight:500;line-height:1.25;display:block;overflow:hidden}.highlight-label-input{pointer-events:auto;resize:none;white-space:pre-wrap;outline:none;width:100%;padding:8px 10px 0}.highlight-label-input.multi-row{width:100%;padding-top:8px}.highlight-label-input.sr-only-highlight-input{opacity:0;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.highlight-label-input::placeholder{color:var(--highlight-placeholder-color,#7c586770)}.highlight-label-text{pointer-events:auto;text-overflow:ellipsis;white-space:nowrap}.highlight-label-text.empty{color:var(--highlight-placeholder-color,#7c586780)}.highlight-label-flow{background:color-mix(in srgb, var(--highlight-cell-fill,#ffffffeb) 26%, #ffffffd1);border:1.5px solid var(--highlight-block-border,#ba919c47);border-radius:0;align-self:stretch;align-items:flex-start;width:100%;height:100%;min-height:100%;padding:2px 4px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #43352f0a}.highlight-resize-handle{background:color-mix(in srgb, var(--highlight-block-border,#ba919c2e) 88%, #ffffffeb);opacity:0;cursor:ns-resize;border:0;border-radius:999px;width:20px;height:8px;padding:0;transition:opacity .14s,transform .14s,background .14s;position:absolute;bottom:5px;left:50%;transform:translate(-50%);box-shadow:0 1px #ffffff9e}.highlight-label-flow:hover .highlight-resize-handle,.highlight-label-flow:focus-within .highlight-resize-handle,.highlight-resize-handle.active{opacity:.82}.highlight-resize-handle:hover,.highlight-resize-handle.active{background:color-mix(in srgb, var(--highlight-block-border,#ba919c2e) 100%, #fffffff5);transform:translate(-50%)scaleX(1.04)}.highlight-delete-button{z-index:6;color:#382d31b8;opacity:0;background:#ffffffd1;border:0;border-radius:999px;place-items:center;width:18px;height:18px;padding:0;transition:opacity .14s,background-color .14s,color .14s;display:inline-grid;position:absolute;top:6px;right:6px;box-shadow:0 4px 10px #34292e14}.highlight-delete-button .close-svg{width:10px;height:10px}.highlight-delete-button .close-svg path{stroke:currentColor}.highlight-label-flow:hover .highlight-delete-button,.highlight-label-flow:focus-within .highlight-delete-button{opacity:.94}.highlight-delete-button:hover,.highlight-delete-button:focus-visible{color:#221a1deb;background:#fffffff0}.highlight-label-flow.linked .highlight-label-text{color:color-mix(in srgb, var(--highlight-text-color,#522e3dcc) 92%, #1c1714e6);font-weight:570}.highlight-label-flow.segment-first{border-top-left-radius:12px;border-top-right-radius:12px}.highlight-label-flow.segment-last{border-bottom-right-radius:12px;border-bottom-left-radius:12px}.highlight-label-flow.continuation{border-top:0}.highlight-label-flow .highlight-label-text{white-space:nowrap;letter-spacing:-.012em;width:100%;padding:12px 12px 0;font-size:.72rem;font-weight:540;line-height:1.28;overflow:hidden}.highlight-label-flow .highlight-label-text.multi-row{white-space:normal;word-break:keep-all;padding-top:10px;line-height:1.35;overflow:visible}.highlight-label-flow.continuation .highlight-label-text.empty{opacity:0}.highlight-label-flow.continuation .highlight-label-text{padding-top:8px}.highlight-label-text.segment-chip{box-shadow:none;background:0 0;border:0;border-radius:0}.highlight-label-flow.editing .highlight-label-text.segment-chip{background:0 0;border:0}.highlight-label-text.segment-chip.empty{color:#6758508a}.highlight-label-flow.continuation{padding-left:2px;padding-right:2px}.highlight-label-flow{pointer-events:auto}.highlight-label-flow.editing{background:color-mix(in srgb, var(--highlight-cell-fill,#ffffff1f) 18%, transparent);pointer-events:auto}.highlight-hover-tooltip{z-index:7;color:#3a312dc2;opacity:0;pointer-events:auto;background:#fffffff5;border-radius:10px;gap:2px;min-width:132px;max-width:180px;padding:8px 9px;font-size:.68rem;line-height:1.3;transition:opacity .14s,transform .14s;display:grid;position:absolute;top:calc(100% + 6px);left:8px;transform:translateY(4px);box-shadow:0 10px 28px #0f172a1f,0 1px #ffffffd1}.highlight-hover-tooltip strong{color:#241c18d6;font-size:.7rem;font-weight:600}.highlight-label-flow:hover .highlight-hover-tooltip,.highlight-label-flow:focus-within .highlight-hover-tooltip,.highlight-bucket-copy:hover .highlight-hover-tooltip,.highlight-bucket-copy:focus-within .highlight-hover-tooltip,.highlight-hover-tooltip:hover{opacity:1;transform:translateY(0)}.highlight-tooltip-actions{border-top:1px solid #0000000f;align-items:center;gap:6px;margin-top:5px;padding-top:5px;display:flex}.highlight-tooltip-actions button{color:#5d4a41c7;background:0 0;border:0;padding:0;font-size:.67rem;line-height:1.2}.highlight-tooltip-actions button:hover{color:#302721f0}.highlight-context-menu{z-index:20;background:#fffffffa;border-radius:14px;gap:2px;min-width:152px;padding:6px;display:grid;position:fixed;box-shadow:0 20px 44px #0f172a29,0 1px #ffffffd6}.highlight-context-menu button{text-align:left;color:#2a231fd1;background:0 0;border:0;border-radius:10px;gap:2px;width:100%;padding:8px 10px;font-size:.8rem;line-height:1.2;display:grid}.highlight-context-menu button:hover:not(:disabled){background:#f7eee8e6}.highlight-context-menu button:disabled{opacity:.4}.highlight-context-submenu{border-top:1px solid #0000000f;gap:2px;margin-top:2px;padding-top:4px;display:grid}.highlight-context-submenu button small{color:#785c4e9e;font-size:.68rem}.time-labels{grid-template-rows:repeat(var(--highlight-visible-rows), minmax(0, 1fr));min-height:var(--highlight-grid-height);padding-top:0;padding-right:6px;display:grid}.time-labels span{white-space:nowrap;color:#5c484194;justify-content:flex-end;align-items:center;font-size:.72rem;line-height:1;display:flex;transform:none}.time-labels span:empty{opacity:0}.time-labels .current{color:#46342ebd;font-size:.84rem;font-weight:500}@media (max-width:1080px){.topbar{grid-template-columns:1fr;justify-items:center}.routine-board-surface{width:min(100%,1040px)}.routine-workspace{grid-template-columns:1fr}.routine-sidebar,.routine-detail{padding:18px}.routine-detail-hero-side{min-width:288px}.routine-detail-hero-graphic{width:212px;height:132px}.routine-detail-grid{grid-template-columns:1fr}.routine-sidebar{width:100%}.dashboard-grid{grid-template-columns:1fr}.planner-left-stack{grid-template-columns:1fr 1fr}.highlights-panel{grid-area:auto}.note-panel{grid-column:1/-1}}@media (max-width:760px){.diary-overlay{padding:24px}.auth-page-shell{padding:14px}.auth-page{min-height:calc(100vh - 28px);padding:18px 16px}.auth-topbar{flex-wrap:wrap;justify-content:center;row-gap:14px}.auth-brand{text-align:center;width:100%}.auth-main-nav{order:3;justify-content:flex-start;gap:34px;width:100%;margin:0;font-size:1.35rem}.auth-topbar-actions{justify-content:center;width:100%}.auth-login-stage{padding:0 0 24px}.auth-login-card{border-radius:30px;min-height:auto;padding:36px 22px}.auth-login-card-body{gap:16px}.auth-provider-list{max-width:100%;margin-top:32px}.routine-hero{padding:34px 0 28px}.planner-left-stack,.checklist-merged-panel{grid-template-columns:1fr}.checklist-merged-panel .task-column:first-child,.checklist-merged-panel .task-column:last-child{padding:0}.checklist-divider{width:100%;height:1px;min-height:1px}.routine-sections{gap:16px}.routine-quick-page-head{flex-direction:column;align-items:start}.routine-overview-shell{grid-template-columns:1fr;gap:16px}.routine-overview-toc{border-radius:22px;padding:10px;position:static;top:auto}.routine-overview-toc-list{grid-template-columns:1fr;display:grid}.routine-overview-toc-item{border-radius:16px;justify-content:space-between;min-height:42px}.routine-overview-grid{column-count:1}.routine-quick-group-shell{border-radius:24px;padding:16px 16px 14px}.routine-quick-group-head{flex-direction:column;align-items:start}.routine-quick-add{align-self:flex-start}.routine-detail-hero{flex-direction:column;align-items:flex-start}.routine-detail-hero-actions{justify-content:flex-start}.routine-detail-card,.routine-detail-task-card{width:100%}.routine-task-row{padding-left:16px;padding-right:14px}.routine-task-meta{flex-wrap:wrap;gap:6px}.routine-story-card{border-radius:24px;padding:18px 16px 16px}.routine-story-top{gap:10px;padding-right:0}.routine-story-row{grid-template-columns:1fr;gap:8px}.routine-story-delete{top:16px;right:16px}.routine-story-time-button,.routine-story-repeat-button,.routine-story-meta-slot{justify-content:flex-start}.routine-story-actions{align-items:stretch}.routine-story-primary-action{width:100%}.routine-story-primary-action-state{flex-shrink:0}.routine-story-pattern-track{gap:6px}.routine-story-day{border-radius:16px;min-height:58px;padding:8px 2px 10px}.main-nav{flex-wrap:wrap;justify-content:flex-start;gap:20px 46px;transform:none}.topbar-actions{gap:18px;transform:none}.calendar-popover{width:min(252px,100vw - 48px);right:0}.diary-home-shell{grid-template-columns:1fr;gap:28px;padding-top:60px;padding-left:0}.home-routine-widget{border-radius:24px;padding:18px 18px 16px}.diary-topbar-spacer{display:none}.diary-sidebar-shell{width:auto;height:auto;margin-top:0;position:static;overflow-x:auto}.diary-sidebar{flex-direction:row;justify-content:space-between;gap:20px;width:auto;min-height:auto;padding-top:0;position:static;overflow:visible}.diary-sidebar:hover{width:auto}.diary-sidebar-brand{display:none}.diary-sidebar-group{grid-template-columns:repeat(3,48px);grid-auto-flow:column}.diary-sidebar-label{opacity:1;transform:none}.diary-content{gap:16px;transform:none}.diary-toolbar-meta{flex-wrap:wrap;justify-content:flex-end}.diary-toolbar,.diary-inline-panel,.diary-story-grid,.diary-image-grid,.diary-empty-state{margin-left:0;padding-left:0}.diary-toolbar{padding-right:0}.diary-writer-shell,.diary-writer-shell.map-open{width:min(100vw - 24px,787px);max-height:calc(100vh - 48px);top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}.diary-writer-panel{width:100%;height:auto;max-height:calc(100vh - 48px)}.diary-map-side{display:none}.dashboard-grid{grid-template-columns:1fr}.highlights-panel,.note-panel{grid-area:auto}.highlights-layout{grid-template-columns:1fr}.highlights-timeline-body{--timeline-axis-width:52px;gap:10px}.highlights-minute-axis{grid-template-columns:var(--timeline-axis-width) repeat(6, minmax(0, 1fr))}.highlights-helper-copy{margin-left:24px}.routine-overlay{padding:18px 18px 32px}.routine-board-surface{border-radius:24px;width:100%;padding:16px}.routine-sidebar-list{grid-template-columns:1fr}.routine-sidebar,.routine-detail{border-radius:22px;padding:16px}.routine-toolbar-chips{gap:8px}.routine-chip,.routine-chip-add{min-height:40px;padding:8px 13px;font-size:.86rem}.routine-section-row{--routine-header-height:48px;--routine-row-height:58px;border-radius:24px}.routine-detail-hero,.routine-detail-card{padding:16px}.routine-task-editor-modal{width:min(100%,460px);padding:22px}.routine-task-setting-controls-split{grid-template-columns:1fr;gap:12px}.routine-task-setting-field-choice{justify-items:start;width:100%}.routine-task-setting-field-choice>span{text-align:left}.routine-task-editor-modal .routine-segmented-control{width:100%;min-width:0}.routine-detail-hero-copy h2{font-size:1.45rem}.routine-detail-hero-copy p{max-width:none}.routine-detail-hero-actions{gap:8px;width:100%}.routine-detail-hero-action{width:100%}.diary-view-modes{gap:21px}.diary-toolbar{flex-direction:column;align-items:flex-start}.diary-toolbar-meta{justify-content:space-between;width:100%}.diary-story-grid{grid-template-columns:1fr}.diary-image-grid{grid-template-columns:1fr;width:min(100%,238px)}.diary-image-lightbox-shell{--lightbox-shell-padding-top:18px;--lightbox-shell-padding-side:10px;--lightbox-shell-padding-bottom:24px;--lightbox-viewer-group-offset:18px;--lightbox-content-shift:0px;--lightbox-image-to-controls-gap:40px;--lightbox-controls-gap:22px;--lightbox-dots-height:0px;--lightbox-dots-to-arrows-gap:0px;--lightbox-bottom-nav-height:40px;--lightbox-controls-padding-bottom:28px;--lightbox-controls-reserved-height:calc(var(--lightbox-bottom-nav-height) + var(--lightbox-controls-padding-bottom));--lightbox-controls-min-height:calc(var(--lightbox-controls-reserved-height) + var(--lightbox-image-to-controls-gap));--lightbox-main-max-width:min(78vw, 460px);--lightbox-side-near-width:clamp(120px, 20vw, 180px);--lightbox-side-far-width:clamp(76px, 12vw, 120px);width:calc(100vw - 32px)}.diary-image-lightbox-stage{width:calc(100vw - 48px);padding-top:8px}.diary-image-lightbox-mobile-dots{z-index:2;-webkit-backdrop-filter:blur(10px);pointer-events:none;background:#00000057;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;display:inline-flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.diary-image-lightbox-mobile-dots span{background:#ffffff75;border-radius:999px;width:6px;height:6px}.diary-image-lightbox-mobile-dots span.active{background:#fffffffa}.diary-image-lightbox-bottom-nav{transform:none}.diary-image-lightbox-dots,.diary-image-lightbox-arrow.side,.diary-image-lightbox-card.left.far,.diary-image-lightbox-card.right.far{display:none}}