.design-intro{max-width:1200px;margin:auto;padding:75px 6% 55px}.design-intro h1{font-size:clamp(37px,4vw,57px);margin:15px 0 20px}.design-intro>p{font-size:14px;color:#647060}.intro-links{display:flex;gap:35px;margin:30px 0}.intro-links a{border-bottom:1px solid #829275;padding-bottom:5px;font-size:12px}.concept-note{font-size:10px;max-width:650px;color:#697365;border-left:2px solid #bec8a2;padding-left:15px}.notebook-section{padding:70px 6%;background:#ebe9df}.section-head{max-width:1080px;margin:auto;display:flex;justify-content:space-between;align-items:end;gap:30px}.section-head>p{font-size:12px;color:#687363;line-height:2.2}.page-tabs{display:flex;justify-content:center;gap:10px;margin:40px 0 30px}.page-tabs button{border:1px solid #bac1ae;background:transparent;padding:10px 25px;border-radius:24px;font-size:12px;color:#344c3d;cursor:pointer}.page-tabs button.active{background:#31594a;color:#fff;border-color:#31594a}.book-stage{max-width:1000px;margin:auto;padding:20px 35px 35px}.open-book{display:grid;grid-template-columns:1fr 1fr;position:relative;box-shadow:0 20px 35px #554d3025;border-radius:3px 10px 10px 3px;border-bottom:6px solid #c0bda8;border-right:4px solid #c0bda8;transform:rotate(-1deg)}[hidden]{display:none!important}.paper{position:relative;background:#fffdf1;padding:40px 38px 55px;min-height:600px}.paper.left{border-radius:4px 0 0 4px;background:linear-gradient(90deg,#fffdf1 93%,#e9e5d5)}.paper.right{border-radius:0 7px 7px 0;background:linear-gradient(90deg,#e2dfce,#fffdf1 7%)}.paper h3{font:500 25px 'Noto Serif JP',serif;margin:7px 0 12px}.page-kicker{font-size:8px;letter-spacing:2px;color:#82916f}.prompt{font-size:10px;color:#828774}.handwrite{font-family:'Noto Serif JP',serif;color:#677b5e;line-height:2.2;font-size:15px}.handwrite.big{font-size:23px;line-height:1.9;margin:25px 0}.paper-label{font-size:10px;margin-top:25px;color:#67715c}.ruled{background:repeating-linear-gradient(transparent 0,transparent 32px,#e0dfcc 33px);line-height:33px;padding-top:6px;min-height:78px}.answer{border-bottom:1px solid #d9dbc5;padding:8px 0}.check-line{padding:15px 0;border-bottom:1px solid #e0dfcc;color:#82956d;font-size:16px}.check-line span{font-family:'Noto Serif JP',serif;font-size:13px;margin-left:8px}.first-step{background:#edf0df;padding:18px;margin-top:25px;border-radius:3px}.first-step span,.first-step strong{display:block}.first-step span{font-size:9px;color:#7e8c6d}.first-step strong{font-size:12px;margin-top:6px;font-weight:500}.page-foot{position:absolute;bottom:17px;left:38px;right:38px;font-size:7px;letter-spacing:1px;color:#969c84;border-top:1px solid #e2e0ce;padding-top:8px}.page-foot span{float:right}.sketch-house{width:140px;margin:15px auto 25px;transform:rotate(3deg)}.roof{width:91px;height:91px;border-left:2px solid #91a27a;border-top:2px solid #91a27a;transform:rotate(45deg);position:relative;top:46px;margin:-40px auto 0}.house-body{height:80px;position:relative;background:#fffdf1;border:2px solid #91a27a;border-top:0;display:flex;justify-content:space-around;align-items:center}.house-body span{font-size:28px;color:#91a27a}.house-body i{height:40px;width:25px;border:2px solid #91a27a;align-self:end}.ground{height:2px;width:170px;background:#91a27a;margin-left:-15px}.book-caption{text-align:center;margin:10px auto 40px}.book-caption b{display:block;font-size:13px}.book-caption span{font-size:10px;color:#7e8571}.design-details{max-width:1000px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:auto}.design-details>div{border-top:1px solid #c0c4b0;padding-top:20px}.design-details span{display:block;font-size:8px;letter-spacing:2px}.design-details b{display:block;font-size:13px;margin-top:8px}.design-details p{font-size:11px;color:#75816b}.swatch{display:inline-block;vertical-align:middle;width:16px;height:16px;border-radius:50%;margin-right:10px}.sage{background:#aebc97}.cream{background:#fffdf1;border:1px solid #d8d6c3}.note-goal{border-bottom:1px solid #d8dbc7;padding:22px 0}.note-goal b,.note-goal span{display:block}.note-goal b{font-size:10px;font-weight:500}.note-goal span{font-size:14px;margin-top:10px}.habit-grid{display:grid;grid-template-columns:45px 1fr;gap:17px 7px;font-size:10px;margin:30px 0}.habit-grid b{font-size:10px;font-weight:400}.habit-grid strong{color:#859b6f;font-weight:400;white-space:nowrap}.review-message{padding:20px 0}.app-section{padding:90px 6%;max-width:1320px;margin:auto}.screen-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1080px;margin:45px auto 0}.screen-number{font-size:9px;letter-spacing:2px;text-align:center;margin-bottom:20px;color:#7d8b6f}.device{width:100%;max-width:285px;height:550px;border:7px solid #2b4035;border-radius:35px;background:#fcfcf5;position:relative;padding:20px 18px;box-shadow:4px 15px 25px #334c3520;margin:auto}.device-island{position:absolute;top:7px;width:82px;height:20px;border-radius:15px;left:50%;transform:translateX(-50%);background:#2b4035}.statusbar{font-size:8px;margin:0 0 28px}.statusbar span{float:right}.app-brand{font-size:9px;font-weight:700;letter-spacing:1px;margin-bottom:15px}.device h3{font-size:19px;margin:0}.screen-sub{font-size:9px!important;color:#87917e!important;margin:5px 0 13px!important;line-height:1.8!important}.app-dream{background:#e6ecd8;border-radius:12px;padding:17px}.app-dream>span{font-size:8px;letter-spacing:1px}.house-symbol{font-size:42px;text-align:center;color:#738b61;line-height:1.2}.app-dream h4{font-size:15px;margin:8px 0 2px}.app-dream p{font-size:9px;margin:0 0 14px;color:#708166}.progress{height:5px;border-radius:4px;background:#d4ddc4}.progress i{display:block;height:100%;width:32%;background:#6a8754;border-radius:4px}.app-dream small{display:block;font-size:8px;margin-top:8px}.app-dream small b{float:right;font-size:12px}.app-row-title{display:flex;justify-content:space-between;font-size:10px;font-weight:600;margin:20px 0 10px}.app-row-title span{font-size:8px;font-weight:400}.app-task{display:block;width:100%;border:1px solid #e1e6d6;color:#344f3d;background:#fffef8;padding:10px 8px;border-radius:7px;font-size:10px;text-align:left;cursor:pointer}.app-task.done{background:#e9efdd;border-color:#99ad83}.app-task span{margin-right:4px}.static-task{cursor:default}.device-nav{position:absolute;bottom:13px;left:18px;right:18px;display:flex;justify-content:space-around;border-top:1px solid #e1e6d6;padding-top:9px}.device-nav b{text-align:center;font-size:17px;font-weight:400;color:#708265}.device-nav small{display:block;font-size:7px}.metric{padding:14px;margin:12px 0;border:1px solid #e2e6d6;border-radius:9px;background:#fffef8}.metric>span{font-size:9px;color:#6f865f}.metric h4{font-size:11px;margin:8px 0 10px}.metric small{font-size:8px}.metric small b{font-size:11px}.growth-flower{font-size:55px;text-align:center;color:#a0b17d;line-height:1.5}.growth-heading{text-align:center;font:500 14px 'Noto Serif JP',serif;margin-bottom:17px}.reflection-box{background:#edf0e3;padding:14px;border-radius:9px;margin:10px 0}.reflection-box span{font-size:8px;color:#7f8c70}.reflection-box p{font:400 12px/1.9 'Noto Serif JP',serif;margin:5px 0}.private-note{font-size:8px;text-align:center;color:#86947a;margin-top:17px}.screen-gallery>article>h3{font-size:15px;margin:25px 0 10px}.screen-gallery>article>p{font-size:11px;color:#76826c}.app-section>.fine{text-align:center;margin-top:30px}.connection{background:#e8eddf;text-align:center;padding:75px 6%}.connection>p{font-size:13px;color:#6e7c64}.connect-flow{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr;max-width:1100px;gap:10px;align-items:center;margin:35px auto}.connect-flow article{background:#fafbf4;padding:25px 15px;border-radius:5px;text-align:left}.connect-flow article span{font-size:8px;letter-spacing:1px}.connect-flow article h3{font:500 16px 'Noto Serif JP',serif}.connect-flow article p{font-size:10px;color:#76826c}.connect-arrow{font-size:22px;color:#82956e}.design-end{padding:80px 20px;text-align:center}.design-end p{font-size:12px}.design-end .button{margin:30px auto 0}.connection .fine{font-size:10px}@media(max-width:900px){.screen-gallery{gap:20px}.device{padding:20px 12px;border-width:5px}.device h3{font-size:16px}.screen-gallery>article>h3{font-size:12px}.app-dream h4{font-size:12px}.app-task{font-size:8px}.paper{padding:30px 25px 50px}.paper h3{font-size:21px}.handwrite.big{font-size:20px}.habit-grid{gap:17px 3px}.habit-grid b{font-size:8px}.habit-grid strong{font-size:8px}.first-step strong{font-size:10px}}@media(max-width:650px){.design-intro{padding:45px 6%}.design-intro>p{font-size:12px}.section-head{display:block}.section-head>p{font-size:11px}.notebook-section{padding:50px 4%}.page-tabs{gap:6px}.page-tabs button{padding:9px 14px;font-size:10px}.book-stage{padding:10px 3px 20px}.open-book{transform:none;grid-template-columns:1fr;box-shadow:0 10px 20px #554d3020}.paper{min-height:540px;padding:30px 30px 50px}.paper.left,.paper.right{background:#fffdf1}.paper.left{border-bottom:1px solid #d7d8c4}.paper.right{border-radius:0 0 5px 5px}.paper h3{font-size:24px}.handwrite.big{font-size:23px}.habit-grid b,.habit-grid strong{font-size:11px}.first-step strong{font-size:12px}.book-caption{padding:0 12px}.design-details{gap:15px;padding:0 3%}.design-details b{font-size:10px}.design-details p{font-size:10px}.swatch{height:12px;width:12px;margin-right:4px}.screen-gallery{grid-template-columns:1fr;gap:40px;max-width:340px}.device{max-width:285px;padding:20px 18px;border-width:7px}.device h3{font-size:19px}.app-dream h4{font-size:15px}.app-task{font-size:10px}.screen-gallery>article>h3{font-size:15px}.screen-gallery>article>p{text-align:center}.app-section{padding:60px 6%}.connect-flow{grid-template-columns:1fr;max-width:400px}.connect-arrow{transform:rotate(90deg);height:30px;line-height:30px}.connect-flow article{padding:22px}.connection{padding:60px 6%}.intro-links{gap:22px}.intro-links a{font-size:11px}}