:root{--hand:SingleDay, cursive;--board:#efeeea;--board-dot:#c4c1ba;--b-lavender:#cda4e3;--b-lime:#b6d875;--b-sky:#8dd6ea;--b-coral:#ffa68f;--b-yellow:#f7dd65;--b-red:#ee876e;--soft-lime:#f1f6d6;--soft-sky:#e8f5f9;--soft-coral:#fff0ea;--soft-lavender:#f5eefa;--soft-yellow:#fcf5d5}html[lang=ja]{--hand:"Hiragino Maru Gothic ProN", "Yu Mincho", serif}html[lang=zh-Hant-TW]{--hand:"Kaiti TC", "STKaiti", serif}html,body{overflow-x:hidden}@supports (overflow:clip){html,body{overflow-x:clip}}main,.notes-experience,.story-copy,.diary-experience{min-width:0}button{border:0}.wrap{width:min(1180px,100% - 100px);margin-inline:auto}.handwritten{font-family:var(--hand);font-weight:400}.eyebrow{letter-spacing:.13em;font-size:11px;font-weight:650;line-height:1.7}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:28px;width:min(1380px,100% - 96px);height:91px;margin:auto;display:flex}.brand{align-items:center;gap:17px;display:flex}.brand img{width:84px;height:auto}.brand span{letter-spacing:.03em;color:var(--muted);font-size:11px}.site-header nav{gap:35px;font-size:13px;display:flex}.site-header nav a{padding:12px 0;transition:color .2s}.site-header nav a:hover{color:var(--ink)}.nav-download{border:1px solid #d6d2ca;border-radius:40px;padding:12px 21px;font-size:12px;font-weight:650}.nav-download:hover{background:var(--soft-yellow)}.hero{padding-top:66px;overflow:hidden}.hero-copy{text-align:center;z-index:2;position:relative}.hero h1{isolation:isolate;letter-spacing:-.068em;width:fit-content;margin:20px auto 28px;font-size:clamp(52px,5.7vw,88px);font-weight:650;line-height:1.1;position:relative}.hero h1>span{color:var(--ink)}.hero-underline{fill:none;width:84%;height:.4em;stroke:var(--b-yellow);stroke-width:15px;stroke-linecap:round;opacity:.75;z-index:-1;position:absolute;bottom:.1em;right:-1%}.hero-intro{white-space:pre-line;color:var(--muted);font-size:16px;line-height:1.8}.download-links{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:27px;display:flex}.download{border:1px solid var(--ink);border-radius:7px;justify-content:center;align-items:center;gap:11px;min-height:51px;padding:14px 20px;font-size:13px;font-weight:600;transition:transform .2s,background .2s,box-shadow .2s;display:flex}.download:hover{transform:translateY(-3px);box-shadow:0 7px 16px #24232117}.download.primary{background:var(--ink);color:#fff}.download.primary:hover{background:#000}.download.secondary{color:var(--ink);background:0 0}.download.secondary:hover{background:var(--wash)}.download svg{stroke:currentColor;fill:none;stroke-width:1.5px;width:19px;height:21px}.download-note{color:var(--muted);line-height:1.6;margin-top:13px!important;font-size:11px!important}.hero-world{width:min(1060px,100%);height:640px;margin:38px auto 0;position:relative}.hero-ring{border:1px solid #e2ded6;border-radius:50%;width:770px;height:470px;position:absolute;top:85px;left:50%;transform:translate(-50%)rotate(-12deg)}.phone{aspect-ratio:780/1696;background:#fcfcfc;border:5px solid #2a2927;border-radius:39px;outline:1px solid #6e6b66;flex-shrink:0;width:267px;line-height:0;position:relative;overflow:hidden;box-shadow:0 24px 44px -23px #2423214d}.phone .demo-battery{width:15.4%;height:auto;position:absolute;top:1.55%;left:75%}.phone img{object-fit:cover;width:100%;height:100%;display:block}.hero-world figure{margin:0;position:absolute}.hero-film{z-index:2;top:16px;left:21%;transform:rotate(-9deg)}.hero-diary{z-index:3;top:37px;left:48%;transform:rotate(7deg)}.hero-world figcaption{text-align:center;color:var(--ink);margin-top:12px;font-size:21px;line-height:1.3}.hero-film .phone{width:237px}.hero-diary .phone{width:248px}.doodle{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.hero-field{z-index:1;background:#fff;width:205px;padding:9px 9px 34px;top:70px;left:1%;transform:rotate(-7deg);box-shadow:1px 9px 22px #2423211c}.hero-field img{aspect-ratio:720/807;object-fit:cover;width:100%;height:auto;display:block}.hero-dog{z-index:5;filter:drop-shadow(0 -2px 10px #24232112);width:232px;height:auto;position:absolute;bottom:0;left:8.5%}.hero-cushion{z-index:4;filter:drop-shadow(1px 9px 6px #24232120);width:150px;height:auto;position:absolute;top:6px;left:78.5%;transform:rotate(8deg)}.hero-cup{z-index:4;filter:drop-shadow(1px 6px 4px #2423211a);width:64px;height:auto;position:absolute;top:214px;left:73%;transform:rotate(-9deg)}.hero-cap{z-index:4;width:196px;position:absolute;top:270px;left:78%;transform:rotate(-6deg)}.hero-cap img{z-index:1;filter:drop-shadow(1px 9px 6px #24232122);width:100%;height:auto;display:block;position:relative}.hero-cap-mark{opacity:.85;width:80%;bottom:-4px;left:12%}.hero-star-a{width:38px;top:6px;left:17%;transform:rotate(-8deg)}.hero-star-b{width:34px;top:214px;left:92%;transform:rotate(10deg)}.hero-dab-a{width:30px;top:38px;left:70.5%}.hero-dab-b{width:28px;top:30px;left:3%;transform:rotate(18deg)}.hero-heart{z-index:6;width:18px;bottom:236px;left:6%;transform:rotate(-10deg)}.hero-side-note{color:var(--ink);font-size:27px;line-height:1.05;position:absolute;top:470px;left:79%;transform:rotate(-6deg)}.hero-bottom{border-top:1px solid var(--line);border-bottom:1px solid var(--line);letter-spacing:.1em;justify-content:space-between;align-items:center;gap:20px;padding:23px 48px;font-size:10px;display:flex}.hero-bottom a{letter-spacing:0;font-size:12px}.hero-bottom a span{margin-left:18px}.chapter{grid-template-columns:1fr 1fr;align-items:center;gap:10%;padding-block:136px;display:grid}.section-heading h2{white-space:pre-line;letter-spacing:-.052em;margin:21px 0 25px;font-size:clamp(35px,3.8vw,56px);font-weight:600;line-height:1.17}.section-body{color:var(--muted);max-width:470px;font-size:16px;line-height:1.95}.section-heading.center{text-align:center;margin:auto}.section-heading.center .section-body{max-width:580px;margin:auto}.facts{margin:37px 0 0}.facts>div{border-top:1px solid var(--line);padding:18px 0}.facts dt{align-items:center;gap:15px;font-size:14px;font-weight:600;display:flex}.facts dt span{color:var(--faint);letter-spacing:.1em;font-size:10px;font-weight:500}.facts dd{color:var(--muted);margin:8px 0 0 31px;font-size:13px;line-height:1.8}.choices{flex-wrap:wrap;justify-content:center;gap:4px;margin:0 0 26px;display:flex}.choices button{color:var(--muted);background:0 0;border-bottom:1px solid #0000;min-height:43px;padding:11px 17px;font-size:12px;transition:background .2s,color .2s}.choices button[aria-pressed=true]{color:var(--ink);border-color:var(--ink);font-weight:650}.choices button:hover{background:var(--wash)}.note-stage{align-items:center;min-height:625px;display:grid}.film-scene{place-items:center;min-height:605px;display:grid;position:relative}.film-scene .phone{z-index:1;width:255px;position:relative;transform:rotate(-4deg)}.film-caption{color:var(--ink);z-index:2;font-size:23px;position:absolute;top:5px;right:-5px;transform:rotate(8deg)}.film-sticker{z-index:2;filter:drop-shadow(0 6px 5px #252c2512);width:128px;position:absolute;bottom:19px;right:0;transform:rotate(14deg)}.film-stars{width:80px;height:auto;position:absolute;top:85px;left:5px}.reading-page{border:1px solid var(--line);background:#fffefb;min-height:590px;padding:35px 32px;transform:rotate(1deg);box-shadow:0 15px 45px #24232110}.reading-top{color:var(--muted);letter-spacing:.08em;border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:16px;font-size:10px;display:flex}.reading-page h3{letter-spacing:-.04em;margin:21px 0 12px;font-size:27px}.reading-page p{color:var(--muted);font-size:13px;line-height:1.9}.reading-cover{align-items:center;gap:28px;padding:26px 0;display:flex}.reading-cover img{object-fit:contain;width:115px;height:145px;transform:rotate(-5deg)}.reading-cover span{color:var(--ink);font-size:26px;line-height:1.25}.reading-page h4{margin:12px 0;font-size:12px}.reading-page blockquote{border-left:2px solid var(--b-yellow);margin:12px 0 25px;padding-left:17px;font-size:14px;line-height:1.8}.reading-page small{color:var(--muted);margin-top:18px;font-size:10px;display:block}.diary-section{background-color:var(--board);background-image:radial-gradient(var(--board-dot) .8px, transparent 1.3px);background-size:20px 20px;padding:112px 0 100px}.diary-layout{grid-template-columns:1fr 1.15fr;align-items:center;gap:7%;display:grid}.diary-section .facts>div{border-color:#dcd8cf}.text-link{color:var(--ink);border-bottom:1px solid;margin-top:24px;padding-bottom:7px;font-size:13px;display:inline-block}.diary-stage{place-items:center;min-height:610px;display:grid;position:relative}.diary-stage .phone{z-index:1;width:263px;position:relative;transform:rotate(3deg)}.diary-orbit{border:1px solid #dcd8cf;border-radius:50%;width:470px;height:470px;position:absolute}.diary-cake{z-index:2;filter:drop-shadow(1px 9px 6px #2423211f);width:175px;position:absolute;bottom:58px;left:-6px;transform:rotate(-8deg)}.diary-cup{z-index:2;filter:drop-shadow(1px 6px 4px #2423211a);width:92px;position:absolute;top:78px;right:6px;transform:rotate(12deg)}.diary-star{width:34px;position:absolute;top:92px;left:30px;transform:rotate(-12deg)}.diary-scribble{z-index:2;color:var(--ink);font-size:25px;line-height:1;position:absolute;bottom:58px;right:-9px;transform:rotate(10deg)}.stage-caption{text-align:center;color:var(--muted);min-height:21px;margin-top:15px;font-size:12px;line-height:1.7}.planning-section{padding-block:130px 95px}.planning-facts{max-width:930px;margin-inline:auto}.planning-facts .facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;display:grid}.planning-experience{grid-template-columns:1fr 1fr;align-items:center;gap:13%;max-width:930px;margin:55px auto 0;display:grid}.planning-steps button{text-align:left;border-top:1px solid var(--line);width:100%;color:var(--muted);background:0 0;align-items:flex-start;gap:19px;padding:29px 0;transition:color .25s;display:flex}.planning-steps button:last-child{border-bottom:1px solid var(--line)}.planning-steps button[aria-pressed=true]{color:var(--ink)}.step-number{color:var(--faint);padding-top:3px;font-size:12px}.planning-steps strong{letter-spacing:-.025em;font-size:19px;font-weight:600}.step-body{max-width:280px;margin-top:11px;font-size:13px;line-height:1.85;display:block}.step-arrow{opacity:.2;margin-left:auto;transition:transform .25s,opacity .25s}.planning-steps button[aria-pressed=true] .step-arrow{opacity:1;transform:rotate(45deg)}.planning-stage{justify-items:center;padding:25px 0;display:grid;position:relative}.planning-stage .phone{width:248px;position:relative}.planner-grid{background-image:linear-gradient(#ebe8e2 1px,#0000 1px),linear-gradient(90deg,#ebe8e2 1px,#0000 1px);background-size:40px 40px;width:400px;height:480px;position:absolute;top:50px;transform:rotate(-9deg);-webkit-mask-image:radial-gradient(#000,#0000 70%);mask-image:radial-gradient(#000,#0000 70%)}.planning-caption{text-align:center;color:var(--muted);margin-top:37px;font-size:13px}.widget-section{background:var(--soft-yellow);padding-block:100px}.widget-layout{grid-template-columns:1.1fr 1fr;align-items:center;gap:10%;display:grid}.widget-scene{place-items:center;min-height:660px;display:grid;position:relative}.widget-scene .phone{z-index:1;width:255px;position:relative;transform:rotate(-5deg)}.widget-disc{background:#f8e590;border-radius:50%;width:440px;height:440px;position:absolute}.widget-dog{z-index:2;width:175px;position:absolute;bottom:45px;right:0;transform:rotate(10deg)}.widget-writing{color:var(--ink);z-index:2;font-size:25px;line-height:1.2;position:absolute;bottom:11px;left:0;transform:rotate(-8deg)}.inline-list{flex-wrap:wrap;gap:11px 20px;margin:28px 0 0;padding:0;font-size:12px;line-height:1.7;list-style:none;display:flex}.inline-list li:before{content:"↗";color:var(--b-red);margin-right:8px}.fine-print{color:var(--muted);margin-top:19px;font-size:11px;line-height:1.8}.play-section{gap:8%}.play-sketch{filter:drop-shadow(1px 9px 6px #2423211f);width:190px;height:auto;margin:34px 0 0 20px;display:block;transform:rotate(-7deg)}.mac-section{background:var(--wash);padding:100px 0 80px}.desktop-experience{max-width:1040px;margin:45px auto 36px}.mac-frame{background:#2a2927;border-radius:16px 16px 0 0;padding:16px 16px 22px;line-height:0;box-shadow:0 25px 35px -25px #24232170}.mac-frame img{aspect-ratio:1.6;object-fit:cover;border-radius:4px;width:100%;display:block}.mac-base{background:linear-gradient(#c5c4c0,#e7e6e2 35%,#aaa9a4);border-radius:0 0 60% 60%;width:106%;height:18px;margin-left:-3%;position:relative;box-shadow:0 14px 26px -8px #24232133}.mac-base:before{content:"";background:#9f9e99;border-radius:0 0 7px 7px;width:16%;height:6px;position:absolute;top:0;left:42%}.mac-requirement{text-align:center;color:var(--muted);margin-top:17px;font-size:11px}.project-section{border-bottom:1px solid var(--line);grid-template-columns:1.2fr 1fr;align-items:center;gap:12%;padding-block:100px;display:grid}.project-section h2{font-size:35px}.project-section .section-body{font-size:14px}.project-side{padding-top:25px}.project-lines{grid-template-columns:repeat(3,1fr);gap:13px;padding-bottom:35px;display:grid;position:relative;transform:rotate(-4deg)}.project-lines span{background:var(--b-lime);border-radius:2px;height:10px}.project-lines span:nth-child(2){background:var(--b-sky)}.project-lines span:nth-child(3){background:var(--b-coral)}.project-lines span:nth-child(4){opacity:.5}.project-lines i{color:var(--muted);font-size:45px;font-style:normal;position:absolute;top:13px;left:48%}.guides-section{padding-block:90px}.guides-section h2,.pricing-section h2,.faq-section h2{letter-spacing:-.04em;margin-top:16px;font-size:32px;font-weight:600;line-height:1.3}.guide-links{border-top:1px solid var(--line);margin-top:36px}.guide-links>a{border-bottom:1px solid var(--line);align-items:center;gap:30px;padding:25px 0;transition:padding .25s,color .25s;display:flex}.guide-links>a:hover{color:var(--ink);padding-inline:14px}.guide-number{color:var(--muted);font-size:11px}.guide-links h3{letter-spacing:-.025em;font-size:20px;font-weight:550}.guide-links p{color:var(--muted);margin-top:8px;font-size:13px}.guide-links>a>span:last-child{margin-left:auto;font-size:23px}.pricing-section{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:12%;padding-block:70px 90px;display:grid}.pricing-section .section-body{margin-top:22px;font-size:14px}.pricing-options>div{border-bottom:1px solid var(--line);padding:23px 0}.pricing-options h3{font-size:17px;font-weight:600}.pricing-options .pricing-star{object-fit:contain;vertical-align:middle;width:24px;height:24px;margin-left:8px;display:inline-block;position:static;transform:rotate(-12deg)}.pricing-options p{color:var(--muted);margin-top:10px;font-size:13px;line-height:1.8}.pricing-options>.fine-print{font-size:11px}.faq-section{border-top:1px solid var(--line);grid-template-columns:.7fr 1.3fr;gap:11%;padding-block:60px 115px;display:grid}.faq-section h2{margin:5px 0}.faq-section details{border-bottom:1px solid var(--line);padding:22px 0}.faq-section details:first-child{padding-top:0}.faq-section summary{cursor:pointer;align-items:center;gap:20px;font-size:14px;font-weight:550;line-height:1.7;list-style:none;display:flex}.faq-section summary::-webkit-details-marker{display:none}.faq-section summary span{margin-left:auto;font-size:21px;font-weight:300;transition:transform .2s}.faq-section details[open] summary span{transform:rotate(45deg)}.faq-section details p{color:var(--muted);max-width:570px;padding-top:17px;font-size:13px;line-height:1.9}.closing{background:var(--soft-lime);text-align:center;padding:100px 30px 90px;position:relative;overflow:hidden}.closing h2{letter-spacing:-.06em;margin:23px 0;font-size:clamp(35px,4.7vw,66px);font-weight:600;line-height:1.2}.closing>p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.8}.closing-star{width:64px;top:74px;right:12%;transform:rotate(14deg)}.closing-dab-a{width:44px;top:120px;left:13%}.closing-dab-b{width:38px;bottom:96px;right:19%;transform:rotate(-20deg)}.closing-smile{width:54px;bottom:80px;left:18%;transform:rotate(-8deg)}.closing-dog{width:150px;height:auto;position:absolute;bottom:0;right:7%}.site-footer{padding-block:45px 30px}.footer-top,.footer-bottom{justify-content:space-between;align-items:center;gap:25px;display:flex}.footer-wordmark{letter-spacing:-.07em;font-size:66px;font-weight:750;line-height:1.2}.footer-wordmark span{color:var(--pink)}.language-links{flex-wrap:wrap;gap:22px;font-size:12px;display:flex}.language-links a[aria-current=page]{text-underline-offset:6px;color:var(--ink);text-decoration:underline}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);margin-top:30px;padding-top:24px;font-size:11px}.footer-legal{font-size:11px}.motion-control{color:var(--muted);white-space:nowrap;background:0 0;padding:8px 0;font-size:11px}.motion-control span{margin-right:4px}.float-art{animation:7s ease-in-out infinite gentle-float}.hero-cap,.diary-cup{animation-delay:-3s}.hero-cup{animation-delay:-5s}@keyframes gentle-float{0%,to{translate:0}50%{translate:0 -10px}}.motion-ready .reveal{transition:opacity .65s,translate .65s}.motion-ready .reveal:not(.in-view){opacity:0;translate:0 24px}.motion-paused .float-art{animation:none}.motion-paused .reveal{opacity:1!important;transition:none!important;translate:none!important}@media (min-width:1500px){.hero-world{height:680px;margin-top:50px}.hero-film .phone{width:255px}.hero-diary .phone{width:265px}}@media (max-width:1000px){.wrap,.site-header{width:calc(100% - 64px)}.brand span{display:none}.chapter{gap:6%;padding-block:100px}.hero-world{max-width:850px;height:590px}.hero-film{left:20%}.hero-diary{left:47%}.hero-film .phone{width:218px}.hero-diary .phone{width:228px}.hero-field{width:160px;left:0}.hero-dog{width:192px;left:6%}.hero-cushion{width:118px;left:80%}.hero-cup{width:54px;top:190px;left:74%}.hero-cap{width:156px;top:250px;left:79%}.hero-side-note{font-size:22px;top:420px;left:80%}.diary-layout{grid-template-columns:1fr 1fr;gap:4%}.diary-cake{width:130px;left:-24px}.diary-cup{width:74px;right:-14px}.diary-orbit{width:350px;height:350px}.diary-scribble{font-size:21px;right:-28px}.widget-disc{width:350px;height:350px}.widget-layout{gap:6%}.widget-dog{width:140px;right:-20px}.planning-experience{gap:6%}.film-caption{font-size:20px;right:-8px}.film-sticker{width:100px;right:-18px}.section-heading h2{font-size:40px}.section-body{font-size:14px}.hero-bottom>span{font-size:8px}.reading-page{padding:28px 24px}.reading-cover{gap:15px}.reading-cover span{font-size:22px}.reading-cover img{width:90px}.project-section{gap:7%}}@media (max-width:700px){.wrap{width:calc(100% - 42px)}.site-header{flex-wrap:wrap;gap:6px 15px;width:calc(100% - 40px);height:auto;min-height:73px;padding-block:14px 4px}.site-header nav{flex:0 0 100%;order:3;justify-content:space-between;gap:12px;font-size:12px}.brand img{width:70px}.nav-download{padding:10px 14px;font-size:11px}.hero{padding-top:49px}.hero h1{letter-spacing:-.065em;margin-top:18px;font-size:clamp(41px,10.5vw,63px);line-height:1.12}.hero .eyebrow{letter-spacing:.07em;font-size:9px}.hero-intro{padding-inline:15px;font-size:14px;line-height:1.8}.hero-underline{bottom:.02em}.download-links{gap:8px;margin-top:22px}.download{gap:8px;min-height:47px;padding:12px 14px;font-size:12px}.download svg{width:17px;height:19px}.download-note{font-size:10px!important}.hero-world{width:460px;max-width:none;height:505px;margin-top:32px;left:50%;transform:translate(-50%)}.hero-film{top:29px;left:13%}.hero-diary{top:50px;left:46%}.hero-film .phone{border-width:4px;border-radius:27px;width:177px}.hero-diary .phone{border-width:4px;border-radius:28px;width:183px}.hero-world figcaption{margin-top:10px;font-size:16px}.hero-field{display:none}.hero-dog{width:150px;left:10%}.hero-cushion{width:74px;top:-26px;left:77%}.hero-cup,.hero-side-note,.hero-star-b{display:none}.hero-cap{width:112px;top:352px;left:68%}.hero-cap-mark{bottom:-16px}.hero-ring{width:440px;height:310px;top:74px}.hero-star-a{width:26px;top:0;left:30%}.hero-dab-a{width:22px;top:22px;left:68%}.hero-dab-b{width:20px;top:8px;left:9%}.hero-heart{width:13px;bottom:128px;left:40%}.hero-bottom{justify-content:center;padding:18px 22px}.hero-bottom>span{display:none}.hero-bottom a{font-size:11px}.chapter{grid-template-columns:1fr;gap:37px;padding-block:76px}.section-heading h2{letter-spacing:-.055em;margin-block:16px 21px;font-size:36px}.eyebrow{font-size:10px}.section-body{font-size:14px;line-height:1.9}.facts{margin-top:29px}.facts>div{padding:16px 0}.facts dt{font-size:13px}.facts dd{margin-top:6px;font-size:12px}.notes-section .story-copy{max-width:480px}.note-stage{min-height:605px}.film-scene{min-height:590px}.film-scene .phone{width:247px}.film-caption{font-size:22px;top:4px;right:4%}.film-stars{width:60px;left:6%}.film-sticker{width:117px;bottom:8px;right:2%}.choices{margin-bottom:18px}.choices button{padding-inline:15px}.diary-section{padding-block:76px 58px}.diary-layout{grid-template-columns:1fr;gap:38px}.diary-stage{min-height:600px}.diary-stage .phone{width:251px}.diary-cake{width:122px;bottom:40px;left:-7px}.diary-cup{width:66px;top:58px;right:4px}.diary-star{width:26px;top:70px;left:12px}.diary-scribble{font-size:20px;bottom:35px;right:0}.diary-orbit{width:335px;height:335px}.planning-section{padding-block:77px 65px}.planning-section .section-heading.center{text-align:left}.planning-facts .facts{grid-template-columns:1fr;gap:0}.planning-experience{grid-template-columns:1fr;gap:22px;margin-top:30px}.planning-steps{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.planning-steps button{border-bottom:1px solid var(--line);border-top:2px solid var(--line);padding:17px 0;display:block}.planning-steps button[aria-pressed=true]{border-top-color:var(--ink)}.step-number{padding-bottom:11px;font-size:10px;display:block}.planning-steps strong{font-size:13px;line-height:1.6;display:block}.step-body{margin-top:7px;font-size:11px;line-height:1.7}.step-arrow{display:none}.planning-stage{padding-top:5px}.planning-stage .phone{width:244px}.planning-caption{margin-top:15px;font-size:11px;line-height:1.8}.widget-section{padding-block:72px 45px}.widget-layout{grid-template-columns:1fr;gap:22px}.widget-layout>div:last-child{grid-row:1}.widget-scene{min-height:640px}.widget-scene .phone{width:248px}.widget-disc{width:330px;height:330px}.widget-dog{width:141px;bottom:44px;right:0}.widget-writing{font-size:23px;bottom:10px;left:0}.inline-list{gap:9px 16px;margin-top:22px;font-size:11px}.fine-print{font-size:10px}.play-section{gap:34px}.play-sketch{display:none}.mac-section{padding-block:73px 53px}.mac-section .section-heading.center{text-align:left}.desktop-experience{margin-top:30px}.mac-frame{border-radius:9px 9px 0 0;padding:7px 7px 11px}.mac-base{width:104%;height:10px;margin-left:-2%}.mac-base:before{height:3px}.mac-requirement{font-size:9px;line-height:1.8}.project-section{grid-template-columns:1fr;gap:15px;padding-block:62px}.project-section h2{font-size:30px}.project-lines{max-width:250px;margin-top:15px;padding-bottom:20px}.project-side{padding-top:0}.guides-section{padding-block:62px}.guides-section h2,.pricing-section h2,.faq-section h2{font-size:28px}.guide-links>a{gap:20px;padding-block:23px}.guide-links h3{font-size:17px}.guide-links p{font-size:12px;line-height:1.7}.pricing-section{grid-template-columns:1fr;gap:21px;padding-block:58px}.faq-section{grid-template-columns:1fr;gap:31px;padding-block:54px 68px}.faq-section summary{font-size:13px}.faq-section details p{font-size:12px}.closing{padding:74px 20px 65px}.closing h2{font-size:35px}.closing-star{width:40px;top:40px;right:6%}.closing-dab-a{width:30px;top:56px;left:7%}.closing-dab-b,.closing-smile{display:none}.closing-dog{width:92px;right:3%}.closing>p:not(.eyebrow){font-size:13px}.site-footer{padding-block:32px 22px}.footer-top{align-items:start}.footer-wordmark{font-size:52px}.language-links{justify-content:flex-end;gap:14px;max-width:190px;padding-top:9px;font-size:11px}.footer-bottom{flex-wrap:wrap;gap:18px;margin-top:22px;padding-top:20px;font-size:10px}.footer-legal{gap:15px;font-size:10px}.motion-control{font-size:10px}.reading-page{width:100%;max-width:430px;margin:auto}.reading-cover{gap:30px}.reading-cover img{width:120px}.reading-cover span{font-size:26px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.motion-ready .reveal{opacity:1!important;translate:none!important}}.note-sheet{background:#fff;border-radius:clamp(22px,2.6vw,34px);position:relative;box-shadow:inset 0 0 0 1px #2423210d,0 40px 70px -40px #2423215c,0 2px 8px #24232112}.note-switch,.diary-switch{background:var(--wash);border-radius:999px;padding:3px;display:inline-flex}.note-switch{z-index:3;position:absolute;top:18px;right:18px}.note-switch button,.diary-switch button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;transition:background .25s,color .25s}.note-switch button[aria-pressed=true],.diary-switch button[aria-pressed=true]{color:var(--ink);background:#fff;box-shadow:0 1px 4px #2423211f}.note-page,.note-source{min-height:clamp(430px,40vw,500px);padding:clamp(56px,5vw,66px) clamp(24px,3vw,40px) clamp(28px,3vw,40px);position:relative}.note-page>:not(.note-photo){max-width:56%}.note-page h3{letter-spacing:-.03em;font-size:clamp(21px,2vw,26px);font-weight:720}.note-page p,.note-page li{font-size:15px;line-height:1.75}.note-page>p:first-of-type{margin-top:10px}.note-page strong{font-weight:700}.note-todos{margin-top:8px}.note-todos button{text-align:left;color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:3px 0;font-size:15px;line-height:1.6;display:flex}.note-box{border:1.6px solid var(--ink);border-radius:5px;flex:none;width:18px;height:18px;transition:background .2s;position:relative}.note-todos button[aria-checked=true] .note-box{background:var(--ink)}.note-todos button[aria-checked=true] .note-box:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:1.5px;left:5px;rotate:45deg}.note-todos button[aria-checked=true] .note-todo{color:var(--faint);text-decoration:line-through}.note-bullets li{padding-left:28px;position:relative}.note-bullets li:before{content:"";background:var(--ink);border-radius:50%;width:5px;height:5px;position:absolute;top:.8em;left:7px}.note-link{background:linear-gradient(#0000 62%,#d6f25acc 62%);gap:6px;margin-top:6px;font-weight:600;display:inline-flex}.note-video{aspect-ratio:16/9;background:var(--wash);border-radius:12px;margin-top:16px;position:relative;overflow:hidden}.note-video img{object-fit:cover;width:100%;height:100%;display:block}.note-play{background:#ffffffe6;border-radius:50%;width:46px;height:46px;margin:-23px 0 0 -23px;position:absolute;top:44%;left:50%;box-shadow:0 4px 14px #0003}.note-play:after{content:"";border-style:solid;border-width:9px 0 9px 14px;border-color:transparent transparent transparent var(--ink);position:absolute;top:14px;left:18px}.note-video-caption{color:#fff;background:linear-gradient(#0000,#0000008c);gap:2px;padding:22px 12px 9px;font-size:12px;line-height:1.35;display:grid;position:absolute;inset:auto 0 0}.note-video-caption span{opacity:.75}.note-photo{z-index:2;filter:drop-shadow(0 6px 8px #2423212e);width:40%;transition:filter .3s;position:absolute;top:0;left:0}.note-photo.held{filter:drop-shadow(0 18px 18px #24232142)}.note-photo-body{cursor:grab;touch-action:none;background:0 0;border:0;width:100%;padding:0;display:block}.note-photo.held .note-photo-body{cursor:grabbing}.note-photo-body img{pointer-events:none;border-radius:8px;width:100%;display:block}.note-photo-caption{color:var(--muted);text-align:left;margin-top:6px;font-size:12px;display:block}.note-photo-handle{background:var(--ink);cursor:nwse-resize;touch-action:none;border:2px solid #fff;border-radius:50%;width:20px;height:20px;padding:0;position:absolute;bottom:14px;right:-9px}.note-source{white-space:pre-wrap;word-break:break-word;color:var(--ink);margin:0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13.5px;line-height:2}.note-demo .play-hint{margin-top:18px}.decor{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(44px,7vw,110px);padding:clamp(100px,14vw,200px) 0;display:grid}.play-board{aspect-ratio:1/1.04;background-color:var(--board);background-image:radial-gradient(#2423212b 1px,#0000 1.5px);background-size:19px 19px;border-radius:clamp(22px,2.6vw,34px);position:relative;box-shadow:inset 0 1px #fff,0 40px 70px -40px #2423215c,0 2px 8px #24232112}.piece{cursor:grab;touch-action:none;filter:drop-shadow(0 6px 8px #24232133);transition:scale .3s var(--ease), filter .3s;background:0 0;border:0;padding:0;position:absolute}.piece.held{z-index:10;cursor:grabbing;filter:drop-shadow(0 20px 18px #24232147);scale:1.06}.piece img{pointer-events:none;width:100%;display:block}.piece-photo{width:44%;top:8%;left:7%;rotate:-3deg}.piece-photo img{border-radius:4px}.piece-memo{aspect-ratio:1;background:var(--lime);word-break:keep-all;width:33%;color:var(--ink);place-items:center;padding:6%;font-size:clamp(15px,1.9vw,25px);line-height:1.25;display:grid;top:9%;right:8%;rotate:3deg}.pin{background:radial-gradient(circle at 35% 30%, #ff9bdc, var(--pink) 60%);border-radius:50%;width:15px;height:15px;margin-left:-7px;position:absolute;top:-7px;left:50%;box-shadow:0 3px 4px #2423214d}.piece-dog{width:21%;top:14.6%;left:31%;rotate:-3deg}.piece-cushion{width:24%;bottom:6%;left:6%;rotate:-6deg}.piece-cap{width:29%;bottom:38%;right:3%;rotate:-8deg}.piece-ticket{width:13%;bottom:5%;left:33%;rotate:6deg}.piece-sub{aspect-ratio:1/.92;white-space:nowrap;background:var(--b-sky);width:29%;color:var(--ink);flex-direction:column;align-items:center;gap:9%;padding:12% 10% 0;font-size:clamp(10px,1.2vw,15px);font-weight:600;display:flex;bottom:5%;right:8%;rotate:-2deg}.piece-sub i{background:#24232138;border-radius:3px;width:100%;height:5px}.piece-sub i+i{align-self:flex-start;width:62%}.play-hint{color:var(--faint);margin-top:16px;font-size:13px}.note-demo{width:100%;max-width:470px;margin:auto}.note-demo .play-hint,.play-hint{color:var(--muted);margin-top:17px;font-size:11px;line-height:1.7}.notes-experience .note-sheet{min-height:540px}.notes-experience .note-page{padding:30px 25px}.play-board{background-color:var(--board);border:1px solid #e2dfd8;border-radius:3px;box-shadow:0 10px 28px #2423210c}.handwritten{font-family:var(--hand)}.playground{min-width:0}.piece-memo .handwritten{line-height:1.5}.play-section .play-hint{max-width:450px}.note-source{overflow:auto}.pin{background:var(--pink);border-radius:50%;width:10px;height:10px;display:block;position:absolute;top:8px;left:50%;box-shadow:1px 2px 2px #0002}.pin-blue{background:var(--blue)}@media (max-width:700px){.notes-experience .note-page{padding:25px 22px}.notes-experience .note-sheet{min-height:550px}.note-stage .note-demo{padding-top:0}.play-board{aspect-ratio:1/1.04}.note-photo{min-width:0}html[lang=en] .hero h1{font-size:clamp(31px,8.7vw,52px)}html[lang=en] .hero-intro{font-size:13px}html[lang=en] .download{font-size:11px}.planning-steps button{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;display:flex}}.step-number,.mac-requirement{color:var(--muted)}