:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#fff;--field:#f4f4f4;--ink:#222;--soft:#666;--faint:#a6a6a6;--line:#ebebeb;--rule:#d6d6d6;--hover:#f2f2f2;--dot:#ddd;--desk:#f1f1ef;--error:#9b3b3b;--display:"Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Hiragino Sans", sans-serif;--sans:"Zen Kaku Gothic New", "Hiragino Sans", "Noto Sans JP", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--sans);letter-spacing:.02em;-webkit-font-smoothing:antialiased;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);font-size:16px;line-height:1.9}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit}:is(button,textarea,input,a):focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:4px}p{margin:0}[hidden]{display:none!important}.wrap{flex-direction:column;gap:72px;max-width:34rem;margin:0 auto;padding-block:48px 96px;padding-inline:20px;display:flex}.field-label{color:var(--ink);font-size:14px;font-weight:500}.num{font-variant-numeric:tabular-nums}.note{color:var(--faint);min-height:1.5em;font-size:12px}.note.error{color:var(--error)}.lead{color:var(--soft);font-size:15px}.row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.link{color:var(--soft);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:4px;align-self:flex-start;font-size:13px}.link:hover{color:var(--ink)}.btn{border:1px solid var(--ink);border-radius:999px;padding:4px 16px;font-size:13px}.btn:hover:not(:disabled){background:var(--ink);color:var(--paper)}.btn:disabled{opacity:.35;cursor:default}.round{width:32px;height:32px;color:var(--soft);border-radius:50%;place-items:center;display:grid}.round.small{width:28px;height:28px}.round:hover:not(:disabled){background:var(--hover);color:var(--ink)}.round:disabled{opacity:.3;cursor:default}.head{flex-direction:column;gap:28px;display:flex}.brand{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.brand h1{font-family:var(--display);letter-spacing:.14em;color:var(--soft);margin:0;font-size:14px;font-weight:500}.inline{flex-direction:column;gap:6px;display:flex}.inline-text{text-wrap:balance;min-height:1.7em}.inline-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.label-note{color:var(--faint);margin-left:10px;font-size:12px;font-weight:400}.inline-value{text-align:left;border-radius:8px;width:100%;padding:4px 0}.inline-value:hover{background:var(--hover)}textarea,.login-form input,.public-form input:not([type=checkbox]){width:100%;font:inherit;color:var(--ink);background:var(--field);border:1px solid #0000;border-radius:10px;padding:10px 14px;transition:background .15s,border-color .15s}.inline textarea,.field-button{font-size:15px}.field-button{text-align:left;width:100%;color:var(--faint);background:var(--field);border:1px solid #0000;border-radius:10px;padding:10px 14px}.field-button:hover{border-color:var(--line);color:var(--soft)}:is(textarea,.login-form input,.public-form input:not([type=checkbox])):hover{border-color:var(--line)}:is(textarea,.login-form input,.public-form input:not([type=checkbox])):focus{background:var(--paper);border-color:var(--ink);outline:none}.notebook-name .inline-text{font-family:var(--display);letter-spacing:.1em;font-size:18px;font-weight:700}.goal .inline-text{font-family:var(--display);font-size:clamp(20px,5vw,23px);font-weight:700;line-height:1.7}.step .inline-text{font-size:16px;line-height:1.8}textarea::placeholder,input::placeholder{color:var(--faint)}textarea{resize:none;line-height:1.9;overflow:hidden}.field{flex-direction:column;gap:8px;display:flex}.field label{color:var(--soft);align-items:center;gap:10px;font-size:13px;display:flex}.field label:before{content:"";background:var(--dot);border-radius:50%;flex:none;width:6px;height:6px}.field.filled label:before{background:var(--ink)}.field textarea{min-height:5.2em}h1,h2,h3,.lp-catch,.lead{word-break:auto-phrase;text-wrap:balance}.goals{gap:24px;scroll-margin-top:24px}.section{flex-direction:column;gap:20px;display:flex}.section-head{font-family:var(--display);letter-spacing:.08em;align-items:center;gap:14px;margin:0;font-size:16px;font-weight:700;display:flex}.section-head:focus{outline:none}.section-head:after{content:"";background:var(--ink);flex:1;height:1px}.day{flex-direction:column;gap:16px;scroll-margin-top:24px;display:flex}.head+.day{margin-top:-40px}.day-nav{align-items:center;gap:8px;margin-left:-8px;display:flex}.day-nav .date{font-family:var(--display);margin:0;font-size:19px;font-weight:700}.day-nav .date small{font-family:var(--sans);font-size:13px;font-weight:400}.step-line{text-align:left;color:var(--soft);align-items:baseline;gap:10px;padding:2px 0;font-size:14px;display:flex}.step-line b{color:var(--ink);font-weight:500}.step-line:hover b{text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:4px}.rows{flex-direction:column;gap:18px;margin-top:4px;display:flex}.entry-row label{font-family:var(--display);color:var(--ink);font-size:15px;font-weight:700}.entry-row textarea{min-height:calc(1.7em + 18px);padding-block:8px;line-height:1.7}.entry-items{flex-direction:column;gap:6px;display:flex}.add-row{color:var(--soft);align-self:flex-start;padding:2px 0;font-size:13px}.add-row:hover{color:var(--ink)}.day-nav .date small{color:var(--faint);font-family:var(--sans);margin-left:8px}.example summary{color:var(--soft);cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:4px;width:fit-content;font-size:13px;list-style:none}.example summary::-webkit-details-marker{display:none}.example summary:hover{color:var(--ink)}.example[open] summary{margin-bottom:14px}.example dl{border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:10px;margin:0 0 10px;padding:16px 18px;display:flex}.example dt{color:var(--faint);font-size:12px}.example dd{margin:0;font-size:15px}.review .field textarea{min-height:3.2em}.review-nav{align-items:center;gap:10px;font-size:14px;display:flex}.sheet{background:var(--paper);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:24px;padding:24px 22px;display:flex}.group{flex-direction:column;gap:8px;display:flex}.group h3{color:var(--soft);margin:0;font-size:13px;font-weight:500}.group ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.group li{grid-template-columns:2.6rem 1fr;gap:10px;font-size:15px;line-height:1.8;display:grid}.group li .d{color:var(--faint);padding-top:3px;font-size:12px}.group li span:last-child,.group>span{white-space:pre-wrap;overflow-wrap:anywhere}.none{color:var(--faint);font-size:14px}.history-empty{flex-direction:column;align-items:center;gap:6px;padding-block:8px;display:flex}.history-empty .ill{width:112px}.history-empty .none{text-align:center}.saved-note{min-height:36px;color:var(--soft);align-items:center;gap:8px;font-size:13px;display:flex}.saved-note .ill{width:32px}.save-error{color:var(--error);flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:13px;display:flex}.btn.small{color:var(--ink);padding:3px 14px;font-size:13px}.calendar{grid-template-columns:repeat(7,minmax(0,1fr));row-gap:2px;display:grid}.calendar-weekday{text-align:center;color:var(--faint);padding-bottom:4px;font-size:11px}.calendar-day{border-radius:10px;place-items:center;height:44px;display:grid}.calendar-day:hover:not(:disabled){background:var(--hover)}.calendar-day:disabled{cursor:default;opacity:.35}.calendar-dot{background:var(--dot);border-radius:50%;width:18px;height:18px}.calendar-day.on .calendar-dot{background:var(--ink)}.calendar-day.today .calendar-dot{outline:1px solid var(--ink);outline-offset:3px}.calendar-day.selected{background:var(--hover)}.notice-wrap{max-width:34rem;margin:20px auto 0;padding-inline:20px}.notice{border:1px solid var(--ink);border-radius:12px;justify-content:space-between;align-items:baseline;gap:12px;padding:14px 18px;font-size:14px;display:flex}.notice .link{white-space:nowrap;flex:none}.install{border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:10px;padding:18px 20px;display:flex}.install-title{font-size:15px}.install .note{color:var(--soft);font-size:13px}.menu{position:relative}.menu-button{color:var(--soft);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:inline-flex}.menu-button:hover,.menu-button[aria-expanded=true]{color:var(--ink);border-color:var(--rule)}.menu-icon,.menu-icon:before,.menu-icon:after{background:currentColor;border-radius:1px;width:14px;height:1.5px;display:block}.menu-icon{position:relative}.menu-icon:before,.menu-icon:after{content:"";position:absolute;left:0}.menu-icon:before{top:-4.5px}.menu-icon:after{top:4.5px}.menu-list{z-index:10;background:var(--paper);border:1px solid var(--rule);border-radius:12px;flex-direction:column;min-width:11rem;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 6px 20px #00000014}.menu-list button{text-align:left;white-space:nowrap;border-radius:8px;padding:10px 12px;font-size:14px}.menu-list button:hover:not(:disabled){background:var(--hover)}.menu-error{background:var(--paper);border:1px solid var(--rule);z-index:10;border-radius:12px;width:min(20rem,80vw);padding:10px 12px;position:absolute;top:calc(100% + 6px);right:0}.brand h1.notebook-title{font-family:var(--display);letter-spacing:.1em;color:var(--ink);font-size:15px;font-weight:700}.back{color:var(--soft);border:1px solid var(--line);border-radius:999px;align-self:flex-start;padding:6px 12px 6px 8px;font-size:14px}.back:hover{color:var(--ink);border-color:var(--rule)}.code-row{align-items:stretch;gap:10px;display:flex}.code-input{font:inherit;letter-spacing:.3em;text-align:center;background:var(--field);min-width:0;color:var(--ink);border:1px solid #0000;border-radius:10px;flex:1;padding:8px 12px;font-size:22px}.code-input:focus{background:var(--paper);border-color:var(--ink);outline:none}.code-input::placeholder{color:var(--dot)}.row-links{flex-wrap:wrap;gap:20px;display:flex}.copy-actions{flex-wrap:wrap;justify-content:flex-end;gap:16px;margin-left:auto;display:flex}.sent .btn{background:var(--ink);color:var(--paper);padding:6px 20px}.legal{gap:40px;max-width:40rem}.legal-body{flex-direction:column;gap:12px;font-size:15px;display:flex}.legal-body h2{font-family:var(--display);margin:0 0 8px;font-size:22px;font-weight:700}.legal-body h3{font-family:var(--display);margin:20px 0 0;font-size:16px;font-weight:700}.legal-body ul{flex-direction:column;gap:4px;margin:0;padding-left:1.2em;display:flex}.legal-footer{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}a.back{text-decoration:none}.note-text{color:var(--soft);font-size:14px}.danger-box{border:1px solid var(--error);border-radius:16px;flex-direction:column;gap:14px;padding:16px 18px;font-size:14px;display:flex}.btn.danger{background:var(--error);border-color:var(--error);color:var(--paper)}.btn.danger:hover:not(:disabled){opacity:.85;background:var(--error)}.account-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.account-email{overflow-wrap:anywhere;font-size:15px}.wrap-text{overflow-wrap:anywhere}.lp{gap:88px}.ill{max-width:100%;height:auto;display:block}.lp-hero{flex-direction:column;gap:20px;display:flex}.lp-hero-ill{width:240px;margin:0 auto -8px}.lp-hero .lead{text-align:center}.lp-hero :is(.login-form .btn,.lp-open){align-self:center}.lp-hero .login-form .note{text-align:center}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.phrase{display:inline-block}.lp-head{grid-template-columns:96px 1fr;align-items:center;gap:16px;display:grid}.lp-head .ill{width:96px}.lp-head h2{font-family:var(--display);letter-spacing:.06em;margin:0;font-size:18px;font-weight:700;line-height:1.6}.lp-head .note,.lp-body{color:var(--soft);margin-top:4px;font-size:14px}.lp-footer{flex-direction:column;gap:2px;display:flex}.lp-hero-text,.lp-features,.lp-closing{gap:inherit;flex-direction:column;display:flex}.lp-hero-text{gap:20px}.lp-start{font-family:var(--display);margin:0;font-size:18px;font-weight:700}.lp-catch{font-family:var(--display);letter-spacing:.06em;text-align:center;font-size:clamp(28px,8vw,38px);font-weight:700;line-height:1.5}.lp-section{flex-direction:column;gap:20px;display:flex}.lp-section h2{margin:0}.lp-sample{border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:14px;margin:0;padding:20px 22px;display:flex}.lp-sample dt{color:var(--faint);font-size:12px}.lp-sample dd{margin:0}.lp-flow{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.lp-flow li{border-left:1px solid var(--line);flex-direction:column;gap:2px;padding:14px 0 14px 22px;display:flex;position:relative}.lp-flow li:before{content:"";background:var(--ink);border-radius:50%;width:7px;height:7px;position:absolute;top:24px;left:-4px}.lp-flow b{font-weight:500}.lp-flow span{color:var(--soft);font-size:14px}.lp-promises{flex-direction:column;gap:22px;display:flex}.lp-promises h3{font-family:var(--display);margin:0 0 4px;font-size:16px;font-weight:700}.lp-promises p{color:var(--soft);font-size:15px}.sent{border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:10px;padding:18px 20px;display:flex}.login-form{flex-direction:column;gap:12px;display:flex}.login-form .btn{background:var(--ink);color:var(--paper);align-self:flex-start;margin-top:8px;padding:6px 20px;font-size:14px}.login-form .btn:hover:not(:disabled){opacity:.85}.lp-open{background:var(--ink);color:var(--paper);align-self:flex-start;padding:6px 20px;font-size:14px;text-decoration:none}.lp-open:hover{opacity:.85}body:has(.desk:not([hidden])){background:var(--desk)}.wrap.desk{gap:12px;padding-block:24px 56px;padding-inline:10px}.desk>.head{padding-inline:10px}.desk :is(.menu-button,.back){background:var(--paper);border-color:var(--paper);color:var(--ink)}.desk>:is(.day,.section,.install){background:var(--paper);border:0;border-radius:20px;padding:22px 18px 24px}.desk>.head+.day{margin-top:4px}.desk .section-head{color:var(--soft);font-size:14px}.desk .section-head:after{content:none}.desk .sheet{border:0;padding:0}.desk>footer{text-align:center;padding-top:8px}@media (width>=600px){.wrap.desk{gap:16px;padding-block:40px 80px;padding-inline:20px}.desk>:is(.day,.section,.install){padding:30px 32px 32px}}.error-page .brand h1 a{color:inherit;text-decoration:none}.error-paper{text-align:center;align-items:center;gap:12px}.error-paper .ill{width:120px;height:120px}.error-paper h2{font-family:var(--display);margin:4px 0 0;font-size:18px;font-weight:700}.error-paper p{color:var(--soft);text-wrap:pretty;max-width:24rem;word-break:auto-phrase;font-size:14px}.error-actions{flex-direction:column;align-items:center;gap:14px;margin-top:10px;display:flex}.error-actions .lp-open{align-self:center}.milestone{background:var(--field);border-radius:12px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.milestone-week{grid-template-columns:repeat(7,minmax(0,1fr));max-width:15rem;display:grid}.milestone-week span{color:var(--faint);flex-direction:column;align-items:center;gap:2px;font-size:10px;display:flex}.milestone-dot{background:var(--dot);border-radius:50%;width:14px;height:14px}.milestone-dot.on{background:var(--ink)}.milestone-dot.today{outline:1px solid var(--ink);outline-offset:3px;animation:.6s cubic-bezier(.3,1.6,.5,1) .3s both milestone-light}.milestone-dot.future{visibility:hidden}.milestone-line{font-family:var(--display);font-size:17px;font-weight:700;animation:.5s .5s both milestone-fade}@keyframes milestone-light{0%{background:var(--dot);transform:scale(.8)}to{background:var(--ink);transform:scale(1)}}@keyframes milestone-fade{0%{opacity:0}to{opacity:1}}.public-form{flex-direction:column;gap:10px;display:flex}.public-form .field-label{margin-top:8px}.check{cursor:pointer;align-self:flex-start;align-items:center;gap:10px;font-size:15px;display:flex}.check input{width:18px;height:18px;accent-color:var(--ink);margin:0}.danger-box .check{align-items:flex-start;font-size:14px}.danger-box .check input{flex:none;margin-top:5px}.handle-input{align-items:center;gap:4px;display:flex}.handle-input span{color:var(--soft);flex:none;font-size:14px}.handle-input input{min-width:0}.time-select{font:inherit;color:var(--ink);background:var(--field);border:1px solid #0000;border-radius:10px;align-self:flex-start;padding:8px 14px;font-size:16px}.time-select:focus{border-color:var(--ink);background:var(--paper);outline:none}.save-bar{flex-wrap:wrap;align-items:center;gap:14px;margin-top:4px;display:flex}.save-bar .note{min-height:0}.public{gap:40px}.public-head{flex-direction:column;gap:6px;display:flex}.public-head h1{margin:0}.public-total p:first-child{align-items:baseline;gap:8px;font-size:15px;display:flex}.public-total b{font-family:var(--display);font-size:48px;line-height:1}.public-calendar{grid-template-columns:2.6em repeat(7,minmax(0,1fr));align-items:center;row-gap:10px;max-width:22rem;display:grid}.public-month{color:var(--faint);font-size:11px}.public-dot{background:var(--dot);border-radius:50%;justify-self:center;width:14px;height:14px}.public-dot.on{background:var(--ink)}.public-dot.today{outline:1px solid var(--ink);outline-offset:2px}.public-dot.future{visibility:hidden}.public-foot{border-top:1px solid var(--line);color:var(--soft);padding-top:16px}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width>=960px){.lp{gap:104px;max-width:1080px;padding-inline:56px}.lp-hero{grid-template-columns:minmax(0,1fr) 380px;align-items:center;gap:56px;display:grid}.lp-hero-ill{order:2;width:380px;margin:0}.lp-catch,.lp-hero .lead,.lp-hero .login-form .note{text-align:left}.lp-catch{font-size:48px}.lp-hero .lead{font-size:17px}.lp .login-form{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 10px;max-width:480px;display:grid}.lp .login-form>:not(input):not(.btn){grid-column:1/-1}.lp .login-form .btn{align-self:stretch;margin-top:0}.lp-features{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:40px;display:grid}.lp-features .lp-head{grid-template-columns:1fr;gap:14px}.lp-features .lp-head .ill{width:104px}.lp-closing{border-top:1px solid var(--line);grid-template-columns:minmax(0,560px);padding-top:56px;display:grid}.lp-footer{flex-direction:row;justify-content:space-between}}