:root{--milk: #F8F3EA;--cloud: #FFFDF8;--ink: #3A2E26;--ink-soft: #6F5B4B;--edge: #D9CCB6;--edge-soft: #EDE4D3;--line: #3A2E26;--line-w: 3px;--grape: #D65A3B;--grape-dk: #A2402A;--grape-lt: #FBE4DA;--butter: #FFE39A;--mint: #4FA77A;--apricot: #E8B23C;--berry: #C9483A;--c-place: #4F8FD6;--c-problem: #E26D5A;--c-action: #4FA77A;--c-result: #E8B23C;--dur: .22s;--ease: cubic-bezier(.34, 1.4, .5, 1);--tap: 88px;--gap: 20px;--pad: 24px;--r-stage: 26px 32px 24px 30px;--r-btn: 28px;--r-box: 20px 24px 18px 22px;--lip: 6px;--soft: 6px 8px 0 rgba(58, 46, 38, .12);--soft-sm: 3px 4px 0 rgba(58, 46, 38, .1);--t-question: 48px;--t-title: 38px;--t-button: 38px;--t-body: 18px;--t-label: 16px;--icon: 128px;--show-label: block;--choice-align: flex-end;--font-round: "Gaegu", "Gowun Dodum", sans-serif;--font-text: "Gowun Dodum", "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--font-adult: "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif}:root[data-level="1"]{--icon: 160px;--show-label: none;--t-question: 52px;--choice-align: center}:root[data-level="2"]{--icon: 128px;--show-label: block;--t-question: 48px}:root[data-level="3"]{--icon: 104px;--show-label: block;--t-question: 42px}[data-audience=adult]{--tap: 58px;--gap: 13px;--pad: 20px;--lip: 4px;--line-w: 2px;--r-box: 16px;--t-question: 30px;--t-title: 30px;--t-button: 22px;--t-body: 16px;--font-text: var(--font-adult)}@media (max-width: 1023px){:root{--pad: 18px;--gap: 15px}}@media (max-width: 767px){:root{--pad: 14px;--gap: 12px;--t-question: 36px;--t-button: 26px;--icon: 100px;--tap: 76px}}@media (prefers-reduced-motion: reduce){:root{--dur: 1ms;--ease: linear}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-text);font-size:var(--t-body);color:var(--ink);background-color:var(--milk);background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%20preserveAspectRatio='none'%3e%3c!--%20바탕%20질감%207%20「수채%20번짐」%20(2026-10-28%20사용자%20결정).%20네%20귀퉁이에%20크레파스%20네%20색이%20물감처럼%20번진다.%20화면%20크기에%20맞춰%20늘어난다%20(base.css%20의%20background-size:%20100%25%20100%25)%20--%3e%3cfilter%20id='wash'%20x='-20%25'%20y='-20%25'%20width='140%25'%20height='140%25'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='0.06'%20numOctaves='3'%20seed='2'%20result='n'/%3e%3cfeDisplacementMap%20in='SourceGraphic'%20in2='n'%20scale='8'/%3e%3cfeGaussianBlur%20stdDeviation='2'/%3e%3c/filter%3e%3cg%20filter='url(%23wash)'%3e%3cellipse%20cx='4'%20cy='6'%20rx='26'%20ry='20'%20fill='rgba(79,143,214,0.22)'/%3e%3cellipse%20cx='100'%20cy='96'%20rx='28'%20ry='22'%20fill='rgba(232,178,60,0.26)'/%3e%3cellipse%20cx='96'%20cy='2'%20rx='16'%20ry='12'%20fill='rgba(226,109,90,0.18)'/%3e%3cellipse%20cx='2'%20cy='100'%20rx='18'%20ry='14'%20fill='rgba(79,167,122,0.2)'/%3e%3c/g%3e%3c/svg%3e");background-size:100% 100%;background-repeat:no-repeat;background-attachment:fixed;-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;word-break:keep-all;overflow-wrap:break-word}[data-audience=adult]{font-family:var(--font-text)}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}img{max-width:100%;display:block}:focus-visible{outline:3px dashed var(--grape);outline-offset:4px}h1,h2,.question,.said,.rail-title,.wait .msg,.btn,.choice span,.slot b{font-family:var(--font-round);font-weight:700;letter-spacing:-.1em}@keyframes nudge{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.nudge{animation:nudge .24s var(--ease)}@keyframes pop{0%{transform:scale(1)}45%{transform:scale(1.08)}to{transform:scale(1.03)}}.screen{display:flex;flex-direction:column;height:100%;padding:var(--pad);gap:var(--gap)}.rail{display:flex;align-items:center;gap:14px;flex:0 0 auto;min-height:var(--tap)}.rail-side{flex:1 1 0;min-width:max-content;display:flex;align-items:center;gap:14px}.rail-side.end{justify-content:flex-end}.adult-key{position:relative;display:inline-flex}.rail-mid{flex:0 1 auto;min-width:0;display:flex;justify-content:center;align-items:center}.rail-title{font-size:var(--t-title)}.round{width:var(--tap);height:var(--tap);border-radius:50%;background:var(--cloud);border:var(--line-w) solid var(--line);box-shadow:var(--soft-sm);font-size:var(--t-label);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.round svg{width:42%;height:42%}.round:active{transform:translateY(3px) scale(.95);box-shadow:none}.dots{display:flex;gap:8px}.dots i{width:34px;height:12px;border-radius:6px;background:var(--cloud);border:2px solid var(--edge)}.dots i.on{background:var(--grape);border-color:var(--line);width:48px}.main{flex:1;display:flex;flex-direction:column;gap:var(--gap);min-height:0}.acts{flex:0 0 auto;display:flex;gap:var(--gap);align-items:stretch;justify-content:center}.acts>*{flex:1 1 0;max-width:460px}.stage{flex:1;min-height:0;border-radius:var(--r-stage);background:var(--cloud);box-shadow:var(--soft);border:var(--line-w) solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.stage.empty{box-shadow:none;background:#fffdf899;border:var(--line-w) dashed var(--edge)}.slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;height:100%;padding:20px;text-align:center}.slot .mark{width:76px;height:76px;border-radius:50%;background:var(--grape-lt);border:2px dashed var(--grape);margin-bottom:2px}.slot b{font-size:var(--t-button);color:var(--ink-soft)}.slot span{font-size:var(--t-label);color:var(--ink-soft);opacity:.7}.spread{flex:1;min-height:0;display:grid;gap:14px;grid-template-columns:2.3fr 1fr;align-items:stretch}.spread>.stage{flex:initial}.stage-cell{min-width:0;min-height:0;display:grid;place-items:center;container-type:size}.stage-cell>.stage{width:100%;height:100%}.stage-cell>.stage.fit{width:min(100cqw,100cqh * var(--ar));height:auto;aspect-ratio:var(--ar)}.book-area{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;position:relative}.book-ctl{flex:0 0 auto;display:flex;flex-direction:column;gap:10px}.ctl-btns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ctl-btns>.btn{width:auto}@media (min-width: 1024px){.book-area{container-type:size;gap:0;--stage-w: calc(100cqw - 474px) }.book-area.fit{--stage-w: min(100cqw - 460px, 100cqh * var(--ar))}.book-area>.turn{flex:1 1 auto}.book-area .spread,.book-area .spread:has(.stage.fit){container-type:normal;grid-template-columns:var(--stage-w) minmax(0,1fr)}.book-area .spread>.stage-cell{container-type:normal}.book-area .spread>.stage-cell>.stage.fit{width:100%}.book-area .spread-text{margin-bottom:calc(var(--ctl-h, 240px) + 12px);justify-content:flex-start}.book-ctl{position:absolute;right:0;bottom:0;z-index:3;width:calc(100cqw - var(--stage-w) - 14px)}.book-ctl .bar-row{flex-wrap:nowrap}.book-ctl .bar-row>.progress{flex:1 1 auto;min-width:80px}.book-ctl .bar-row>.seg{margin-left:0}.book-ctl .bar-row>.seg button{min-height:44px;padding:6px 12px}.ctl-btns>.btn{font-size:28px;padding-inline:6px;white-space:nowrap}.book-area .spread-text{background-image:repeating-linear-gradient(transparent 0 calc(var(--lh, 56px) - 2px),rgba(79,143,214,.14) calc(var(--lh, 56px) - 2px) var(--lh, 56px))}.book-area .spread-text .said{font-size:var(--said, 38px);line-height:var(--lh, 56px);padding:4px 6px}}@media (min-width: 1024px){.spread{container-type:size}.spread:has(.stage.fit){grid-template-columns:auto minmax(0,1fr)}.spread:has(.stage.fit)>.stage-cell{container-type:normal}.spread>.stage-cell>.stage.fit{width:min(70cqw,100cqh * var(--ar))}}.turn{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none}.turn>.spread{position:absolute;top:0;right:0;bottom:0;left:0}.turn>.spread.top{z-index:2;background:var(--milk);will-change:transform;box-shadow:10px 0 24px #3a2e262e}.turn-wedge{position:absolute;top:-2%;bottom:0;right:0;width:0;pointer-events:none;clip-path:polygon(100% 0,62% 0,0 100%,100% 100%);background:linear-gradient(90deg,#3a2e2600,#3a2e262e 35%,#fbf5ea,#e9dec9 85%,#3a2e2659)}.turn-ear-fold{position:absolute;right:-2px;bottom:-2px;width:0;aspect-ratio:1;max-width:120px;pointer-events:none;background:linear-gradient(135deg,var(--milk) 0 48%,#DCCFB8 52%,#C9BBA2);clip-path:polygon(0 100%,100% 0,0 0)}.spread-text{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:16px 18px;min-width:0;overflow-y:auto;border-radius:var(--r-stage);background:var(--cloud);box-shadow:var(--soft);border:var(--line-w) solid var(--line);background-image:repeating-linear-gradient(transparent 0 46px,#4f8fd624 46px,#4f8fd624 48px)}.spread-text .said{text-align:left;align-self:stretch;border-radius:18px;padding:8px 10px;font-size:calc(var(--t-question) - 18px)}.spread-text .hint{text-align:left}.spread-text .said.now{background:none}.spread-text .said>.mark{-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background var(--dur) var(--ease)}.spread-text .said.now>.mark{background:linear-gradient(transparent 38%,var(--butter) 38%,var(--butter) 92%,transparent 92%)}.progress{flex:0 0 auto;height:16px;border-radius:999px;background:var(--cloud);border:2px solid var(--line);overflow:hidden}.bar-row{flex:0 0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}.bar-row>.progress{flex:1 1 240px}.bar-row>.seg{margin-left:auto}.bar-row>.seg button{min-height:48px;padding:8px 18px;font-size:var(--t-body)}@media (max-width: 560px){.bar-row>.progress{flex-basis:100%}.bar-row>.seg{margin-left:0;width:100%;justify-content:space-between}.bar-row>.seg button{flex:1}.row>.btn,.ctl-btns>.btn{font-size:20px;padding-inline:6px;white-space:nowrap}.acts{flex-wrap:wrap}.acts>*{flex:1 1 calc(50% - var(--gap));min-width:0}}.progress>i{display:block;height:100%;border-radius:inherit;background:var(--progress-fill, var(--mint))}[data-level="1"] .spread{grid-template-columns:2.6fr 1fr}[data-level="1"] .spread-text .said{font-size:calc(var(--t-question) - 16px)}@media (max-width: 1023px){.spread{grid-template-columns:1fr;grid-template-rows:2.4fr auto}.spread-text{background-image:none}.spread-text .said,.spread-text .hint{text-align:center}.book-area .spread-text .said{font-size:var(--said, 24px);line-height:var(--lh, 36px)}}.question{font-size:var(--t-question);text-align:center;line-height:1.32}.said{font-size:calc(var(--t-question) - 9px);text-align:center;line-height:1.5;padding:12px 26px;border-radius:999px;align-self:center;transition:background var(--dur) var(--ease),transform var(--dur) var(--ease)}.said.now{background:linear-gradient(transparent 38%,var(--butter) 38%,var(--butter) 92%,transparent 92%);transform:scale(1.03)}.hint{font-size:var(--t-body);color:var(--ink-soft);text-align:center;line-height:1.65}.btn{width:100%;min-height:var(--tap);padding:12px 24px;border-radius:var(--r-btn);background:var(--cloud);color:var(--ink);border:var(--line-w) solid var(--line);font-size:var(--t-button);font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 var(--lip) 0 var(--line);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),opacity var(--dur) var(--ease)}.btn:active{transform:translateY(var(--lip));box-shadow:0 0 0 var(--line)}.btn.go{background:var(--grape);color:#fffdf8;border-color:var(--grape-dk);box-shadow:0 var(--lip) 0 var(--grape-dk)}.btn.go:active{box-shadow:0 0 0 var(--grape-dk)}.btn.off{opacity:.4}.btn.off:active{transform:none;box-shadow:0 var(--lip) 0 var(--line)}.btn.link{min-height:0;width:auto;padding:6px 4px;background:none;box-shadow:none;font-family:var(--font-text);font-weight:700;font-size:var(--t-body);color:var(--grape-dk);border:0;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.btn.link:active{transform:none;box-shadow:none;opacity:.6}.aside-links{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;font-size:var(--t-body);color:var(--ink-soft)}.aside-links .sep{color:var(--edge)}.btn.link.adult-link{gap:6px}.btn.link.adult-link svg{width:18px;height:18px;flex:0 0 auto}.choices{flex:1;min-height:0;display:grid;gap:var(--gap);align-content:center;justify-content:center;grid-template-columns:repeat(2,auto);grid-auto-rows:minmax(0,1fr)}.choices[data-count="6"]{grid-template-columns:repeat(3,auto)}.choices[data-count="8"]{grid-template-columns:repeat(4,auto)}@media (max-width: 1023px){.choices,.choices[data-count]{grid-template-columns:repeat(2,auto)}}@media (max-width: 767px){.choices,.choices[data-count]{grid-template-columns:auto}}.pick-area{flex:1;min-height:0;display:flex;gap:36px;align-items:center;justify-content:center}.pick-area>.choices{flex:0 1 auto;align-self:stretch}.own{flex:0 0 300px;display:flex;flex-direction:column;gap:12px;padding:20px;background:var(--cloud);border-radius:var(--r-box);border:2px solid var(--edge);box-shadow:var(--soft-sm)}.own-title{font-size:var(--t-label);color:var(--ink-soft)}.own .btn{width:100%;min-height:var(--tap)}.own-mic{display:flex;align-items:center;justify-content:center;gap:8px}.own-mic.on{background:var(--butter)}.own-field{display:flex;flex-direction:column;gap:6px}.own-field input{min-height:var(--tap);padding:0 18px;font-size:var(--t-body);border:2px solid var(--edge);border-radius:16px;background:var(--milk);color:var(--ink)}.own-field input:focus{border-color:var(--grape);outline:none}.own-field em{font-style:normal;font-size:var(--t-label);color:var(--ink-soft);padding:0 6px;min-height:2.6em}.own-ok:disabled{opacity:.45}.name-own{flex:0 0 auto;width:min(100%,420px);align-self:center}.name-own input{text-align:center;font-size:var(--t-button)}@media (max-width: 767px){.pick-area{flex-direction:column;align-items:stretch}.own{flex:0 0 auto}}.choice{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:var(--choice-align);gap:14px;padding:22px;border-radius:22px 28px 20px 26px;aspect-ratio:3 / 4;height:100%;width:auto;max-width:100%;background:var(--cloud);border:var(--line-w) solid var(--line);box-shadow:4px 5px #3a2e261f;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur) var(--ease);overflow:hidden}.choice:nth-child(4n+1){transform:rotate(-1deg);border-radius:20px 26px 18px 24px}.choice:nth-child(4n+2){transform:rotate(.8deg);border-radius:26px 18px 24px 20px}.choice:nth-child(4n+3){transform:rotate(-.5deg);border-radius:18px 24px 22px 26px}.choice:nth-child(4n){transform:rotate(1.1deg);border-radius:24px 20px 26px 18px}.choice:before{content:"";position:absolute;top:0;right:0;bottom:42%;left:0;background:var(--edge-soft);z-index:0;transition:background var(--dur) var(--ease)}.choice img{position:relative;z-index:1;flex:0 1 var(--icon);min-height:0;width:var(--icon);max-width:100%;height:var(--icon);object-fit:contain;transform:scale(1.1);margin-top:-10px}.choice img.art{position:absolute;top:0;right:0;bottom:42%;left:0;width:100%;height:58%;flex:none;margin:0;transform:none;object-fit:cover;object-position:center 45%;border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0}.choice:has(img.art)>span:not(.choice-pin){position:absolute;left:10px;right:10px;top:58%;bottom:6px;z-index:1;display:flex;align-items:center;justify-content:center;line-height:1.12;font-size:clamp(14px,15cqw,calc(var(--t-button) * .9))}.choice:has(img.art){aspect-ratio:9 / 10;container-type:inline-size}@media (max-width: 767px){.pick-area:has(img.art){flex:1 0 auto}.choices:has(img.art),.choices[data-count]:has(img.art){grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;width:100%}.choices:has(img.art) .choice{width:100%;height:auto}}.choice span{position:relative;z-index:1;font-family:var(--font-round);letter-spacing:-.1em;word-break:keep-all;text-align:center;line-height:1.1;font-size:var(--t-button);color:var(--ink);font-weight:700;display:var(--show-label)}.choice:active{transform:translateY(4px) rotate(0);box-shadow:0 0 #3a2e261f}.choice.on{background:var(--butter);transform:rotate(0) scale(1.04);animation:pop .28s var(--ease) forwards;box-shadow:0 0 0 5px var(--apricot),6px 8px #3a2e2626}.choice.on:before{background:#fffdf88c}.choice.on{overflow:visible}.choice.on:before{border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0}.choice .choice-pin{position:absolute;top:-22px;left:50%;z-index:2;width:44px;height:48px;margin-left:-22px;display:block;animation:pin-in .32s var(--ease) both}.choice .choice-pin svg{width:100%;height:100%;display:block}@keyframes pin-in{0%{transform:translateY(-22px) scale(1.6);opacity:0}60%{transform:translateY(1px) scale(.9);opacity:1}to{transform:translateY(0) scale(1)}}.choices.deciding .choice:not(.on){opacity:.38;filter:saturate(.25)}.choices.deciding .choice.on{transform:translateY(-6px) scale(1.05);z-index:1}.pick-name{color:var(--grape-dk);background:linear-gradient(transparent 55%,var(--butter) 55%);padding:0 4px}@media (prefers-reduced-motion: reduce){.choice .choice-pin{animation:none}}.steps{display:flex;justify-content:center;gap:8px;flex:0 0 auto;flex-wrap:wrap}.step{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;font-size:var(--t-label);color:var(--ink-soft);font-weight:700;background:var(--cloud);border:2px solid var(--edge);transition:transform var(--dur) var(--ease),border var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.step i{width:12px;height:12px;border-radius:50%;background:var(--edge)}.step.on{color:var(--ink);transform:scale(1.06);box-shadow:var(--soft-sm);border-color:var(--line)}.step.on i{background:currentColor}.step.done i{opacity:.4}.box{border-radius:var(--r-box);background:var(--cloud);border:2px solid var(--edge);box-shadow:var(--soft-sm);padding:16px 22px;font-size:var(--t-body);line-height:1.6}.box.warn{background:#fff3d2;color:#7a5413;border-color:#e8c77a;box-shadow:none}.box.err{background:#fbe6e0;color:#8e2f21;border-color:#e5a596;box-shadow:none}.box.inline{display:flex;align-items:center;gap:12px}.box.inline>span{flex:1}.row{display:flex;gap:var(--gap)}.row>*{flex:1}.scroll{flex:1;min-height:0;overflow:auto}.spacer{flex:1;min-height:0}.wait{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px}.wait .mark{width:200px;height:200px;border-radius:50%;background:var(--cloud);border:var(--line-w) solid var(--line);box-shadow:var(--soft);display:flex;align-items:center;justify-content:center;padding:18px;animation:float 2.4s ease-in-out infinite}.wait .mark .illust{max-width:100%;max-height:100%}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.03)}}.wait .msg{font-size:var(--t-question)}.diag{font-family:ui-monospace,Menlo,monospace;font-size:12px;color:var(--ink-soft);background:var(--cloud);padding:8px 16px;border-radius:999px;border:1px solid var(--edge)}[data-audience=adult] .question,[data-audience=adult] .hint{text-align:left}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:var(--t-label);color:var(--ink-soft)}.field input{min-height:var(--tap);padding:0 20px;font-size:var(--t-body);border:2px solid var(--edge);border-radius:16px;background:var(--cloud);color:var(--ink)}.field input:focus{border-color:var(--grape);outline:none}.field em{font-style:normal;font-size:var(--t-label);color:var(--berry);padding-left:16px}.check{display:flex;align-items:center;gap:11px;font-size:var(--t-body);color:var(--ink-soft)}.check input{width:22px;height:22px;accent-color:var(--grape);flex:0 0 auto}.list{border-radius:var(--r-box);background:var(--cloud);border:2px solid var(--edge);box-shadow:var(--soft-sm);overflow:hidden}.list .item{display:flex;align-items:center;gap:16px;padding:16px 22px;border-top:1px solid var(--edge-soft);text-align:left;width:100%}.list .item:first-child{border-top:0}.list .item.head{background:var(--milk)}.list .item .grow{flex:1;min-width:0}.list .item .name{display:block;font-size:var(--t-button);font-weight:700}.list .item .desc{display:block;font-size:var(--t-label);color:var(--ink-soft);margin-top:3px;line-height:1.55}.seg{display:flex;gap:4px;background:var(--milk);padding:4px;border-radius:999px;border:1px solid var(--edge);flex:0 0 auto}.seg button{padding:7px 16px;border-radius:999px;font-weight:700;color:var(--ink-soft)}.seg button.on{background:var(--grape);color:#fff}.title-input{flex:1;min-width:0;font:inherit;font-size:var(--t-button);padding:8px 12px;border:2px solid var(--edge);border-radius:12px;background:var(--milk);color:var(--ink)}.tog{width:26px;height:26px;accent-color:var(--grape);flex:0 0 auto}.thumb{width:86px;height:56px;flex:0 0 auto;border-radius:14px;background:var(--edge-soft)}.draw-area{flex:1;min-height:0;display:flex;gap:20px;justify-content:center}.draw-area.wide{align-items:flex-start}.draw-area.narrow{flex-direction:column;align-items:center;justify-content:flex-start;overflow-y:auto;overflow-x:hidden;padding:6px 6px 12px;overscroll-behavior:contain}.draw-area.narrow .draw-paper{order:-1}.draw-area.narrow .draw-tools{width:100%;max-width:420px}.draw-paper{flex:0 0 auto;position:relative;background:#fff;overflow:hidden;border:var(--line-w) solid var(--line);border-radius:14px 18px 12px 16px;box-shadow:0 6px #3a2e261f;box-sizing:content-box}.draw-paper canvas{display:block}.draw-tools{flex:0 0 auto;width:288px;display:flex;flex-direction:column;gap:12px}.palette-full{width:288px;display:flex;flex-direction:column;gap:10px}.palette-full .swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.swatch{aspect-ratio:1;min-width:0;border-radius:10px;border:2px solid var(--line);font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 0 var(--line)}.swatch[aria-checked=true]{outline:4px solid #3A3733;outline-offset:2px}.palette-make{position:relative}.palette-make .make{width:100%;min-height:48px;border-radius:12px;border:2px solid var(--line);background:var(--cloud);box-shadow:0 3px 0 var(--line);font-weight:700;font-size:17px;display:flex;align-items:center;justify-content:center;gap:10px}.make-wheel{width:24px;height:24px;border-radius:50%;border:2px solid var(--line);flex:0 0 auto;background:conic-gradient(#e0413a,#f2c200,#2e9e5b,#5bc0eb,#2f6fdb,#7e4cc9,#f06eaa,#e0413a)}.make-input{position:absolute;left:50%;bottom:0;width:1px;height:1px;opacity:0;pointer-events:none}.palette-recent{display:grid;grid-template-columns:auto repeat(6,1fr);gap:8px;align-items:center;font-size:13px;color:var(--ink-soft)}.palette-note{font-size:13px;line-height:1.5;color:#7a5413;background:#fff3d2;border:1px solid #E8C77A;border-radius:10px;padding:8px 10px}.draw-area.narrow .palette-full{width:100%;max-width:420px}.joints{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,1fr);gap:var(--gap)}.joints>.stage{min-height:0}.joint-side{display:flex;flex-direction:column;gap:10px;min-height:0}.joint-side .list{flex:1;min-height:0}.joint-stage{position:relative;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none}.joint-stage.view{touch-action:auto}.joint-stage.view .joint{width:18px;height:18px;margin:-9px 0 0 -9px;border-width:3px;cursor:default;pointer-events:none}.joint-stage.view .joint:before{display:none}.joint-stage.view .joint-bones line{stroke-width:5}.preview-pair{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}.preview-pair>figure{margin:0;min-height:0;display:flex;flex-direction:column;gap:6px}.preview-pair>figure>.stage{flex:1;min-height:0}.preview-pair figcaption{text-align:center}@media (max-width: 700px){.preview-pair{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}.joint-stage img{width:100%;height:100%;object-fit:contain;pointer-events:none}.joint-bones{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.joint-bones line{stroke:#fffdf8;stroke-width:7;stroke-linecap:round}.joint-bones{filter:drop-shadow(0 0 1.5px var(--line))}.joint{--c: #3F7FC6;position:absolute;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;border:4px solid #FFFDF8;outline:2px solid var(--line);background:var(--c);box-shadow:var(--soft-sm);touch-action:none;cursor:grab;transition:transform var(--dur) var(--ease)}.joint:before{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border-radius:50%}.joint.low{--c: var(--berry)}.joint.low:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;border:3px solid var(--berry);animation:joint-ring 1.4s var(--ease) infinite}.joint.moved{--c: #3E9468}.joint.moved:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid #FFFDF8;border-width:0 3px 3px 0;transform:rotate(45deg)}.joint.on{transform:scale(1.35);z-index:2;cursor:grabbing}.joint-name{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%) scale(.74);transform-origin:bottom center;white-space:nowrap;pointer-events:none;background:var(--ink);color:#fffdf8;font-size:15px;font-weight:700;padding:4px 10px;border-radius:8px}@keyframes joint-ring{0%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(1.35)}}@media (prefers-reduced-motion: reduce){.joint.low:after{animation:none;opacity:.7}}.joint-dot{--c: #3F7FC6;display:inline-block;flex:0 0 auto;width:16px;height:16px;border-radius:50%;background:var(--c);outline:2px solid var(--line);border:2px solid #FFFDF8;vertical-align:-3px}.joint-dot.low{--c: var(--berry);box-shadow:0 0 0 4px #c9483a40}.joint-dot.moved{--c: #3E9468}.joint-key{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14px;color:var(--ink-soft)}.joint-key span{display:inline-flex;align-items:center;gap:6px}.joint-row{padding-block:11px!important}.joint-row.on{background:#fff3d2}.joint-note{font-size:13px;color:var(--ink-soft);line-height:1.5}@media (max-width: 720px){.joints{grid-template-columns:1fr;grid-template-rows:minmax(260px,1.4fr) minmax(160px,1fr)}}.slot-row{flex:0 0 auto;display:flex;gap:var(--gap)}.slot-row>*{flex:1;min-height:116px}.slot-box{border-radius:var(--r-box);background:var(--edge-soft);border:2px dashed var(--edge);font-family:var(--font-round);font-size:var(--t-button);color:var(--ink-soft);transition:transform var(--dur) var(--ease),background var(--dur) var(--ease)}.slot-box.open{background:var(--grape-lt);color:var(--grape);transform:scale(1.03)}.slot-box.taken{background:var(--butter);color:var(--ink);box-shadow:var(--soft-sm)}.card-used{opacity:.3}.card-picked{box-shadow:0 0 0 4px var(--grape),var(--soft)!important}.illust{width:100%;height:100%;max-width:340px;max-height:340px;object-fit:contain}.illust-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:16px}@keyframes wave{0%,to{transform:rotate(0)}50%{transform:rotate(-22deg)}}.wave-arm{animation:wave 1.1s var(--ease) infinite}@media (prefers-reduced-motion: reduce){.wave-arm{animation:none}}.round{position:relative}.round.hold:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%;background:conic-gradient(var(--grape) var(--p, 0deg),transparent 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 6px));mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 6px));pointer-events:none}.hold-hint{position:absolute;top:calc(var(--tap) + 10px);right:0;background:var(--ink);color:#fffdf8;font-size:14px;padding:8px 14px;border-radius:999px;white-space:nowrap;z-index:20}.stage>.fillbox{align-self:stretch;flex:1;min-width:0}.home{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:center;padding:0 3vw}.home-sheet{flex:initial;height:min(100%,540px);aspect-ratio:43 / 47;justify-self:end;transform:rotate(-1.5deg);overflow:visible}.home-sheet:before,.home-sheet:after{content:"";position:absolute;top:-15px;width:96px;height:28px;z-index:1}.home-sheet:before{left:40px;background:#e8b23c8c;transform:rotate(-6deg)}.home-sheet:after{right:44px;background:#4f8fd673;transform:rotate(5deg)}.home-sheet .illust{max-width:300px;max-height:360px}.home-side{display:flex;flex-direction:column;gap:16px;max-width:460px}.home-brand{font-family:var(--font-round);font-weight:700;font-size:32px;letter-spacing:-.1em;color:var(--grape-dk)}.home-title{font-size:72px;line-height:1.05}.home-acts{display:flex;flex-direction:column;gap:18px;margin-top:14px}@media (max-width: 767px){.home{grid-template-columns:1fr;gap:24px;padding:0}.home-sheet{justify-self:center;height:300px}.home-title{font-size:44px}}.shelf{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px 8px 24px;display:flex;flex-direction:column;gap:34px}.shelf-row{display:flex;flex-direction:column}.shelf-books{display:flex;align-items:flex-end;justify-content:center;gap:clamp(26px,4vw,50px);padding:0 24px;position:relative;z-index:1}.shelf-plank{position:relative;height:26px;margin:0 4px;background:#c99a63;border:3px solid var(--line);border-radius:8px;box-shadow:0 8px #3a2e261f}.shelf-plank:after{content:"";position:absolute;left:14px;right:14px;top:5px;height:3px;border-radius:2px;background:#fffdf859}.book{--bw: clamp(140px, 17vw, 210px);position:relative;display:block;flex:0 0 auto;width:calc(var(--bw) * var(--ws, 1));height:calc(var(--bw) * 1.43 * var(--hs, 1));padding:0;text-align:left;transform:rotate(var(--tilt, 0deg));transform-origin:bottom center;transition:transform var(--dur) var(--ease)}.book:active{transform:rotate(var(--tilt, 0deg)) translateY(-6px)}.book-pages{position:absolute;top:5px;bottom:5px;right:calc(2px - var(--thick, 10px));width:var(--thick, 10px);background:repeating-linear-gradient(90deg,#fffdf8 0,#fffdf8 2px,#e3d6bf 2px,#e3d6bf 3px);border:2px solid var(--line);border-left:0;border-radius:0 4px 4px 0}.book-tab{position:absolute;right:calc(-20px - var(--thick, 10px));height:24px;border:2px solid var(--line);border-radius:0 6px 6px 0}.book-cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;background-color:var(--cloth, #8DB5E3);background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.07) 0 2px,transparent 2px 5px),repeating-linear-gradient(-45deg,rgba(58,46,38,.06) 0 2px,transparent 2px 5px);border:3px solid var(--line);border-radius:6px 12px 12px 6px;box-shadow:inset -6px -6px #3a2e261a,6px 8px #3a2e261f}.book-cover:before{content:"";position:absolute;left:0;top:0;bottom:0;width:20px;background:var(--spine, #5E8FC9);border-right:2px solid rgba(58,46,38,.55)}.book-cover:after{content:"";position:absolute;left:26px;top:0;bottom:0;width:3px;border-left:2px solid rgba(58,46,38,.28);background:#fffdf84d}.book-title{position:absolute;left:22%;right:8%;top:5.5%;padding:6px 8px 4px;background:#fffdf8;border:2px solid var(--line);border-radius:8px;text-align:center;font-family:var(--font-round);font-weight:700;letter-spacing:-.1em;font-size:clamp(19px,1.9vw,25px);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-window{position:absolute;left:22%;right:8%;top:22%;bottom:11%;background:#fffdf8;border:2px solid var(--line);border-radius:10px;box-shadow:inset 0 3px #3a2e261a;display:flex;align-items:center;justify-content:center;padding:8px;overflow:hidden}.book-window img{max-width:100%;max-height:100%;object-fit:contain}.book-window img.fallback{width:72%;height:72%;opacity:.85}.book-date{position:absolute;left:22%;right:8%;bottom:2.5%;text-align:center;font-size:12px;color:#3a2e26b3}.book.short .book-title{font-size:clamp(17px,1.7vw,22px)}.book.lifted{visibility:hidden}.book-open-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#3a2e2600;animation:open-dim .42s ease forwards;pointer-events:none}@keyframes open-dim{to{background:#3a2e2647}}.book-fly{position:fixed;perspective:1600px;transform-origin:center center;animation:book-fly .42s cubic-bezier(.2,.8,.3,1) forwards,book-zoom .5s .88s cubic-bezier(.6,0,.8,.4) forwards}@keyframes book-fly{to{transform:translate(var(--dx),var(--dy)) scale(var(--sc))}}@keyframes book-zoom{0%{transform:translate(var(--dx),var(--dy)) scale(var(--sc))}to{transform:translate(var(--dx2),var(--dy)) scale(var(--sc2))}}.book-open-layer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--milk);opacity:0;animation:open-paper .2s 1.18s ease-in forwards}@keyframes open-paper{to{opacity:1}}body[data-enter=book] .screen{animation:enter-from-book .32s ease-out both}@keyframes enter-from-book{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}.book-first{position:absolute;top:0;right:0;bottom:0;left:0;background:#fffdf8;border:3px solid var(--line);border-radius:4px 12px 12px 4px;box-shadow:6px 8px #3a2e261f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8%;padding:12%;background-image:repeating-linear-gradient(transparent 0 18px,#4f8fd61a 18px,#4f8fd61a 19px)}.book-first-art{flex:0 1 55%;min-height:0;display:flex;align-items:center;justify-content:center}.book-first-art img{max-width:100%;max-height:100%;object-fit:contain}.book-first-title{font-family:var(--font-round);font-weight:700;letter-spacing:-.1em;font-size:24px;line-height:1.1;text-align:center}.book-fly .book-cover{transform-origin:left center;animation:cover-half .22s .4s cubic-bezier(.5,0,.9,.6) forwards}@keyframes cover-half{99%{opacity:1}to{transform:rotateY(-90deg);opacity:0}}.book-left{position:absolute;top:0;bottom:0;right:100%;width:100%;background:#f1e6d2;border:3px solid var(--line);border-right-width:1px;border-radius:12px 4px 4px 12px;transform-origin:right center;transform:rotateY(90deg);opacity:0;animation:left-half .22s .62s cubic-bezier(.1,.4,.5,1) forwards;background-image:radial-gradient(rgba(162,64,42,.1) 2px,transparent 2px);background-size:16px 16px}@keyframes left-half{0%{opacity:1;transform:rotateY(90deg)}to{opacity:1;transform:rotateY(0)}}@media (prefers-reduced-motion: reduce){.book,.book:active{transform:none}}.list.scroll{overflow-y:auto}.set-list{width:100%;max-width:860px;align-self:center;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-padding-top:8px;scrollbar-width:auto;scrollbar-color:var(--edge) transparent;background:linear-gradient(var(--cloud) 30%,rgba(255,253,248,0)) center top,linear-gradient(rgba(255,253,248,0),var(--cloud) 70%) center bottom,radial-gradient(farthest-side at 50% 0,rgba(58,46,38,.16),transparent) center top,radial-gradient(farthest-side at 50% 100%,rgba(58,46,38,.16),transparent) center bottom;background-color:var(--cloud);background-repeat:no-repeat;background-size:100% 40px,100% 40px,100% 14px,100% 14px;background-attachment:local,local,scroll,scroll}.set-list:focus-visible{outline-offset:2px}.set-list::-webkit-scrollbar{width:12px}.set-list::-webkit-scrollbar-thumb{background:var(--edge);border-radius:999px;border:3px solid var(--cloud)}.set-list::-webkit-scrollbar-thumb:hover{background:var(--ink-soft)}.set-list::-webkit-scrollbar-track{background:transparent}.set-list .item.head{position:sticky;top:0;z-index:1;border-top:1px solid var(--edge)}.set-list .item.head .name{font-size:17px;color:var(--ink-soft)}.set-list .item.head:first-child{border-top:0}.set-list{position:relative}.set-list .item.note{padding-top:10px;padding-bottom:10px}.set-anchor{height:0}.set-list .set-anchor:first-child+.item.head{border-top:0}.set-nav{flex:0 0 auto;display:flex;gap:8px;justify-content:center;overflow-x:auto;scrollbar-width:none;padding:2px 2px 4px;width:100%;max-width:860px;align-self:center}.set-nav::-webkit-scrollbar{display:none}.set-nav button{flex:0 0 auto;min-height:44px;padding:0 16px;border-radius:999px;background:var(--cloud);border:2px solid var(--edge);color:var(--ink-soft);font-size:15px;font-weight:700}.set-nav button.on{background:var(--ink);border-color:var(--ink);color:#fffdf8}@media (max-width: 767px){.set-nav{justify-content:flex-start}}@media (max-width: 560px){.set-list .item:has(>.seg){flex-wrap:wrap}.set-list .item:has(>.seg)>.grow{flex-basis:100%}}.paper-card{position:relative;isolation:isolate}.paper-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--cloud);filter:url(#paper-torn)}.tape{position:absolute;top:-13px;left:50%;width:84px;height:26px;margin-left:-42px;background:#e8b23c8c;transform:rotate(-3deg);z-index:1}.auth-wrap{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;padding:14px 6px 24px}.auth-card{margin:auto;width:min(520px,100%);padding:38px 40px 30px;display:flex;flex-direction:column;gap:14px}.auth-brand{font-family:var(--font-round);font-weight:700;font-size:26px;letter-spacing:-.1em;color:var(--grape-dk)}.auth-title{font-size:42px;line-height:1.1}.auth-sub{font-size:15px;color:var(--ink-soft);line-height:1.6}.auth-or{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--ink-soft)}.auth-or:before,.auth-or:after{content:"";flex:1;height:1px;background:var(--edge)}.auth-card .btn.go{margin-top:6px}.auth-card .aside-links{font-size:15px;gap:6px}.auth-card .aside-links .btn.link{font-size:15px;padding:2px;text-decoration-thickness:1px;text-underline-offset:3px}.auth-legal{display:flex;justify-content:center;gap:14px;font-size:13px}.auth-legal .btn.link{font-size:13px;font-weight:400;color:var(--ink-soft);padding:0;text-decoration-thickness:1px;text-underline-offset:3px}.auth-card .aside-links{font-size:14px}.auth-card .check{color:var(--ink)}@media (max-width: 767px){.auth-card{padding:30px 22px 24px}.auth-title{font-size:34px}}.welcome{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;padding:8px 3vw}.welcome-sheet{justify-self:end;width:min(380px,100%);aspect-ratio:38 / 42;display:flex;align-items:center;justify-content:center;transform:rotate(-1.8deg)}.welcome-sheet .tape{left:24%}.welcome-sheet .tape+.tape{left:76%;background:#4f8fd673;transform:rotate(5deg)}.welcome-sheet .illust{max-width:250px;max-height:300px}.welcome-side{display:flex;flex-direction:column;gap:16px;max-width:480px}.welcome-name{font-family:var(--font-round);font-weight:700;font-size:84px;letter-spacing:-.1em;line-height:1;color:var(--grape-dk)}.welcome-tag{font-family:var(--font-round);font-weight:700;font-size:32px;letter-spacing:-.1em;margin-top:6px}.welcome-steps{list-style:none;display:flex;flex-direction:column;gap:10px;padding:16px 18px;background:#fffdf8bf;border:2px solid var(--edge);border-radius:18px 22px 16px 20px}.welcome-steps li{display:flex;align-items:center;gap:14px;font-size:18px}.welcome-steps b{flex:0 0 auto;width:44px;height:44px;border-radius:50%;border:2px solid var(--line);color:#fffdf8;font-family:var(--font-round);font-size:26px;display:flex;align-items:center;justify-content:center}.welcome-note{text-align:center;font-size:15px;color:var(--ink-soft);margin-top:-6px}.welcome-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.welcome-foot{font-size:13px;color:var(--ink-soft)}@media (max-width: 767px){.welcome{grid-template-columns:1fr;gap:20px}.welcome-sheet{justify-self:center;width:240px}.welcome-name{font-size:60px}}.hero{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:52px;align-items:center;padding:0 3vw}.hero-sheet{flex:initial;justify-self:end;width:min(400px,100%);aspect-ratio:40 / 44;max-height:100%;transform:rotate(-1.5deg);overflow:visible}.hero-sheet:before,.hero-sheet:after{content:"";position:absolute;top:-14px;width:90px;height:26px;z-index:1}.hero-sheet:before{left:34px;background:#e8b23c8c;transform:rotate(-6deg)}.hero-sheet:after{right:38px;background:#4f8fd673;transform:rotate(5deg)}.hero-sheet .illust{max-width:280px;max-height:300px;object-fit:contain}.hero-side{display:flex;flex-direction:column;gap:14px;max-width:460px}.hero-title{font-size:56px;line-height:1.08}.hero-sub{font-size:20px;color:var(--ink-soft);line-height:1.6}.hero-tips{list-style:none;display:flex;flex-direction:column;gap:8px;margin-top:6px}.hero-tips li{display:flex;align-items:center;gap:10px;font-size:18px}.hero-tips li:before{content:"";flex:0 0 auto;width:14px;height:14px;border-radius:50%;background:var(--mint);border:2px solid var(--line)}.hero-sheet.done .confetti{position:absolute;top:-18px;right:-18px;bottom:-18px;left:-18px;pointer-events:none;background:radial-gradient(circle,var(--c-result) 6px,transparent 7px) 8% 18% / 40px 40px no-repeat,radial-gradient(circle,var(--c-place) 5px,transparent 6px) 92% 12% / 40px 40px no-repeat,radial-gradient(circle,var(--c-problem) 6px,transparent 7px) 96% 70% / 40px 40px no-repeat,radial-gradient(circle,var(--c-action) 5px,transparent 6px) 4% 82% / 40px 40px no-repeat}@media (max-width: 767px){.hero{grid-template-columns:1fr;gap:18px;padding:0}.hero-sheet{justify-self:center;width:240px}.hero-title{font-size:40px}}.guide-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px;align-content:safe center;overflow-y:auto;padding:10px 6px}.guide-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 14px 18px;background:var(--cloud);border:var(--line-w) solid var(--line);border-radius:20px 26px 18px 24px;box-shadow:4px 5px #3a2e261f;text-align:center}.guide-card:nth-child(2n){transform:rotate(.8deg);border-radius:26px 18px 24px 20px}.guide-card:nth-child(odd){transform:rotate(-.6deg)}.guide-card.no{background:#f3eee5}.guide-art-wrap{width:100%;max-width:170px;aspect-ratio:160 / 150;display:flex}.guide-art{width:100%;height:100%;object-fit:contain;border-radius:10px}.guide-card.no .guide-art{opacity:.75}.guide-label{font-family:var(--font-round);font-weight:700;letter-spacing:-.1em;font-size:26px}.guide-card.ok .guide-label{color:#2f7d57}.guide-card.no .guide-label{color:var(--ink-soft)}.guide-text{font-size:16px;line-height:1.45;word-break:keep-all}.guide-stamp{position:absolute;top:-12px;left:-10px;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid var(--line);transform:rotate(-8deg)}.guide-stamp svg{width:62%;height:62%}.guide-stamp.ok{background:var(--mint)}.guide-stamp.tip{background:var(--apricot)}.guide-stamp.no{background:#fffdf8;border-style:dashed;border-color:var(--ink-soft);font-size:13px;font-weight:700;color:var(--ink-soft)}.consents{display:flex;flex-direction:column;gap:10px;width:100%}.consents-row{display:flex;align-items:center;gap:10px;min-height:52px;padding:6px 4px;border-bottom:2px solid var(--edge)}.consents-name{flex:1;min-width:0;font-size:16px;color:var(--ink);white-space:nowrap}.consents-done{font-size:14px;font-weight:700;color:var(--grape)}.consents-read{flex:0 0 auto;width:auto;min-height:44px;padding:0 22px;font-size:17px}.consents-row .btn.link{flex:0 0 auto;font-size:15px}.legal{display:flex;flex-direction:column;gap:14px;text-align:left}.legal-body{font-size:15px;line-height:1.7;color:var(--ink);overflow-wrap:anywhere}.legal-body h1{font-size:22px;margin:0 0 8px}.legal-body h2{font-size:18px;margin:22px 0 6px}.legal-body h3{font-size:16px;margin:16px 0 4px}.legal-body p,.legal-body ul,.legal-body ol{margin:6px 0}.legal-body ul,.legal-body ol{padding-left:22px}.legal-body table{width:100%;border-collapse:collapse;margin:8px 0;font-size:14px}.legal-body th,.legal-body td{border:1px solid var(--edge);padding:6px 8px;vertical-align:top;text-align:left}.legal-body th:first-child,.legal-body td:first-child{min-width:5.5em}.legal-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;overflow-y:auto;background:var(--milk)}.legal-page-inner{max-width:760px;margin:0 auto;padding:20px 16px 48px;display:flex;flex-direction:column;gap:18px;align-items:stretch}.legal-page-inner>.btn.link{align-self:flex-start}.legal-page-agree{width:100%}.legal-page-done{text-align:center;font-weight:700;color:var(--grape)}.clip-art{mix-blend-mode:multiply}.scene{position:relative;width:100%;height:100%;overflow:hidden;background:#dce8f3;container-type:size}.scene>*,.scene-sky>*{position:absolute}.scene-plate{top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.scene-obj,.scene-hero,.scene-sun,.scene-moon{transform:translate(-50%);pointer-events:none;-webkit-user-select:none;user-select:none}.scene-bg{transition:filter 2.6s ease}.scene.night .scene-bg{filter:brightness(.45) saturate(.6)}.scene-tint{top:0;right:0;bottom:0;left:0;background:#2c3d72;mix-blend-mode:multiply;opacity:0;transition:opacity 2.6s ease;pointer-events:none}.scene.night .scene-tint{opacity:.55}.scene-sky{left:0;top:0;width:100%;overflow:hidden}.scene-sun{height:43%}.scene-moon{height:40%}.scene-star{fill:#ffe9a6;aspect-ratio:1;opacity:0;transition:opacity 1.6s ease 1.4s}.scene.night .scene-star{opacity:.9}.scene-person,.scene-hero{transition:filter 2.6s ease}.scene.night .scene-person,.scene.night .scene-hero{filter:brightness(.78) saturate(.88) sepia(.04)}.scene.night .scene-cover{filter:brightness(.5) saturate(.6)}.scene-hero.fallen{transform:translate(-50%) translateY(5%) rotate(-9deg);transform-origin:50% 100%}.scene-hero.stepping,.scene-person.walking-in{animation:scene-step .32s ease-in-out 8 alternate}@keyframes scene-step{to{translate:0 -2.5%}}@media (prefers-reduced-motion: reduce){.scene-bg,.scene-tint,.scene-star,.scene-person,.scene-hero{transition:none}.scene-hero.stepping,.scene-person.walking-in{animation:none}}.shelf-hint{text-align:center;margin:0 0 8px}.book.pick{outline:3px dashed var(--line);outline-offset:5px}.rename-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:16px;background:#3a2e2652}.rename-card{width:min(520px,100%);display:flex;flex-direction:column;gap:16px;padding:28px 24px}.rename-label{font-family:Gaegu,sans-serif;font-weight:700;font-size:var(--t-button)}.rename-acts{display:flex;gap:16px}.rename-acts>*{flex:1}.choice.pick{outline:3px dashed var(--line);outline-offset:4px}.scene-thing{transition:filter 2.6s ease}.scene.night .scene-thing{filter:brightness(.78) saturate(.88) sepia(.04)}.sound-key{position:relative;display:inline-flex}.round.on{background:var(--butter)}.sound-menu{position:absolute;top:calc(var(--tap) + 12px);right:0;z-index:40;width:min(320px,calc(100vw - 32px));display:flex;flex-direction:column;gap:12px;padding:16px}.sound-row{min-height:var(--tap);width:100%;justify-content:flex-start;gap:12px;font-size:var(--t-button)}.sound-row svg{width:30px;height:30px;flex:0 0 auto}.sound-vol{display:flex;flex-direction:column;gap:8px}.sound-vol-name{font-family:Gaegu,sans-serif;font-weight:700;font-size:calc(var(--t-button) * .85);padding-left:4px}.sound-vol .seg{display:grid;grid-template-columns:repeat(3,1fr)}.sound-vol .seg>button{min-height:var(--tap);font-size:calc(var(--t-button) * .8)}