body.learn-page{height:auto;min-height:100dvh;background:var(--kl-paper);color:var(--kl-ink);font-family:var(--kl-sans)}.learn-page .site-header nav a[aria-current=page]{color:var(--kl-accent)}.learn-main{width:min(1152px,calc(100% - 80px));margin:auto}.learn-page .eyebrow{font:10px/1.5 var(--kl-mono);letter-spacing:.08em}.tour-intro{display:grid;grid-template-columns:1fr 255px;gap:70px;padding:var(--page-intro-gap) 0 36px;align-items:center}.tour-intro h1{font:550 clamp(29px,3.2vw,40px)/1.18 var(--kl-sans);letter-spacing:-1.1px;max-width:650px;margin:14px 0}.tour-intro h1>span{display:block;font-size:.78em;line-height:1.3;color:var(--kl-accent);margin-bottom:7px}.tour-intro p{font-size:14px;line-height:1.75;max-width:585px;color:hsl(calc(281.053 + var(--site-hue-shift,0)) calc(8.085% * var(--site-saturation,1)) 46.078%);margin:0}.tour-intro-links{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:22px;font-size:12px}.learn-page .pearl-button{min-height:44px}.tour-index{padding:20px;border:1px solid var(--kl-rule);border-radius:8px;background:var(--kl-glass);box-shadow:inset 0 1px #fff}.tour-index>.eyebrow{margin-bottom:12px}.tour-index>a{display:flex;gap:12px;align-items:center;min-height:44px;border-top:1px dotted hsl(calc(283.333 + var(--site-hue-shift,0)) calc(17.308% * var(--site-saturation,1)) 79.608%);font-size:12px}.tour-index>a span{font:10px var(--kl-mono);color:hsl(calc(282.581 + var(--site-hue-shift,0)) calc(15.271% * var(--site-saturation,1)) 60.196%)}.tour-index b{margin-left:auto;font-weight:400;color:hsl(calc(281.053 + var(--site-hue-shift,0)) calc(16.379% * var(--site-saturation,1)) 54.51%)}.tour-section-head{padding:26px 0 20px;border-top:1px solid var(--kl-rule)}.tour-section-head h2{font:550 26px/1.25 var(--kl-sans);letter-spacing:-.65px;margin:9px 0 7px}.tour-section-head p{font-size:13px;line-height:1.65;color:hsl(calc(281.053 + var(--site-hue-shift,0)) calc(8.085% * var(--site-saturation,1)) 46.078%);margin:0}.cover-section,.workflow-section,.tour-faq{margin-top:36px}.cover-workbench{display:grid;grid-template-columns:300px 1fr;gap:42px;padding:26px;border:1px solid hsl(calc(278.824 + var(--site-hue-shift,0)) calc(19.54% * var(--site-saturation,1)) 82.941%);border-radius:9px;background:linear-gradient(110deg,hsl(calc(276.923 + var(--site-hue-shift,0)) calc(22.807% * var(--site-saturation,1)) 88.824% / .3961),#fff5)}.tour-cover-stage{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.tour-cover-stage>#tour-cover{width:220px;max-width:100%;transform:rotate(-3deg);box-shadow:7px 16px 22px -15px hsl(calc(280.714 + var(--site-hue-shift,0)) calc(15.385% * var(--site-saturation,1)) 35.686% / .5333)}.tour-cover-stage>#cover-name{font:11px var(--kl-mono);color:hsl(calc(281.25 + var(--site-hue-shift,0)) calc(12.698% * var(--site-saturation,1)) 49.412%)}.cover-console{min-width:0}.cover-sample-fields{display:grid;grid-template-columns:1.4fr 1fr;gap:12px}.cover-sample-fields label{font-size:11px;color:hsl(calc(280 + var(--site-hue-shift,0)) calc(11.203% * var(--site-saturation,1)) 47.255%)}.cover-sample-fields input{display:block;width:100%;min-width:0;margin-top:6px;padding:10px 12px;border:1px solid hsl(calc(282 + var(--site-hue-shift,0)) calc(19.231% * var(--site-saturation,1)) 79.608%);border-radius:5px;background:#fff8;min-height:44px;font-size:14px}.cover-choices{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:18px}.cover-choices button{min-width:0;padding:5px;background:none;border:1px solid transparent;border-radius:5px;color:hsl(calc(282.5 + var(--site-hue-shift,0)) calc(9.677% * var(--site-saturation,1)) 51.373%)}.cover-choices button[aria-pressed=true]{border-color:hsl(calc(280 + var(--site-hue-shift,0)) calc(18% * var(--site-saturation,1)) 60.784%);background:hsl(calc(281.25 + var(--site-hue-shift,0)) calc(29.63% * var(--site-saturation,1)) 89.412%)}.cover-choices button>.catalogue-cover{width:100%;height:65px;aspect-ratio:auto}.cover-choices .jacket-top,.cover-choices .jacket-bottom,.cover-choices .jacket-title{display:none}.cover-choices button>span{font-size:9px;line-height:1.3;display:block;margin-top:6px;min-height:24px}.cover-choices button:hover{border-color:hsl(calc(281.379 + var(--site-hue-shift,0)) calc(21.805% * var(--site-saturation,1)) 73.922%)}.cover-edit-note{font-size:12px;line-height:1.7;color:hsl(calc(283.846 + var(--site-hue-shift,0)) calc(10.236% * var(--site-saturation,1)) 50.196%);margin:14px 0 0}.workflow-steps{display:grid;grid-template-columns:repeat(3,1fr);padding:0;margin:0;list-style:none;gap:24px}.workflow-steps li{padding:20px;border:1px solid hsl(calc(290.769 + var(--site-hue-shift,0)) calc(14.943% * var(--site-saturation,1)) 82.941%);border-radius:6px;background:linear-gradient(135deg,#fffa,hsl(calc(285 + var(--site-hue-shift,0)) calc(31.579% * var(--site-saturation,1)) 92.549% / .3333))}.workflow-steps li>span{font:10px var(--kl-mono);color:hsl(calc(282.632 + var(--site-hue-shift,0)) calc(17.593% * var(--site-saturation,1)) 57.647%)}.workflow-steps h3,.tour-details h3{font:550 16px/1.3 var(--kl-sans);margin:12px 0 8px}.workflow-steps p,.tour-details p{font-size:12px;line-height:1.75;color:hsl(calc(280.909 + var(--site-hue-shift,0)) calc(9.091% * var(--site-saturation,1)) 47.451%);margin:0}.tour-details{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px}.tour-details>div{padding:0 8px}.tour-faq{border-top:1px solid var(--kl-rule);padding-top:28px}.tour-faq h2{font:550 22px var(--kl-sans);margin:0 0 18px;letter-spacing:-.4px}.tour-faq details{border-bottom:1px dotted hsl(calc(282 + var(--site-hue-shift,0)) calc(20% * var(--site-saturation,1)) 80.392%)}.tour-faq summary{font-size:13px;cursor:pointer;padding:17px 0;list-style:none;display:flex;justify-content:space-between;gap:20px}.tour-faq summary:after{content:"+";font-family:var(--kl-mono);color:hsl(calc(280 + var(--site-hue-shift,0)) calc(18.483% * var(--site-saturation,1)) 58.627%)}.tour-faq details[open] summary:after{content:"−"}.tour-faq summary::-webkit-details-marker{display:none}.tour-faq p{font-size:13px;line-height:1.75;color:hsl(calc(280.909 + var(--site-hue-shift,0)) calc(9.091% * var(--site-saturation,1)) 47.451%);max-width:750px;margin:0 0 20px}.tour-faq summary:focus-visible{outline:2px solid hsl(calc(285 + var(--site-hue-shift,0)) calc(15.385% * var(--site-saturation,1)) 54.118%);outline-offset:3px}.tour-cta{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:16px;padding:22px 0;margin-top:36px;border-top:1px solid var(--kl-rule)}.tour-text-link{font-size:12px;min-height:44px;display:inline-flex;align-items:center;gap:16px}.feature-showcase{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}.feature-showcase-secondary{margin-top:22px}.feature-showcase-letters{grid-template-columns:1fr;margin-top:22px}.feature-showcase-letters .feature-card{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);align-items:center}.feature-card{min-width:0;border:1px solid hsl(calc(278.824 + var(--site-hue-shift,0)) calc(17.526% * var(--site-saturation,1)) 80.98%);border-radius:9px;background:linear-gradient(135deg,#fff9,hsl(calc(283.636 + var(--site-hue-shift,0)) calc(22.449% * var(--site-saturation,1)) 90.392% / .3765));box-shadow:inset 0 1px #fff;display:flex;flex-direction:column;overflow:hidden}.feature-heading{padding:24px 26px 0}.feature-heading h3{font:550 23px/1.25 var(--kl-sans);letter-spacing:-.5px;margin:9px 0}.feature-heading p{font:13px/1.65 var(--kl-sans);color:hsl(calc(281.053 + var(--site-hue-shift,0)) calc(8.085% * var(--site-saturation,1)) 46.078%);margin:0;max-width:420px}.feature-phone-stage{padding:12px 20px 20px;flex:1;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 55%,hsl(calc(274.286 + var(--site-hue-shift,0)) calc(28.767% * var(--site-saturation,1)) 85.686% / .4588),transparent 67%)}.feature-card .reader-story{--type-size:17px;width:100%}.feature-phone-stage .comment-phone{width:min(100%,230px);margin:14px auto 0}.feature-colours{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;border-top:1px solid hsl(calc(294 + var(--site-hue-shift,0)) calc(11.628% * var(--site-saturation,1)) 83.137%);padding:7px 12px;background:hsl(calc(320 + var(--site-hue-shift,0)) calc(17.647% * var(--site-saturation,1)) 96.667% / .502);font:10px var(--kl-mono);color:hsl(calc(283.448 + var(--site-hue-shift,0)) calc(11.373% * var(--site-saturation,1)) 50%)}.feature-colours>span{white-space:nowrap}.tour-swatches{display:flex;flex-wrap:wrap;gap:2px}.tour-swatches button{width:42px;height:42px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:none}.tour-swatches button:before{content:"";width:29px;height:29px;border:1px solid hsl(calc(284.211 + var(--site-hue-shift,0)) calc(12.925% * var(--site-saturation,1)) 71.176%);border-radius:50%;background:radial-gradient(ellipse at 30% 15%,#ffff,var(--swatch) 70%);box-shadow:inset 0 0 0 3px hsl(calc(285 + var(--site-hue-shift,0)) calc(22.222% * var(--site-saturation,1)) 96.471%)}.tour-swatches button[aria-pressed=true]:before{outline:2px solid hsl(calc(280 + var(--site-hue-shift,0)) calc(17.355% * var(--site-saturation,1)) 52.549%);outline-offset:2px}.conversation-samples{width:min(100%,390px);padding:24px 24px 20px;margin:auto;flex:1;display:flex;flex-direction:column;justify-content:center}.format-sample-stage{width:min(100%,430px);padding:16px 24px 24px;margin:auto;flex:1;display:flex;align-items:center}.format-sample-stage .block-lyrics,.format-sample-stage .block-chart{margin:0}.format-sample-stage .block-lyrics{padding-top:12px}.format-sample-stage .block-chart{width:100%}.letter-samples{min-width:0;padding:26px}.letter-samples .block-letter{margin:0}.conversation-samples .story-block:first-child{margin-top:0}.conversation-samples .story-block:last-child{margin-bottom:0}.sample-transition{display:flex;align-items:center;gap:12px;margin:26px 0 18px;color:hsl(calc(285.6 + var(--site-hue-shift,0)) calc(11.416% * var(--site-saturation,1)) 57.059%);font:9px var(--kl-mono)}.sample-transition:after{content:"";flex:1;border-top:1px dotted hsl(calc(280.8 + var(--site-hue-shift,0)) calc(22.124% * var(--site-saturation,1)) 77.843%)}.showcase-note{font:10px/1.6 var(--kl-mono);color:hsl(calc(283.636 + var(--site-hue-shift,0)) calc(9.091% * var(--site-saturation,1)) 52.549%);margin:13px 0 0}.format-overview{padding-top:26px}.format-overview-heading{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:16px}.format-overview-heading h3{font:550 20px/1.3 var(--kl-sans);letter-spacing:-.35px;margin:0}.format-overview-heading>span{font:10px var(--kl-mono);color:hsl(calc(285 + var(--site-hue-shift,0)) calc(12.174% * var(--site-saturation,1)) 54.902%)}.format-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px;row-gap:20px;margin:0}.format-notes>div{padding-top:13px;border-top:1px dotted hsl(calc(280.909 + var(--site-hue-shift,0)) calc(21.154% * var(--site-saturation,1)) 79.608%)}.format-notes dt{font:550 13px/1.4 var(--kl-sans);margin-bottom:6px;color:hsl(calc(276 + var(--site-hue-shift,0)) calc(15.789% * var(--site-saturation,1)) 37.255%)}.format-notes dd{margin:0;font:12px/1.7 var(--kl-sans);color:hsl(calc(281.739 + var(--site-hue-shift,0)) calc(9.312% * var(--site-saturation,1)) 48.431%)}@media(max-width:1050px){.learn-main{width:calc(100% - 52px)}.tour-intro{gap:35px;grid-template-columns:1fr 225px}.cover-workbench{grid-template-columns:240px 1fr;gap:22px}.cover-choices{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-heading{padding:20px 20px 0}.feature-heading h3{font-size:21px}}@media(max-width:740px){.learn-main{width:calc(100% - 32px)}.tour-intro{display:block;padding:var(--page-intro-gap) 0 24px}.tour-intro h1{font-size:30px;margin-top:10px}.tour-intro>.tour-index{display:none}.tour-intro p{font-size:13px;line-height:1.7}.tour-intro-links{gap:14px;margin-top:18px}.tour-section-head{padding:22px 0 16px}.tour-section-head h2{font-size:23px}.feature-showcase{grid-template-columns:1fr;gap:16px}.feature-heading{padding:18px 18px 0}.feature-heading h3{font-size:21px}.feature-heading p{font-size:13px}.feature-phone-stage{padding:6px 16px 18px}.feature-phone-stage .comment-phone{width:230px;max-width:100%}.feature-colours{padding:7px 10px;gap:6px}.conversation-samples{padding:22px 22px 20px}.format-overview-heading{display:block}.format-overview-heading>span{display:block;margin-top:6px}.format-notes{grid-template-columns:1fr 1fr;gap:18px}.format-notes dd{font-size:12px}.showcase-note{font-size:9px}.feature-showcase-secondary{margin-top:16px}.format-sample-stage{padding:18px 18px 22px}.feature-showcase-letters{margin-top:16px}.feature-showcase-letters .feature-card{display:flex}.letter-samples{padding:18px}.cover-section,.workflow-section,.tour-faq{margin-top:27px}.cover-workbench{grid-template-columns:1fr;padding:22px 16px;gap:25px}.tour-cover-stage>#tour-cover{width:180px}.tour-cover-stage{gap:16px}.cover-sample-fields{grid-template-columns:1fr 1fr}.cover-sample-fields input{font-size:16px;padding:10px}.cover-choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.cover-choices button>.catalogue-cover{height:59px}.cover-choices button>span{font-size:9px}.workflow-steps{grid-template-columns:1fr;gap:10px}.workflow-steps li{padding:17px}.workflow-steps p,.tour-details p{font-size:13px}.workflow-steps h3{margin-top:8px}.tour-details{grid-template-columns:1fr;gap:17px;margin-top:20px}.tour-details h3{margin-top:0}.tour-faq summary{font-size:13px}.tour-cta{justify-content:flex-start;margin-top:26px}}@media(max-width:350px){.format-notes{grid-template-columns:1fr}}.landing-page #landing-tour .learn-main{width:100%}.hero-keitai{position:relative;isolation:isolate;display:grid;justify-items:center;margin:0;padding:14px 12px 12px}.hero-keitai:before{content:"";position:absolute;z-index:-1;inset:8% 0 0;background:radial-gradient(ellipse,#e3d6ef 0%,#e9dfef80 42%,transparent 70%)}.hero-keitai-orbit{position:absolute;z-index:-1;inset:25% 16% 30%;border:1px solid #cbbad45c;border-radius:50%;transform:rotate(-25deg)}.hero-keitai-object{display:grid;justify-items:center;width:min(calc(100% + 64px),100vw);mask-image:linear-gradient(196deg,#000 0 84%,#000c 86%,transparent 90%)}.hero-keitai-handset{--phone-hue:278;--phone-saturation:0;position:relative;width:308px;max-width:100%;zoom:.8;transform:translate(4px) perspective(1400px) rotateY(-28deg) rotateX(14deg) rotate(10deg);transform-origin:center 48%;transform-style:preserve-3d}.hero-keitai-lid{padding:0 12px;border-radius:18px 18px 7px 7px;box-shadow:inset 1px 0 #fff,inset -2px 0 #7776,1px 0 #9b9c9f,3px 1px #c7c8cb,5px 2px #b0b1b5,7px 3px #85868c,8px 3px #dadbdd}.hero-keitai-lid .comment-phone-earpiece{height:35px}.hero-keitai-lid:before{content:"";position:absolute;inset:3px;pointer-events:none;border:1px solid #fff7;border-radius:15px 15px 5px 5px}.hero-keitai-screen{position:relative;overflow:hidden;border:7px solid #424348;border-top-width:11px;border-bottom-width:12px;border-radius:4px;background:#fcfaf6;box-shadow:0 0 0 1px #a1a2a6,0 1px 0 2px #fafafc99,inset 0 2px 4px #54415c15}.hero-keitai-chin{height:27px;display:flex;align-items:center;justify-content:center;gap:10px;color:#85868b;font:8px var(--kl-mono);letter-spacing:.14em;text-shadow:0 1px #fff9}.hero-keitai-chin i{width:3px;height:3px;border-radius:50%;background:#999ba0;box-shadow:0 1px #fff}.hero-keitai-hinge{height:17px;margin:-1px 3px 0;box-shadow:3px 1px #b0b1b5,6px 2px #85868c,7px 2px #dadbdd}.hero-keitai-hinge i{width:31px}.hero-keitai-keypad-peek{height:96px;margin-bottom:-14px;transform:rotateX(62deg);transform-origin:center top;transform-style:preserve-3d}.hero-keitai-keypad{margin:0 1px;padding:12px 16px;border-radius:5px 5px 7px 7px;border-bottom-color:transparent;transform-style:preserve-3d;box-shadow:inset 0 3px 4px #53545b55,inset 2px 0 #fff,inset -2px 0 #989aa0}.hero-keitai-keypad:before{content:"";position:absolute;left:100%;top:0;width:12px;height:100%;transform-origin:left;transform:rotateY(90deg);background:linear-gradient(90deg,#e2e3e5,#9a9da4 28%,#c3c5c9 55%,#747780);border:1px solid #82858d;border-radius:0 0 3px}.hero-keitai-keypad :is(.comment-phone-navigation,.comment-phone-keys){transform-style:preserve-3d}.hero-keitai-keypad .comment-phone-navigation{height:42px;grid-template-columns:1fr 48px 1fr;gap:4px 12px;margin-bottom:7px}.hero-keitai-keypad :is(.keitai-softkey,.comment-phone-keys>span){position:relative;transform:translateZ(6px);transform-style:preserve-3d;background:linear-gradient(175deg,#fff,#f0f0f1 32%,#c5c6c9 82%,#b0b2b7);border-color:#a2a4aa;box-shadow:inset 0 1px #fff,inset 1px 0 #fff9,inset -1px 0 #93959b80,0 1px #9a9ca3,0 3px #777a82,1px 5px 3px #35374040}.hero-keitai-keypad :is(.keitai-softkey,.comment-phone-keys>span):after{content:"";position:absolute;left:-1px;right:-1px;top:100%;height:6px;transform-origin:top;transform:rotateX(-90deg);border-radius:0 0 3px 3px;background:linear-gradient(#adafb5,#777b84);border:1px solid #92969e}.hero-keitai-keypad .keitai-softkey{height:18px}.hero-keitai-keypad .keitai-navigation-ring{transform:translateZ(7px);width:42px;height:42px;justify-self:center;box-shadow:inset 0 0 0 3px #d6d7da,inset 0 0 0 4px #aaacb2,0 2px #91939a,0 4px #777a81,1px 6px 4px #35374045}.hero-keitai-keypad .keitai-navigation-ring i{width:23px;height:23px;font-size:6px}.hero-keitai-keypad .keitai-navigation-ring b{font-size:7px}.hero-keitai-keypad .comment-phone-keys{gap:10px}.hero-keitai-keypad .comment-phone-keys>span{justify-content:center;gap:12px}.hero-keitai-status{height:23px;display:flex;justify-content:space-between;align-items:center;padding:0 13px;border-bottom:1px solid #c8cbd16b;background:#ebedf0;color:#6b6879;font:9px var(--kl-mono)}.hero-keitai-reader{height:410px;padding:16px 16px 8px;overflow:auto;scrollbar-width:thin;scrollbar-color:#cbbbd5 transparent}.hero-keitai-edition{display:flex;justify-content:space-between;gap:8px;color:#817589;font:8px var(--kl-mono);letter-spacing:.06em}.hero-keitai-reader h2{margin:13px 0 17px;font:400 25px/1.06 var(--kl-serif);letter-spacing:-.7px;color:#53415e;max-width:190px}.hero-keitai-story{--type-size:17px;--ui-font:var(--kl-sans)}.hero-keitai-story .story-block{margin:0 0 12px}.hero-keitai-story .block-keitai .story-input{font:13px/1.6 var(--kl-sans);color:#635b67}.hero-keitai-story .block-chat{margin-bottom:8px}.hero-keitai-story .speaker-row{margin-bottom:3px}.hero-keitai-story .speaker-input{color:#82718f;font:9px/1.3 var(--kl-mono)}.hero-keitai-story .block-chat .story-input{padding:8px 10px;font-size:12px;line-height:1.4;background:linear-gradient(135deg,#f4eef8,#e8dfef);border-color:#ded1e7;color:#5a4865;box-shadow:inset 0 1px #fff}.hero-keitai-story .block-chat.side-right .story-input{background:linear-gradient(135deg,#887399,#6a557c);border-color:#78618b;color:#fff9ff}.hero-keitai-story .block-lyrics{margin:14px 0;padding-top:12px}.hero-keitai-story .lyric-heading{margin-bottom:14px}.hero-keitai-story .lyric-columns{gap:10px}.hero-keitai-story .lyric-translated{padding-left:10px}.hero-keitai-story .block-lyrics .story-input{font-size:13px;line-height:1.8}.hero-keitai-story .block-lyrics .lyric-translated .story-input{font-size:11px;line-height:1.7}.hero-keitai-story .block-letter{margin:0 0 15px;padding:10px 12px 12px;transform:rotate(-1deg)}.hero-keitai-story .block-letter .letter-to{margin:10px 0 8px;font-size:12px}.hero-keitai-story .block-letter .letter-body{min-height:0;font-size:13px;line-height:1.65}.hero-keitai-story .block-letter .letter-from{margin-top:10px;font-size:12px}.hero-keitai-end{display:block;text-align:center;color:#b39abf;font:17px/1 var(--kl-serif)}.hero-keitai-controls{display:grid;grid-template-columns:62px 62px;justify-content:space-between;align-items:center;min-height:56px;border-top:1px solid #ddd2e5;background:linear-gradient(#f4eff7,#e9e0ef)}.hero-keitai-controls button{align-self:stretch;min-height:56px;padding:6px 4px;border:0;border-radius:0;background:transparent;color:#655173;font:12px var(--kl-mono)}.hero-keitai-controls button:hover:not(:disabled){background:#dfd2e9}.hero-keitai-controls button:active:not(:disabled){background:#d5c3e1}.hero-keitai-controls button:disabled{color:#a899b2}.hero-keitai-controls button:focus-visible,.hero-keitai-reader:focus-visible{outline:2px solid #705284;outline-offset:-3px}@media(max-width:740px){.hero-keitai{width:100%;max-width:360px;margin:8px auto 0;padding-top:16px}.hero-keitai-handset{transform:translate(10px) perspective(1400px) rotateY(-25deg) rotateX(12deg) rotate(9deg)}.hero-keitai:before{inset:8% 0 0}.hero-keitai-orbit{inset:25% 16% 30%}}@media(max-width:350px){.hero-keitai{padding-inline:8px}.hero-keitai-handset{transform:translate(8px) perspective(1400px) rotateY(-22deg) rotateX(10deg) rotate(7deg)}}.hero-keitai-controls [data-hero-next]{position:relative;z-index:0;isolation:isolate}.hero-keitai-controls [data-hero-next]:not(:disabled):after{content:"";position:absolute;z-index:1;width:54px;height:54px;left:50%;top:50%;margin:-27px;border:4px solid #e2d4f2;border-radius:50%;box-shadow:0 0 2px #9676b355;pointer-events:none;opacity:0;transform:scale(.96);transform-origin:center;animation:hero-next-ripple 3.2s ease-out infinite}@keyframes hero-next-ripple{0%{opacity:.94;transform:scale(.96)}58%{opacity:0;transform:scale(1.48)}to{opacity:0;transform:scale(1.48)}}.hero-keitai-interacted .hero-keitai-controls [data-hero-next]:after{animation:none;opacity:0}@media(prefers-reduced-motion:reduce){.hero-keitai-controls [data-hero-next]:after{animation:none;opacity:0}}body.landing-page{height:auto;min-height:100dvh}.landing-page .welcome:not(:has(.featured-story)){display:grid;grid-template-columns:minmax(0,1fr) 380px;align-items:center;gap:20px;min-height:350px;padding:var(--page-intro-gap) 0 12px}.landing-page .welcome-copy{position:relative;z-index:1;max-width:650px;padding-bottom:26px}.landing-page .welcome-copy>p{max-width:570px}.hero-keitai-stage{position:relative;left:clamp(-152px,calc(1010px - 100vw),0px);min-width:0}.landing-books{padding:24px 0 34px;border-top:1px solid var(--kl-rule)}.landing-books-head{display:flex;align-items:center;gap:24px;margin-bottom:22px}.landing-books-head h2{margin:7px 0 0;font:550 23px/1.2 var(--kl-sans);letter-spacing:-.5px}.landing-books-head>.story-search{flex:1;max-width:410px;margin-left:auto;min-width:0;height:44px}.landing-books .story-search button{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 3px 0 12px;border:0;border-left:1px solid var(--kl-rule);background:none;color:var(--kl-accent);font:11px var(--kl-sans)}.landing-books .story-search svg,.landing-library-link svg{width:15px;height:15px}.landing-library-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;white-space:nowrap;font-size:12px}.landing-shelf{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,180px);justify-content:start;gap:24px;overflow-x:auto;scroll-snap-type:x proximity;padding:10px 4px 16px}.landing-shelf:not(:has(.shelf-book)){display:block}.landing-shelf [data-retry-shelf]{min-height:44px;padding:6px 10px;border:1px solid var(--kl-rule);border-radius:4px;background:var(--kl-glass)}.landing-shelf>p{grid-column:1/-1;min-width:250px;font-size:13px;line-height:1.7}.shelf-book{min-width:0;scroll-snap-align:start}.shelf-jacket{padding:0 3px;perspective:900px}.shelf-jacket .catalogue-cover{width:100%;transform-origin:15% 80%;transition:transform .35s ease,box-shadow .35s ease}.shelf-book a{display:block;border-radius:4px}.shelf-book a:focus-visible .catalogue-cover{transform:translateY(-5px) rotate(-1deg)}@media(hover:hover){.shelf-book a:hover .catalogue-cover{transform:translateY(-5px) rotate(-1deg) rotateY(-5deg);box-shadow:5px 12px 18px -8px #51465345}}.shelf-book h3{font:550 12px/1.4 var(--kl-sans);margin:12px 0 3px}.shelf-book p{font:10px/1.5 var(--kl-sans);color:var(--kl-muted);margin:0}.landing-shelf-note{font:10px/1.6 var(--kl-mono);color:var(--kl-muted);margin:8px 0 0}.landing-page .learn-main{width:100%}.landing-page .tour-section-head{padding-top:36px}.landing-page .learn-main>.tour-cta{margin-bottom:16px}.landing-page .feature-card{border-radius:16px;box-shadow:inset 0 1px #fff,0 12px 32px -28px #51465365}.landing-page .tour-swatches button{transition:transform .2s}.landing-page .tour-swatches button[aria-pressed=true]{transform:translateY(-2px)}.landing-page .tour-swatches button[aria-pressed=true]:before{box-shadow:inset 0 0 0 3px #ffffffb3,0 5px 9px -5px #51465380}.landing-library-link svg{transition:transform .25s}.landing-library-link:hover svg{transform:translate(3px)}.landing-page .cover-choices button{transition:background .2s,transform .2s}.landing-page .cover-choices button[aria-pressed=true]{transform:translateY(-3px)}.landing-page #feature-comments .comment-phone-screen{overflow:hidden}.landing-page #feature-comments .comment-body{opacity:var(--message-opacity,1);translate:var(--message-x,0px) 0}.landing-page #feature-chat .block-chat .block-content{opacity:var(--message-opacity,1);translate:0 var(--message-y,0px);scale:var(--message-scale,1);transform-origin:bottom left}.landing-page #feature-chat .block-chat.side-right .block-content{transform-origin:bottom right}@media print{.landing-page #feature-comments .comment-body,.landing-page #feature-chat .block-chat .block-content{opacity:1;translate:none;scale:1}}@media(max-width:1050px){.landing-shelf{gap:22px;grid-auto-columns:minmax(0,1fr)}.landing-books-head{gap:16px}}@media(max-width:740px){.landing-page .welcome:not(:has(.featured-story)){grid-template-columns:1fr;gap:6px;padding-bottom:0}.landing-page .welcome-copy{padding-bottom:0}.landing-books-head{flex-wrap:wrap;gap:12px}.landing-books-head>.story-search{order:3;flex-basis:100%;max-width:none;margin-left:0}.landing-books .story-search input{font-size:16px}.landing-library-link{margin-left:auto}.landing-shelf{grid-auto-columns:142px;justify-content:start;gap:16px}.landing-shelf-note{font-size:9px}.landing-books{padding-bottom:24px}.landing-page .tour-section-head{padding-top:26px}}@media(prefers-reduced-motion:reduce){.landing-page #feature-comments .comment-body,.landing-page #feature-chat .block-chat .block-content{opacity:1;translate:none;scale:1}.shelf-book a:is(:hover,:focus-visible) .catalogue-cover,.landing-page .tour-swatches button[aria-pressed=true],.landing-page .cover-choices button[aria-pressed=true],.landing-library-link svg{transform:none}}.author-access-note{font:12px/1.6 var(--kl-sans);color:var(--kl-muted)}