:root{color-scheme:light;--paper:#faf8f1;--ink:#243d34;--muted:#607067;--line:#dbe1d5;--accent:#d9a554}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;font-size:15px;line-height:1.9}a{color:inherit;text-underline-offset:5px}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #bf7626;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-weight:600;letter-spacing:.035em}h1{font-size:clamp(34px,4.2vw,58px);line-height:1.55}h1 em{font-style:normal;color:#57735c}h2{font-size:clamp(28px,3vw,39px);line-height:1.65}h3{font-size:20px}.wrap{max-width:1160px;margin:auto;width:calc(100% - 80px)}.header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:16px;text-decoration:none;font-size:12px;line-height:1.5}.brand b{font-family:Georgia,serif;font-size:34px;letter-spacing:-2px}.brand b span{color:#bf7626;font-size:17px;vertical-align:top;letter-spacing:0}.brand small{font-size:8px;letter-spacing:1.3px}.small-link{font-size:13px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center;padding:68px 0 84px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2px;margin-bottom:20px}.lead{font-size:19px;margin:23px 0 16px}.hero p:not(.eyebrow):not(.lead){color:var(--muted)}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin:28px 0 16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;background:var(--ink);color:#fff;padding:15px 24px;text-decoration:none;border-radius:5px;font-weight:600;font-size:14px}.button:hover{background:#3d5b48}.text-link{font-weight:600;font-size:14px}.note{font-size:12px;color:var(--muted);line-height:1.8;margin-top:18px}.room-card{background:#eef1e5;border:1px solid #d9dfce;border-radius:130px 130px 16px 16px;padding:52px 34px 30px;transform:rotate(2deg);box-shadow:12px 18px 0 #ebe7da}.room-top{display:flex;align-items:center;justify-content:space-between;font-size:13px}.room-top>span:last-child{font-size:30px;color:#b88229}.timer{text-align:center;padding:28px 0}.timer>span{font-size:10px;letter-spacing:3px}.timer strong{font-family:Georgia,serif;font-size:100px;font-weight:400;display:block;line-height:1.2}.timer strong span{font-size:23px;margin-left:10px}.timer p{font-size:13px}.todo{position:relative;background:#fffcf4;border-radius:8px;padding:20px 45px 20px 20px}.todo>span:first-child{font-size:9px;letter-spacing:2px;display:block;color:#7b846f}.todo strong{font-size:17px}.todo-check{position:absolute;right:20px;top:27px;color:#799170}.rhythm{display:flex;justify-content:center;gap:15px;margin-top:22px;font-size:13px}.rhythm i{font-style:normal;color:#9b916e}.room-card .note{font-size:10px;text-align:center}.strip{background:#e9eddf;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.strip .wrap{display:flex;justify-content:space-around;padding:18px 0;gap:18px;font-size:13px}.strip span:before{content:'✓';margin-right:12px;color:#668061}.section{padding:90px 0}.intro{margin:22px 0 35px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.steps article{border-top:1px solid #acb8a7;padding:23px 0}.step-head{display:flex;align-items:center;gap:17px;margin-bottom:20px}.step-head span{font-family:Georgia,serif;color:#8b987c;font-size:33px}.step-head p{font-size:12px}.steps article>p{font-size:14px;color:var(--muted)}.steps h3{font-size:19px}.command{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#eeefe6;border-radius:5px;padding:12px;margin:18px 0}.command code{font-size:14px;white-space:nowrap}.command button{border:1px solid #c8cfbf;border-radius:4px;background:var(--paper);color:var(--ink);font-size:11px;padding:5px 8px;cursor:pointer}code{font-family:inherit;font-weight:600;overflow-wrap:anywhere}.pace{background:var(--ink);color:#f3f4e9;padding:75px 0}.pace-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.pace h2{margin-bottom:23px}.pace p{color:#c4d0c4;font-size:14px}.pace-item{display:flex;gap:32px;align-items:center;border-bottom:1px solid #51665a;padding:22px 0}.pace-item:first-child{padding-top:0}.pace-item b{font-family:Georgia,serif;font-weight:400;font-size:62px;min-width:110px;color:#e1bc7b}.pace-item b span{font-size:16px;margin-left:8px}.pace-item h3{font-size:17px;margin-bottom:7px}.commands-section{display:grid;grid-template-columns:1fr 1.15fr;gap:70px}.commands-section>div>p:last-child{font-size:13px;color:var(--muted);margin-top:20px}.command-list{margin:0}.command-list>div{padding:18px 0;border-bottom:1px solid var(--line)}.command-list>div:first-child{padding-top:0}.command-list dd{margin:3px 0 0;font-size:13px;color:var(--muted)}.faq{padding-top:0;max-width:880px}.faq h2{margin-bottom:30px}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;padding:23px 32px 23px 0;font-size:15px;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'＋';position:absolute;right:2px}.faq details[open] summary:after{content:'−'}.faq details p{padding:0 32px 26px 0;color:var(--muted);font-size:14px}.next-section{background:#ecefe3;padding:75px 0}.next-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:35px}.next-grid article+article{border-left:1px solid #cdd6c4;padding-left:60px}.label{font-size:12px;color:#65745e}.next-grid h3{font-size:23px;margin:8px 0 13px}.next-grid p{font-size:14px;color:var(--muted)}.next-grid a{margin-top:24px;display:inline-flex}.next-grid .note{font-size:11px}.footer{display:flex;justify-content:space-between;gap:20px;padding:30px 0;font-size:11px;letter-spacing:1px}.skip{position:fixed;top:-100px;left:15px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}#copy-status{min-height:1.8em;color:#466342;font-size:13px}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:83px}.brand{gap:10px}.brand>span{font-size:10px}.small-link{font-size:11px}.hero{grid-template-columns:1fr;gap:45px;padding:35px 0 55px}.hero h1{font-size:36px}.lead{font-size:17px}.hero .eyebrow{font-size:9px;letter-spacing:1.3px}.room-card{max-width:390px;width:92%;margin:auto;padding:30px 25px 22px}.timer{padding:13px 0}.timer strong{font-size:80px}.strip .wrap{font-size:11px;justify-content:center;flex-wrap:wrap;gap:4px 18px;padding:14px 0}.strip span:before{margin-right:5px}.section{padding:56px 0}.steps,.pace-grid,.commands-section,.next-grid{grid-template-columns:1fr;gap:20px}.steps article{padding:17px 0}.step-head{margin-bottom:5px}.command{padding:14px}.command code{font-size:16px}.command button{padding:8px 12px}.pace{padding:50px 0}.pace-grid{gap:32px}.pace-item{gap:20px}.pace-item b{min-width:90px;font-size:54px}.commands-section{gap:30px}.faq{padding-top:0}.faq summary{font-size:14px}.next-section{padding:50px 0}.next-grid{gap:32px}.next-grid article+article{padding:28px 0 0;border-left:0;border-top:1px solid #cdd6c4}.footer{flex-wrap:wrap}.note br{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
