:root{--paper:#FCF1E4;--tray:#FFF9F0;--line:#EAD7C5;--ink:#6B3B25;--muted:#7A5644;--peach:#F58B73;--peach-ink:#3A2015;--link:#B5503C;--selected:#EED8C4;--cocoa:#6A5145;--cream:#FFF5E8;--body:'Pretendard Variable',Pretendard,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;--display:Dongle,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;--number:'Nunito Sans',var(--body)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;color:var(--ink);background:var(--paper);font:400 18px/1.75 var(--body);word-break:keep-all;overflow-wrap:anywhere}a{color:inherit;text-underline-offset:5px}button{font:inherit;color:inherit;cursor:pointer}img{max-width:100%;height:auto;display:block}figure,p,h1,h2,h3,h4,blockquote{margin:0}h1,h2,h3{text-wrap:balance}h1,h2{font-family:var(--display);font-weight:700;line-height:.95}h3,h4{font-weight:700;letter-spacing:-.025em;line-height:1.45}p+p{margin-top:16px}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--link);outline-offset:5px;border-radius:8px}button{border:0}::selection{color:var(--peach-ink);background:var(--peach)}.wrap{width:calc(100% - 80px);max-width:1160px;margin-inline:auto}.eyebrow,.emboss{font:600 13px/1.5 var(--body);letter-spacing:.15em}.eyebrow{margin-bottom:20px}.number,.emboss,.ticket-no{font-family:var(--number);font-variant-numeric:tabular-nums}.emboss{text-shadow:0 1px 0 #fff;letter-spacing:.12em;color:var(--muted)}.fine,.meta,figcaption{font-size:14px;line-height:1.7;color:var(--muted)}.fine{margin-top:16px}.text-link{display:inline-flex;align-items:center;gap:24px;min-height:44px;font-weight:600;font-size:16px;color:var(--link);text-decoration:underline}.text-link span{font-size:20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:54px;padding:14px 24px;border:1px solid transparent;border-radius:12px;text-decoration:none;font-size:16px;line-height:1.5;font-weight:700}.button span{font-size:22px;line-height:1}.peach{background:var(--peach);color:var(--peach-ink);box-shadow:0 4px 0 #C66A54}.peach:hover{background:#FDA78E}.cocoa{background:var(--ink);color:var(--tray)}.outline-light{border-color:#E5CDB5;color:var(--cream)}.outline-light:hover{background:#796152}.hero-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.skip{position:fixed;left:20px;top:-90px;padding:10px 20px;background:var(--ink);color:white;z-index:50}.skip:focus{top:12px}.site-header{display:flex;justify-content:space-between;align-items:center;padding-block:26px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:700;font-size:18px;line-height:1.4}.brand img{width:44px;height:44px;border-radius:12px}.brand small{display:block;font:600 10px/1.5 var(--number);letter-spacing:.17em;margin-top:3px;color:var(--muted)}.site-header nav{display:flex;gap:30px;align-items:center}.site-header nav a{min-height:44px;display:flex;align-items:center;text-decoration:none;font-size:15px;font-weight:600}.site-header nav a:hover{color:var(--link)}.site-header nav a[aria-current]{text-decoration:underline}
/* A lid, then the pressed paper tray. */
.box{border:1px solid var(--line);border-radius:24px;box-shadow:0 8px 0 #EBDAC8,0 14px 0 #F8EAD9;margin-top:8px;background:var(--tray)}.box-lid{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;padding:42px 52px 32px;border-bottom:1px solid var(--line);background:var(--paper);border-radius:24px 24px 0 0;position:relative}.box-lid:after{content:'';position:absolute;bottom:-5px;left:20px;right:20px;height:4px;background:#F6E7D5;z-index:1;border-radius:0 0 4px 4px}.lid-title .eyebrow{margin-bottom:16px}.box h1{font-size:112px;line-height:.83;letter-spacing:-.015em}.lid-copy{padding-top:5px}.lid-copy>p:first-child{font-size:18px;line-height:1.8}.lid-copy .hero-actions{margin-top:25px;gap:18px}.lid-copy .text-link{font-size:14px;gap:12px}.meta{margin-top:20px;font-size:12px;line-height:1.8}.meta span{font-size:11px}.box-tray{display:grid;grid-template-columns:170px minmax(0,1fr) 230px;gap:25px;padding:34px 38px 25px;align-items:center}.contents-label{align-self:center}.contents-label h2{font-size:47px;margin:15px 0 10px}.contents-label p{font-size:14px;line-height:1.8}.paper-seal{display:inline-block;font-size:12px;font-weight:600;padding:6px 13px;background:var(--selected);border-radius:30px;margin-top:22px}.label-arrow{width:105px;display:block;margin:8px 0 0 45px}.cavity{background:#F5E7D7;border-radius:38%;box-shadow:inset 0 6px 10px #DBC3AB66,inset 0 -5px 8px #FFFDF9,0 1px 0 #FFFDF9;border:1px solid #E6D2BE}.demo-cavity{position:relative;aspect-ratio:1.48;display:flex;justify-content:center;align-items:center;border-radius:38% 38% 34% 34%;overflow:hidden}.squish-button{position:relative;padding:0;background:transparent;display:block;width:100%;height:100%;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:default;overflow:visible}.js .squish-button{cursor:pointer}.squish-button:disabled{opacity:1}.squishy{width:100%;height:100%;object-fit:contain;transform-origin:50% 78%;will-change:transform;filter:drop-shadow(0 10px 5px #9F75591F);pointer-events:none}.dent{position:absolute;left:48%;top:42%;width:17%;aspect-ratio:1;border-radius:50%;box-shadow:inset 0 5px 12px #6B3B2538,0 2px 5px #FFFFFF77;opacity:0;pointer-events:none}.is-pressed .dent{opacity:1}.cavity-stamp{position:absolute;bottom:19px;left:0;right:0;text-align:center;font:600 9px/1 var(--number);letter-spacing:.25em;color:var(--muted);pointer-events:none}.demo-caption{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:12px;font-size:13px}.demo-trigger{border-bottom:1px solid var(--link);min-height:44px;background:transparent;padding:0 4px;color:var(--link);font-size:13px;font-weight:600}.demo-compartment>.fine{text-align:center;font-size:11px;margin-top:2px}.home-compartment{display:flex;flex-direction:column;align-items:center;padding:15px 14px;background:#F8EBD9;border-radius:22px;box-shadow:inset 0 3px 7px #D9C2AA55,inset 0 -3px 4px #FFFFFFAA}.home-compartment .emboss{font-size:10px;letter-spacing:.06em;margin-bottom:8px}.home-screen{height:304px;width:100%;overflow:hidden;border:1px solid #DFCBB9;border-radius:16px;background:var(--cream)}.home-screen img{width:100%;margin-top:-18px}.home-compartment figcaption{text-align:center;font-size:10px;margin-top:10px;line-height:1.6}.box-edge{display:flex;justify-content:space-between;padding:12px 32px;border-top:1px solid var(--line);font:600 10px/1.5 var(--number);letter-spacing:.2em;color:var(--muted)}.js-only{display:none}.js .js-only{display:block}.js .js-only.inline{display:inline}.nojs-comparison{display:flex;gap:12px;justify-content:center;margin-top:16px}.nojs-comparison>div{width:40%;text-align:center;font-size:11px}.nojs-comparison img{height:100px;width:100%;object-fit:contain}.pressed-static{transform:scale(1.08,.84);transform-origin:50% 78%}.js .nojs-comparison{display:none}
/* Quiet paper labels */
.moments{padding:90px 30px 0}.moments>.eyebrow{text-align:center;margin-bottom:35px}.moment-tags{display:flex;justify-content:center;gap:50px}.hang-tag{position:relative;width:30%;max-width:310px;padding:33px 20px 20px;border:1px solid var(--line);border-radius:6px 6px 24px 24px;background:var(--tray);text-align:center}.hang-tag:nth-child(2){border-radius:50px 50px 16px 16px;background:#F5E6D5}.hang-tag:nth-child(3){border-radius:28px 6px 28px 6px}.tag-hole{position:absolute;top:12px;left:calc(50% - 4px);width:8px;height:8px;border:1px solid #D4B599;border-radius:50%;background:var(--paper)}.hang-tag .number{font-size:11px;color:var(--muted);letter-spacing:.18em}.hang-tag h2{font-size:42px;line-height:.98;margin:11px 0 10px}.hang-tag p{font-size:14px;line-height:1.75}.section{padding-block:108px 0}.section-head{max-width:690px;margin-bottom:40px}.section-head h2{font-size:70px;letter-spacing:-.015em;margin-bottom:20px}.section-head>p:not(.eyebrow){max-width:620px;color:var(--muted)}.section-head .eyebrow{font-size:12px}.gesture-sheet{display:flex;background:var(--tray);border:1px solid var(--line);border-radius:18px;padding:22px 18px}.gesture-sheet>figure{width:33.333%;padding:0 25px;border-right:1px solid var(--line)}.gesture-sheet>figure:last-child{border:0}.gesture-art{height:210px;position:relative}.gesture-art img{height:100%;width:100%;object-fit:contain}.gesture-art svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--ink);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.stretch-diagram img{transform:scale(1.1,.9)}.gesture-sheet figcaption strong{display:block;color:var(--ink);font-size:18px;margin-bottom:5px}.gesture-sheet figcaption span{font-size:14px}.material-line{display:flex;justify-content:space-between;padding:18px 0 0;gap:18px}.material-line p{font-size:13px;margin:0}.material-line b{margin-right:12px}.ingredient-layout{display:grid;grid-template-columns:1.07fr 1fr;gap:90px;align-items:start}.ingredient-label{border:1px solid var(--ink);padding:26px 28px;background:var(--tray);position:relative}.nutrition-header{border-bottom:5px solid var(--ink);padding-bottom:16px}.nutrition-header .eyebrow{font-size:12px;margin:0}.nutrition-header h3{font-size:32px;margin-top:4px}.ingredient-row{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid #BBA28E}.ingredient-row h4{font-size:17px}.ingredient-row p{font-size:13px;color:var(--muted)}.ingredient-row>span:last-child{margin-left:auto;font-size:12px}.ingredient-shape{width:18px;height:18px;flex-shrink:0;border:1.5px solid var(--ink);background:var(--selected)}.circle{border-radius:50%}.square{border-radius:4px}.star{clip-path:polygon(50% 0,62% 33%,100% 36%,72% 60%,80% 100%,50% 77%,20% 100%,28% 60%,0 36%,38% 33%);background:var(--ink)}.cloud{border-radius:70% 60% 45% 55%}.nutrition-note{font-size:13px;padding:16px 0;border-bottom:2px solid var(--ink)}.ingredient-details{font-size:14px}.ingredient-details summary{padding:14px 25px 14px 0;min-height:44px}.ingredient-details dl{margin:0;padding:12px 0}.ingredient-details dl>div{padding:12px 0;border-top:1px solid var(--line)}dt{font-weight:700}dd{margin:3px 0 0;color:var(--muted);font-size:13px}.ingredient-label>.fine{font-size:12px}.ingredient-ui{padding-top:15px}.ui-sheet{padding:28px;border:1px solid var(--line);border-radius:26px;background:#FFF8EF;box-shadow:0 7px 0 #E6D4C2;font:400 15px/1.65 var(--body);color:var(--ink)}.ui-title{display:block;font-size:25px;font-weight:700;letter-spacing:-.045em;line-height:1.3}.ui-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.ui-close{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--selected);font-size:26px;line-height:1}.ui-note{font-size:13px;color:var(--muted);margin-top:10px}.ui-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.ui-chip{padding:9px 15px;display:inline-flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #D7BFA8;border-radius:12px;background:var(--tray);font-size:14px}.ui-chip.is-selected{border:1.5px solid #9B6A4C;background:#F5E3D2}.ui-primary{padding:11px 15px;margin-top:25px;background:#8E6A51;border-radius:12px;color:white;text-align:center;font-weight:600}.ui-sheet h4{font-size:15px;margin-top:20px}.ingredient-ui figcaption,.growth-ui figcaption{margin-top:18px;font-size:12px}.sound-caption{margin-top:36px;padding-left:20px;border-left:3px solid var(--peach)}.sound-caption>b{font-size:18px}.sound-caption p{font-size:15px;color:var(--muted);margin-top:8px}.growth-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.minute-slip{display:flex;align-items:center;gap:20px;border:1px solid var(--line);border-radius:70px;background:var(--tray);padding:14px 22px}.timer-ring{border:5px solid var(--peach);width:75px;height:75px;border-radius:50%;display:grid;place-items:center;font:600 24px/1 var(--number);flex-shrink:0}.minute-slip b{font-size:18px}.minute-slip p{font-size:12px;color:var(--muted);margin-top:3px}.growth-copy blockquote{font:700 52px/.95 var(--display);margin:35px 0 24px}.growth-copy>p{font-size:16px;color:var(--muted)}.growth-copy>.text-link{margin-top:22px}.growth-avatar{display:flex;align-items:center;margin:18px 0;gap:14px}.growth-avatar img{width:135px;height:130px;object-fit:contain}.growth-avatar p{font-size:12px;margin-top:10px}.growth-avatar .ui-chip{font-weight:700;font-size:12px}.ui-row{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:16px;font-size:13px}.ui-progress{height:9px;border-radius:9px;overflow:hidden;background:var(--selected);margin-top:10px}.ui-progress span{display:block;height:100%;border-radius:9px;background:var(--peach)}.ui-stats{display:flex;justify-content:space-around;gap:14px;text-align:center;margin-top:24px;border-block:1px solid var(--line);padding:16px 0}.ui-stats b{display:block;font-size:21px}.ui-stats span{display:block;font-size:11px;color:var(--muted)}.growth-stages{display:grid;gap:7px;margin-top:20px;font-size:12px}.growth-stages span{padding:5px 12px;border-radius:10px}.growth-stages .is-selected{background:var(--selected);font-weight:700}.pack-group{margin-top:36px}.pack-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:12px}.pack-heading h3{font-size:18px}.pack-heading>span{font-size:12px}.pack-tray{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding-top:18px}.friend-cell .cavity{aspect-ratio:1.35;display:flex;justify-content:center;align-items:center}.friend-cell img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 4px #8253351A)}.friend-cell figcaption{display:flex;align-items:center;gap:14px;padding:12px 4px 0;font-size:14px;color:var(--ink)}.friend-cell figcaption .number{font-size:10px;color:var(--muted)}.pack-0 .pack-tray{grid-template-columns:1.2fr 1fr 1fr}.pack-0 .friend-cell:first-child .cavity{aspect-ratio:1.6}.pack-1 .friend-cell:nth-child(2) .cavity,.pack-2 .friend-cell:nth-child(3) .cavity{border-radius:27% 40% 31% 40%}.pack-3,.pack-4{display:inline-block;width:calc(50% - 18px);vertical-align:top}.pack-4{margin-left:32px}.pack-3 .pack-tray,.pack-4 .pack-tray{grid-template-columns:1.05fr 1fr}.pack-4 .cavity{background:#ECEDD7}.tryout-strip{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:80px;border-block:1px solid var(--line);padding:40px 0;margin-top:48px}.tryout-strip h3{font-size:25px;margin-bottom:12px}.tryout-strip p{font-size:15px;color:var(--muted)}.tryout-strip .fine{font-size:13px}.tryout-strip .text-link{margin-top:20px}.tryout-screen{height:290px;overflow:hidden;border:1px solid var(--line);border-radius:18px}.tryout-screen img{width:100%;margin-top:-29px}.tryout-strip figcaption{font-size:12px;margin-top:12px}.keyboard-band{background:var(--cocoa);color:var(--cream);padding-bottom:60px;margin-top:108px}.keyboard-intro{display:flex;gap:80px;justify-content:space-between;align-items:flex-end}.keyboard-intro .section-head{margin:0;max-width:650px}.keyboard-band .section-head p{color:var(--cream)}.keyboard-free{font-size:13px;border-left:1px solid #B19A87;padding:18px 0 18px 20px;color:#F5DBC4;margin-bottom:20px}.keyboard-gallery{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px;margin-top:48px;align-items:start}.keyboard-gallery figure>div{background:var(--cream);border-radius:18px;overflow:hidden}.keyboard-screen{height:460px}.keyboard-screen img{width:100%;margin-top:-105px}.editor-screen{height:375px}.editor-screen img{width:100%;margin-top:-38px}.photo-screen{height:375px}.photo-screen img{width:100%;margin-top:-83px}.keyboard-gallery figcaption{color:#F5DBC4;margin-top:16px;font-size:13px}.keyboard-gallery .number{padding-right:10px}.keyboard-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #9E8573;margin-top:35px;padding-top:28px}.keyboard-bottom p{font-size:14px;color:#F5DBC4}.exchange-tickets{display:flex;gap:20px}.ticket{flex:1;min-width:0;background:var(--tray);border:1px solid var(--line);padding:25px 25px 0;border-radius:14px;position:relative}.ticket-no{font-size:12px;letter-spacing:.08em}.ticket h3{font-size:24px;margin:20px 0 12px}.ticket p{font-size:14px;color:var(--muted);min-height:70px}.ticket-stub{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;border-top:1px dashed #B5997E;margin:25px -25px 0;padding:17px 25px;min-height:70px}.exchange-rules{border-bottom:1px solid var(--line);margin-top:38px;padding-bottom:25px}.exchange-rules p{display:grid;grid-template-columns:210px 1fr;gap:18px;font-size:15px}.exchange-rules b{font-size:14px}.exchange-foot{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:22px}.exchange-foot p{font-size:14px;color:var(--muted)}.leaflet{list-style:none;display:flex;padding:0;margin:0 0 32px;background:var(--tray);border:1px solid var(--line);border-radius:10px;overflow:hidden}.leaflet li{width:20%;border-right:1px solid var(--line);padding:26px 20px;display:flex;flex-direction:column;background:#FFF9F0}.leaflet li:nth-child(even){background:#F6E9D9}.leaflet li:last-child{border:0}.leaflet-no{font:600 35px/1 var(--number);color:var(--ink);margin-bottom:24px}.leaflet h3{font-size:18px;margin-bottom:14px}.leaflet p{font-size:14px;color:var(--muted);margin-bottom:24px;flex:1}.app-chip{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;background:#F4E1CF;border:1px solid #A57B5D;border-radius:9px;min-height:44px;padding:8px 10px;font-size:12px;font-weight:600;text-decoration:none}.app-chip:hover{background:var(--selected)}.facts-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 70px;border-top:1px solid var(--line);padding-top:35px}.facts-grid h3{font-size:24px;margin-bottom:18px}.facts-grid p{font-size:16px;color:var(--muted)}.facts-grid .eyebrow{font-size:12px}.facts-grid .text-link{margin-top:12px}.facts-grid .purchase-fact{grid-column:1/-1;background:var(--selected);padding:30px 35px;border-radius:12px;display:grid;grid-template-columns:1fr 1.2fr;gap:0 60px}.purchase-fact .eyebrow{grid-column:1;grid-row:1}.purchase-fact h3{grid-column:1;grid-row:2/5;font-size:30px}.purchase-fact p{grid-column:2}.purchase-fact .fine{font-size:12px}.faq-section{max-width:960px}.faq-list{border-top:1px solid var(--ink);margin-bottom:24px}.faq-list details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;position:relative;font-weight:600;padding:21px 35px 21px 0;line-height:1.55}summary::-webkit-details-marker{display:none}summary:after{content:'+';font:400 25px/1 var(--body);position:absolute;right:0;top:21px}details[open]>summary:after{content:'−'}.faq-list details>p{font-size:16px;color:var(--muted);padding:0 45px 24px 0;max-width:760px}.closing{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-block:80px;margin-top:60px}.closing-mascot img{width:100%}.closing h2{font-size:72px;margin-bottom:22px}.closing>div>p:not(.eyebrow){color:var(--muted);font-size:16px}.closing .button{margin-top:24px}.site-footer{border-top:1px solid var(--line);padding-block:32px 25px}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-top nav{display:flex;gap:22px}.footer-top nav a{font-size:13px;min-height:44px;display:inline-flex;align-items:center;text-decoration:none}.footer-bottom{margin-top:25px;align-items:flex-start}.footer-bottom>p{font-size:11px;color:var(--muted)}.footer-bottom nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.footer-bottom nav span{font-size:11px;color:var(--muted)}.footer-bottom nav a{font-size:12px;min-height:44px;display:flex;align-items:center;text-decoration:none}.site-footer a:hover{color:var(--link)}
/* A complete manual; all basic steps remain open. */
.guide-cover{background:var(--tray);border:1px solid var(--line);border-radius:20px;padding:50px 60px;margin-top:10px;position:relative}.guide-cover:after{content:'MALLANGREST';position:absolute;right:35px;top:35px;writing-mode:vertical-rl;letter-spacing:.35em;font:600 12px/1 var(--number);color:var(--muted)}.guide-cover h1{font-size:100px;line-height:.85;margin-bottom:22px}.guide-cover>p:not(.eyebrow){max-width:680px}.guide-cover-meta{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0}.guide-cover-meta span{padding:5px 12px;background:var(--selected);border-radius:6px;font-size:12px}.guide-layout{display:grid;grid-template-columns:215px minmax(0,1fr);gap:60px;align-items:start;margin-top:64px}.guide-toc{position:sticky;top:30px;padding:20px 0}.guide-toc>.eyebrow{display:block;padding-left:12px}.guide-toc a{display:flex;gap:12px;align-items:center;min-height:44px;padding:8px 12px;text-decoration:none;font-size:13px;border-radius:0 13px 13px 0;border-left:1px solid #D7BFA8;margin-top:5px;background:#F7E8D7}.guide-toc a:hover,.guide-toc a:focus-visible{background:var(--selected);color:var(--link)}.guide-toc .number{font-size:11px;color:var(--muted)}.guide-chapter{padding-bottom:72px;margin-bottom:65px;border-bottom:1px solid var(--line);scroll-margin-top:25px}.chapter-head{margin-bottom:32px}.chapter-head h2{font-size:58px;line-height:.96;letter-spacing:-.015em;margin-bottom:20px}.chapter-head .eyebrow{font-size:11px;margin-bottom:16px}.chapter-head>p{color:var(--muted);font-size:16px;max-width:650px}.guide-step{display:grid;grid-template-columns:1fr .87fr;gap:30px;align-items:start;margin-top:38px}.step-no{font:600 18px/1 var(--number);background:var(--selected);border-radius:50%;height:40px;width:40px;display:grid;place-items:center;margin-bottom:14px}.step-copy h3{font-size:21px;margin-bottom:14px}.step-copy p{font-size:16px;line-height:1.8}.step-copy ul,.step-copy ol{font-size:15px;padding-left:22px}.step-copy li+li{margin-top:9px}.step-copy b{font-weight:600}.tip,.mistake{font-size:13px;line-height:1.7;padding:15px 17px;margin-top:20px;border-left:2px solid #B88667;background:#F5E4D1;border-radius:0 12px 12px 0}.mistake{border-left-color:var(--link);background:#FAE6D9;color:var(--ink)}.mistake strong,.mistake b{color:var(--link)}.guide-visual{max-width:100%;padding-top:0}.guide-visual figcaption{font-size:11px;margin-top:12px;line-height:1.65}.screenshot-crop{aspect-ratio:var(--crop-ratio,1.04);overflow:hidden;position:relative;border:1px solid var(--line);border-radius:17px;background:var(--cream)}.screenshot-crop img{width:100%;height:100%;object-fit:cover;object-position:center var(--crop-y,40%)}.screen-callout{position:absolute;display:grid;place-items:center;min-width:30px;height:30px;padding:0 5px;border:2px solid var(--peach-ink);outline:4px solid #F58B7380;border-radius:50%;background:var(--peach);color:var(--peach-ink);font:700 11px/1 var(--number)}.guide-visual .ui-sheet{padding:20px;font-size:13px;border-radius:20px}.guide-visual .ui-title{font-size:20px}.guide-visual .ui-note{font-size:11px}.guide-visual .ui-chip{font-size:11px;padding:8px 9px}.guide-visual .ui-choices{gap:8px;margin:18px 0}.guide-visual .ui-primary{font-size:12px;margin-top:18px}.guide-visual .ui-row{font-size:11px}.guide-visual .ui-stats{gap:8px}.guide-visual .ui-stats b{font-size:17px}.guide-visual .ui-stats span{font-size:9px}.ui-stage{background:#FFEDDF;border:1px solid var(--line);border-radius:40%;display:flex;justify-content:center;align-items:center;margin-top:16px;min-height:160px}.ui-stage img{width:100%;max-height:220px;object-fit:contain}.ui-session-ring{border:4px solid var(--peach);border-radius:50%;width:60px;height:60px;display:grid;place-items:center;font:600 19px/1 var(--number);flex-shrink:0}.guide-body .guide-step .ui-row img{width:50%;object-fit:contain}.guide-body details{border-block:1px solid var(--line);margin-top:24px}.guide-body details p{font-size:15px;margin:0 0 18px}.guide-body details summary{font-size:16px}.guide-body .guide-step+.guide-step{padding-top:30px;border-top:1px solid var(--line)}.guide-body .guide-end{padding:20px 0 90px}.guide-end h2{font-size:58px;margin-bottom:18px}.guide-end p{font-size:16px;color:var(--muted)}.guide-end .button{margin-top:28px}.guide-end .text-link{display:flex;max-width:260px;margin-top:20px}.guide-body .guide-faq details{margin:0;border-top:0}.guide-body .guide-faq{border-top:1px solid var(--line)}.error-page{text-align:center;padding:75px 0 100px}.empty-cavity{width:260px;height:190px;display:grid;place-items:center;margin:35px auto}.empty-cavity span{font:700 100px/1 var(--display);opacity:.45}.error-page h1{font-size:80px;margin-bottom:24px}.error-page .hero-actions{justify-content:center;margin-top:30px}
@media(min-width:1500px){.box-tray{padding-top:40px;padding-bottom:32px}.demo-cavity{aspect-ratio:1.4}}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.box-lid{padding:32px;gap:30px;grid-template-columns:1fr 1fr}.box h1{font-size:94px}.lid-copy .hero-actions{gap:12px}.box-tray{grid-template-columns:110px minmax(0,1fr) 185px;gap:15px;padding:28px 22px}.contents-label h2{font-size:37px}.contents-label p{font-size:12px}.contents-label .emboss{font-size:10px}.paper-seal{font-size:10px;padding:5px 8px}.home-screen{height:265px}.home-compartment{padding:12px 10px}.demo-compartment>.fine{font-size:10px}.demo-caption{font-size:11px;gap:4px}.cavity-stamp{bottom:12px;font-size:8px}.moment-tags{gap:22px}.hang-tag{width:33.333%;padding:33px 12px 20px}.hang-tag h2{font-size:37px}.hang-tag p{font-size:12px}.section-head h2{font-size:64px}.ingredient-layout,.growth-layout{gap:40px}.ui-sheet{padding:22px}.gesture-sheet>figure{padding:0 15px}.gesture-art{height:160px}.material-line{gap:12px}.material-line p{font-size:11px}.material-line b{display:block;margin:0}.pack-tray{gap:15px}.friend-cell figcaption{font-size:12px;gap:9px}.pack-3,.pack-4{width:calc(50% - 12px)}.pack-4{margin-left:20px}.tryout-strip{gap:40px}.keyboard-intro{gap:30px;align-items:center}.keyboard-free{font-size:11px;min-width:190px}.keyboard-gallery{gap:20px;grid-template-columns:1.2fr 1fr 1fr}.keyboard-screen{height:355px}.keyboard-screen img{margin-top:-77px}.editor-screen,.photo-screen{height:310px}.photo-screen img{margin-top:-60px}.keyboard-gallery figcaption{font-size:11px}.exchange-tickets{gap:14px}.ticket{padding:20px 15px 0}.ticket h3{font-size:20px}.ticket p{font-size:12px;min-height:84px}.ticket-stub{margin-inline:-15px;padding-inline:15px;font-size:11px}.leaflet li{padding:22px 13px}.leaflet p{font-size:12px}.leaflet h3{font-size:16px}.app-chip{font-size:10px;gap:4px;padding:8px}.facts-grid{gap:36px}.closing{gap:30px}.closing h2{font-size:64px}.footer-top{align-items:flex-start}.footer-top nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}.footer-bottom nav{gap:14px}.guide-layout{grid-template-columns:1fr;gap:30px;margin-top:35px}.guide-toc{position:static;display:flex;flex-wrap:wrap;gap:8px;padding:0}.guide-toc>.eyebrow{width:100%;padding:0;margin:0 0 4px}.guide-toc a{border:1px solid #D7BFA8;border-radius:25px;margin:0;padding:7px 12px;font-size:12px}.guide-step{grid-template-columns:1.05fr 1fr;gap:40px}.guide-cover{padding:40px}.guide-body .guide-chapter{padding-bottom:55px;margin-bottom:55px}}
@media(max-width:600px){body{font-size:17px;line-height:1.75}.wrap{width:calc(100% - 40px)}.site-header{padding-block:17px}.brand{font-size:15px;gap:9px}.brand img{width:38px;height:38px;border-radius:10px}.brand small{font-size:9px}.site-header nav{gap:10px}.site-header nav a{font-size:12px}.support-nav{display:none!important}.box{border-radius:18px;margin-top:6px}.box-lid{display:block;padding:28px 24px 25px;border-radius:18px 18px 0 0}.box h1{font-size:76px;line-height:.87}.lid-title .eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:14px}.lid-copy{padding-top:18px}.lid-copy>p:first-child{font-size:15px;line-height:1.75}.desktop-br{display:none}.lid-copy .hero-actions{margin-top:20px;display:block}.lid-copy .button{padding:13px 16px;font-size:14px;min-height:50px;width:100%;gap:15px}.lid-copy .text-link{margin-top:13px;font-size:13px}.meta{font-size:11px;margin-top:12px;line-height:1.8}.meta span{font-size:10px}.box-tray{display:flex;flex-direction:column;gap:24px;padding:24px 20px}.contents-label{order:0;align-self:stretch;display:flex;flex-wrap:wrap;align-items:center;gap:7px 14px}.contents-label .emboss{font-size:10px;width:100%}.contents-label h2{font-size:38px;margin:0}.contents-label p{font-size:11px;line-height:1.5}.contents-label p br{display:none}.contents-label p br:after{content:' '}.contents-label .paper-seal{font-size:10px;margin:0 0 0 auto}.label-arrow{display:none}.demo-compartment{width:100%;order:1}.demo-cavity{aspect-ratio:1.18}.squishy{height:100%;width:100%}.cavity-stamp{font-size:8px;bottom:18px}.demo-caption{font-size:12px;margin-top:8px;gap:5px}.demo-trigger{font-size:12px}.demo-compartment>.fine{font-size:10px;line-height:1.75}.home-compartment{width:100%;order:2;padding:17px}.home-compartment .emboss{font-size:11px;margin-bottom:12px}.home-screen{height:400px;width:100%;border-radius:14px}.home-screen img{margin-top:-20px}.home-compartment figcaption{font-size:11px}.box-edge{padding:10px 18px;font-size:8px}.box-edge span:last-child{display:none}.moments{padding:65px 0 0}.moments>.eyebrow{font-size:11px;margin-bottom:24px}.moment-tags{display:block}.hang-tag{width:100%;max-width:none;text-align:left;padding:21px 22px;margin-top:12px;display:grid;grid-template-columns:36px 1fr;gap:0 15px;border-radius:12px!important}.tag-hole{top:28px;left:15px;width:6px;height:6px}.hang-tag .number{grid-column:1;grid-row:1/3;align-self:center;margin-left:10px}.hang-tag h2{font-size:35px;margin:0 0 6px;grid-column:2}.hang-tag h2 br{display:none}.hang-tag p{grid-column:2;font-size:12px;line-height:1.7}.hang-tag p br{display:none}.section{padding-top:68px}.section-head{margin-bottom:28px}.section-head h2{font-size:52px;margin-bottom:17px}.section-head .eyebrow{font-size:10px;margin-bottom:17px}.section-head>p:not(.eyebrow){font-size:16px;line-height:1.75}.gesture-sheet{display:block;padding:0 20px}.gesture-sheet>figure{width:100%;display:grid;grid-template-columns:135px 1fr;gap:15px;align-items:center;padding:20px 0;border-right:0;border-bottom:1px solid var(--line)}.gesture-art{height:150px}.gesture-sheet figcaption strong{font-size:16px}.gesture-sheet figcaption span{font-size:12px}.material-line{display:block}.material-line p{margin-top:8px;font-size:12px}.material-line b{display:inline;margin-right:12px}.fine{font-size:12px}.ingredient-layout{display:block}.ingredient-label{padding:22px}.nutrition-header h3{font-size:26px}.nutrition-header .eyebrow{font-size:10px}.ingredient-row{gap:13px;padding:15px 0}.ingredient-row h4{font-size:16px}.ingredient-row p{font-size:12px}.ingredient-ui{padding:0;margin-top:35px}.ui-sheet{padding:24px}.ui-title{font-size:23px}.sound-caption{margin-top:28px}.sound-caption p{font-size:14px}.growth-layout{display:block}.growth-copy{margin-bottom:35px}.minute-slip{gap:15px;padding:12px 16px}.timer-ring{width:65px;height:65px;font-size:20px}.minute-slip b{font-size:16px}.minute-slip p{font-size:11px}.growth-copy blockquote{font-size:45px}.growth-copy>p{font-size:15px}.growth-avatar{gap:10px}.growth-avatar img{width:110px;height:110px}.pack-heading{display:block;padding-bottom:12px}.pack-heading h3{font-size:17px}.pack-heading>span{font-size:11px}.pack-tray{grid-template-columns:1fr 1fr;gap:20px 15px}.pack-0 .pack-tray{grid-template-columns:1fr 1fr}.pack-0 .friend-cell:first-child{grid-column:1/-1;width:100%}.pack-0 .friend-cell:first-child .cavity{aspect-ratio:1.9}.pack-0 .friend-cell:first-child img{max-height:185px}.friend-cell .cavity{aspect-ratio:1.1}.friend-cell figcaption{font-size:12px;gap:6px;display:flex;align-items:baseline}.friend-cell figcaption .number{font-size:9px}.pack-3,.pack-4{display:block;width:100%;margin-left:0}.tryout-strip{display:block;padding:30px 0;margin-top:32px}.tryout-strip h3{font-size:23px}.tryout-strip figure{margin-top:28px}.tryout-screen{height:270px}.tryout-screen img{margin-top:-24px}.keyboard-band{margin-top:68px;padding-bottom:40px}.keyboard-intro{display:block}.keyboard-free{font-size:12px;margin:25px 0 0;padding:12px 0 12px 15px}.keyboard-gallery{grid-template-columns:1fr 1fr;gap:24px 15px;margin-top:32px}.keyboard-big{grid-column:1/-1}.keyboard-screen{height:460px}.keyboard-screen img{margin-top:-90px}.editor-screen,.photo-screen{height:270px}.editor-screen img{margin-top:-18px}.photo-screen img{margin-top:-38px}.keyboard-gallery figcaption{font-size:11px;line-height:1.7}.keyboard-gallery .number{display:block;padding:0}.keyboard-bottom{display:block;margin-top:28px;padding-top:24px}.keyboard-bottom p{font-size:13px}.keyboard-bottom .button{margin-top:22px;font-size:14px}.exchange-tickets{display:block}.ticket{margin-top:16px;padding:24px 24px 0}.ticket h3{font-size:23px;margin:16px 0 10px}.ticket p{font-size:14px;min-height:0}.ticket-stub{font-size:12px;margin-inline:-24px;padding:17px 24px;min-height:58px}.exchange-rules{margin-top:28px}.exchange-rules p{display:block;font-size:14px}.exchange-rules b{display:block;font-size:13px;margin-bottom:5px}.exchange-foot{display:block}.exchange-foot p{font-size:13px}.exchange-foot .text-link{margin-top:18px}.leaflet{display:block}.leaflet li{width:100%;display:grid;grid-template-columns:42px 1fr;gap:0 16px;border-right:0;border-bottom:1px solid var(--line);padding:24px 22px}.leaflet-no{grid-column:1;grid-row:1/4;font-size:26px;align-self:start;margin:4px 0 0}.leaflet h3{font-size:18px;grid-column:2;margin-bottom:8px}.leaflet p{font-size:14px;grid-column:2;margin-bottom:15px}.app-chip{grid-column:2;justify-self:start;font-size:12px;min-width:135px;padding:8px 12px}.manual-section>.button{font-size:14px}.facts-grid{display:block;padding-top:24px}.facts-grid>div{margin-bottom:32px}.facts-grid h3{font-size:23px}.facts-grid p{font-size:15px}.facts-grid .purchase-fact{display:block;padding:25px}.purchase-fact h3{font-size:25px}.purchase-fact p{margin-top:14px}.faq-list summary{font-size:16px;padding-block:22px}.faq-list details>p{font-size:15px;padding-right:10px}.faq-section .text-link{font-size:14px}.closing{display:flex;flex-direction:column;gap:10px;padding:40px 15px 65px;margin-top:40px;text-align:center}.closing-mascot{width:100%;max-width:290px}.closing h2{font-size:58px;margin-bottom:20px}.closing .eyebrow{font-size:10px}.closing>div>p:not(.eyebrow){font-size:15px}.closing .button{font-size:14px}.footer-top,.footer-bottom{display:block}.footer-top nav{justify-content:flex-start;gap:5px 16px;margin-top:20px}.footer-top nav a{font-size:12px}.footer-bottom{margin-top:15px}.footer-bottom nav{gap:0 15px;margin-top:15px}.footer-bottom nav>span{width:100%;margin-bottom:4px}.footer-bottom nav a{font-size:12px}.guide-cover{padding:30px 24px;border-radius:16px}.guide-cover:after{font-size:8px;top:28px;right:16px}.guide-cover>.eyebrow{font-size:9px;letter-spacing:.11em}.guide-cover h1{font-size:76px;margin-bottom:20px}.guide-cover>p:not(.eyebrow){font-size:15px}.guide-cover .fine{font-size:11px!important}.guide-cover-meta{gap:6px;margin:22px 0}.guide-cover-meta span{font-size:10px}.guide-layout{margin-top:28px;gap:38px}.guide-toc{gap:6px}.guide-toc a{font-size:11px;padding:8px 10px;gap:6px}.guide-toc .number{font-size:9px}.guide-toc>.eyebrow{font-size:10px;margin-bottom:9px}.chapter-head h2{font-size:48px}.chapter-head>p{font-size:15px}.guide-step{display:flex;flex-direction:column;gap:23px;margin-top:30px}.step-copy h3{font-size:20px}.step-copy p{font-size:15px}.step-copy ul,.step-copy ol{font-size:14px}.step-no{font-size:16px;width:35px;height:35px;margin-bottom:12px}.tip,.mistake{font-size:12px}.guide-visual{width:100%}.guide-visual .ui-sheet{padding:24px}.guide-visual .ui-title{font-size:22px}.guide-visual .ui-note{font-size:12px}.guide-visual .ui-chip{font-size:12px}.guide-visual .ui-primary{font-size:14px}.guide-visual .ui-row{font-size:12px}.guide-visual .ui-stats span{font-size:11px}.guide-chapter{scroll-margin-top:20px}.guide-body .guide-step+.guide-step{padding-top:30px}.guide-body .guide-end{padding-bottom:65px}.guide-end h2{font-size:48px}.guide-end .button{font-size:14px}.guide-end .text-link{font-size:14px}.error-page{padding-top:50px}.error-page h1{font-size:65px}.error-page>p{font-size:15px}.empty-cavity{width:230px;height:170px}.error-page .button{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.squishy{will-change:auto}}
/* Refinement 1: fill the toy cavity and keep packaging titles in two lines. */
.squishy,.demo-static img{object-fit:cover}.box h1{letter-spacing:-.04em}.tryout-screen{height:auto;aspect-ratio:.93}.tryout-screen img{margin-top:0}.keyboard-screen,.editor-screen,.photo-screen{height:auto;aspect-ratio:auto}.keyboard-screen img,.editor-screen img,.photo-screen img{margin-top:0}.keyboard-gallery{grid-template-columns:1.15fr 1fr 1fr}.keyboard-gallery figure>div{border:1px solid #AE9580}.keyboard-gallery figcaption{font-size:14px}.friend-cell figcaption{font-size:14px}.moment-tags .hang-tag p{font-size:14px}.material-line p{font-size:14px}.pack-heading>span{font-size:14px}.ticket p{font-size:15px}.ticket-stub{font-size:14px}.leaflet p{font-size:14px}.app-chip{font-size:14px}.keyboard-free{font-size:14px}.footer-top nav a,.footer-bottom nav a{font-size:14px}
@media(max-width:1000px) and (min-width:601px){.box h1{font-size:82px;letter-spacing:-.045em}.leaflet{flex-wrap:wrap}.leaflet li{width:33.333%}.leaflet li:nth-child(4),.leaflet li:nth-child(5){width:50%;border-top:1px solid var(--line)}.pack-heading>span{font-size:12px}.keyboard-intro{display:block}.keyboard-free{max-width:360px;margin:25px 0 0}.keyboard-gallery{grid-template-columns:1.2fr 1fr}.keyboard-gallery>figure:last-child{grid-column:2}.keyboard-gallery>figure:first-child{grid-row:1/3}.keyboard-gallery figcaption{font-size:13px}}
@media(max-width:600px){.box h1{font-size:76px;letter-spacing:-.055em}.box-lid{padding-inline:20px}.lid-copy>p:first-child{font-size:15px}.demo-cavity{aspect-ratio:1.18}.friend-cell figcaption{font-size:13px}.pack-heading>span{font-size:13px}.keyboard-gallery{display:block}.keyboard-gallery>figure{margin-top:28px}.keyboard-gallery figure>div{max-width:100%;margin-inline:auto}.editor-screen img,.photo-screen img{width:100%}.keyboard-gallery figcaption{font-size:14px}.keyboard-free{font-size:13px}.leaflet p,.app-chip{font-size:14px}.footer-top nav a,.footer-bottom nav a{font-size:13px}}

/* Refinement 1: readable notes and accurate static app controls. */
.fine,.meta,figcaption,.home-compartment figcaption,.demo-compartment>.fine,.guide-visual figcaption{font-size:14px}.meta span{font-size:12px}.demo-caption{font-size:14px}.demo-trigger{font-size:14px}.app-chip{border-color:#997052}.diagram-note{font-size:14px;color:var(--muted);padding-top:15px}.ui-switch{display:block;position:relative;width:55px;height:31px;background:#D97B65;border-radius:30px;flex-shrink:0}.ui-switch:after{content:'';position:absolute;right:3px;top:3px;height:25px;width:25px;background:white;border-radius:50%;box-shadow:0 1px 2px #6B3B2533}.ui-friend-cards{display:flex;gap:8px;margin:18px 0 24px}.ui-friend-card{width:33.333%;padding:4px 5px 10px;border:1px solid var(--line);border-radius:14px;background:#FFF5E8;text-align:center;font-size:11px;line-height:1.5}.ui-friend-card.is-selected{border:2px solid var(--peach)}.ui-friend-card img{width:100%;height:90px;object-fit:contain}.guide-visual .ui-note{font-size:13px}.guide-visual .growth-stages{font-size:12px;gap:8px}.guide-visual .ui-title:not(:first-child){margin-top:22px}.guide-visual .ui-primary{display:block}.ui-row .ui-primary{margin-top:0}.guide-visual .ui-title+.ui-chip,.guide-visual .ui-primary+.ui-chip{margin-top:12px}.guide-visual .ui-sheet>.ui-chip+.ui-chip{margin-top:8px}.squish-button{display:none}.js .squish-button{display:block}.demo-static{height:100%;width:100%}.demo-static img{height:100%;width:100%;object-fit:contain}.js .demo-static{display:none}
@media(max-width:600px){.demo-compartment>.fine{font-size:12px}.meta{font-size:13px}.meta span{font-size:11px}.home-compartment figcaption{font-size:13px}.guide-visual figcaption{font-size:13px}.ui-friend-card{font-size:11px}.ui-friend-card img{height:88px}}

/* Refinement 2: faithful crops, calm press state and legible guide evidence. */
.dent{display:none}.is-pressed .squishy{filter:drop-shadow(0 7px 3px #9F755938)}.demo-static img{object-fit:cover}.detail-shot,.screen-pair{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--cream)}.detail-shot img,.screen-pair img{width:100%;height:auto}.screen-pair img+img{border-top:8px solid var(--selected)}.caption-step{width:27px;height:27px;display:inline-grid;place-items:center;margin-right:9px;border:1px solid var(--peach-ink);background:var(--peach);color:var(--peach-ink);border-radius:50%;font:600 10px/1 var(--number)}.ui-activity,.ui-album{padding:16px;border:1px solid var(--line);border-radius:14px;margin-top:20px;background:#FFF5E8}.ui-activity .ui-choices:last-child .ui-primary{margin:0}.ui-field{padding:12px 10px;border:1px solid var(--line);border-radius:10px;background:#FFFBF7;color:#B79F90;font-size:12px;letter-spacing:.025em;margin-top:12px}.ui-recovery .ui-primary{background:var(--selected);color:var(--ink)}.guide-toc a{font-size:14px}.guide-step .tip,.guide-step .mistake{font-size:14px}.guide-cover-meta span{font-size:14px}.guide-visual .ui-note{font-size:13px}.guide-visual .ui-stats span,.guide-visual .ui-row{font-size:12px}.keyboard-gallery{grid-template-columns:1.15fr 1fr 1fr}.keyboard-gallery figure>div{aspect-ratio:auto;height:auto}.keyboard-gallery img{height:auto;margin:0}.tryout-screen{aspect-ratio:auto}.tryout-screen img{height:auto}.box-edge{font-size:10px}.guide-visual figcaption{font-size:14px}.leaflet li{position:relative}.leaflet li:after{content:'';position:absolute;width:30px;height:5px;background:#E6D1BA;top:0;right:-15px;z-index:1;transform:rotate(-20deg)}.leaflet li:last-child:after{display:none}
@media(max-width:1000px){.keyboard-gallery{grid-template-columns:1.2fr 1fr}.keyboard-gallery .keyboard-big{grid-row:1/3}}
@media(max-width:600px){.box-lid{padding-top:25px;padding-bottom:26px}.lid-title .eyebrow{margin-bottom:8px}.box-lid{gap:14px}.lid-copy .hero-actions{margin-top:16px}.meta{margin-top:13px}.contents-label{position:relative}.contents-label h2{margin:4px 0}.contents-label p{max-width:220px}.contents-label .paper-seal{right:0;top:12px}.box-tray{padding-top:22px}.keyboard-gallery{display:block}.keyboard-gallery figure+figure{margin-top:32px}.guide-visual figcaption{font-size:13px}.guide-cover-meta span{font-size:13px}.guide-toc a{font-size:13px}.ui-field{font-size:11px}.guide-visual .ui-sheet{padding:18px}.home-compartment{max-width:300px;justify-self:center;width:100%}}

.ui-field{color:var(--muted)}

/* Refinement 3: the mobile lid opens straight onto the character. */
.box h1{line-height:.95}.box-lid{padding-top:34px}
@media(max-width:600px){.box-lid{padding-top:25px}.demo-compartment{order:0}.contents-label{order:1}.home-compartment{order:2}.box-tray{gap:18px}.contents-label p{font-size:13px;max-width:210px}.contents-label .paper-seal{font-size:12px}.demo-compartment>.fine{font-size:13px}.home-compartment .emboss{font-size:12px}.guide-cover .fine{font-size:13px!important}.guide-cover>.eyebrow{font-size:10px}.footer-bottom nav a{font-size:13px}}

/* Independent review: readable paper labels and a clear route through the guide. */
.brand{min-height:44px}
.site-header nav a,.site-footer nav a{min-width:44px}
.site-footer nav a{font-size:14px}
main:focus,.guide-toc:focus{outline:none}
.guide-toc a:hover,.guide-toc a:focus-visible{color:var(--ink)}
.keyboard-band a:focus-visible{outline-color:var(--cream)}
.guide-cover h1{line-height:.95}
.ui-subtitle{font-size:15px;font-weight:700;margin-top:20px}
.home-compartment figcaption a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink)}
.guide-visual figcaption,.home-compartment figcaption,.demo-compartment>.fine{font-size:14px}
.guide-step p{font-size:17px}
.guide-chapter{position:relative}
.chapter-back{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:24px;font-size:14px;font-weight:600;color:var(--link)}
.guide-step a:not(.chapter-back){display:inline-block;min-height:44px;line-height:44px}
.guide-faq p a{display:inline-block;min-height:44px;line-height:44px}
@media(max-width:1000px){
  .hang-tag p,.contents-label p,.material-line p,.ticket p,.keyboard-free,.leaflet p{font-size:14px}
  .home-compartment figcaption{font-size:14px}
}
@media(max-width:600px){
  .lid-copy>p:first-child{font-size:17px;line-height:1.7}
  .gesture-sheet figcaption span,.ingredient-row p,.minute-slip p,.exchange-foot p{font-size:14px}
  .guide-cover>p:not(.eyebrow),.chapter-head>p,.guide-end p{font-size:17px}
  .guide-cover .fine{font-size:14px!important}
  .guide-step p{font-size:17px}
  .guide-visual figcaption,.home-compartment figcaption,.demo-compartment>.fine{font-size:14px}
  .guide-chapter{scroll-margin-top:24px}
}
/* Captions and dated price information stay readable at every breakpoint. */
.friend-cell figcaption,.keyboard-gallery figcaption,.tryout-strip figcaption,
.ingredient-ui figcaption,.growth-ui figcaption,.purchase-fact .fine,
.meta,.meta span,.nojs-comparison>div{font-size:14px}