.sample-shell{color:#505b50;max-width:1120px;margin:auto;padding:20px 28px 48px}.sample-shell a{color:inherit;text-decoration:none}.sample-nav{border-bottom:1px solid #dfd9cd;justify-content:space-between;padding:12px 0 22px;font-size:12px;display:flex}.sample-shell h1,.sample-shell h2{font-family:MaruBuri,serif;font-weight:500}.sample-shell p{word-break:keep-all;line-height:1.95}.sample-intro{grid-template-columns:1fr 1fr;align-items:center;gap:65px;padding:52px 0;display:grid}.sample-cover{border:10px solid #fffdf7;width:100%;height:auto;transform:rotate(-1deg);box-shadow:0 10px 30px #66523c15}.sample-intro h1{margin:18px 0;font-size:42px;line-height:1.4}.sample-intro p{color:#73796b;font-size:14px}.sample-intro .sample-lead{font-size:18px}.sample-eyebrow{color:#9b806c;letter-spacing:.1em;font-size:11px}.sample-meta{color:#8c8577;margin:24px 0;font-size:12px;display:block}.sample-primary,.sample-back{cursor:pointer;border-radius:30px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:14px 23px;font-size:14px;display:inline-flex}.sample-primary{color:#fff;background:#708370;border:1px solid #708370}.sample-back{color:#6c7567;background:#fffdf7;border:1px solid #dcd6c8}.sample-primary:disabled,.sample-back:disabled{opacity:.4;cursor:default}.sample-play{padding:30px 0}.sample-play>header p{float:right;margin:0;font-size:12px}.sample-progress{background:#e7e3d9;height:3px;margin-top:16px}.sample-progress span{background:#8ca48b;height:3px;transition:width .2s;display:block}.sample-play-grid{grid-template-columns:.92fr 1.08fr;align-items:start;gap:58px;margin-top:34px;display:grid}.sample-visual{min-width:0;position:sticky;top:18px}.sample-question h1{margin:4px 0 15px;font-size:29px;line-height:1.6}.sample-question>p{color:#7b7e73;font-size:15px}.sample-question fieldset{border:0;min-width:0;margin:24px 0;padding:0}.sample-question legend{color:#8b8070;margin-bottom:15px;font-size:12px}.sample-option{text-align:left;color:#626e60;cursor:pointer;background:#fffdf8;border:1px solid #dedbcf;border-radius:10px 22px 22px 10px;align-items:center;gap:15px;width:100%;margin:10px 0;padding:17px 18px;font-size:14px;line-height:1.7;display:flex}.sample-option>span{color:#a99780;font:italic 19px Georgia,serif}.sample-option.selected{background:#e9efe4;border:2px solid #7e9677;padding:16px 17px}.sample-controls{justify-content:space-between;gap:16px;display:flex}.friend-window{background:#eee9df;border-radius:22px;padding-bottom:15px;overflow:hidden}.friend-window img{object-fit:cover;width:100%;height:190px;display:block}.chat-title{border-bottom:1px solid #ddd5c4;padding:18px 22px;font-size:15px;display:block}.chat-title small{color:#9a8c79;margin-left:8px}.chat-bubble{color:#646755;background:#fffdf6;border-radius:0 20px 20px;margin:22px 30px 16px 18px;padding:18px 20px;font-size:15px;line-height:1.8}.chat-bubble.mine{background:#dbe7d3;border-radius:20px 0 20px 20px;margin-left:44px;margin-right:16px}.friend-window>p{text-align:center;color:#938b7a;font-size:10px}.tape-scene{position:relative}.tape-scene>img{border-radius:15px;width:100%;height:auto;display:block}.tape-label{color:#847661;background:#fff9e9ed;padding:16px 22px;font:20px Georgia,serif;position:absolute;bottom:25px;left:25px;right:25px;transform:rotate(-2deg)}.tape-label span{letter-spacing:.14em;font:10px sans-serif}.sample-phone{color:#424d3e;isolation:isolate;background-position:50%;background-size:cover;border:9px solid #484c48;border-radius:39px;width:280px;min-height:560px;margin:auto;transition:filter .2s;position:relative;overflow:hidden;box-shadow:0 18px 32px #49463420}.sample-phone:before{content:"";z-index:-1;background:#f2ceac3a;position:absolute;inset:0}.sample-phone.tone-1:before{-webkit-backdrop-filter:hue-rotate(25deg);backdrop-filter:hue-rotate(25deg);background:#b1cdb36b}.sample-phone.tone-2:before{-webkit-backdrop-filter:hue-rotate(300deg);backdrop-filter:hue-rotate(300deg);background:#a49bc76b}.phone-top{justify-content:space-between;padding:13px 17px;font-size:10px;display:flex}.phone-clock{text-align:center;padding:25px 12px 18px}.phone-clock>small,.phone-clock>span{font-size:11px;display:block}.phone-clock>strong{padding:6px;font:42px/1.2 MaruBuri,serif;display:block}.clock-0 .phone-clock>strong{font:32px/1.2 sans-serif}.clock-0 .phone-clock{text-align:left;padding-left:22px}.clock-2 .phone-clock>strong{font:700 42px/.95 Georgia,serif}.phone-content{gap:18px;padding:12px 15px 20px;display:grid}.phone-widget{background:#fffdf3c9;border:1px solid #ffffff8c;border-radius:16px;min-height:100px;padding:15px;font-size:11px;overflow:hidden}.phone-widget p{margin:6px 0;font-size:11px}.phone-widget img{object-fit:cover;border-radius:9px;width:100%;height:60px}.phone-widget>small{font-size:10px}.phone-apps{text-align:center;grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.phone-apps>div>span{aspect-ratio:1;background:#eef0df;border-radius:12px;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 4px #40502b0a}.phone-apps small{font-size:9px}.icons-1 .phone-apps>div>span{background:#f5ddd2;border-radius:50%}.icons-1 .phone-apps>div:nth-child(2n)>span{background:#d2ddd9}.icons-2 .phone-apps>div>span{color:#434641;background:#f4f4ed}.icons-2 .phone-apps>div:last-child>span{color:#fff;background:#9a89b2}.phone-dock{background:#fffdf3b5;border-radius:20px;justify-content:space-around;padding:12px 6px;display:flex}.phone-dock>span{justify-items:center;gap:4px;display:grid}.phone-dock small{font-size:9px}.spacing-1 .phone-content{gap:29px}.spacing-2 .phone-content{padding-top:60px}.sample-caption{text-align:center;color:#7c806f;min-height:22px;margin:18px 0;font-size:12px;line-height:1.8;display:block}.sample-result{padding:42px 0}.sample-result>h1{text-align:center;margin:18px 0;font-size:39px;line-height:1.5}.sample-result>.sample-eyebrow{text-align:center;display:block}.sample-result>p{text-align:center;font-size:14px}.sample-result-art{border:9px solid #fffdf6;width:100%;height:auto;box-shadow:0 12px 24px #5c4b3412}.sample-result-copy article{background:#f1eee5;border-radius:20px;margin-bottom:20px;padding:24px}.sample-result-copy h2{margin:0 0 16px;font-size:24px}.sample-result-copy h3{margin-top:25px;font-size:14px}.sample-result-copy p{color:#707867;font-size:14px}.sample-result-copy small{color:#8b887a;font-size:11px;line-height:1.8}.sample-practice{background:#e2eadc;border-radius:12px;padding:16px}.sample-tags{flex-wrap:wrap;justify-content:center;gap:8px;margin:20px 0;display:flex}.sample-tags span{color:#79816e;background:#e7eadc;border-radius:15px;padding:7px 12px;font-size:11px}.sample-score{grid-template-columns:1fr auto;gap:8px;margin:17px 0;font-size:12px;display:grid}.sample-score meter{accent-color:#7c9473;grid-column:1/-1;width:100%}.sample-review{background:#f4f0e7;border-radius:18px;margin-top:24px;padding:23px;font-size:14px}.sample-review summary{cursor:pointer}.sample-review p{border-bottom:1px solid #dfd7c7;padding:12px 0}.sample-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:25px;font-size:13px;display:flex}.track-list{background:#f3eadb;border-radius:16px;padding:24px}.track-list h2{font-size:23px}.track-list p{color:#8b7f70;font-size:12px}.track-list li{border-bottom:1px solid #e0d3bf;padding:8px 0;font-size:14px}.sample-shell :focus-visible{outline-offset:4px;outline:3px solid #71876a}.sample-guide{color:#67715f;background:#f1eee5;border-radius:24px;max-width:1064px;margin:20px auto 55px;padding:30px}.sample-guide h2{font:25px/1.5 MaruBuri,serif}.sample-guide h3{font:19px/1.6 MaruBuri,serif}.sample-guide p,.sample-guide li{font-size:14px;line-height:1.9}.sample-guide-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.sample-guide article{background:#fffdf7;border-radius:16px;padding:22px}.sample-guide section{margin-top:30px}@media (max-width:760px){.sample-shell{padding:15px 18px 35px}.sample-intro{grid-template-columns:1fr;gap:25px;padding:25px 0}.sample-cover{max-width:360px;margin:auto}.sample-intro h1{font-size:31px}.sample-intro .sample-lead{font-size:16px}.sample-play-grid{grid-template-columns:1fr;gap:25px}.sample-visual{position:static}.sample-question h1{font-size:25px}.sample-result>h1{font-size:29px}.sample-result-art{max-width:350px;margin:auto;display:block}.friend-window,.tape-scene{max-width:390px;margin:auto}.sample-guide{margin:20px 16px;padding:20px}.sample-guide-grid{grid-template-columns:1fr}.kind-home-screen .sample-play .sample-visual{justify-content:center;align-items:center;gap:10px;display:flex}.kind-home-screen .sample-play .sample-phone{zoom:.62;margin:0}.kind-home-screen .sample-play .sample-caption{max-width:120px;font-size:13px}.sample-result-copy p{font-size:15px}}@media (prefers-reduced-motion:reduce){.sample-progress span,.sample-phone{transition:none}}