@charset "UTF-8";

:root{color-scheme:light;--paper:#fbf8ef;--ink:#29314b;--blue:#536bc0;--coral:#e87568;--lilac:#e8dff5;--lime:#dbe8a6;--muted:#717183;--round:"Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif;--body:"Trebuchet MS",Arial,sans-serif;--hand:"Segoe Print","Comic Sans MS",cursive}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:25px}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 var(--body);-webkit-font-smoothing:antialiased;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23978d75' opacity='.045' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit}
button{font:inherit}
button,a{-webkit-touch-callout:default}
svg{display:block}
img{display:block;max-width:100%}
::selection{background:#dce7ad;color:var(--ink)}
:focus-visible{outline:3px solid var(--coral);outline-offset:6px}
.wrap{width:min(1176px,calc(100% - 88px));margin-inline:auto}
.skip-link{position:fixed;left:16px;top:12px;z-index:1000;padding:10px 18px;background:var(--ink);color:#fff;border-radius:8px;transform:translateY(-180%)}
.skip-link:focus{transform:translateY(0)}
.site-header{height:116px;display:flex;align-items:center;gap:40px}
.wordmark{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--blue);font:900 41px/.9 var(--round);letter-spacing:-2.5px}
.wordmark svg{width:39px;height:39px;transform:rotate(-9deg)}
.wordmark-dot{color:var(--coral)}
.main-nav{display:flex;align-items:center;gap:34px;margin-left:auto;font-size:15px;font-weight:700}
.main-nav a{text-decoration:none;padding:8px 0;position:relative}
.main-nav a:after{content:"";position:absolute;bottom:3px;left:0;right:0;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.main-nav a:hover:after{transform:scaleX(1)}
.main-nav a span{font-size:20px;display:inline-block;margin-left:3px;color:var(--blue)}
.magic-button{width:48px;height:48px;padding:7px;border:1.5px solid #ded8c8;border-radius:50%;color:#efd267;background:#fffdf8;cursor:pointer;transform:rotate(9deg);box-shadow:0 3px 0 #e6dfd0;transition:transform .2s,box-shadow .2s}
.magic-button:hover{transform:rotate(-8deg) scale(1.08)}
.magic-button:active{transform:translateY(3px);box-shadow:none}
.magic-button svg{width:100%;height:100%}
.hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:46px;min-height:660px;padding-top:32px;padding-bottom:93px}
.hero-copy{position:relative;z-index:2;padding-bottom:10px}
.eyebrow{display:flex;gap:10px;align-items:center;margin:0 0 24px;font-size:13px;line-height:1.3;font-weight:700;letter-spacing:1.6px;text-transform:uppercase}
.tiny-spark{font-size:24px;line-height:1;color:var(--blue)}
h1,h2,h3,p,figure{margin-top:0}
h1{font:900 clamp(70px,7.4vw,101px)/1.06 var(--round);letter-spacing:-5.5px;margin-bottom:26px}
.name{position:relative;color:var(--blue);display:inline-block;isolation:isolate}
.name svg{position:absolute;left:0;bottom:-3px;width:100%;height:22px;color:#e7b1a2;z-index:-1}
.hello-mark{color:var(--coral);display:inline-block;transform:rotate(9deg);margin-left:4px}
.identity{font-size:18px;font-weight:700;margin:0 0 20px;display:flex;align-items:center;gap:12px}
.identity>span:first-child{color:#a5a0a2}
.age{background:var(--lime);padding:1px 10px 2px;border-radius:8px;transform:rotate(-4deg);white-space:nowrap;font-size:16px}
.school{font-size:15px;line-height:1.4;color:#817181;margin:-9px 0 21px}
.hero-description{max-width:410px;margin-bottom:28px;font-size:18px;line-height:1.65;color:#656577}
.primary-button{display:inline-flex;align-items:center;gap:24px;padding:16px 24px 17px;border:2px solid var(--ink);border-radius:14px;background:var(--blue);color:#fffdf7;box-shadow:4px 5px 0 var(--ink);text-decoration:none;font-size:17px;font-weight:700;transition:transform .2s,box-shadow .2s}
.primary-button svg{width:22px;height:22px}
.primary-button:hover{transform:translate(-1px,-2px);box-shadow:5px 7px 0 var(--ink)}
.primary-button:active{transform:translate(3px,4px);box-shadow:1px 1px 0 var(--ink)}
.button-note{margin:15px 0 0 70px;display:flex;gap:8px;align-items:center;font:14px/1.5 var(--hand);color:#8d8291;transform:rotate(-3deg)}
.button-note svg{width:48px;height:28px;flex:none;transform:rotate(9deg)}
.portrait-area{position:relative;min-width:0;display:flex;align-items:center;justify-content:center;padding:12px 12px 0 5px}
.portrait-halo{position:absolute;width:101%;height:89%;background:#e8e3f0;border-radius:49% 43% 44% 50% / 45% 53% 43% 49%;transform:rotate(-11deg);top:22px;left:0;opacity:.8}
.portrait{position:relative;width:385px;margin:0;padding:16px 16px 14px;background:#fffefa;box-shadow:0 12px 30px #453b5220,0 1px 3px #453b5210;transform:rotate(5deg);border:1px solid #e9e3d9}
.portrait-window{height:383px;overflow:hidden;background:#e8e3f0}
.portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.portrait figcaption{font:21px/1.4 var(--hand);text-align:center;display:flex;align-items:center;justify-content:center;gap:13px;margin:17px 0 3px;color:#65556a}
.portrait figcaption svg{width:29px;height:25px;color:var(--coral);transform:rotate(8deg)}
.photo-tape{position:absolute;z-index:2;width:135px;height:39px;background:#e5dca9b8;top:-17px;left:calc(50% - 67px);transform:rotate(-13deg);clip-path:polygon(2% 0,98% 3%,96% 13%,100% 25%,97% 41%,100% 52%,96% 70%,99% 86%,96% 100%,1% 97%,3% 85%,0 70%,4% 55%,1% 40%,4% 25%,0 13%);backdrop-filter:blur(1px)}
.hello-sticker{position:absolute;z-index:3;right:-7px;bottom:24px;width:118px;height:118px;display:flex;justify-content:center;align-items:center;text-align:center;background:var(--lime);color:#53673c;border:2px dashed #8d9e67;border-radius:50%;outline:6px solid var(--lime);font:700 20px/1.3 var(--hand);transform:rotate(12deg);box-shadow:3px 6px 10px #302b3e12}
.doodle-sun{position:absolute;z-index:3;top:-53px;right:-18px;width:119px;height:119px;color:#d6b348;transform:rotate(9deg)}
.doodle-flower{position:absolute;z-index:3;left:-34px;bottom:-30px;width:100px;height:124px;transform:rotate(-17deg)}
.floating-star{position:absolute;color:var(--coral);font-size:47px;font-family:Georgia,serif;line-height:1}
.star-one{left:-31px;top:13px;transform:rotate(12deg)}
.star-two{right:-36px;top:193px;color:var(--blue);font-size:42px;transform:rotate(-10deg)}
.games-section{position:relative;background:#f1eee6;border-top:1px solid #e5dfd3;padding:56px 0 28px;isolation:isolate}
.games-section:before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(#d8d1c326 1px,transparent 1px),linear-gradient(90deg,#d8d1c326 1px,transparent 1px);background-size:28px 28px}
.games-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:32px}
.games-heading .eyebrow{margin-bottom:12px;font-size:11px;letter-spacing:1.4px}
.games-heading h2{font:900 clamp(32px,4.1vw,47px)/1.15 var(--round);letter-spacing:-1.7px;margin-bottom:0}
.coral{color:var(--coral)}
.games-intro{font-size:15px;line-height:1.5;color:#777183;margin:0 1px 3px 0}
.games-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.game-card{min-width:0;overflow:hidden;background:#fffdf6;border:1.5px solid #d2ccbf;border-radius:23px;box-shadow:0 5px 0 #ded7ca;text-decoration:none;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.game-card:hover{transform:translateY(-5px) rotate(-.4deg);box-shadow:0 10px 0 #ded7ca;border-color:#b4ad9f}
.play-card:hover{transform:translateY(-5px) rotate(.4deg)}
.game-art{position:relative;height:240px;overflow:hidden;isolation:isolate;border-bottom:1px solid #d2ccbf}
.game-tag{position:absolute;z-index:4;top:19px;left:20px;background:#fffdf3e8;color:var(--ink);font-size:11px;font-weight:700;letter-spacing:.3px;border-radius:30px;padding:5px 12px;backdrop-filter:blur(4px);box-shadow:0 2px 0 #29314b0a}
.cloud-art{background:#c9e5f6}
.cloud-art-sky{position:absolute;inset:0;z-index:-2;background:linear-gradient(100deg,#c8dff490,#e1f1fc45),url('/assets/cloudscape.png') center 45%/cover;opacity:.68}
.art-label{position:absolute;top:76px;left:32px;color:#45639c;font:900 44px/.98 var(--round);letter-spacing:-2px;transform:rotate(-5deg);text-shadow:0 2px #f4fbffb3}
.art-label em{font-style:normal;color:#fff;display:block;letter-spacing:-1.9px;text-shadow:1px 2px #8cb1da;font-size:45px}
.cloud-puff{position:absolute;border-radius:50%;background:#ffffffe0;box-shadow:19px -13px 0 7px #ffffffe0,42px -3px 0 3px #ffffffe0,65px 5px 0 -4px #ffffffe0;width:49px;height:28px}
.puff-one{right:42px;top:39px;transform:scale(.6);opacity:.8}
.puff-two{left:25px;bottom:8px;transform:scale(1.2);opacity:.65}
.cloud-platform{position:absolute;height:15px;border-radius:50%;background:#fff;box-shadow:0 5px 0 #9fbccf,0 8px 0 #b9d2df;transform:rotate(-4deg)}
.platform-one{width:88px;bottom:31px;right:179px}
.platform-two{width:91px;bottom:84px;right:71px}
.platform-three{width:61px;top:58px;right:63px;opacity:.9}
.jumping-friend{position:absolute;right:97px;bottom:107px;width:47px;height:50px;border-radius:45% 45% 40% 40%;background:#f9e081;box-shadow:inset -5px -4px #e8b963,2px 3px 0 #8499b930;transform:rotate(9deg)}
.jumping-friend:before,.jumping-friend:after{content:"";position:absolute;top:17px;width:4px;height:6px;background:#4b5576;border-radius:50%}
.jumping-friend:before{left:12px}.jumping-friend:after{right:12px}
.jumping-friend i{position:absolute;left:18px;top:26px;width:12px;height:6px;border-bottom:2px solid #4b5576;border-radius:0 0 12px 12px}
.cloud-spark{position:absolute;font-size:29px;line-height:1;color:#e7af4e}
.spark-a{right:165px;top:63px;transform:rotate(11deg)}
.spark-b{right:36px;bottom:36px;color:#7a9cc0;font-size:37px}
.cloud-dotted-path{position:absolute;bottom:59px;right:166px;width:64px;height:91px;border-left:3px dashed #ffffffa8;border-radius:50%;transform:rotate(38deg)}
.play-art{background:#eee3f5}
.play-illustration{width:100%;height:100%}
.game-info{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:23px 26px 25px}
.game-info h3{font:900 26px/1.2 var(--round);letter-spacing:-.5px;margin-bottom:8px}
.game-info p{font-size:14px;line-height:1.55;color:#777183;margin-bottom:0}
.game-go{flex:none;width:48px;height:48px;border-radius:50%;background:#e0e8f4;color:#4c68a7;display:grid;place-items:center;transition:transform .2s,background .2s}
.play-card .game-go{background:#e9dff2;color:#8a6aab}
.game-go svg{width:22px;height:22px}
.game-card:hover .game-go{transform:rotate(8deg);background:var(--lime);color:#56683e}
.games-footnote{display:flex;justify-content:center;align-items:center;gap:9px;margin:27px 0 0;font:14px/1.5 var(--hand);color:#8c8291}
.games-footnote span{font:25px/1 var(--body);color:var(--coral)}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:27px;padding-bottom:28px;font-size:13px;color:#8c8291}
.site-footer p{display:flex;align-items:center;gap:8px;margin:0}
.footer-flower{color:var(--blue);font-size:27px;line-height:1;margin-right:5px}
.site-footer a{text-decoration:none;color:#6e6b80;font-size:13px}
.site-footer a:hover{color:var(--blue)}
.site-footer a span{margin-left:6px;color:var(--coral);font-size:20px}
.magic-message{position:fixed;z-index:30;bottom:25px;left:50%;transform:translate(-50%,20px);max-width:calc(100% - 40px);width:max-content;padding:12px 22px;border-radius:100px;background:var(--ink);color:#fffdf8;box-shadow:0 7px 20px #29314b25;font-size:14px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;text-align:center}
.magic-message.is-visible{opacity:1;transform:translate(-50%,0)}
.magic-piece{position:fixed;z-index:40;pointer-events:none;width:10px;height:15px;border-radius:3px;animation:magic-pop 1100ms cubic-bezier(.14,.65,.41,1) forwards}
.magic-piece.is-round{border-radius:50%;width:10px;height:10px}
@keyframes magic-pop{0%{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(.2)}75%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(var(--spin)) scale(1)}}

@media(min-width:1450px){.wrap{width:1200px}.hero{gap:75px;min-height:700px;padding-top:43px;padding-bottom:102px}.portrait{width:405px}.portrait-window{height:403px}.game-art{height:257px}}
@media(max-width:1090px){.wrap{width:calc(100% - 64px)}.hero{gap:30px;padding-top:38px;padding-bottom:81px;min-height:610px}h1{font-size:80px;letter-spacing:-4px}.hero-description{font-size:17px}.portrait{width:330px;padding:13px}.portrait-window{height:339px}.portrait figcaption{font-size:19px;margin-top:14px}.hello-sticker{right:-1px;bottom:7px;width:96px;height:96px;font-size:17px}.doodle-sun{right:-15px;top:-48px;width:99px;height:99px}.doodle-flower{left:-23px;width:87px}.star-two{right:-20px;font-size:36px}.game-art{height:220px}.game-info{padding:21px}.game-info h3{font-size:23px}.art-label{font-size:37px;left:23px}.art-label em{font-size:38px}.platform-one{right:140px}.platform-two{right:48px}.platform-three{right:42px}.jumping-friend{right:72px}.spark-a{right:137px}.spark-b{right:20px}.cloud-dotted-path{right:143px}}
@media(max-width:800px){.site-header{height:95px;gap:24px}.main-nav{gap:23px}.hero{grid-template-columns:1fr 1fr;gap:25px;padding-top:30px;padding-bottom:75px;min-height:570px}h1{font-size:66px;letter-spacing:-3.5px}.eyebrow{font-size:10px;letter-spacing:1.2px;gap:7px;margin-bottom:18px}.identity{font-size:15px;gap:8px;margin-bottom:16px}.age{font-size:14px}.hero-description{font-size:16px;line-height:1.55;margin-bottom:22px}.primary-button{font-size:14px;gap:12px;padding:14px 16px}.button-note{font-size:11px;margin-left:22px;gap:3px}.portrait{width:100%;max-width:300px;padding:11px}.portrait-window{height:295px}.portrait figcaption{font-size:17px}.portrait figcaption svg{width:23px}.hello-sticker{right:-9px;width:86px;height:86px;font-size:15px}.doodle-flower{left:-24px;bottom:-41px;width:77px}.doodle-sun{right:-22px;width:88px;height:88px}.photo-tape{width:104px;left:calc(50% - 52px);height:31px;top:-14px}.star-one{font-size:34px;left:-23px;top:4px}.star-two{font-size:31px;right:-21px;top:150px}.games-section{padding-top:42px}.games-heading h2{font-size:35px}.games-intro{font-size:13px}.games-grid{gap:20px}.game-info{gap:12px;padding:20px 18px}.game-info h3{font-size:21px}.game-info p{font-size:12px}.game-go{width:38px;height:38px}.game-go svg{width:19px;height:19px}.game-art{height:195px}.art-label{font-size:30px;left:18px;top:80px}.art-label em{font-size:31px}.game-tag{left:15px;top:14px;font-size:9px;padding:4px 9px}.cloud-platform{height:12px}.platform-one{width:58px;right:109px;bottom:27px}.platform-two{width:66px;right:29px;bottom:72px}.platform-three{width:49px;right:30px;top:53px}.jumping-friend{right:47px;bottom:92px;width:39px;height:42px}.jumping-friend:before{left:9px}.jumping-friend:after{right:9px}.jumping-friend i{left:14px;top:25px;width:10px}.spark-a{right:99px;top:56px;font-size:23px}.spark-b{right:15px;bottom:26px;font-size:25px}.cloud-dotted-path{right:106px;height:65px;width:41px;bottom:51px}.puff-one{right:18px;top:20px;transform:scale(.45)}.puff-two{transform:scale(.8);left:17px;bottom:1px}}
@media(max-width:630px){.wrap{width:calc(100% - 40px)}.site-header{height:86px;gap:18px}.wordmark{font-size:34px;gap:7px;letter-spacing:-2px}.wordmark svg{width:32px;height:32px}.main-nav{font-size:13px;gap:19px}.main-nav a span{font-size:17px}.magic-button{width:39px;height:39px;padding:6px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:34px;padding-top:22px;padding-bottom:57px}.hero-copy{padding:0 8px}.eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:20px;gap:9px}.tiny-spark{font-size:22px}h1{font-size:clamp(69px,17.6vw,96px);line-height:1.02;letter-spacing:-4.5px;margin-bottom:25px}h1 br{display:none}h1 .name{margin-top:5px}.name svg{height:19px;bottom:-4px}.identity{font-size:17px;gap:10px;margin-bottom:18px}.age{font-size:15px}.hero-description{max-width:375px;font-size:17px;margin-bottom:23px;line-height:1.6}.primary-button{padding:15px 20px;gap:18px;font-size:16px}.primary-button svg{width:21px}.button-note{margin:13px 0 0 39px;font-size:12px;gap:5px}.portrait-area{max-width:370px;width:100%;align-self:center;margin-top:3px;padding:23px 27px 15px 24px}.portrait{width:100%;max-width:300px;padding:12px 12px 10px;transform:rotate(4deg)}.portrait-window{height:308px}.portrait figcaption{font-size:19px;margin-top:13px}.portrait-halo{width:96%;height:83%;left:3%;top:44px}.hello-sticker{right:-1px;bottom:8px;width:91px;height:91px;font-size:16px;outline-width:5px}.doodle-sun{right:-1px;top:-8px;width:83px;height:83px}.doodle-flower{left:-7px;bottom:-8px;width:80px;height:102px}.star-one{left:2px;top:27px;font-size:34px}.star-two{right:2px;top:166px;font-size:29px}.photo-tape{width:113px;left:calc(50% - 56px);height:32px;top:-14px}.games-section{padding:34px 0 26px}.games-heading{display:block;margin-bottom:24px;padding-inline:5px}.games-heading .eyebrow{font-size:9px;letter-spacing:1.2px;margin-bottom:13px}.games-heading h2{font-size:35px;letter-spacing:-1.5px}.games-intro{margin:12px 0 0;font-size:14px}.games-intro br{display:none}.games-grid{grid-template-columns:1fr;gap:24px}.game-card{border-radius:21px}.game-art{height:220px}.game-tag{font-size:10px;top:17px;left:18px;padding:4px 11px}.game-info{padding:22px;gap:15px}.game-info h3{font-size:25px;margin-bottom:8px}.game-info p{font-size:14px}.game-go{width:45px;height:45px}.game-go svg{width:21px;height:21px}.art-label{font-size:39px;left:25px;top:76px}.art-label em{font-size:40px}.platform-one{width:70px;right:128px;bottom:30px}.platform-two{width:78px;right:35px;bottom:83px}.platform-three{width:55px;right:39px;top:56px}.jumping-friend{right:53px;bottom:104px;width:45px;height:49px}.jumping-friend:before{left:11px}.jumping-friend:after{right:11px}.jumping-friend i{left:17px;top:26px;width:11px}.spark-a{right:124px;top:60px;font-size:27px}.spark-b{right:17px;bottom:30px;font-size:30px}.cloud-dotted-path{right:128px;height:78px;width:50px;bottom:58px}.puff-one{right:20px;top:24px;transform:scale(.55)}.puff-two{transform:scale(.95);left:24px;bottom:3px}.games-footnote{margin-top:27px;font-size:11px;gap:6px}.games-footnote span{font-size:22px}.site-footer{padding-top:23px;padding-bottom:24px;gap:12px;font-size:11px}.site-footer p{gap:5px}.footer-flower{font-size:24px;margin-right:2px}.site-footer a{font-size:11px}.site-footer a span{font-size:18px;margin-left:2px}.footer-age{display:none}.magic-message{font-size:12px;padding:11px 17px;bottom:18px}}
@media(max-width:380px){.wrap{width:calc(100% - 32px)}.site-header{gap:12px}.main-nav{gap:14px;font-size:12px}.wordmark{font-size:31px}.wordmark svg{width:28px;height:28px}.magic-button{width:35px;height:35px}.hero-copy{padding-inline:4px}h1{font-size:65px;letter-spacing:-4px}.identity{font-size:16px}.hero-description{font-size:16px}.primary-button{font-size:15px;gap:13px}.portrait-area{padding-inline:26px}.portrait-window{height:281px}.hello-sticker{width:82px;height:82px;font-size:14px}.games-heading h2{font-size:31px}.game-info{padding:20px 17px}.game-info h3{font-size:23px}.game-info p{font-size:13px}.game-art{height:205px}.art-label{font-size:35px;left:20px}.art-label em{font-size:36px}.jumping-friend{right:43px}.platform-two{right:25px}.platform-one{right:111px}.platform-three{right:29px}.spark-a{right:110px}.cloud-dotted-path{right:112px}.games-footnote{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.game-card:hover,.play-card:hover{transform:none}}

/* Keep the supplied autumn portrait complete, from the trees to her shoes. */
.portrait{width:min(100%,325px)}
.portrait-window{height:auto;aspect-ratio:714 / 1165;background:#e9d7b5}
.portrait img{height:auto;object-fit:contain;object-position:center}
.portrait-halo{background:#eee4db}
@media(min-width:1450px){.portrait{width:335px}}
@media(max-width:1090px){.portrait{width:min(100%,300px)}}
@media(max-width:800px) and (min-width:631px){.portrait{width:100%;max-width:270px}.school{font-size:13px;margin:-6px 0 18px}}
@media(max-width:630px){.portrait{width:100%;max-width:285px}.school{font-size:14px;margin:-7px 0 20px}}
.school,.button-note,.games-footnote,.site-footer{color:#696273}
@media(max-width:630px){.portrait-halo{transform:none}}

.coding-section{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:center;padding-block:85px}
.coding-section h2,.diary-teaser h2{font:900 clamp(29px,3.1vw,42px)/1.15 var(--round);letter-spacing:-1.2px;margin:0 0 24px}
.coding-section h2 span{color:var(--blue)}
.coding-note>p:not(.eyebrow){font-size:16px;line-height:1.75;color:#55576a;max-width:620px}
.text-link{display:inline-flex;gap:12px;align-items:center;color:#42599f;font-weight:700;text-decoration-thickness:1px;text-underline-offset:5px;font-size:15px}
.idea-paper{position:relative;background:#f4ebbe;border:1px solid #ddcf9d;box-shadow:7px 8px 0 #ded9c675;padding:36px 34px 29px;transform:rotate(2deg);border-radius:4px}
.paper-tape{position:absolute;width:115px;height:28px;background:#c7b6dfb8;top:-15px;left:calc(50% - 57px);transform:rotate(-4deg)}
.paper-title{font:28px var(--hand);margin:0 0 24px}.paper-doodle{position:absolute;right:22px;top:18px;color:#9a713d;font-size:40px}
.idea-paper ol{list-style:none;margin:0;padding:0}.idea-paper li{display:flex;gap:15px;align-items:baseline;margin-block:16px;font-size:16px}.idea-paper b{color:#7d6a3e;font-size:13px}
.paper-sign{display:block;border-top:1px dashed #c7b681;padding-top:19px;margin-top:25px;font:14px/1.7 var(--hand);color:#665b46}
.diary-teaser{padding-block:24px 75px}.diary-teaser-heading{display:flex;gap:25px;justify-content:space-between;align-items:center}.diary-teaser-heading h2{margin-bottom:0}.diary-teaser-intro{font-size:16px;color:#55576a;max-width:650px;margin:18px 0 27px}
.diary-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px}.diary-preview{background:#fffdf7;border:1px solid #dcd9d1;border-radius:18px;padding:27px 30px;box-shadow:0 5px 0 #e5e0d5}.diary-preview h3{font:900 24px/1.3 var(--round);margin:17px 0}.diary-preview h3 a{text-decoration:none}.diary-preview h3 a:hover{color:var(--blue)}.diary-preview>p:not(.diary-preview-date){font-size:16px;color:#55576a;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.diary-preview-date{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#696273;margin:0}.diary-preview-date span{color:#4d6338;background:#e4eccf;border-radius:100px;padding:2px 9px}.diary-preview .text-link{margin-top:8px}
@media(max-width:800px){.coding-section{gap:32px;padding-block:60px}.idea-paper{padding:30px 22px}.idea-paper li{font-size:14px}.paper-sign{font-size:12px}}
@media(max-width:630px){.site-header{gap:12px;flex-wrap:wrap;height:auto;min-height:100px;padding-top:20px;padding-bottom:12px}.main-nav{order:3;width:100%;justify-content:center;gap:27px;font-size:14px;margin-left:0}.magic-button{margin-left:auto}.coding-section{grid-template-columns:1fr;gap:38px;padding-block:52px}.coding-section h2{font-size:31px}.coding-section h2 br{display:none}.idea-paper{margin:0 7px;padding:31px 23px}.idea-paper li{font-size:15px}.paper-sign{font-size:13px}.diary-teaser{padding-block:15px 48px}.diary-teaser-heading{display:block}.diary-teaser-heading>.text-link{margin-top:18px}.diary-teaser h2{font-size:31px}.diary-preview{padding:23px}.diary-preview-date{font-size:11px}.diary-preview h3{font-size:24px}.diary-teaser-intro{font-size:16px}}