.st-root{--st-wood:color-mix(in oklab,var(--stone) 55%,var(--ink) 45%);--st-wood-deep:color-mix(in oklab,var(--stone) 25%,var(--ink) 75%);--st-glow:color-mix(in oklab,var(--sun) 70%,var(--card));--st-paper:color-mix(in oklab,var(--sun) 8%,var(--card));--st-line:color-mix(in oklab,var(--ink) 14%,transparent);--st-raise:0 6px 0 0 color-mix(in oklab,var(--ink) 18%,transparent),0 22px 40px -24px color-mix(in oklab,var(--ink) 55%,transparent);font-family:var(--font-sans);color:var(--foreground);min-height:100dvh}.st-root :focus-visible{outline:4px solid var(--sky);outline-offset:3px}.st-root svg{flex-shrink:0}.st-btn{white-space:nowrap;border:2px solid var(--st-line);background:var(--card);min-width:60px;min-height:60px;color:var(--foreground);font:800 19px/1 var(--font-sans);cursor:pointer;box-shadow:0 4px 0 0 color-mix(in oklab,var(--ink) 16%,transparent);touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 22px;text-decoration:none;display:inline-flex}.st-btn:active{box-shadow:none;transform:translateY(2px)}.st-btn svg{width:26px;height:26px}.st-btn[disabled]{opacity:.45;cursor:not-allowed}.st-btn-primary{background:var(--primary);color:var(--primary-foreground);border-color:color-mix(in oklab,var(--sun) 70%,var(--ink) 12%)}.st-btn-big{min-width:84px;min-height:84px;padding:0 34px;font-size:24px}.st-btn-big svg{width:34px;height:34px}.st-btn-round{width:72px;height:72px;padding:0}.st-btn-ghost{background:color-mix(in oklab,var(--card) 18%,transparent);color:var(--card);border-color:color-mix(in oklab,var(--card) 35%,transparent);box-shadow:none}.st-btn-ghost[aria-pressed=true]{background:color-mix(in oklab,var(--sun) 80%,transparent);color:var(--ink);border-color:var(--sun)}.st-pill{background:color-mix(in oklab,var(--teal) 22%,var(--card));color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:15px;font-weight:800;display:inline-flex}.st-pill-dev{background:color-mix(in oklab,var(--stone) 45%,var(--card))}.st-pill-ready{background:color-mix(in oklab,var(--sun) 55%,var(--card))}.st-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.st-shelf{isolation:isolate;flex-direction:column;min-height:100dvh;display:flex;position:relative}.st-shelf-bg{z-index:-2;object-fit:cover;width:100%;height:100%;position:fixed;inset:0}.st-shelf:before{content:"";z-index:-1;background:linear-gradient(180deg,color-mix(in oklab,var(--st-wood-deep) 55%,transparent),color-mix(in oklab,var(--st-wood-deep) 10%,transparent) 30%,color-mix(in oklab,var(--st-wood-deep) 60%,transparent));position:fixed;inset:0}.st-shelf-head{align-items:center;gap:18px;padding:18px clamp(16px,2.4vw,40px);display:flex}.st-shelf-title{color:var(--card);text-shadow:0 2px 12px color-mix(in oklab,var(--ink) 70%,transparent);flex-direction:column;gap:4px;display:flex}.st-shelf-title h1{font:600 clamp(34px,3.2vw,60px)/1 var(--font-display);margin:0}.st-shelf-title p{margin:0;font-size:clamp(17px,1.2vw,22px);font-weight:700}.st-shelf-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.st-shelf-main{flex:1;grid-template-columns:minmax(0,1fr) clamp(180px,17vw,330px);align-items:end;gap:24px;padding:8px clamp(16px,2.4vw,40px) 28px;display:grid}.st-books{grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr));align-content:end;gap:24px;display:grid}.st-book{background:var(--st-paper);box-shadow:var(--st-raise);border:3px solid color-mix(in oklab,var(--sun) 40%,var(--card));border-radius:28px;flex-direction:column;display:flex;position:relative;overflow:hidden}.st-book-cover{aspect-ratio:16/9;background:linear-gradient(135deg,color-mix(in oklab,var(--teal) 55%,var(--st-wood)),color-mix(in oklab,var(--sun) 45%,var(--st-wood)));position:relative}.st-book-cover img{object-fit:cover;width:100%;height:100%;display:block}.st-book-placeholder{text-align:center;color:var(--card);font:600 clamp(26px,2vw,38px)/1.1 var(--font-display);text-shadow:0 2px 10px color-mix(in oklab,var(--ink) 60%,transparent);place-items:center;padding:24px;display:grid;position:absolute;inset:0}.st-book-placeholder small{font:800 16px/1.2 var(--font-sans);margin-top:10px;display:block}.st-book-status{position:absolute;top:14px;left:14px}.st-book-body{flex-direction:column;gap:10px;padding:18px 22px 22px;display:flex}.st-book-body h2{font:600 clamp(24px,1.7vw,32px)/1.1 var(--font-display);margin:0}.st-book-body p{margin:0;font-size:17px;line-height:1.4}.st-facts{color:color-mix(in oklab,var(--ink) 75%,transparent);flex-wrap:wrap;gap:8px 16px;font-size:15px;font-weight:800;display:flex}.st-facts span{align-items:center;gap:6px;display:inline-flex}.st-facts svg{width:18px;height:18px}.st-themes{flex-wrap:wrap;gap:6px;display:flex}.st-theme{background:color-mix(in oklab,var(--river) 20%,var(--card));border-radius:999px;padding:4px 12px;font-size:14px;font-weight:800}.st-book-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;display:flex}.st-note{color:color-mix(in oklab,var(--ink) 70%,transparent);font-size:15px;font-weight:700}.st-pip{aspect-ratio:3/4;align-self:end;position:relative}.st-pip>*{width:100%;height:100%}.st-empty{background:var(--st-paper);max-width:640px;box-shadow:var(--st-raise);border-radius:24px;padding:24px 28px;font-size:19px;font-weight:700}.st-player{height:100dvh;color:var(--card);background:radial-gradient(120% 90% at 50% 0%,color-mix(in oklab,var(--sun) 16%,var(--st-wood)),var(--st-wood-deep));flex-direction:column;display:flex;position:relative;overflow:hidden}.st-top{align-items:center;gap:14px;padding:12px clamp(12px,1.6vw,28px);transition:opacity .5s;display:flex}.st-top-title{min-width:0;font:600 clamp(20px,1.5vw,28px)/1.1 var(--font-display);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.st-top-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.st-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(6px,1vh,14px);min-height:0;padding:0 clamp(8px,1.4vw,32px);display:flex;position:relative}.st-status-row{flex-wrap:wrap;flex:none;justify-content:center;align-items:center;gap:12px;width:100%;min-height:52px;display:flex}.st-fit{flex:1;place-items:center;width:100%;min-height:0;display:grid;position:relative;container-type:size}.st-frame{aspect-ratio:16/9;background:color-mix(in oklab,var(--st-wood-deep) 70%,var(--ink));width:min(100cqw,177.778cqh);box-shadow:0 30px 60px -30px color-mix(in oklab,var(--ink) 90%,transparent),0 0 0 6px color-mix(in oklab,var(--sun) 30%,transparent);border-radius:clamp(16px,1.6vw,30px);position:relative;overflow:hidden}.st-picture{transform-origin:var(--zx,50%) var(--zy,50%);transition:transform .45s cubic-bezier(.3,.7,.3,1);position:absolute;inset:0}.st-picture img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.st-picture-missing{text-align:center;font:700 clamp(18px,1.4vw,26px)/1.3 var(--font-sans);color:color-mix(in oklab,var(--card) 85%,transparent);place-items:center;padding:30px;display:grid;position:absolute;inset:0}.st-page{animation:.7s cubic-bezier(.3,.7,.3,1) both st-turn;position:absolute;inset:0}@keyframes st-turn{0%{opacity:0;transform:translate(3%)scale(.985)}to{opacity:1;transform:none}}.st-motion-drift img{animation:22s ease-in-out infinite alternate st-drift}.st-motion-zoom img{animation:24s ease-out both st-zoom}@keyframes st-drift{0%{transform:scale(1.06)translate(-1.5%)}to{transform:scale(1.06)translate(1.5%,-1%)}}@keyframes st-zoom{0%{transform:scale(1)}to{transform:scale(1.1)}}.st-player[data-held=true] .st-page *,.st-player[data-held=true] .st-fx *{animation-play-state:paused!important}.st-words{background:var(--st-paper);width:min(100%,1500px);min-height:clamp(70px,11vh,150px);max-height:32vh;color:var(--ink);text-align:center;font:600 clamp(24px,2.1vw,44px)/1.3 var(--font-display);box-shadow:var(--st-raise);border-radius:24px;flex:none;place-items:center;padding:clamp(10px,1.4vh,20px) clamp(18px,2vw,40px);display:grid;overflow:auto}.st-words-empty{color:color-mix(in oklab,var(--ink) 55%,transparent);font:700 clamp(18px,1.3vw,24px)/1.3 var(--font-sans)}.st-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(8px,1vw,16px);padding:12px clamp(12px,1.6vw,28px) clamp(12px,1.6vh,22px);transition:opacity .5s;display:flex}.st-player[data-dim=true] .st-controls,.st-player[data-dim=true] .st-top{opacity:.28}.st-progress{align-items:center;gap:8px;margin:0 8px;display:flex}.st-dot{background:color-mix(in oklab,var(--card) 35%,transparent);cursor:pointer;border:0;border-radius:50%;width:16px;height:16px;padding:0}.st-dot[aria-current=step]{background:var(--sun);transform:scale(1.25)}.st-dot-missing{outline:2px dashed color-mix(in oklab,var(--bubble) 80%,var(--card));outline-offset:2px}.st-page-label{white-space:nowrap;font-size:18px;font-weight:800}.st-sep{background:color-mix(in oklab,var(--card) 25%,transparent);border-radius:2px;width:2px;height:44px}.st-overlay{z-index:4;background:color-mix(in oklab,var(--st-wood-deep) 55%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);place-items:center;padding:16px;display:grid;position:absolute;inset:0;overflow:auto}.st-card{background:var(--st-paper);max-width:min(1100px,94vw);color:var(--ink);text-align:center;box-shadow:var(--st-raise);border-radius:32px;flex-direction:column;align-items:center;gap:20px;padding:clamp(22px,3vh,40px) clamp(22px,3vw,52px);display:flex}.st-card h2{font:600 clamp(30px,2.6vw,52px)/1.1 var(--font-display);margin:0}.st-card p{margin:0;font-size:clamp(18px,1.3vw,24px);font-weight:700;line-height:1.4}.st-talk{font:600 clamp(32px,3vw,60px)/1.2 var(--font-display)!important}.st-notice{z-index:3;background:var(--st-paper);max-width:min(980px,92%);color:var(--ink);box-shadow:var(--st-raise);border-radius:22px;align-items:center;gap:14px;padding:14px 20px;font-size:clamp(17px,1.2vw,22px);font-weight:800;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.st-voices{flex-direction:column;gap:10px;margin:6px 0 0;padding-left:26px;display:flex}.st-voices li{background:var(--card);border:2px solid var(--st-line);border-radius:14px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.st-speaker{background:var(--st-paper);color:var(--ink);font:600 clamp(18px,1.3vw,24px)/1.1 var(--font-display);box-shadow:var(--st-raise);pointer-events:none;border-radius:999px;padding:8px 18px}.st-notice-inline{padding:10px 18px;font-size:clamp(15px,1.05vw,20px);position:static;bottom:auto;left:auto;transform:none}.st-words[data-manuscript=true]{font:600 clamp(18px,1.4vw,28px)/1.35 var(--font-sans)}.st-notice svg{width:30px;height:30px;color:color-mix(in oklab,var(--bubble) 70%,var(--ink))}.st-modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;display:grid}.st-mode{text-align:left;border:3px solid var(--st-line);background:var(--card);color:var(--ink);cursor:pointer;font:inherit;border-radius:24px;flex-direction:column;align-items:flex-start;gap:8px;min-height:60px;padding:18px 20px;display:flex}.st-mode b{font:600 clamp(20px,1.5vw,28px)/1.1 var(--font-display);align-items:center;gap:10px;display:flex}.st-mode span{font-size:16px;font-weight:700;line-height:1.35}.st-mode[aria-pressed=true]{border-color:color-mix(in oklab,var(--sun) 80%,var(--ink) 10%);background:color-mix(in oklab,var(--sun) 22%,var(--card));box-shadow:0 0 0 5px color-mix(in oklab,var(--sun) 35%,transparent)}.st-mode[disabled]{opacity:.5;cursor:not-allowed}.st-cover-row{align-items:center;gap:24px;width:100%;display:flex}.st-cover-art{aspect-ratio:16/9;background:color-mix(in oklab,var(--teal) 40%,var(--st-wood));border-radius:20px;flex-shrink:0;width:clamp(220px,24vw,460px);overflow:hidden}.st-cover-art img{object-fit:cover;width:100%;height:100%;display:block}.st-cover-text{text-align:left;flex-direction:column;align-items:flex-start;gap:10px;display:flex}.st-cover-pip{aspect-ratio:3/4;flex-shrink:0;width:clamp(120px,10vw,190px)}.st-cover-pip>*{width:100%;height:100%}.st-connect{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.st-banner{background:color-mix(in oklab,var(--bubble) 30%,var(--card));color:var(--ink);border-radius:999px;align-items:center;gap:10px;padding:8px 16px;font-size:16px;font-weight:800;display:flex}.st-fx{pointer-events:none;position:absolute;inset:0;overflow:hidden}.st-fx i{display:block;position:absolute}.st-leaf{aspect-ratio:1;background:linear-gradient(135deg,color-mix(in oklab,var(--sun) 70%,var(--bubble)),color-mix(in oklab,var(--sun) 40%,var(--teal)));opacity:.85;border-radius:0 70%;width:3.2%;animation:linear infinite st-fall;top:-6%}@keyframes st-fall{0%{transform:translate(0)rotate(0)}50%{transform:translate(4vw,55cqh)rotate(160deg)}to{transform:translate(-2vw,115cqh)rotate(320deg)}}.st-fx{container-type:size}.st-firefly{aspect-ratio:1;background:color-mix(in oklab,var(--sun) 85%,var(--card));width:1.1%;box-shadow:0 0 14px 6px color-mix(in oklab,var(--sun) 60%,transparent);border-radius:50%;animation:ease-in-out infinite alternate st-glow}@keyframes st-glow{0%{opacity:.15;transform:translate(0)}50%{opacity:1}to{opacity:.3;transform:translate(2.5cqw,-3cqh)}}.st-cloud{background:color-mix(in oklab,var(--card) 70%,transparent);filter:blur(6px);border-radius:999px;width:22%;height:12%;animation:linear infinite st-cloud}@keyframes st-cloud{0%{transform:translate(-30cqw)}to{transform:translate(130cqw)}}.st-ripple{border:3px solid color-mix(in oklab,var(--card) 70%,transparent);border-radius:50%;width:14%;height:5%;animation:ease-out infinite st-ripple}@keyframes st-ripple{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(1.6)}}.st-spark{aspect-ratio:1;background:color-mix(in oklab,var(--sun) 50%,var(--card));clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);width:1.6%;animation:ease-in-out infinite st-twinkle}@keyframes st-twinkle{0%,to{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.st-fx{display:none}.st-page,.st-motion-drift img,.st-motion-zoom img{animation:none!important}.st-picture{transition:none}}.st-root[data-reduced=true] .st-fx{display:none}.st-root[data-reduced=true] .st-page,.st-root[data-reduced=true] .st-page img{animation:none!important}.st-studio{background:color-mix(in oklab,var(--sun) 6%,var(--background));min-height:100dvh;padding-bottom:60px}.st-studio-head{z-index:5;background:color-mix(in oklab,var(--card) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--st-line);align-items:center;gap:16px;padding:14px clamp(16px,2.4vw,40px);display:flex;position:sticky;top:0}.st-studio-head h1{font:600 clamp(24px,2vw,36px)/1 var(--font-display);margin:0}.st-studio-body{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:24px;padding:24px clamp(16px,2.4vw,40px);display:grid}.st-panel{background:var(--card);border:1px solid var(--st-line);box-shadow:0 14px 30px -24px color-mix(in oklab,var(--ink) 55%,transparent);border-radius:24px;flex-direction:column;gap:14px;padding:20px 22px;display:flex}.st-panel h2{font:600 24px/1.1 var(--font-display);margin:0}.st-panel h3{font:600 20px/1.1 var(--font-display);margin:0}.st-list{flex-direction:column;gap:8px;display:flex}.st-list button{text-align:left;border:2px solid var(--st-line);background:var(--card);font:inherit;cursor:pointer;border-radius:16px;flex-direction:column;gap:6px;padding:12px 14px;font-weight:800;display:flex}.st-list button[aria-current=true]{border-color:var(--sun);background:color-mix(in oklab,var(--sun) 16%,var(--card))}.st-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.st-form .st-wide{grid-column:1/-1}.st-field{flex-direction:column;gap:6px;font-size:15px;font-weight:800;display:flex}.st-field input,.st-field textarea,.st-field select{font:inherit;border:2px solid var(--st-line);background:var(--card);color:inherit;border-radius:14px;min-height:48px;padding:10px 14px;font-size:17px;font-weight:600}.st-field textarea{resize:vertical;min-height:96px}.st-check{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.st-check li{align-items:flex-start;gap:10px;font-weight:700;display:flex}.st-check svg{width:22px;height:22px;margin-top:1px}.st-check .done svg{color:color-mix(in oklab,var(--teal) 70%,var(--ink))}.st-check .todo svg{color:color-mix(in oklab,var(--ink) 40%,transparent)}.st-pages{flex-direction:column;gap:16px;display:flex}.st-pagecard{border:2px solid var(--st-line);background:var(--card);border-radius:20px;grid-template-columns:240px minmax(0,1fr);gap:18px;padding:16px;display:grid}.st-thumb{aspect-ratio:16/9;background:color-mix(in oklab,var(--stone) 30%,var(--card));text-align:center;border-radius:14px;place-items:center;padding:6px;font-size:14px;font-weight:800;display:grid;overflow:hidden}.st-thumb img{object-fit:cover;width:100%;height:100%}.st-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.st-small{min-height:48px;padding:0 16px;font-size:16px}.st-small svg{width:20px;height:20px}.st-status{background:color-mix(in oklab,var(--stone) 35%,var(--card));border-radius:999px;padding:4px 12px;font-size:15px;font-weight:800}.st-status[data-s=approved]{background:color-mix(in oklab,var(--teal) 30%,var(--card))}.st-status[data-s=waiting]{background:color-mix(in oklab,var(--sun) 40%,var(--card))}.st-status[data-s=text-changed],.st-status[data-s=rejected]{background:color-mix(in oklab,var(--bubble) 30%,var(--card))}.st-msg{background:color-mix(in oklab,var(--river) 22%,var(--card));border-radius:14px;padding:10px 14px;font-weight:800}.st-msg[data-tone=error]{background:color-mix(in oklab,var(--bubble) 28%,var(--card))}.st-file{position:relative;overflow:hidden}.st-file input{opacity:0;cursor:pointer;position:absolute;inset:0}@media (width<=1100px){.st-shelf-main{grid-template-columns:minmax(0,1fr)}.st-pip{display:none}.st-studio-body,.st-modes{grid-template-columns:minmax(0,1fr)}.st-cover-pip{display:none}}@media (width<=760px){.st-cover-row{flex-direction:column}.st-cover-text{text-align:center;align-items:center}.st-pagecard,.st-form{grid-template-columns:minmax(0,1fr)}.st-btn-label{display:none}.st-shelf-head{flex-wrap:wrap}}