.sdf{--sdf-ink: var(--litsee-ink);--sdf-coral: var(--litsee-coral-500);--sdf-paper: var(--litsee-paper);position:relative;display:flex;flex-direction:column;gap:10px;color:var(--sdf-ink);scroll-margin-top:96px}.sdf-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.sdf-steps{display:flex;gap:4px;margin:0;padding:0;list-style:none;font-weight:800;font-size:.85rem}.sdf-steps li{padding:6px 10px;border-radius:999px;color:var(--litsee-ink-soft);background:#142b450f}.sdf-steps li.is-on{color:#fff;background:var(--sdf-ink)}.sdf-steps li.is-done{color:var(--sdf-ink);background:color-mix(in srgb,var(--litsee-teal-200) 60%,transparent)}.sdf-tools{display:flex;gap:6px}.sdf-chip,.sdf .wow-sound{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border-radius:999px;font-weight:700;font-size:.85rem}@media(max-width:499px){.sdf .wow-sound{font-size:0;gap:0;width:44px;justify-content:center;padding:0}.sdf-chip__text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.sdf-chip{width:44px;justify-content:center;padding:0}}.sdf-card{position:relative;padding:14px;border-radius:28px;background:var(--sdf-paper);border:1px solid rgb(0 40 60 / .1);box-shadow:0 22px 50px -34px #00283c99}.sdf-ask{margin:2px 4px 12px;font-family:var(--litsee-font-serif);font-weight:700;font-size:clamp(1.45rem,6vw,2.2rem);line-height:1.1;text-align:center}.sdf-ask--small{margin-top:14px;font-size:clamp(1.2rem,5vw,1.7rem)}.sdf-stage{position:relative;overflow:hidden;border-radius:22px;padding:28px 10px 24px}.sdf-stage__world{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85}.sdf-dice{position:relative;display:grid;gap:10px;margin:0;padding:0;list-style:none}.sdf-dice--3,.sdf-dice--6{grid-template-columns:repeat(3,1fr)}.sdf-dice--3 .sd-scene{--cube: clamp(72px, 22vw, 130px)}.sdf-dice--6 .sd-scene{--cube: clamp(60px, 18vw, 92px)}.sdf-dice .sd-cube__face{font-size:calc(var(--cube) * .56)}.sdf-die{width:100%;border:0;cursor:pointer;color:inherit;font:inherit;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 4px;border-radius:18px;background:#fffdf8e0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sdf-die__q{display:grid;place-items:center;min-height:2.5em;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--litsee-coral-ink);text-align:center}.sdf-die__word{font-family:var(--litsee-font-serif);font-weight:700;font-size:1.15rem}.sdf-wobble{animation:sdf-wobble 2.6s ease-in-out .6s 2}@keyframes sdf-wobble{0%,to{translate:0 0}8%{translate:0 -6px}16%{translate:0 0}}.sdf-actions{display:flex;justify-content:center;gap:10px;margin-top:14px}.sdf-actions--wrap{flex-wrap:wrap}.sdf-btn,.sdf .sdf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:60px;padding:0 26px;border:0;border-radius:999px;font-weight:800;font-size:1.2rem;color:#fff;background:var(--sdf-coral);box-shadow:0 6px color-mix(in srgb,var(--sdf-coral) 60%,#000);cursor:pointer;text-decoration:none;transition:transform .12s}.sdf-actions .sdf-btn{white-space:nowrap}@media(max-width:420px){.sdf-actions{flex-wrap:wrap}.sdf-actions .sdf-btn:not(.sdf-btn--roll){flex:1 1 auto;padding:0 16px}}.sdf-btn:active{transform:translateY(4px);box-shadow:0 2px color-mix(in srgb,var(--sdf-coral) 60%,#000)}.sdf-btn:disabled{opacity:.45;cursor:default}.sdf-btn--roll{width:100%;max-width:360px;min-height:72px;font-size:1.6rem}.sdf-btn--ghost,.sdf .sdf-btn--ghost{color:var(--sdf-ink);background:#fff;border:2px solid rgb(20 43 69 / .18);box-shadow:0 5px #142b4526}.sdf-btn--small{min-height:52px}.sdf-foot{display:grid;grid-template-columns:1fr 1fr;justify-items:center;align-items:center;gap:2px 8px;margin-top:10px}.sdf-foot>.sdf-read-slot,.sdf-foot>a{grid-column:1 / -1}@media(min-width:700px){.sdf-foot{grid-template-columns:auto auto auto auto;justify-content:center}.sdf-foot>.sdf-read-slot,.sdf-foot>a{grid-column:auto}}.sdf-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 6px;border:0;background:none;color:var(--sdf-ink);font-weight:700;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.sdf-pageno{margin:0 0 8px;text-align:center;font-weight:800;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--litsee-coral-ink)}.sdf-pic{position:relative;overflow:hidden;height:clamp(130px,34vw,260px);border-radius:20px}.sdf-pic__world{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sdf-pic__cast{position:absolute;inset:auto 0 10px;display:flex;justify-content:center;align-items:flex-end;gap:18px;font-size:clamp(56px,16vw,110px);line-height:1;filter:drop-shadow(0 6px 8px rgb(0 0 0 / .3));animation:sdf-pop .5s cubic-bezier(.3,1.6,.5,1)}.sdf-pic__hero{width:clamp(64px,18vw,120px);height:auto;border-radius:50%;background:#fff}.sdf-text{margin:14px 4px 8px;font-family:var(--litsee-font-serif);font-size:clamp(1.25rem,5.4vw,1.9rem);line-height:1.35;text-align:center;animation:sdf-fade .45s ease-out}.sdf-read{display:flex;margin:0 auto}.sdf-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;list-style:none}.sdf-option{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;min-height:108px;padding:10px 4px;border:3px solid rgb(20 43 69 / .14);border-radius:20px;background:#fff;font-weight:800;font-size:.95rem;color:var(--sdf-ink);cursor:pointer;transition:transform .15s,border-color .15s}.sdf-option.is-picked{border-color:var(--sdf-coral);background:color-mix(in srgb,var(--sdf-coral) 12%,#fff);transform:scale(1.04)}.sdf-option__emoji{font-size:2.6rem;line-height:1}.sdf-option__letter{position:absolute;top:6px;left:10px;font-size:1.1rem;color:var(--litsee-coral-ink)}.sdf-title{margin:0 0 12px;font-family:var(--litsee-font-serif);font-weight:700;font-size:clamp(1.6rem,7vw,2.6rem);line-height:1.1;text-align:center}.sdf-book__pages{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0;padding:0;list-style:none}.sdf-book__page{overflow:hidden;border-radius:16px;background:#fff;border:1px solid rgb(20 43 69 / .12);animation:sdf-pop .5s cubic-bezier(.3,1.6,.5,1) both}.sdf-book__page:nth-child(2){animation-delay:.12s}.sdf-book__page:nth-child(3){animation-delay:.24s}.sdf-book__page:nth-child(4){animation-delay:.36s}.sdf-book__pic{display:grid;place-items:center;height:84px;background-size:cover;background-position:center;font-size:46px}.sdf-book__page p{margin:0;padding:10px 12px 14px;font-family:var(--litsee-font-serif);font-size:1.15rem;line-height:1.4}@media(max-width:599px){.sdf-book__pages{grid-template-columns:1fr}.sdf-book__pic{height:96px}}.sdf-bridge{margin-top:18px;padding:16px;border-radius:20px;background:color-mix(in srgb,var(--litsee-teal-200) 35%,#fff);text-align:center;font-size:.95rem;line-height:1.45}.sdf-bridge p{margin:0 0 10px}.sdf-bridge__title{font-family:var(--litsee-font-serif);font-weight:700;font-size:1.15rem}.sdf-shelf{padding:12px 14px;border-radius:20px;background:#142b450d}.sdf-shelf h3{margin:0 0 8px;font-family:var(--litsee-font-serif);font-size:1.05rem}.sdf-shelf ul{display:flex;gap:6px;margin:0;padding:0 0 6px;overflow-x:auto;list-style:none}.sdf-spine{border-top:0;border-right:0;border-bottom:0;color:inherit;cursor:pointer;min-height:96px;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:4px;width:92px;padding:10px 6px;border-radius:8px 14px 14px 8px;border-left:6px solid var(--sdf-coral);background:#fff;font-size:.75rem;font-weight:700;text-align:center}.sdf-spine span{font-size:1.8rem}@keyframes sdf-pop{0%{opacity:0;transform:scale(.7) translateY(10px)}to{opacity:1;transform:none}}@keyframes sdf-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.sdf-wobble,.sdf-pic__cast,.sdf-text,.sdf-book__page{animation:none}}.sdf--class{justify-content:center;min-height:100vh;padding:2vh 4vw;background:var(--litsee-cream);overflow:auto}.sdf--class .sdf-card{max-width:1200px;width:100%;margin:0 auto}.sdf--class .sdf-ask{font-size:clamp(2rem,4.5vw,3.6rem)}.sdf--class .sdf-text{font-size:clamp(1.8rem,3.6vw,3rem)}.sdf--class .sdf-dice--3 .sd-scene{--cube: clamp(120px, 16vw, 220px)}.sdf--class .sdf-dice--6 .sd-scene{--cube: clamp(90px, 10vw, 160px)}.sdf--class .sdf-die__word{font-size:clamp(1.4rem,2.6vw,2.4rem)}.sdf--class .sdf-option{min-height:18vh;font-size:clamp(1.2rem,2.2vw,2rem)}.sdf--class .sdf-option__emoji{font-size:clamp(3rem,6vw,5.5rem)}.sdf--class .sdf-pic{height:30vh}@media(min-width:900px){.sdf-card{padding:22px 26px}.sdf-book__pages{grid-template-columns:repeat(4,1fr)}.sdf-book__pic{height:120px}.sdf-book__page p{font-size:1.15rem}}.sdf-print h1{margin:0;font-size:26pt;text-align:center}.sdf-print__by{margin:6pt 0 14pt;text-align:center;font-size:14pt}.sdf-print ol{display:grid;grid-template-columns:1fr 1fr;gap:12pt;margin:0;padding:0;list-style:none}.sdf-print li{border:1.5pt solid #000;border-radius:10pt;padding:8pt;break-inside:avoid}.sdf-print__box{position:relative;height:64mm;border:1pt dashed #777;border-radius:6pt}.sdf-print__box span{position:absolute;top:6pt;left:8pt;font-size:20pt}.sdf-print__box small{position:absolute;right:8pt;bottom:6pt;color:#777}.sdf-print li p{margin:8pt 2pt 0;font-size:13pt;line-height:1.35}.sdf-print__foot{margin-top:12pt;text-align:center;font-size:9pt;color:#555}.sdf .sdf-small{min-height:44px}.sdf-invite a,.sdf-more a{display:inline-flex;align-items:center;min-height:44px}.sdf-invite,.sdf-more{margin:10px 0 0;text-align:center;font-size:.92rem}.sdf-more a{font-weight:700;text-decoration:underline;text-underline-offset:4px}.sdf-stage.sd-stage{padding-top:44px}.sdf-print__sheet+.sdf-print__sheet{break-before:page}.sdf-print__write h2{margin:0 0 6pt;font-size:22pt}.sdf-print__lines span{display:block;height:13mm;border-bottom:1pt solid #999}.sdf-read-slot{display:inline-flex;min-width:200px;min-height:44px;justify-content:center}.sdf-face--art{overflow:hidden;padding:0}.sdf-face__art{width:100%;height:100%;object-fit:cover;border-radius:14px}.sdf-face__art--who{object-position:50% 6%;background:radial-gradient(120% 100% at 50% 20%,#fff 0%,var(--litsee-paper) 70%)}.sdf-face__art--helper{object-fit:contain;padding:10%}.sdf-age{display:flex;justify-content:center;gap:6px;margin:-4px 0 10px}.sdf-age button{min-height:44px;padding:0 14px;border:2px solid rgb(20 43 69 / .15);border-radius:999px;background:#fff;color:var(--sdf-ink);font-weight:800;font-size:.9rem;cursor:pointer}.sdf-age button[aria-pressed=true]{border-color:var(--sdf-ink);background:var(--sdf-ink);color:#fff}.sdf-pic__figure{height:92%;width:auto;filter:drop-shadow(0 8px 10px rgb(0 0 0 / .35))}.sdf-pic__cast{height:100%;inset:0;align-items:flex-end}.sdf-pic__badge{align-self:center;display:grid;place-items:center;width:1.5em;height:1.5em;border-radius:50%;background:#fffdf8eb;font-size:clamp(34px,9vw,60px);box-shadow:0 6px 14px -6px #00000080}.sdf-book__pic{position:relative;display:flex;justify-content:center;align-items:flex-end;gap:8px}.sdf-book__figure{height:92%;width:auto}.sdf-book__pic .sdf-pic__badge{font-size:30px}.sdf-book__own{font-style:italic}.sdf-spine__art{width:44px;height:56px;object-fit:cover;object-position:50% 6%;border-radius:8px}.sdf-own{display:block;margin-top:12px;font-size:.9rem;font-weight:700}.sdf-own textarea{display:block;width:100%;margin-top:4px;padding:10px 12px;border:2px solid rgb(20 43 69 / .18);border-radius:14px;font:400 1.05rem/1.4 var(--litsee-font-serif);resize:vertical}.sdf-page,.sdf-book{transform-origin:left center;animation:sdf-turn .55s cubic-bezier(.2,.8,.25,1)}@keyframes sdf-turn{0%{opacity:0;transform:perspective(1200px) rotateY(-24deg) translate(18px)}to{opacity:1;transform:none}}.sdf-book .sdf-pageno{animation:sdf-pop .6s cubic-bezier(.3,1.6,.5,1) .2s both}@media(prefers-reduced-motion:reduce){.sdf-page,.sdf-book,.sdf-book .sdf-pageno{animation:none}}.sdf-option__emoji img{width:1.25em;height:1.25em;object-fit:contain}.sdf-pic__badge img{width:82%;height:82%;object-fit:contain}.sdf-print__box img{width:14mm;height:14mm;object-fit:contain}.sdf-face--art .sdf-face__art--problem,.sdf-face--art .sdf-face__art--find,.sdf-face--art .sdf-face__art--when{object-fit:contain;padding:10%}