/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-amber-100:oklch(96.2% .059 95.617);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-800:oklch(43.2% .095 166.913);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--leading-tight:1.25;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:var(--primary);--color-border:var(--border);--font-display:"Noto Sans Thai", "Noto Sans", sans-serif;--font-body:"Noto Sans Thai", "Noto Sans", sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html,body{overflow-x:clip}*{border-color:var(--color-border)}body{min-height:100vh;font-family:var(--font-body);color:var(--ink);background:radial-gradient(70% 50% at 80% -10%, var(--sky), transparent 58%), radial-gradient(50% 40% at 0% 100%, var(--sun), transparent 55%), var(--paper);margin:0}@supports (color:color-mix(in lab, red, red)){body{background:radial-gradient(70% 50% at 80% -10%, color-mix(in oklch, var(--sky) 22%, transparent), transparent 58%), radial-gradient(50% 40% at 0% 100%, color-mix(in oklch, var(--sun) 10%, transparent), transparent 55%), var(--paper)}}body{background-attachment:fixed}body:before{display:none}main{z-index:1;position:relative}}@layer components{.stage{width:100%;max-width:640px;position:relative}.stage.stage-interview{max-width:980px}.stage.stage-book{max-width:1480px}.book-studio{flex-direction:column;gap:12px;width:100%;display:flex}.book-studio-nav{background:var(--card);flex-wrap:wrap;justify-content:space-between;gap:10px 14px;padding:10px 14px}@supports (color:color-mix(in lab, red, red)){.book-studio-nav{background:color-mix(in oklch, var(--card) 96%, transparent)}}.book-studio-nav{border:1px solid var(--line);box-shadow:none;flex:180px;align-items:center;gap:10px;min-width:0;display:flex}.book-studio-nav-title strong{font-family:var(--font-display);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;max-width:min(48vw,420px);font-size:1.25rem;line-height:1.3;overflow:hidden}.book-studio-nav-title .save-hint{margin:0;font-size:.875rem;line-height:1.3;position:static}.book-studio-nav-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.book-studio-nav .btn,.book-studio-nav .btn-primary{white-space:nowrap;flex:none;height:40px;min-height:40px;max-height:40px;padding:0 14px;font-size:14px;line-height:1}.book-studio-body{grid-template-columns:minmax(240px,280px) minmax(0,1fr);align-items:start;gap:14px;display:grid}.book-studio-rail{background:var(--card);position:sticky;top:12px}@supports (color:color-mix(in lab, red, red)){.book-studio-rail{background:color-mix(in oklch, var(--card) 96%, oklch(100% 0 0))}}.book-studio-rail{border:1px solid var(--line);box-shadow:0 10px 28px -22px var(--ink);border-radius:20px;padding:12px 10px 14px}@supports (color:color-mix(in lab, red, red)){.book-studio-rail{box-shadow:0 10px 28px -22px color-mix(in oklch, var(--ink) 28%, transparent)}}.book-studio-rail{flex-direction:column;gap:10px;display:flex}.book-studio-rail-head{justify-content:space-between;align-items:baseline;gap:8px;padding:0 4px 2px;display:flex}.book-studio-rail-head strong{font-family:var(--font-display);color:var(--ink);font-size:1.1rem}.book-studio-rail-head span{color:var(--ink-soft);font-size:.8125rem}.book-studio-steps{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.book-studio-step{text-align:left;background:var(--paper-dark);border:2px solid #0000;align-items:center;gap:10px;width:100%;display:flex}@supports (color:color-mix(in lab, red, red)){.book-studio-step{background:color-mix(in oklch, var(--paper-dark) 70%, oklch(100% 0 0))}}.book-studio-step{cursor:pointer;color:inherit;border-radius:14px;padding:8px 10px}.book-studio-step:hover{border-color:var(--coral)}@supports (color:color-mix(in lab, red, red)){.book-studio-step:hover{border-color:color-mix(in oklch, var(--coral) 45%, oklch(100% 0 0))}}.book-studio-step.is-active{background:var(--sun)}@supports (color:color-mix(in lab, red, red)){.book-studio-step.is-active{background:color-mix(in oklch, var(--sun) 38%, oklch(100% 0 0))}}.book-studio-step.is-active{border-color:var(--coral)}.book-studio-step.is-done:not(.is-active) .book-studio-step-n{background:var(--leaf)}@supports (color:color-mix(in lab, red, red)){.book-studio-step.is-done:not(.is-active) .book-studio-step-n{background:color-mix(in oklch, var(--leaf) 55%, oklch(100% 0 0))}}.book-studio-step.is-done:not(.is-active) .book-studio-step-n{border-color:var(--leaf)}@supports (color:color-mix(in lab, red, red)){.book-studio-step.is-done:not(.is-active) .book-studio-step-n{border-color:color-mix(in oklch, var(--leaf) 70%, var(--ink))}}.book-studio-step.is-running{border-color:var(--coral);background:var(--sun)}@supports (color:color-mix(in lab, red, red)){.book-studio-step.is-running{background:color-mix(in oklch, var(--sun) 48%, oklch(100% 0 0))}}.book-studio-step-spinner{border:3px solid var(--ink);border-radius:999px;width:22px;height:22px}@supports (color:color-mix(in lab, red, red)){.book-studio-step-spinner{border:3px solid color-mix(in oklch, var(--ink) 18%, transparent)}}.book-studio-step-spinner{border-top-color:var(--coral-deep);animation:.7s linear infinite book-studio-spin}@keyframes book-studio-spin{to{transform:rotate(360deg)}}.book-studio-step:disabled{opacity:.55;cursor:not-allowed}.book-studio-step.is-locked:disabled{opacity:.38;cursor:not-allowed}.book-studio-step-n{width:32px;height:32px;font-family:var(--font-display);background:var(--coral);color:oklch(100% 0 0);border-radius:999px;flex:none;place-items:center;margin-top:0;font-size:.9rem;font-weight:700;display:grid}.book-studio-step-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.book-studio-step-title{font-family:var(--font-display);color:var(--ink);font-size:1rem;font-weight:600;line-height:1.3}.book-studio-step-hint{color:var(--ink-soft);font-size:.8125rem;line-height:1.35}.book-studio-main{flex-direction:column;gap:14px;min-width:0;display:flex}.book-studio-main .error-box,.book-studio-main .aspect-picker{margin-top:0;margin-bottom:0}.book-studio-main .aspect-picker{border-radius:20px;gap:12px;padding:16px 18px}.book-studio-main .aspect-picker-label{font-size:1.1rem}.book-studio-main .aspect-picker-hint{font-size:.9rem;line-height:1.4}.book-studio-main .bgm-picker-select{min-width:min(280px,100%);max-width:420px;height:44px;padding:0 12px;font-size:1rem}.book-studio-main .chip{min-height:40px;padding:8px 14px;font-size:.95rem}.book-studio-main .tool-btn{min-height:44px;padding:8px 14px;font-size:.95rem}.book-studio-main .tool-btn:has(.tool-btn-icon){padding:8px 12px}.book-studio-main .tool-btn-icon{width:1.35em;height:1.35em}.book-studio-main .style-item{gap:8px;padding:8px 12px;font-size:.95rem}.book-studio-main .style-item input[type=color]{width:40px;height:40px}.book-studio-main .style-range input[type=range]{width:160px;height:28px}.book-studio-main .style-item[title=ขนาดตัวอักษร] input[type=range],.book-studio-main .style-item[title=ขนาดตัวอักษรทั้งเล่ม] input[type=range],.book-studio-main .text-style-picker .style-range input[type=range],.book-studio-main .text-style-picker .style-item[title=ขนาดตัวอักษรทั้งเล่ม] input[type=range]{width:220px}.book-studio-main .style-range em{min-width:3.5em;font-size:.9rem}.book-studio-main .style-hint{max-width:none;font-size:.875rem}.book-studio-main .page-tools{gap:12px;padding:16px 18px}.book-studio-main .page-tools.is-collapsed{padding:12px 16px}.book-studio-main .page-tools-toggle,.book-studio-main .book-feed-settings-toggle{min-height:44px;padding:8px 14px;font-size:.95rem}.book-studio-main .page-tools-body{gap:12px}.book-studio-main .page-feed-label{font-size:1rem}.book-studio-main .page-feed-delete,.book-studio-main .page-feed-restore{min-height:44px;padding:8px 14px;font-size:.95rem}.book-studio-main .book-studio-note{padding:10px 14px;font-size:.95rem}.book-studio-main .bgm-volume-slider{font-size:.95rem}.book-studio-note{color:var(--ink-soft);background:var(--sky);font-size:.95rem;line-height:1.45}@supports (color:color-mix(in lab, red, red)){.book-studio-note{background:color-mix(in oklch, var(--sky) 16%, oklch(100% 0 0))}}.book-studio-note{border-radius:14px;padding:10px 14px}.book-studio-panel{background:var(--card);flex-direction:column;gap:14px;padding:16px 16px 18px;display:flex}@supports (color:color-mix(in lab, red, red)){.book-studio-panel{background:color-mix(in oklch, var(--card) 96%, oklch(100% 0 0))}}.book-studio-panel{border:1px solid var(--line);box-shadow:0 10px 28px -22px var(--ink);border-radius:20px}@supports (color:color-mix(in lab, red, red)){.book-studio-panel{box-shadow:0 10px 28px -22px color-mix(in oklch, var(--ink) 28%, transparent)}}.book-studio-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.book-studio-panel-head strong{font-family:var(--font-display);color:var(--ink);font-size:1.15rem;display:block}.book-studio-panel-head p{color:var(--ink-soft);margin:4px 0 0;font-size:.875rem;line-height:1.4}.book-studio-panel-head .btn{white-space:nowrap;flex:none;height:40px;min-height:40px;padding:0 14px;font-size:14px}.book-studio-panel-row{flex-direction:column;gap:8px;display:flex}.book-studio-panel-label{font-family:var(--font-display);color:var(--ink);font-size:.95rem}.book-studio-panel-note{color:var(--ink-soft);margin:0;font-size:.875rem;line-height:1.45}.book-studio-panel-chips{flex-wrap:wrap;gap:6px;display:flex}.book-studio-panel-chips .chip{min-height:40px;padding:8px 14px;font-size:.95rem}.book-studio-panel .story-field{width:100%;min-height:2.6em}.book-studio-help-card{background:var(--paper-dark);border-radius:18px;padding:12px 12px 14px}@supports (color:color-mix(in lab, red, red)){.book-studio-help-card{background:color-mix(in oklch, var(--paper-dark) 55%, oklch(100% 0 0))}}.book-studio-help-card{border:2px solid var(--coral)}@supports (color:color-mix(in lab, red, red)){.book-studio-help-card{border:2px solid color-mix(in oklch, var(--coral) 18%, transparent)}}@media (width<=820px){.book-studio-body{grid-template-columns:1fr}.book-studio-rail{order:-1;position:relative;top:0}.book-studio-steps{flex-direction:row;gap:8px;padding-bottom:4px;overflow-x:auto}.book-studio-steps li{flex:none}.book-studio-step{width:220px}.book-studio-nav-title strong{max-width:70vw}}.interview-layout{grid-template-columns:minmax(220px,280px) minmax(0,1fr);align-items:start;gap:18px;width:100%;display:grid}.interview-rail{background:var(--card);position:sticky;top:12px}@supports (color:color-mix(in lab, red, red)){.interview-rail{background:color-mix(in oklch, var(--card) 96%, oklch(100% 0 0))}}.interview-rail{border:1px solid var(--line);box-shadow:0 10px 28px -22px var(--ink);border-radius:20px;padding:14px 12px 16px}@supports (color:color-mix(in lab, red, red)){.interview-rail{box-shadow:0 10px 28px -22px color-mix(in oklch, var(--ink) 28%, transparent)}}.interview-rail{flex-direction:column;gap:10px;max-height:min(86vh,900px);display:flex}.interview-rail-head{justify-content:space-between;align-items:baseline;gap:8px;padding:0 6px 4px;display:flex}.interview-rail-head strong{font-family:var(--font-display);color:var(--ink);font-size:16px}.interview-rail-head span{color:var(--ink-soft);white-space:nowrap;font-size:12px}.interview-rail-list{flex-direction:column;flex:1;gap:6px;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.interview-rail-item{text-align:left;cursor:pointer;background:oklch(100% 0 0/.55);border:2px solid #0000;border-radius:16px;align-items:flex-start;gap:10px;width:100%;padding:8px 10px;transition:border-color .15s,background .15s,transform .15s;display:flex}.interview-rail-item:hover{border-color:var(--coral)}@supports (color:color-mix(in lab, red, red)){.interview-rail-item:hover{border-color:color-mix(in oklch, var(--coral) 45%, transparent)}}.interview-rail-item:hover{background:oklch(100% 0 0/.85)}.interview-rail-item.is-active{border-color:var(--coral-deep);background:var(--sun)}@supports (color:color-mix(in lab, red, red)){.interview-rail-item.is-active{background:color-mix(in oklch, var(--sun) 35%, oklch(100% 0 0))}}.interview-rail-item.is-active{box-shadow:0 3px 0 var(--coral-deep)}@supports (color:color-mix(in lab, red, red)){.interview-rail-item.is-active{box-shadow:0 3px 0 color-mix(in oklch, var(--coral-deep) 25%, transparent)}}.interview-rail-item.is-answered:not(.is-active) .interview-rail-num{background:var(--coral);color:oklch(100% 0 0)}.interview-rail-num{background:var(--paper-dark);width:24px;height:24px;color:var(--ink-soft);border-radius:999px;flex-shrink:0;place-items:center;font-size:12px;font-weight:700;display:grid}.interview-rail-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.interview-rail-label{color:var(--ink);font-size:12px;font-weight:700;line-height:1.25}.interview-rail-answer{color:var(--ink-soft);-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.interview-rail-item.is-answered .interview-rail-answer{color:var(--ink)}.interview-rail-generate{width:100%;margin-top:4px}.interview-rail-setup{border:2px solid var(--coral);background:oklch(100% 0 0/.55);border-radius:16px;flex-direction:column;gap:10px;padding:10px 8px;display:flex}@supports (color:color-mix(in lab, red, red)){.interview-rail-setup{border:2px solid color-mix(in oklch, var(--coral) 22%, transparent)}}.interview-rail-setup-title{font-family:var(--font-display);color:var(--ink);margin:0;padding:0 4px;font-size:14px}.interview-rail-setup-row{flex-direction:column;gap:6px;display:flex}.interview-rail-setup-label{color:var(--ink-soft);padding:0 4px;font-size:12px}.interview-rail-setup-chips{flex-wrap:wrap;gap:4px;display:flex}.interview-rail-setup-chips .chip{border-radius:999px;padding:4px 8px;font-size:12px}.interview-rail-bgm{align-items:center;gap:6px;display:flex}.interview-rail-bgm .bgm-picker-select{flex:1;min-width:0}.interview-rail-setup-row .bgm-volume-slider{background:oklch(100% 0 0)}.bgm-volume-slider input[type=range]{width:120px}.interview-rail-gallery-thumbs{flex-wrap:wrap;gap:6px;padding:0 4px;display:flex}.interview-rail-gallery-thumbs img,.interview-rail-gallery-stub,.interview-rail-gallery-more{object-fit:cover;border:2px solid var(--coral);border-radius:10px;width:40px;height:40px}@supports (color:color-mix(in lab, red, red)){.interview-rail-gallery-thumbs img,.interview-rail-gallery-stub,.interview-rail-gallery-more{border:2px solid color-mix(in oklch, var(--coral) 35%, transparent)}}.interview-rail-gallery-thumbs img,.interview-rail-gallery-stub,.interview-rail-gallery-more{background:oklch(96% .02 80)}.interview-rail-gallery-stub,.interview-rail-gallery-more{color:var(--ink-soft);justify-content:center;align-items:center;font-size:12px;display:inline-flex}.intro-actions{flex-wrap:wrap}.intro-actions .btn{flex:none}.interview-main{min-width:0}.interview-step-caption{text-align:left;margin:0 0 12px}@media (width<=820px){.interview-layout{grid-template-columns:1fr}.interview-rail{order:-1;max-height:220px;position:relative;top:0}}.path-wrap{align-items:center;gap:6px;margin-bottom:22px;padding:0 4px;display:flex}.path-dot{border:2px solid var(--paper-dark);height:14px;box-shadow:0 2px 0 var(--ink);background:oklch(100% 0 0);border-radius:8px;flex:1}@supports (color:color-mix(in lab, red, red)){.path-dot{box-shadow:0 2px 0 color-mix(in oklch, var(--ink) 8%, transparent)}}.path-dot{position:relative;overflow:hidden}.path-dot:after{content:"";background:linear-gradient(90deg, var(--sun), var(--coral));transform-origin:0;border-radius:8px;transition:transform .5s cubic-bezier(.65,0,.35,1);position:absolute;inset:0;transform:scaleX(0)}.path-dot.done:after{transform:scaleX(1)}.path-star{font-size:20px;font-family:var(--font-display);color:var(--coral-deep);background:var(--sun);box-shadow:none;filter:none;white-space:nowrap;border-radius:999px;padding:3px 12px;font-weight:600}.path-caption{text-align:center;font-family:var(--font-display);color:var(--ink-soft);margin:-14px 0 18px;font-size:14px;font-weight:500}.card{background:var(--card);box-shadow:0 22px 44px -16px var(--coral-deep), 0 0 0 4px oklch(100% 0 0/.6);border-radius:32px;padding:34px 28px 28px}@supports (color:color-mix(in lab, red, red)){.card{box-shadow:0 22px 44px -16px color-mix(in oklch, var(--coral-deep) 35%, transparent), 0 0 0 4px oklch(100% 0 0/.6)}}.card{border:5px solid oklch(100% 0 0);position:relative}.card:before{content:"";background-image:radial-gradient(circle at 6px 0, var(--sun) 5px, transparent 6px);pointer-events:none;background-repeat:repeat-x;background-size:18px 12px;height:12px;position:absolute;top:-7px;left:18px;right:18px}.card-pop{animation:.45s cubic-bezier(.34,1.56,.64,1) story-pop}.card-fwd{animation:.38s cubic-bezier(.34,1.56,.64,1) story-fwd}.card-back{animation:.38s cubic-bezier(.34,1.56,.64,1) story-back}.mascot-row{align-items:flex-end;gap:14px;margin-bottom:18px;display:flex}.mascot{width:68px;height:68px;filter:drop-shadow(0 6px 6px var(--coral-deep));flex-shrink:0;animation:2.6s ease-in-out infinite story-bob}@supports (color:color-mix(in lab, red, red)){.mascot{filter:drop-shadow(0 6px 6px color-mix(in oklch, var(--coral-deep) 22%, transparent))}}.bubble{background:linear-gradient(135deg, oklch(100% 0 0), var(--sun))}@supports (color:color-mix(in lab, red, red)){.bubble{background:linear-gradient(135deg, oklch(100% 0 0), color-mix(in oklch, var(--sun) 45%, oklch(100% 0 0)))}}.bubble{font-family:var(--font-display);color:var(--ink);box-shadow:0 6px 0 var(--sun-deep);border-radius:22px 22px 22px 4px;padding:15px 20px;font-size:20px;font-weight:500;line-height:1.5}@supports (color:color-mix(in lab, red, red)){.bubble{box-shadow:0 6px 0 color-mix(in oklch, var(--sun-deep) 60%, transparent)}}.bubble{position:relative}.story-title{font-family:var(--font-display);text-align:center;background:linear-gradient(120deg, var(--coral-deep), var(--grape-deep) 55%, var(--sky-deep));color:#0000;-webkit-background-clip:text;background-clip:text;margin:6px 0 10px;font-size:30px;font-weight:700}.story-sub{text-align:center;color:var(--ink-soft);margin:0 0 20px;font-size:17px;line-height:1.6}.story-field{border:3.5px solid var(--sky);width:100%}@supports (color:color-mix(in lab, red, red)){.story-field{border:3.5px solid color-mix(in oklch, var(--sky) 55%, transparent)}}.story-field{font-family:var(--font-body);color:var(--ink);resize:none;background:oklch(99% .01 235/.5);border-radius:20px;outline:none;padding:16px 18px;font-size:19px;transition:border-color .2s,box-shadow .2s,background .2s}.story-field::placeholder{color:var(--ink-soft)}@supports (color:color-mix(in lab, red, red)){.story-field::placeholder{color:color-mix(in oklch, var(--ink-soft) 70%, transparent)}}.story-field:focus{border-color:var(--sky-deep);box-shadow:0 0 0 5px var(--sky);background:oklch(100% 0 0)}@supports (color:color-mix(in lab, red, red)){.story-field:focus{box-shadow:0 0 0 5px color-mix(in oklch, var(--sky) 35%, transparent)}}.chips{flex-wrap:wrap;gap:10px;margin-top:4px;margin-bottom:14px;display:flex}.chip{font-family:var(--font-display);white-space:nowrap;border:1px solid var(--line);height:36px;min-height:36px;color:var(--ink);cursor:pointer;transition:border-color .16s var(--ease-out,ease), background .16s;-webkit-user-select:none;user-select:none;box-shadow:none;background:oklch(99% .008 240);border-radius:8px;justify-content:center;align-items:center;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}.chip:hover{border-color:var(--sky)}@supports (color:color-mix(in lab, red, red)){.chip:hover{border-color:color-mix(in oklch, var(--sky) 55%, var(--line))}}.chip:hover{background:var(--sky)}@supports (color:color-mix(in lab, red, red)){.chip:hover{background:color-mix(in oklch, var(--sky) 10%, oklch(100% 0 0))}}.chip:active{background:var(--sky)}@supports (color:color-mix(in lab, red, red)){.chip:active{background:color-mix(in oklch, var(--sky) 16%, oklch(100% 0 0))}}.chip.selected{background:var(--primary);border-color:var(--primary);color:oklch(100% 0 0);box-shadow:none}.suggest-label{font-family:var(--font-display);color:var(--ink-soft);margin:14px 0 8px;font-size:14px}.nav-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;display:flex}.btn{font-family:var(--font-display);letter-spacing:0;white-space:nowrap;cursor:pointer;height:40px;min-height:40px;max-height:40px;box-shadow:none;transition:background .12s var(--ease-out), border-color .12s var(--ease-out), opacity .12s;-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:500;line-height:1;display:inline-flex}.btn:active{transform:none}.btn-primary{background:var(--sky-deep);color:oklch(99% .01 240);box-shadow:none;flex:1}.btn-primary:hover:not(:disabled){filter:none;background:var(--sky-deep);transform:none}@supports (color:color-mix(in lab, red, red)){.btn-primary:hover:not(:disabled){background:color-mix(in oklch, var(--sky-deep) 88%, var(--ink))}}.btn-primary:active:not(:disabled){box-shadow:none;transform:none}.btn-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.btn-ghost{color:var(--ink);border-color:var(--line);box-shadow:none;background:oklch(100% 0 0);padding:0 14px}.btn-ghost:hover{background:var(--paper-dark);color:var(--ink);transform:none}.btn-secondary{border-color:var(--line);color:var(--ink);box-shadow:none;background:oklch(100% 0 0);flex:1}.btn-secondary:hover{filter:none;background:var(--paper-dark);transform:none}.btn-secondary:active{box-shadow:none;transform:none}.intro-deco{width:170px;margin:0 auto 10px;position:relative}.intro-art{width:170px;filter:drop-shadow(0 8px 10px var(--coral-deep));animation:3s ease-in-out infinite story-bob;display:block}@supports (color:color-mix(in lab, red, red)){.intro-art{filter:drop-shadow(0 8px 10px color-mix(in oklch, var(--coral-deep) 22%, transparent))}}.deco-float{filter:drop-shadow(0 3px 4px var(--ink));font-size:22px;position:absolute}@supports (color:color-mix(in lab, red, red)){.deco-float{filter:drop-shadow(0 3px 4px color-mix(in oklch, var(--ink) 15%, transparent))}}.deco-float{animation:3s ease-in-out infinite story-float}.deco-1{top:-8px;left:-16px}.deco-2{font-size:17px;animation-delay:.6s;top:6px;right:-20px}.deco-3{font-size:15px;animation-delay:1.2s;bottom:2px;left:-22px}.intro-meta{flex-wrap:wrap;justify-content:center;gap:10px;margin:2px 0 22px;display:flex}.intro-meta span{font-family:var(--font-display);background:linear-gradient(135deg, var(--sky), var(--sky-deep));color:oklch(100% 0 0);box-shadow:none;border-radius:999px;padding:7px 15px;font-size:14px;font-weight:500}.intro-meta span:nth-child(2){background:linear-gradient(135deg, var(--leaf), var(--leaf-deep));box-shadow:none}.intro-meta span:nth-child(3){background:linear-gradient(135deg, var(--grape), var(--grape-deep));box-shadow:none}.loading-wrap{text-align:center;padding:30px 10px}.loading-wrap .mascot{width:96px;height:96px;margin:0 auto 18px}.loading-wrap p{font-family:var(--font-display);color:var(--coral-deep);font-size:19px}.dots span{opacity:0;animation:1.4s infinite story-blink}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}.book{background:var(--card);box-shadow:0 20px 44px -16px var(--ink);border-radius:28px}@supports (color:color-mix(in lab, red, red)){.book{box-shadow:0 20px 44px -16px color-mix(in oklch, var(--ink) 28%, transparent)}}.book{border:5px solid oklch(100% 0 0);animation:.5s cubic-bezier(.34,1.56,.64,1) story-pop;overflow:hidden}.page{flex-direction:column;justify-content:center;min-height:320px;padding:38px 30px 26px;display:flex;position:relative}.page-cover{background:linear-gradient(160deg, var(--sun) 0%, var(--coral) 100%);color:oklch(100% 0 0);text-align:center;align-items:center}.page-cover h2{font-family:var(--font-display);margin:14px 0 6px;font-size:28px;font-weight:700;line-height:1.35}.page-cover p{font-family:var(--font-display);opacity:.95;font-size:16px}.page-badge{font-size:56px}.page-num{font-family:var(--font-display);color:var(--ink-soft);background:var(--paper-dark);border-radius:999px;padding:4px 10px;font-size:13px;position:absolute;top:16px;right:20px}.page-text{font-family:var(--font-body);color:inherit;text-align:center;max-height:none;padding-top:.35em;font-size:1.28em;line-height:1.55;overflow:visible}.page-pinyin{font-family:var(--font-body);letter-spacing:.06em;opacity:.92;margin-top:.2em;font-size:.48em;font-weight:600;line-height:1.35}.page-text.is-stacked{white-space:pre-line;max-height:none;font-size:1.22em;line-height:1.5;overflow:visible}.page-text.is-caption{text-wrap:pretty;overflow-wrap:anywhere;max-width:100%;max-height:none;padding-top:.4em;font-size:1.22em;font-weight:700;line-height:1.5}.page-text.is-caption .page-pinyin{font-size:.52em;font-weight:600}.page-text span.word-now{color:inherit;background:var(--sun,#ffe08a)}@supports (color:color-mix(in lab, red, red)){.page-text span.word-now{background:color-mix(in oklch, var(--sun,#ffe08a) 78%, transparent)}}.page-text span.word-now{-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.22em;margin:0 -.08em;padding:.02em .08em}.page-icon{text-align:center;margin-bottom:14px;font-size:38px}.page-dedication{background:linear-gradient(160deg, var(--bubblegum), var(--grape));color:oklch(100% 0 0);text-align:center;align-items:center}.page-dedication h3{font-family:var(--font-display);color:oklch(100% 0 0);margin:10px 0 8px;font-size:22px;font-weight:700}.page-dedication p{font-family:var(--font-body);font-size:19px;line-height:1.7}.book-nav{background:var(--paper-dark);justify-content:space-between;align-items:center;padding:14px 20px 20px;display:flex}.arrow-btn{background:linear-gradient(135deg, var(--coral), var(--coral-deep));color:oklch(100% 0 0);cursor:pointer;width:50px;height:50px;box-shadow:none;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex}.arrow-btn:active{box-shadow:none;transform:none}.dots-nav{gap:7px;display:flex}.dots-nav .d{background:var(--line);border-radius:50%;width:9px;height:9px}.dots-nav .d.active{background:var(--coral)}.page-tools{background:linear-gradient(90deg, var(--sky), var(--sun));flex-direction:column;gap:10px;padding:12px 14px;display:flex}@supports (color:color-mix(in lab, red, red)){.page-tools{background:linear-gradient(90deg, color-mix(in oklch, var(--sky) 22%, transparent), color-mix(in oklch, var(--sun) 22%, transparent))}}.page-tools{border-bottom:1px solid var(--line)}.page-tools.is-collapsed{padding:10px 14px}.page-tools-toggle,.book-feed-settings-toggle{width:100%;color:var(--ink);cursor:pointer;font-family:var(--font-display);text-align:left;box-shadow:none;background:oklch(100% 0 0);border:2px solid oklch(100% 0 0);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;font-size:14px;font-weight:500;display:flex}.page-tools-toggle:hover,.book-feed-settings-toggle:hover{color:var(--coral-deep)}.page-tools-toggle-chevron{opacity:.7;flex:none;font-size:.9em}.page-tools-body{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.book-feed-settings{z-index:6;flex-direction:column;gap:10px;display:flex;position:relative}.book-feed-settings-body{flex-direction:column;gap:10px;display:flex}.tool-btn{font-family:var(--font-display);border:1px solid var(--line);color:var(--ink);white-space:nowrap;cursor:pointer;height:40px;min-height:40px;max-height:40px;box-shadow:none;transition:background .12s var(--ease-out), border-color .12s var(--ease-out);background:oklch(100% 0 0);border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;line-height:1;display:inline-flex}.tool-btn:hover{color:var(--ink);background:var(--paper-dark);transform:none}.tool-btn:active{box-shadow:none;transform:none}.tool-btn-danger{color:var(--coral-deep);border-color:var(--coral)}@supports (color:color-mix(in lab, red, red)){.tool-btn-danger{border-color:color-mix(in oklch, var(--coral) 55%, oklch(100% 0 0))}}.tool-btn-danger{background:var(--coral)}@supports (color:color-mix(in lab, red, red)){.tool-btn-danger{background:color-mix(in oklch, var(--coral) 14%, oklch(100% 0 0))}}.tool-btn-danger:hover{color:oklch(100% 0 0);background:linear-gradient(135deg, var(--coral), var(--coral-deep))}.tool-btn-icon{width:1.15em;height:1.15em;display:block}.tool-btn:has(.tool-btn-icon){justify-content:center;align-items:center;padding-inline:12px;display:inline-flex}.page-feed{flex-direction:column;gap:18px;display:flex}.page-feed-item{flex-direction:column;gap:12px;display:flex}.page-feed-label{font-family:var(--font-display);color:var(--coral-deep);margin:0 4px;font-size:14px;font-weight:600}.page-feed-delete{font-family:var(--font-display);border:2px solid var(--coral);width:100%;font-size:14px}@supports (color:color-mix(in lab, red, red)){.page-feed-delete{border:2px solid color-mix(in oklch, var(--coral) 55%, oklch(100% 0 0))}}.page-feed-delete{background:var(--coral)}@supports (color:color-mix(in lab, red, red)){.page-feed-delete{background:color-mix(in oklch, var(--coral) 12%, oklch(100% 0 0))}}.page-feed-delete{color:var(--coral-deep);cursor:pointer;border-radius:16px;padding:10px 14px}.page-feed-delete:hover{background:var(--coral)}@supports (color:color-mix(in lab, red, red)){.page-feed-delete:hover{background:color-mix(in oklch, var(--coral) 22%, oklch(100% 0 0))}}.page-feed-restore{font-family:var(--font-display);border:2px dashed var(--coral);width:100%;font-size:14px}@supports (color:color-mix(in lab, red, red)){.page-feed-restore{border:2px dashed color-mix(in oklch, var(--coral) 45%, oklch(100% 0 0))}}.page-feed-restore{background:var(--sky)}@supports (color:color-mix(in lab, red, red)){.page-feed-restore{background:color-mix(in oklch, var(--sky) 18%, oklch(100% 0 0))}}.page-feed-restore{color:var(--coral-deep);cursor:pointer;border-radius:16px;padding:10px 14px}.page-feed-restore:hover{background:var(--sky)}@supports (color:color-mix(in lab, red, red)){.page-feed-restore:hover{background:color-mix(in oklch, var(--sky) 32%, oklch(100% 0 0))}}.page-card{background:var(--card);box-shadow:0 20px 44px -18px var(--coral-deep);border:5px solid oklch(100% 0 0);border-radius:28px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.page-card{box-shadow:0 20px 44px -18px color-mix(in oklch, var(--coral-deep) 30%, transparent)}}.page-card{animation:.45s cubic-bezier(.34,1.56,.64,1) story-pop}.page-stack{isolation:isolate;aspect-ratio:16/9;background:linear-gradient(160deg, var(--sky), var(--sun));min-height:360px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.page-stack{background:linear-gradient(160deg, color-mix(in oklch, var(--sky) 30%, oklch(100% 0 0)), color-mix(in oklch, var(--sun) 30%, oklch(100% 0 0)))}}.page-stack{touch-action:none}.page-card.is-portrait{max-width:min(100%,560px);margin-inline:auto}.page-card.is-portrait .page-stack{aspect-ratio:9/16;min-height:480px}.book-studio-main .page-card.is-portrait{width:min(100%,56.25dvh - 78.75px);max-width:min(100%,760px)}.book-studio-main .page-card.is-portrait .page-stack{min-height:0}.page-card.is-landscape .page-stack{aspect-ratio:16/9}.page-stack.is-cover{background:linear-gradient(160deg, var(--sun) 0%, var(--coral) 100%)}.page-stack.is-dedication{background:linear-gradient(160deg, var(--bubblegum), var(--grape))}.page-bg{object-fit:cover;object-position:var(--img-x,50%) var(--img-y,50%);width:100%;height:100%;transform:scale(var(--img-z,1));transform-origin:var(--img-x,50%) var(--img-y,50%);z-index:0;position:absolute;inset:0}.page-stack.is-frameable .page-bg{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.page-stack.is-framing .page-bg{cursor:grabbing}.page-frame-hit{z-index:2;cursor:grab;touch-action:none;position:absolute;inset:0}.page-frame-hit.has-controls{bottom:48px}.page-stack.is-framing .page-frame-hit{cursor:grabbing}.img-zoom-handle{z-index:4;background:var(--card);border-radius:50%;width:28px;height:28px;position:absolute;bottom:10px;right:10px}@supports (color:color-mix(in lab, red, red)){.img-zoom-handle{background:color-mix(in oklch, var(--card) 88%, var(--coral))}}.img-zoom-handle{border:2px solid var(--card);cursor:nwse-resize;touch-action:none;box-shadow:0 2px 8px oklch(0% none none/.22)}.img-zoom-handle:after{content:"";border-right:2px solid var(--coral);border-bottom:2px solid var(--coral);border-radius:0 0 3px;position:absolute;inset:7px}.img-zoom-badge{z-index:4;color:#fff;pointer-events:none;background:oklch(0% none none/.55);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700;position:absolute;bottom:12px;right:44px}.page-scrim{z-index:1;pointer-events:none;background:linear-gradient(oklch(0% none none/.42) 0%,oklch(0% none none/.26) 45%,oklch(0% none none/.58) 100%);position:absolute;inset:0}.text-box{z-index:3;text-align:center;color:var(--ink);font-size:calc(var(--tb-fs,1) * var(--tb-fit,1) * 1em);text-shadow:0 calc(2px * var(--tb-shadow,0)) calc(10px * var(--tb-shadow,0)) rgb(0 0 0/min(1, calc(.7 * var(--tb-shadow,0))));overflow-wrap:break-word;word-break:keep-all;line-break:auto;overscroll-behavior:contain;border-radius:18px;padding:16px 14px 12px;line-height:1.5;position:absolute;overflow:hidden}.text-box.is-scrollable{-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;overflow-y:auto}.text-box.is-scrollable::-webkit-scrollbar{width:6px}.text-box.is-scrollable::-webkit-scrollbar-thumb{background:var(--ink)}@supports (color:color-mix(in lab, red, red)){.text-box.is-scrollable::-webkit-scrollbar-thumb{background:color-mix(in oklch, var(--ink) 35%, transparent)}}.text-box.is-scrollable::-webkit-scrollbar-thumb{border-radius:999px}.text-box.is-bottom{box-sizing:border-box;border-radius:0;flex-direction:column;justify-content:flex-start;align-items:center;height:34%;max-height:34%;padding:.75em 4% .65em;display:flex;bottom:0;overflow:hidden;width:100%!important;left:0!important}.text-box.is-bottom.is-scrollable{overflow-y:auto}.text-box.is-bottom .page-heading,.text-box.is-bottom .page-sub-line{display:none}@supports (container-type:size){.page-stack{container-type:size}.text-box{font-size:calc(var(--tb-fs,1) * var(--tb-fit,1) * 2.6cqw);border-radius:2.8cqw;padding:.55em 2.2cqw .4em}.text-box.is-bottom{font-size:calc(var(--tb-fs,1) * var(--tb-fit,1) * clamp(22px, 4.4cqh, 40px));border-radius:0;padding:.65em 4cqw .5em}.page-card.is-portrait .text-box{font-size:calc(var(--tb-fs,1) * var(--tb-fit,1) * clamp(22px, 5.4cqw, 40px));border-radius:3.4cqw;padding:.6em 4cqw .4em;line-height:1.5}.page-card.is-portrait .text-box.is-bottom{font-size:calc(var(--tb-fs,1) * var(--tb-fit,1) * clamp(24px, 3.8cqh, 42px));border-radius:0;padding:.7em 5cqw .5em;line-height:1.5}.page-card.is-portrait .page-text{max-height:none;font-size:1.28em;line-height:1.55;overflow:visible}.page-card.is-portrait .page-text.is-caption{max-height:none;padding-top:.4em;font-size:1.22em;line-height:1.5}.page-card.is-portrait .page-text.is-stacked{max-height:none;overflow:visible}.page-card.is-portrait .page-stack.is-dedication .page-text,.page-card.is-portrait .page-stack.is-dedication .page-text.is-stacked,.page-card.is-portrait .page-stack.is-dedication .page-text.is-caption{max-height:none;padding-bottom:.28em;overflow:visible}.page-card.is-portrait .page-heading{font-size:1.55em;line-height:1.3}.page-card.is-portrait .page-sub-line,.page-card.is-portrait .edit-field.edit-sub{font-size:.95em;line-height:1.45}.page-card.is-portrait .edit-field{font-size:1.28em;line-height:1.55}.page-card.is-portrait .edit-field.edit-title{font-size:1.55em;line-height:1.3}}.page-stack.is-cover .text-box,.page-stack.is-dedication .text-box{color:oklch(100% 0 0)}.page-stack.is-dedication .page-text,.page-stack.is-dedication .page-text.is-stacked,.page-stack.is-dedication .page-text.is-caption{max-height:none;padding-bottom:.28em;overflow:visible}.page-stack.is-dedication .text-box{padding-bottom:.85em}.page-stack.has-photo .text-box{color:oklch(100% 0 0)}.text-box.is-interactive{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;border:2px dashed #0000;transition:background .15s,border-color .15s}.text-box.is-interactive:hover{border-color:var(--coral)}@supports (color:color-mix(in lab, red, red)){.text-box.is-interactive:hover{border-color:color-mix(in oklch, var(--coral) 60%, transparent)}}.text-box.is-interactive:hover{background:var(--card)}@supports (color:color-mix(in lab, red, red)){.text-box.is-interactive:hover{background:color-mix(in oklch, var(--card) 25%, transparent)}}.text-box.is-arranging,.text-box.is-editing{border-color:var(--coral);background:var(--card)}@supports (color:color-mix(in lab, red, red)){.text-box.is-arranging,.text-box.is-editing{background:color-mix(in oklch, var(--card) 45%, transparent)}}.text-box.is-arranging{cursor:grabbing}.text-box.is-editing{cursor:text;-webkit-user-select:text;user-select:text;touch-action:auto}.text-box .tb-size,.text-box .tb-color,.text-box .tb-handle{opacity:0;transition:opacity .15s}.text-box:hover .tb-size,.text-box:hover .tb-color,.text-box:hover .tb-handle,.text-box.is-arranging .tb-size,.text-box.is-arranging .tb-handle{opacity:1}.style-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto;display:flex}.style-item{font-family:var(--font-display);color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.style-item input[type=color]{cursor:pointer;background:0 0;border:none;border-radius:999px;width:24px;height:24px;padding:0}.style-item input[type=color]::-webkit-color-swatch-wrapper{padding:0}.style-item input[type=color]::-webkit-color-swatch{border:1px solid var(--line);border-radius:999px}.style-range input[type=range]{width:90px;accent-color:var(--coral);cursor:pointer}.style-item[title=ขนาดตัวอักษร] input[type=range],.style-item[title=ขนาดตัวอักษรทั้งเล่ม] input[type=range]{width:160px}.style-range em{opacity:.7;text-align:right;min-width:36px;font-style:normal}.style-hint{font-family:var(--font-body);color:var(--ink-soft);max-width:16rem;font-size:12px;line-height:1.35}.page-heading span,.page-text span{color:inherit}.page-heading{font-family:var(--font-display);margin:6px 0;font-size:1.4em;font-weight:700;line-height:1.35}.page-sub-line{font-family:var(--font-display);opacity:.95;font-size:.85em}.tb-move{font-family:var(--font-display);color:var(--coral-deep);background:var(--card);text-shadow:none;border-radius:999px;margin-bottom:6px;padding:2px 10px;font-size:12px;display:inline-block}.tb-size{justify-content:center;gap:6px;margin-top:8px;display:flex}.tb-handle{background:var(--coral);border:2px solid var(--card);cursor:nwse-resize;touch-action:none;border-radius:50%;width:22px;height:22px;position:absolute;bottom:-9px;right:-9px}.edit-field{width:100%;font-family:var(--font-body);text-align:center;color:inherit;text-shadow:inherit;resize:none;caret-color:var(--coral);box-sizing:border-box;background:0 0;border:0;border-radius:0;outline:none;margin:0;padding:0;font-size:1.3em;line-height:1.85;display:block;overflow:hidden}.edit-title{font-family:var(--font-display);text-align:center;margin:6px 0;font-size:1.4em;font-weight:700;line-height:1.35}.action-row{gap:10px;margin-top:16px;display:flex}.summary-list{flex-direction:column;gap:9px;margin:8px 0 4px;display:flex}.summary-row{background:linear-gradient(90deg, var(--sun), oklch(100% 0 0));grid-template-columns:1fr auto;display:grid}@supports (color:color-mix(in lab, red, red)){.summary-row{background:linear-gradient(90deg, color-mix(in oklch, var(--sun) 35%, oklch(100% 0 0)), oklch(100% 0 0))}}.summary-row{border-left:6px solid var(--coral);border-radius:16px;padding:12px 15px}.summary-label{font-family:var(--font-display);color:var(--coral-deep);grid-column:1/2;font-size:13px;font-weight:600}.summary-value{color:var(--ink);word-break:break-word;grid-column:1/2;margin-top:2px;font-size:16px;line-height:1.5}.summary-edit{font-family:var(--font-display);color:oklch(100% 0 0);background:var(--sky-deep);cursor:pointer;box-shadow:none;white-space:nowrap;border:none;border-radius:8px;grid-area:1/2/3/3;align-self:center;padding:6px 12px;font-size:13px;text-decoration:none}.summary-edit:hover{filter:brightness(.96);transform:none}.error-box{background:linear-gradient(135deg, var(--coral), var(--sun))}@supports (color:color-mix(in lab, red, red)){.error-box{background:linear-gradient(135deg, color-mix(in oklch, var(--coral) 25%, oklch(100% 0 0)), color-mix(in oklch, var(--sun) 30%, oklch(100% 0 0)))}}.error-box{border:3px solid var(--coral);text-align:center;border-radius:18px;margin-top:12px;padding:16px;font-size:16px}.link-btn{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.ws-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.ws-header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.brand-mark{object-fit:cover;border-radius:50%;flex-shrink:0;width:36px;height:36px}.ws-hello{align-items:center;gap:12px;display:flex}.ws-title{font-family:var(--font-display);color:var(--ink);font-size:1.5rem;font-weight:700}.ws-sub{color:var(--foreground);font-size:14px}@supports (color:color-mix(in lab, red, red)){.ws-sub{color:color-mix(in oklch, var(--foreground) 65%, transparent)}}.library-controls{border:1px solid var(--line);background:#fff;border-radius:18px;flex-wrap:wrap;align-items:end;gap:10px;padding:14px;display:flex}@supports (color:color-mix(in lab, red, red)){.library-controls{background:color-mix(in oklch, white 78%, var(--paper))}}.library-filter-tabs{background:var(--paper-dark);border-radius:12px;gap:4px;padding:4px;display:flex}.library-filter-tab{font-family:var(--font-display);color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:8px 13px;font-size:14px;font-weight:600}.library-filter-tab:hover{color:var(--ink)}.library-filter-tab.is-active{color:var(--coral-deep);box-shadow:0 2px 7px var(--ink);background:#fff}@supports (color:color-mix(in lab, red, red)){.library-filter-tab.is-active{box-shadow:0 2px 7px color-mix(in oklch, var(--ink) 12%, transparent)}}.library-filter-field{min-width:150px;font-family:var(--font-display);color:var(--ink-soft);gap:4px;font-size:12px;font-weight:600;display:grid}.library-filter-field select{border:1px solid var(--line);min-height:38px;color:var(--ink);font-family:var(--font-body);background:#fff;border-radius:10px;padding:0 30px 0 10px;font-size:14px}.library-filter-field select:focus-visible,.library-filter-tab:focus-visible{outline:2px solid var(--coral);outline-offset:2px}.library-more{justify-content:center;margin-top:18px;display:flex}.ws-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:18px;display:grid}.ws-card{box-shadow:0 8px 0 var(--paper-dark), 0 14px 26px -16px var(--coral-deep);background:oklch(100% 0 0);border:4px solid oklch(100% 0 0);border-radius:24px;flex-direction:column;align-items:flex-start;gap:10px;padding:16px;display:flex}@supports (color:color-mix(in lab, red, red)){.ws-card{box-shadow:0 8px 0 var(--paper-dark), 0 14px 26px -16px color-mix(in oklch, var(--coral-deep) 40%, transparent)}}.ws-card{transition:transform .16s cubic-bezier(.34,1.56,.64,1)}.ws-card:hover{border-color:var(--sun);transform:translateY(-4px)}.ws-card-actions{flex-wrap:wrap;gap:8px;display:flex}.ws-card-link{width:100%;display:block}.ws-card-icon{font-size:28px}.ws-card-thumb{aspect-ratio:4/3;object-fit:cover;background:linear-gradient(135deg, var(--sky), var(--sun));border-radius:16px;justify-content:center;align-items:center;width:100%;display:flex}@supports (color:color-mix(in lab, red, red)){.ws-card-thumb{background:linear-gradient(135deg, color-mix(in oklch, var(--sky) 30%, oklch(100% 0 0)), color-mix(in oklch, var(--sun) 30%, oklch(100% 0 0)))}}.ws-card-thumb{margin-bottom:8px}.ws-card-thumb.is-empty{font-family:var(--font-display);color:var(--coral-deep);border:2px dashed var(--coral);font-size:15px}@supports (color:color-mix(in lab, red, red)){.ws-card-thumb.is-empty{border:2px dashed color-mix(in oklch, var(--coral) 50%, transparent)}}.ws-card-title{font-family:var(--font-display);color:var(--coral-deep);margin-top:4px;font-weight:600}.ws-card-meta{color:var(--foreground);font-size:13px}@supports (color:color-mix(in lab, red, red)){.ws-card-meta{color:color-mix(in oklch, var(--foreground) 60%, transparent)}}.ws-card-meta{margin-top:2px}.ws-card-tags{flex-wrap:wrap;gap:5px;margin-top:3px;display:flex}.library-tag{color:var(--coral-deep);background:var(--sun);border-radius:999px;padding:3px 8px}@supports (color:color-mix(in lab, red, red)){.library-tag{background:color-mix(in oklch, var(--sun) 32%, white)}}.library-tag{font-family:var(--font-display);font-size:11px;font-weight:600}.library-stats{align-items:center;gap:8px;margin-top:auto;display:flex}.library-views,.library-like{color:var(--ink-soft);background:var(--paper-dark);font-family:var(--font-display);border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:13px;font-weight:600;display:inline-flex}.library-like{cursor:pointer;border:0}.library-like:hover:not(:disabled){color:var(--coral-deep);background:var(--sun)}@supports (color:color-mix(in lab, red, red)){.library-like:hover:not(:disabled){background:color-mix(in oklch, var(--sun) 35%, white)}}.library-like.is-liked{color:var(--coral-deep);background:var(--coral)}@supports (color:color-mix(in lab, red, red)){.library-like.is-liked{background:color-mix(in oklch, var(--coral) 18%, white)}}.library-like:disabled{cursor:wait;opacity:.6}.library-like:focus-visible{outline:2px solid var(--coral);outline-offset:2px}.ws-empty{text-align:center;font-family:var(--font-display);color:var(--foreground);margin-top:24px;font-size:17px}@supports (color:color-mix(in lab, red, red)){.ws-empty{color:color-mix(in oklch, var(--foreground) 65%, transparent)}}.ws-backbar{z-index:5;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;justify-content:space-between;align-items:center;gap:14px;width:100%;max-width:1480px;margin:-24px 0 10px;padding:24px 0 14px;display:flex;position:sticky;top:0}.ws-backbar .tool-btn{height:40px;min-height:40px;padding:0 14px;font-size:14px}.ws-header-actions .ws-botnoi-link{max-width:none}.ws-header-actions .ws-botnoi-link .btn{padding:0 16px;font-size:14px}.botnoi-login+.error-box,.botnoi-login .error-box{margin-top:8px}.balance-chip{font-family:var(--font-display);border:1px solid var(--line);height:40px;box-shadow:none;background:oklch(100% 0 0);border-radius:8px;align-items:center;gap:10px;padding:0 14px;font-size:14px;text-decoration:none;display:inline-flex}.balance-chip b{font-size:1em;font-weight:700}a.balance-chip:hover{color:var(--coral-deep)}.save-hint{text-align:right;min-height:18px;color:var(--foreground);font-size:13px}@supports (color:color-mix(in lab, red, red)){.save-hint{color:color-mix(in oklch, var(--foreground) 55%, transparent)}}.aspect-picker{background:var(--sky);border-radius:16px;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px;padding:10px 14px;display:flex}@supports (color:color-mix(in lab, red, red)){.aspect-picker{background:color-mix(in oklch, var(--sky) 22%, oklch(100% 0 0))}}.aspect-picker{border:2px solid var(--sky-deep)}@supports (color:color-mix(in lab, red, red)){.aspect-picker{border:2px solid color-mix(in oklch, var(--sky-deep) 35%, transparent)}}.aspect-picker-choices{z-index:1;flex:240px;grid-template-columns:1fr 1fr;gap:8px;min-width:min(100%,240px);display:grid;position:relative}.aspect-picker-choices .chip{pointer-events:auto;width:100%}.aspect-picker-label{font-family:var(--font-display);color:var(--ink);margin-right:4px;font-size:15px}.aspect-picker-hint{color:var(--foreground);font-size:12px}@supports (color:color-mix(in lab, red, red)){.aspect-picker-hint{color:color-mix(in oklch, var(--foreground) 55%, transparent)}}.bgm-picker-select{border:2px solid var(--ink);border-radius:999px;min-width:min(220px,100%);max-width:320px;height:36px;padding:0 10px}@supports (color:color-mix(in lab, red, red)){.bgm-picker-select{border:2px solid color-mix(in oklch, var(--ink) 12%, transparent)}}.bgm-picker-select{color:var(--ink);background:oklch(100% 0 0);font-size:14px}.bgm-picker-select:disabled{opacity:.6}.text-style-picker .style-item{background:oklch(100% 0 0)}.text-style-picker .style-range input[type=range]{width:120px}.text-style-picker .style-item[title=ขนาดตัวอักษรทั้งเล่ม] input[type=range]{width:160px}.intro-aspect{background:var(--sun);border-radius:18px;margin:16px 0 8px;padding:14px}@supports (color:color-mix(in lab, red, red)){.intro-aspect{background:color-mix(in oklch, var(--sun) 28%, oklch(100% 0 0))}}.intro-aspect{border:2px solid var(--sun-deep)}@supports (color:color-mix(in lab, red, red)){.intro-aspect{border:2px solid color-mix(in oklch, var(--sun-deep) 40%, transparent)}}.intro-aspect-title{font-family:var(--font-display);color:var(--ink);margin:0;font-size:18px}.intro-aspect-sub{color:var(--foreground);margin:4px 0 12px;font-size:13px}@supports (color:color-mix(in lab, red, red)){.intro-aspect-sub{color:color-mix(in oklch, var(--foreground) 60%, transparent)}}.intro-aspect-choices{grid-template-columns:1fr 1fr;gap:10px;display:grid}.intro-length{gap:12px;margin-top:14px;display:grid}.intro-length-row{gap:8px;display:grid}.intro-length-label{font-family:var(--font-display);color:var(--ink);font-size:15px}.intro-length-chips{flex-wrap:wrap;gap:8px;display:flex}.intro-length-chips .chip{border:2px solid var(--ink)}@supports (color:color-mix(in lab, red, red)){.intro-length-chips .chip{border:2px solid color-mix(in oklch, var(--ink) 12%, transparent)}}.intro-length-chips .chip{cursor:pointer;color:var(--ink);background:oklch(100% 0 0);border-radius:999px;padding:6px 12px;font-size:13px}.intro-length-chips .chip.selected{border-color:var(--coral-deep);background:var(--coral)}@supports (color:color-mix(in lab, red, red)){.intro-length-chips .chip.selected{background:color-mix(in oklch, var(--coral) 18%, oklch(100% 0 0))}}.intro-length-chips .chip.selected{box-shadow:0 0 0 3px var(--coral)}@supports (color:color-mix(in lab, red, red)){.intro-length-chips .chip.selected{box-shadow:0 0 0 3px color-mix(in oklch, var(--coral) 35%, transparent)}}.intro-aspect-btn{border:2.5px solid var(--ink);border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:12px 10px;display:flex}@supports (color:color-mix(in lab, red, red)){.intro-aspect-btn{border:2.5px solid color-mix(in oklch, var(--ink) 12%, transparent)}}.intro-aspect-btn{cursor:pointer;font-family:var(--font-display);color:var(--ink);text-align:center;background:oklch(100% 0 0)}.intro-aspect-btn span:last-child{font-size:12px;font-family:var(--font-body,inherit);color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.intro-aspect-btn span:last-child{color:color-mix(in oklch, var(--foreground) 55%, transparent)}}.intro-aspect-btn.selected{border-color:var(--coral-deep);box-shadow:0 0 0 3px var(--coral)}@supports (color:color-mix(in lab, red, red)){.intro-aspect-btn.selected{box-shadow:0 0 0 3px color-mix(in oklch, var(--coral) 40%, transparent)}}.intro-aspect-btn.selected{background:var(--coral)}@supports (color:color-mix(in lab, red, red)){.intro-aspect-btn.selected{background:color-mix(in oklch, var(--coral) 12%, oklch(100% 0 0))}}.intro-aspect-preview{background:linear-gradient(135deg, var(--sky), var(--grape));box-shadow:inset 0 0 0 1px var(--ink);border-radius:6px;display:block}@supports (color:color-mix(in lab, red, red)){.intro-aspect-preview{box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--ink) 10%, transparent)}}.intro-aspect-preview.is-landscape{width:72px;height:40px}.intro-aspect-preview.is-portrait{width:36px;height:64px}@media (width<=520px){.intro-aspect-choices{grid-template-columns:1fr}}.auth-divider{text-align:center;font-family:var(--font-display);color:var(--foreground);font-size:14px}@supports (color:color-mix(in lab, red, red)){.auth-divider{color:color-mix(in oklch, var(--foreground) 55%, transparent)}}.auth-divider{margin:4px 0;position:relative}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);width:28%;height:1px;position:absolute;top:50%}.auth-divider:before{left:0}.auth-divider:after{right:0}.auth-card{flex-direction:column;gap:14px;display:flex}.auth-methods{flex-direction:column;gap:12px;display:flex}.auth-methods .btn,.auth-form .btn-primary{width:100%;box-shadow:none;flex:none}.btn-auth-google{color:var(--ink);border:1px solid var(--line);background:oklch(100% 0 0)}.btn-auth-google:hover{background:var(--sky)}@supports (color:color-mix(in lab, red, red)){.btn-auth-google:hover{background:color-mix(in oklch, var(--sky) 8%, oklch(100% 0 0))}}.btn-auth-google:hover{transform:none}.auth-methods .btn-secondary{background:var(--sky)}@supports (color:color-mix(in lab, red, red)){.auth-methods .btn-secondary{background:color-mix(in oklch, var(--sky) 12%, oklch(100% 0 0))}}.auth-methods .btn-secondary{color:var(--ink);border:1px solid var(--line)}.auth-methods .btn-secondary:hover{filter:none;background:var(--sky);transform:none}@supports (color:color-mix(in lab, red, red)){.auth-methods .btn-secondary:hover{background:color-mix(in oklch, var(--sky) 18%, oklch(100% 0 0))}}.botnoi-login{flex-direction:column;gap:8px;width:100%;display:flex}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-switch{width:100%;font-family:var(--font-display);color:var(--coral-deep);cursor:pointer;background:0 0;border:none;margin-top:14px;font-size:15px;text-decoration:none;display:block}.auth-switch:hover{text-decoration:underline}.info-box{background:var(--sun)}@supports (color:color-mix(in lab, red, red)){.info-box{background:color-mix(in oklch, var(--sun) 35%, transparent)}}.info-box{border:2px solid var(--sun-deep);border-radius:14px;padding:10px 14px;font-size:14px}}@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-top-3{top:calc(var(--spacing) * -3)}.top-4{top:calc(var(--spacing) * 4)}.top-\[50\%\]{top:50%}.right-4{right:calc(var(--spacing) * 4)}.left-1\/2,.left-\[50\%\]{left:50%}.isolate{isolation:isolate}.z-50{z-index:50}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.ml-2{margin-left:calc(var(--spacing) * 2)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-2{height:calc(var(--spacing) * 2)}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-52{height:calc(var(--spacing) * 52)}.h-full{height:100%}.max-h-56{max-height:calc(var(--spacing) * 56)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-72{max-height:calc(var(--spacing) * 72)}.max-h-\[90vh\]{max-height:90vh}.min-h-48{min-height:calc(var(--spacing) * 48)}.min-h-\[84px\]{min-height:84px}.min-h-\[88px\]{min-height:88px}.min-h-\[240px\]{min-height:240px}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing) * 4)}.w-6{width:calc(var(--spacing) * 6)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-14{width:calc(var(--spacing) * 14)}.w-56{width:calc(var(--spacing) * 56)}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[180px\]{max-width:180px}.max-w-\[220px\]{max-width:220px}.max-w-\[240px\]{max-width:240px}.max-w-\[280px\]{max-width:280px}.max-w-\[420px\]{max-width:420px}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-\[200px\]{min-width:200px}.min-w-\[220px\]{min-width:220px}.min-w-\[240px\]{min-width:240px}.min-w-\[280px\]{min-width:280px}.flex-1{flex:1}.flex-\[2\]{flex:2}.shrink{flex-shrink:1}.grow{flex-grow:1}.caption-bottom{caption-side:bottom}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-6{column-gap:calc(var(--spacing) * 6)}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.self-center{align-self:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:calc(var(--radius) + 8px)}.rounded-3xl{border-radius:calc(var(--radius) + 12px)}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-destructive\/30{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.border-destructive\/30{border-color:color-mix(in oklab, var(--destructive) 30%, transparent)}}.border-emerald-200{border-color:var(--color-emerald-200)}.border-input{border-color:var(--input)}.border-primary{border-color:var(--primary)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-background{background-color:var(--background)}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.bg-black\/80{background-color:color-mix(in oklab, var(--color-black) 80%, transparent)}}.bg-card{background-color:var(--card)}.bg-destructive,.bg-destructive\/5{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.bg-destructive\/5{background-color:color-mix(in oklab, var(--destructive) 5%, transparent)}}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-muted,.bg-muted\/30{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/30{background-color:color-mix(in oklab, var(--muted) 30%, transparent)}}.bg-muted\/40{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/40{background-color:color-mix(in oklab, var(--muted) 40%, transparent)}}.bg-muted\/50{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/50{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.bg-primary,.bg-primary\/10{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/10{background-color:color-mix(in oklab, var(--primary) 10%, transparent)}}.bg-secondary{background-color:var(--secondary)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/70{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.bg-white\/70{background-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab, red, red)){.bg-white\/80{background-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.bg-white\/90{background-color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-10{padding:calc(var(--spacing) * 10)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-\[14px\]{padding-inline:14px}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[11px\]{font-size:11px}.leading-none{--tw-leading:1;line-height:1}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.whitespace-nowrap{white-space:nowrap}.text-amber-500{color:var(--color-amber-500)}.text-amber-600{color:var(--color-amber-600)}.text-destructive{color:var(--destructive)}.text-destructive-foreground{color:var(--destructive-foreground)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-800{color:var(--color-emerald-800)}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-primary\/15{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ring-primary\/15{--tw-ring-color:color-mix(in oklab, var(--primary) 15%, transparent)}}.ring-offset-background{--tw-ring-offset-color:var(--background)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.outline-none{--tw-outline-style:none;outline-style:none}.paused{animation-play-state:paused}.running{animation-play-state:running}.group-\[\.toast\]\:bg-muted:is(:where(.group).toast *){background-color:var(--muted)}.group-\[\.toast\]\:bg-primary:is(:where(.group).toast *){background-color:var(--primary)}.group-\[\.toast\]\:text-muted-foreground:is(:where(.group).toast *){color:var(--muted-foreground)}.group-\[\.toast\]\:text-primary-foreground:is(:where(.group).toast *){color:var(--primary-foreground)}.group-\[\.toaster\]\:border-border:is(:where(.group).toaster *){border-color:var(--border)}.group-\[\.toaster\]\:bg-background:is(:where(.group).toaster *){background-color:var(--background)}.group-\[\.toaster\]\:text-foreground:is(:where(.group).toaster *){color:var(--foreground)}.group-\[\.toaster\]\:shadow-lg:is(:where(.group).toaster *){--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}@media (hover:hover){.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab, var(--destructive) 90%, transparent)}}.hover\:bg-muted:hover,.hover\:bg-muted\/50:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.hover\:bg-primary:hover,.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, var(--secondary) 80%, transparent)}}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-primary-foreground:hover{color:var(--primary-foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-primary:focus{--tw-ring-color:var(--primary)}.focus\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:var(--ring)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--accent)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--muted-foreground)}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:var(--muted)}@media (width>=40rem){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:flex{display:flex}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-\[110px_150px_minmax\(0\,1fr\)_auto\]{grid-template-columns:110px 150px minmax(0,1fr) auto}.sm\:grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}:where(.sm\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}.sm\:rounded-lg{border-radius:var(--radius)}.sm\:text-left{text-align:left}}@media (width>=48rem){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (width>=64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--radius:1rem;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--paper:oklch(98.5% .012 240);--paper-dark:oklch(97% .02 240);--coral:oklch(68% .14 245);--coral-deep:oklch(58% .14 250);--sun:oklch(86% .12 85);--sun-deep:oklch(78% .12 80);--sky:oklch(72% .12 240);--sky-deep:oklch(62% .14 245);--leaf:oklch(72% .1 160);--leaf-deep:oklch(58% .1 160);--grape:oklch(55% .08 280);--grape-deep:oklch(42% .08 280);--bubblegum:oklch(90% .04 240);--ink:oklch(28% .05 260);--ink-soft:oklch(48% .03 255);--line:oklch(90% .02 240);--background:var(--paper);--foreground:var(--ink);--card:oklch(100% .005 240);--card-foreground:var(--ink);--popover:oklch(100% .005 240);--popover-foreground:var(--ink);--primary:var(--sky-deep);--primary-foreground:oklch(99% .01 240);--secondary:var(--paper-dark);--secondary-foreground:var(--ink);--muted:var(--paper-dark);--muted-foreground:var(--ink-soft);--accent:var(--sky);--accent-foreground:var(--ink);--destructive:oklch(58% .16 25);--destructive-foreground:oklch(99% 0 0);--border:var(--line);--input:var(--line);--ring:var(--sky-deep)}@keyframes story-pop{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes story-fwd{0%{opacity:0;transform:translate(26px)scale(.97)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes story-back{0%{opacity:0;transform:translate(-26px)scale(.97)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes story-bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-6px)rotate(2deg)}}@keyframes story-float{0%,to{opacity:.85;transform:translateY(0)rotate(-6deg)}50%{opacity:1;transform:translateY(-9px)rotate(6deg)}}@keyframes story-blink{0%{opacity:0}30%{opacity:1}60%{opacity:0}}@keyframes story-drift{0%{background-position:0 0,40px 60px,120px 20px,80px 140px,180px 90px}to{background-position:240px 0,340px 60px,380px 20px,280px 140px,500px 90px}}@media print{body{background:#fff}body:before,.path-wrap,.book-nav,.action-row,.book-studio-nav,.book-studio-rail,.page-tools,.btn-ghost{display:none!important}.stage{max-width:100%}.book{box-shadow:none;border-radius:0}.page-card{box-shadow:none;break-inside:avoid;page-break-after:always;border-radius:0}.tb-handle,.tb-move,.tb-color,.tb-size,.img-zoom-handle,.img-zoom-badge,.page-frame-hit,.ws-backbar,.save-hint{display:none!important}}.text-box.is-empty{border:1px dashed #00000040;border-radius:10px;min-height:2.4em}.edit-field.edit-sub{opacity:.9;font-size:.85em}@media print{.text-box.is-empty{border:none}}.page-stack.is-dropover{outline:3px dashed var(--color-primary,var(--coral));outline-offset:-6px}.page-stack.is-pickable .page-bg{cursor:pointer}.page-stack.is-pickable .text-box{cursor:grab}.page-stack.is-pickable .text-box.is-editing{cursor:text}.page-pick-hint{background:var(--paper);border:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.page-pick-hint{background:color-mix(in oklch, var(--paper) 72%, transparent)}}.page-pick-hint{color:var(--ink-soft);font-family:var(--font-display);z-index:1;cursor:pointer;font-size:clamp(28px,4.5cqw,48px);font-weight:700}.book-studio-main .page-pick-hint{font-size:clamp(34px,5.5cqw,56px)}.page-drop-hint{z-index:5;pointer-events:none;background:#ffffffa6;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;inset:0}.share-note{white-space:nowrap;font-family:var(--font-display);color:var(--ink);text-align:center;background:var(--paper-dark);border:1px solid var(--line);z-index:5;pointer-events:none;border-radius:999px;padding:4px 10px;font-size:12px;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000014}.share-btn-wrap{justify-content:center;align-items:center;display:inline-flex;position:relative}.share-btn-wrap:has(.share-note){vertical-align:middle}.library-opt{border:1px solid var(--ink);border-radius:12px;align-items:flex-start;gap:8px;max-width:min(280px,42vw);padding:6px 10px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.library-opt{border:1px solid color-mix(in oklch, var(--ink) 14%, transparent)}}.library-opt{background:var(--paper)}@supports (color:color-mix(in lab, red, red)){.library-opt{background:color-mix(in oklch, var(--paper) 92%, var(--ink))}}.library-opt{cursor:pointer;-webkit-user-select:none;user-select:none}.library-opt.is-on{border-color:var(--accent,oklch(62% .12 145))}@supports (color:color-mix(in lab, red, red)){.library-opt.is-on{border-color:color-mix(in oklch, var(--accent,oklch(62% .12 145)) 55%, transparent)}}.library-opt.is-on{background:var(--accent,oklch(62% .12 145))}@supports (color:color-mix(in lab, red, red)){.library-opt.is-on{background:color-mix(in oklch, var(--accent,oklch(62% .12 145)) 12%, var(--paper))}}.library-opt.is-off{opacity:.92}.library-opt input{width:16px;height:16px;accent-color:var(--accent,oklch(55% .12 145));cursor:pointer;flex-shrink:0;margin-top:3px}.library-opt-copy{flex-direction:column;gap:1px;min-width:0;line-height:1.25;display:flex}.library-opt-title{color:var(--ink);font-size:.82rem;font-weight:650}.library-opt-hint{color:var(--ink);font-size:.68rem}@supports (color:color-mix(in lab, red, red)){.library-opt-hint{color:color-mix(in oklch, var(--ink) 62%, transparent)}}@media (width<=720px){.library-opt{max-width:100%}.library-opt-hint{display:none}}@media print{.share-note,.share-btn-wrap,.library-opt{display:none}}.reader{width:100%;max-width:640px;margin:0 auto}.reader-stage{box-shadow:0 20px 44px -16px var(--ink);border-radius:26px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.reader-stage{box-shadow:0 20px 44px -16px color-mix(in oklch, var(--ink) 24%, transparent)}}.reader-stage{touch-action:pan-y}.reader-card-wrap{z-index:1;position:relative}.reader-card,.reader .page-card{animation:none;transform:none}.reader .page-tools{display:none}.reader .page-card.is-portrait{max-width:none}.reader-edge{color:oklch(100% 0 0);cursor:pointer;opacity:.35;z-index:6;width:56px;text-shadow:0 1px 4px var(--ink);background:0 0;border:none;font-size:34px;line-height:1;transition:opacity .2s,background .2s;position:absolute;top:0;bottom:0}@supports (color:color-mix(in lab, red, red)){.reader-edge{text-shadow:0 1px 4px color-mix(in oklch, var(--ink) 45%, transparent)}}.reader-edge:hover:not(:disabled){opacity:.9;background:var(--ink)}@supports (color:color-mix(in lab, red, red)){.reader-edge:hover:not(:disabled){background:color-mix(in oklch, var(--ink) 10%, transparent)}}.reader-edge:disabled{opacity:0;cursor:default}.reader-edge-left{border-radius:26px 0 0 26px;left:0}.reader-edge-right{border-radius:0 26px 26px 0;right:0}.watch-slot:empty{display:none}.watch-slot:not(:empty){aspect-ratio:16/9;width:100%;max-height:min(70dvh, calc(100dvh - var(--br-bar-h,60px) - 7rem));background:oklch(0% 0 0);border-radius:12px;margin:0 0 18px;position:relative;overflow:hidden}.watch-slot[data-aspect=portrait]{aspect-ratio:9/16;width:min(100%, calc(min(82dvh, calc(100dvh - var(--br-bar-h,60px) - 3.5rem)) * 9 / 16));max-height:min(82dvh, calc(100dvh - var(--br-bar-h,60px) - 3.5rem));margin-inline:auto}.watch-page{background:oklch(0% 0 0);position:absolute;inset:0;overflow:hidden}.watch-page .reader-watch{height:auto;min-height:0;position:absolute;inset:0}.watch-dock{right:max(12px, env(safe-area-inset-right,0px));bottom:max(12px, env(safe-area-inset-bottom,0px));z-index:80;background:oklch(0% 0 0);border-radius:12px;width:min(360px,100vw - 24px);height:calc(min(360px,100vw - 24px)/1.77778);position:fixed;top:auto;left:auto;overflow:hidden;box-shadow:0 12px 40px #00000059}.watch-dock[data-aspect=portrait]{width:min(200px,38vw);height:calc(1.77778*min(200px,38vw))}.watch-dock .reader-watch{height:auto;min-height:0;position:absolute;inset:0}.reader-watch.is-mini .reader-edge{display:none}.reader-watch.is-mini .reader-hud{padding:20px 6px 4px}.reader-watch.is-mini .reader-yt-btn{width:36px;height:36px}.reader-watch.is-mini .reader-yt-cc{padding:.18em .55em .2em;font-size:.78rem;bottom:40px}.reader-watch{background:oklch(0% 0 0);flex-direction:column;justify-content:center;min-height:100%;display:flex;position:relative;container-type:size}.reader-watch .reader-stage{border-radius:0;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.reader-watch .reader-card,.reader-watch .page-card{width:100%}.reader-watch .page-stack{width:100%;min-height:0}.reader-watch .reader-hud{z-index:12;pointer-events:none;background:linear-gradient(#0000,#000000b8);padding:36px 10px 6px;display:block;position:absolute;bottom:0;left:0;right:0}.reader-yt-bar{pointer-events:auto;justify-content:flex-end;align-items:center;gap:4px;min-height:40px;display:flex}.reader-yt-spacer{flex:1}.reader-yt-actions{align-items:center;gap:2px;display:flex}.reader-yt-btn{color:oklch(100% 0 0);cursor:pointer;background:0 0;border:none;border-radius:4px;place-items:center;width:40px;height:40px;display:grid}.reader-yt-btn:hover{background:#ffffff1f}.reader-yt-btn.is-on{box-shadow:inset 0 0 0 2px oklch(100% 0 0/.9)}.reader-watch .reader-audio-error{color:oklch(100% 0 0);max-width:12rem;font-size:.8rem}.reader-watch .reader-edge{opacity:0;color:#0000;width:28%;text-shadow:none;bottom:64px}.reader-watch .reader-edge:hover:not(:disabled){opacity:1;background:oklch(0% none none/.22)}.reader-watch .text-box{display:none!important}.reader-yt-cc{z-index:11;color:oklch(100% 0 0);text-align:center;pointer-events:none;box-sizing:border-box;width:max-content;max-width:min(90%,42rem);transition:bottom .18s var(--ease-out);background:#080808d1;border-radius:.28em;padding:.4em 1.15em .45em;font-size:clamp(1rem,2.4cqw,1.35rem);font-weight:500;line-height:1.35;position:absolute;bottom:64px;left:50%;transform:translate(-50%)}.reader-watch.is-hud-hidden .reader-yt-cc{bottom:18px}.reader.is-css-fs{z-index:90;box-sizing:border-box;background:oklch(0% 0 0);border-radius:0;width:100vw;max-width:none;height:100dvh;margin:0;position:fixed;inset:0}html.is-css-fs-open,html.is-css-fs-open body{overflow:hidden}.reader.is-css-fs .reader-hud{padding-bottom:max(6px, env(safe-area-inset-bottom,0px));padding-left:max(8px, env(safe-area-inset-left,0px));padding-right:max(8px, env(safe-area-inset-right,0px))}.reader.is-css-fs .reader-yt-cc{bottom:calc(64px + env(safe-area-inset-bottom,0px))}.reader.is-css-fs.is-hud-hidden .reader-yt-cc{bottom:calc(18px + env(safe-area-inset-bottom,0px))}.reader.is-css-fs .reader-exit-dock{z-index:100;padding:10px max(10px, env(safe-area-inset-right,0px)) 28px 40px;justify-content:flex-end;align-items:flex-start;display:flex;position:fixed;top:0;right:0}.reader.is-css-fs .reader-exit-fs{display:inline-flex}.reader-watch .reader-hud{transition:opacity .18s var(--ease-out)}.reader-watch.is-hud-hidden .reader-hud{opacity:0;pointer-events:none}.reader-watch.is-hud-hidden .reader-hud .reader-yt-bar{pointer-events:none}.reader-watch.is-hud-hidden .reader-edge{opacity:0;pointer-events:none}.reader-spinner{z-index:9;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.reader-spinner span{border:4px solid #ffffff40;border-top-color:oklch(100% 0 0);border-radius:50%;width:52px;height:52px;animation:.8s linear infinite reader-spin}@keyframes reader-spin{to{transform:rotate(1turn)}}.reader-yt-center{z-index:10;color:oklch(100% 0 0);cursor:pointer;background:#0000008c;border:none;border-radius:50%;place-items:center;width:74px;height:74px;margin:auto;transition:background .15s,transform .15s;display:grid;position:absolute;inset:0}.reader-yt-center:hover{background:var(--coral-deep);transform:scale(1.06)}.reader-watch.is-mini .reader-yt-center{width:44px;height:44px}.reader-yt-progress{cursor:pointer;touch-action:none;flex:1;align-items:center;min-width:60px;height:22px;display:flex;position:relative}.reader-yt-track{background:#ffffff4d;border-radius:2px;width:100%;height:3px;transition:height .12s;position:relative;overflow:visible}.reader-yt-progress:hover .reader-yt-track,.reader-yt-progress.is-scrubbing .reader-yt-track{height:5px}.reader-yt-fill{background:var(--coral-deep);border-radius:2px;position:absolute;top:0;bottom:0;left:0}.reader-yt-thumb{background:var(--coral-deep);border-radius:50%;width:13px;height:13px;transition:transform .12s;position:absolute;top:50%;transform:translate(-50%,-50%)scale(0)}.reader-yt-progress:hover .reader-yt-thumb,.reader-yt-progress.is-scrubbing .reader-yt-thumb{transform:translate(-50%,-50%)scale(1)}.reader-yt-count{color:oklch(100% 0 0/.9);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;-webkit-user-select:none;user-select:none;font-size:.78rem}.reader-watch.is-mini .reader-yt-progress,.reader-watch.is-mini .reader-yt-count{display:none}@media (prefers-reduced-motion:reduce){.reader-spinner span{animation-duration:1.6s}}.shared-reader{background:oklch(0% 0 0)}.shared-reader .reader-body{flex-direction:column;flex:1;min-height:0;display:flex}.shared-reader .reader{flex:1;min-height:0}html:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen) .reader-watch .reader-hud{pointer-events:none}.reader-watch:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen) .reader-hud{pointer-events:none}html:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen) .reader-watch .reader-hud{pointer-events:none}.reader-watch:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen) .reader-hud{pointer-events:none}html:is(:fullscreen,:fullscreen,:fullscreen) .reader-watch .reader-hud,.reader-watch:is(:fullscreen,:fullscreen,:fullscreen) .reader-hud{pointer-events:none}html:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen) .reader-watch .reader-yt-bar{pointer-events:auto}.reader-watch:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen) .reader-yt-bar{pointer-events:auto}html:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen) .reader-watch .reader-yt-bar{pointer-events:auto}.reader-watch:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen) .reader-yt-bar{pointer-events:auto}html:is(:fullscreen,:fullscreen,:fullscreen) .reader-watch .reader-yt-bar,.reader-watch:is(:fullscreen,:fullscreen,:fullscreen) .reader-yt-bar{pointer-events:auto}.reader-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:16px;display:flex}.reader-controls .btn{border-radius:8px;height:40px;min-height:40px;padding:0 16px;font-size:14px}.reader-dots{align-items:center;gap:10px;display:flex}.reader-dot{cursor:pointer;background:var(--ink);border:none;border-radius:999px;width:14px;height:14px;padding:0}@supports (color:color-mix(in lab, red, red)){.reader-dot{background:color-mix(in oklch, var(--ink) 22%, transparent)}}.reader-dot{transition:transform .18s,background .18s}.reader-dot.is-active{background:var(--coral-deep);transform:scale(1.45)}.reader-dot.is-clip{border-radius:4px}.reader-count{text-align:center;font-family:var(--font-display);color:var(--ink);margin-top:10px;font-size:.95rem}@supports (color:color-mix(in lab, red, red)){.reader-count{color:color-mix(in oklch, var(--ink) 65%, transparent)}}.reader-fullscreen-btn{min-height:44px;font-family:var(--font-display);white-space:nowrap;align-items:center;gap:8px;padding:8px 14px;font-size:1rem;display:inline-flex}.reader-export-secs{font-family:var(--font-display);color:var(--ink);background:var(--card);border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:1rem;display:inline-flex}.reader-export-secs input{width:56px;font-family:inherit;font-size:inherit;color:inherit;text-align:center;background:0 0;border:none}.reader-exit-fs{z-index:100;font-family:var(--font-display);white-space:nowrap;background:var(--paper);border-radius:999px;align-items:center;gap:10px;padding:8px 14px;font-size:1rem;display:none;position:fixed;top:14px;right:14px}@supports (color:color-mix(in lab, red, red)){.reader-exit-fs{background:color-mix(in oklch, var(--paper) 88%, transparent)}}.reader-exit-fs{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink);border:1px solid var(--ink)}@supports (color:color-mix(in lab, red, red)){.reader-exit-fs{border:1px solid color-mix(in oklch, var(--ink) 12%, transparent)}}.reader-exit-fs{cursor:pointer;box-shadow:0 4px 18px #00000026}html:is(:fullscreen,:fullscreen,:fullscreen) .reader-exit-fs{display:inline-flex}html:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen) .reader{z-index:80;box-sizing:border-box;background:var(--paper);flex-direction:column;justify-content:center;width:100%;max-width:none;height:100%;margin:0;padding:0;display:flex;position:fixed;inset:0}.reader:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen){z-index:80;box-sizing:border-box;background:var(--paper);flex-direction:column;justify-content:center;width:100%;max-width:none;height:100%;margin:0;padding:0;display:flex;position:fixed;inset:0}html:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen) .reader{z-index:80;box-sizing:border-box;background:var(--paper);flex-direction:column;justify-content:center;width:100%;max-width:none;height:100%;margin:0;padding:0;display:flex;position:fixed;inset:0}.reader:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen){z-index:80;box-sizing:border-box;background:var(--paper);flex-direction:column;justify-content:center;width:100%;max-width:none;height:100%;margin:0;padding:0;display:flex;position:fixed;inset:0}html:is(:fullscreen,:fullscreen,:fullscreen) .reader,.reader:is(:fullscreen,:fullscreen,:fullscreen){z-index:80;box-sizing:border-box;background:var(--paper);flex-direction:column;justify-content:center;width:100%;max-width:none;height:100%;margin:0;padding:0;display:flex;position:fixed;inset:0}.reader-hud{display:contents}html:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen) .reader-hud{z-index:8;opacity:0;pointer-events:auto;min-height:88px;transition:opacity .18s var(--ease-out);background:linear-gradient(#0000,oklch(20% .04 255/.72));flex-direction:column;align-items:center;gap:8px;padding:36px 16px 18px;display:flex;position:absolute;bottom:0;left:0;right:0}.reader:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen) .reader-hud{z-index:8;opacity:0;pointer-events:auto;min-height:88px;transition:opacity .18s var(--ease-out);background:linear-gradient(#0000,oklch(20% .04 255/.72));flex-direction:column;align-items:center;gap:8px;padding:36px 16px 18px;display:flex;position:absolute;bottom:0;left:0;right:0}html:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen) .reader-hud{z-index:8;opacity:0;pointer-events:auto;min-height:88px;transition:opacity .18s var(--ease-out);background:linear-gradient(#0000,oklch(20% .04 255/.72));flex-direction:column;align-items:center;gap:8px;padding:36px 16px 18px;display:flex;position:absolute;bottom:0;left:0;right:0}.reader:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen) .reader-hud{z-index:8;opacity:0;pointer-events:auto;min-height:88px;transition:opacity .18s var(--ease-out);background:linear-gradient(#0000,oklch(20% .04 255/.72));flex-direction:column;align-items:center;gap:8px;padding:36px 16px 18px;display:flex;position:absolute;bottom:0;left:0;right:0}html:is(:fullscreen,:fullscreen,:fullscreen) .reader-hud,.reader:is(:fullscreen,:fullscreen,:fullscreen) .reader-hud{z-index:8;opacity:0;pointer-events:auto;min-height:88px;transition:opacity .18s var(--ease-out);background:linear-gradient(#0000,oklch(20% .04 255/.72));flex-direction:column;align-items:center;gap:8px;padding:36px 16px 18px;display:flex;position:absolute;bottom:0;left:0;right:0}html:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen) .reader-hud:hover{opacity:1}html:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen) .reader-hud:focus-within{opacity:1}.reader:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen) .reader-hud:hover{opacity:1}.reader:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen) .reader-hud:focus-within{opacity:1}html:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen) .reader-hud:hover{opacity:1}html:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen) .reader-hud:focus-within{opacity:1}.reader:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen) .reader-hud:hover{opacity:1}.reader:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen) .reader-hud:focus-within{opacity:1}html:is(:fullscreen,:fullscreen,:fullscreen) .reader-hud:hover,html:is(:fullscreen,:fullscreen,:fullscreen) .reader-hud:focus-within,.reader:is(:fullscreen,:fullscreen,:fullscreen) .reader-hud:hover,.reader:is(:fullscreen,:fullscreen,:fullscreen) .reader-hud:focus-within{opacity:1}html:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen) .reader-hud>*{pointer-events:none}.reader:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen) .reader-hud>*{pointer-events:none}html:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen) .reader-hud>*{pointer-events:none}.reader:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen) .reader-hud>*{pointer-events:none}html:is(:fullscreen,:fullscreen,:fullscreen) .reader-hud>*,.reader:is(:fullscreen,:fullscreen,:fullscreen) .reader-hud>*{pointer-events:none}html:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen) .reader-hud:hover>*{pointer-events:auto}html:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen) .reader-hud:focus-within>*{pointer-events:auto}.reader:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen) .reader-hud:hover>*{pointer-events:auto}.reader:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen) .reader-hud:focus-within>*{pointer-events:auto}html:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen) .reader-hud:hover>*{pointer-events:auto}html:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen) .reader-hud:focus-within>*{pointer-events:auto}.reader:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen) .reader-hud:hover>*{pointer-events:auto}.reader:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen) .reader-hud:focus-within>*{pointer-events:auto}html:is(:fullscreen,:fullscreen,:fullscreen) .reader-hud:hover>*,html:is(:fullscreen,:fullscreen,:fullscreen) .reader-hud:focus-within>*,.reader:is(:fullscreen,:fullscreen,:fullscreen) .reader-hud:hover>*,.reader:is(:fullscreen,:fullscreen,:fullscreen) .reader-hud:focus-within>*{pointer-events:auto}html:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen) .reader-count{color:oklch(100% 0 0)}.reader:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen) .reader-count{color:oklch(100% 0 0)}html:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen) .reader-count{color:oklch(100% 0 0)}.reader:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen) .reader-count{color:oklch(100% 0 0)}html:is(:fullscreen,:fullscreen,:fullscreen) .reader-count,.reader:is(:fullscreen,:fullscreen,:fullscreen) .reader-count{color:oklch(100% 0 0)}html:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen) .reader-stage{border-radius:0;flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.reader:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen) .reader-stage{border-radius:0;flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.reader.is-css-fs .reader-stage{border-radius:0;flex:1;justify-content:center;align-items:center;min-height:0;display:flex}html:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen) .reader-stage{border-radius:0;flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.reader:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen) .reader-stage{border-radius:0;flex:1;justify-content:center;align-items:center;min-height:0;display:flex}html:is(:fullscreen,:fullscreen,:fullscreen) .reader-stage,.reader:is(:fullscreen,:fullscreen,:fullscreen) .reader-stage,.reader.is-css-fs .reader-stage{border-radius:0;flex:1;justify-content:center;align-items:center;min-height:0;display:flex}:is(.reader:is(:fullscreen,:fullscreen,:fullscreen) .reader-card,.reader:is(:fullscreen,:fullscreen,:fullscreen) .page-card,.reader.is-css-fs .reader-card,.reader.is-css-fs .page-card),.reader:is(:fullscreen,:fullscreen,:fullscreen) .reader-card,.reader:is(:fullscreen,:fullscreen,:fullscreen) .page-card,.reader.is-css-fs .reader-card,.reader.is-css-fs .page-card{width:100%}:is(.reader:is(:fullscreen,:fullscreen,:fullscreen) .page-stack,.reader.is-css-fs .page-stack),.reader:is(:fullscreen,:fullscreen,:fullscreen) .page-stack,.reader.is-css-fs .page-stack{width:100%;min-height:0}html:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen) .reader-controls{margin:0}.reader:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen) .reader-controls{margin:0}html:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen) .reader-controls{margin:0}.reader:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen) .reader-controls{margin:0}html:is(:fullscreen,:fullscreen,:fullscreen) .reader-controls,.reader:is(:fullscreen,:fullscreen,:fullscreen) .reader-controls{margin:0}.reader-exit-dock{display:none}html:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen) .reader-exit-dock{z-index:100;justify-content:flex-end;align-items:flex-start;padding:10px 10px 28px 40px;display:flex;position:fixed;top:0;right:0}.reader:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen) .reader-exit-dock{z-index:100;justify-content:flex-end;align-items:flex-start;padding:10px 10px 28px 40px;display:flex;position:fixed;top:0;right:0}html:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen) .reader-exit-dock{z-index:100;justify-content:flex-end;align-items:flex-start;padding:10px 10px 28px 40px;display:flex;position:fixed;top:0;right:0}.reader:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen) .reader-exit-dock{z-index:100;justify-content:flex-end;align-items:flex-start;padding:10px 10px 28px 40px;display:flex;position:fixed;top:0;right:0}html:is(:fullscreen,:fullscreen,:fullscreen) .reader-exit-dock,.reader:is(:fullscreen,:fullscreen,:fullscreen) .reader-exit-dock{z-index:100;justify-content:flex-end;align-items:flex-start;padding:10px 10px 28px 40px;display:flex;position:fixed;top:0;right:0}.reader:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen) .reader-exit-fs{opacity:0;pointer-events:none;transition:opacity .18s var(--ease-out);display:inline-flex}html:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen) .reader-exit-fs{opacity:0;pointer-events:none;transition:opacity .18s var(--ease-out);display:inline-flex}.reader:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen) .reader-exit-fs{opacity:0;pointer-events:none;transition:opacity .18s var(--ease-out);display:inline-flex}html:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen) .reader-exit-fs{opacity:0;pointer-events:none;transition:opacity .18s var(--ease-out);display:inline-flex}.reader:is(:fullscreen,:fullscreen,:fullscreen) .reader-exit-fs,html:is(:fullscreen,:fullscreen,:fullscreen) .reader-exit-fs{opacity:0;pointer-events:none;transition:opacity .18s var(--ease-out);display:inline-flex}html:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen) .reader-exit-dock:hover .reader-exit-fs{opacity:1;pointer-events:auto}html:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen) .reader-exit-dock:focus-within .reader-exit-fs{opacity:1;pointer-events:auto}.reader:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen) .reader-exit-dock:hover .reader-exit-fs{opacity:1;pointer-events:auto}.reader:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen) .reader-exit-dock:focus-within .reader-exit-fs{opacity:1;pointer-events:auto}html:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen) .reader-exit-dock:hover .reader-exit-fs{opacity:1;pointer-events:auto}html:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen) .reader-exit-dock:focus-within .reader-exit-fs{opacity:1;pointer-events:auto}.reader:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen) .reader-exit-dock:hover .reader-exit-fs{opacity:1;pointer-events:auto}.reader:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen) .reader-exit-dock:focus-within .reader-exit-fs{opacity:1;pointer-events:auto}html:is(:fullscreen,:fullscreen,:fullscreen) .reader-exit-dock:hover .reader-exit-fs,html:is(:fullscreen,:fullscreen,:fullscreen) .reader-exit-dock:focus-within .reader-exit-fs,.reader:is(:fullscreen,:fullscreen,:fullscreen) .reader-exit-dock:hover .reader-exit-fs,.reader:is(:fullscreen,:fullscreen,:fullscreen) .reader-exit-dock:focus-within .reader-exit-fs{opacity:1;pointer-events:auto}html:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen) .reader-fullscreen-btn{display:none}.reader:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen) .reader-fullscreen-btn{display:none}html:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen) .reader-fullscreen-btn{display:none}.reader:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen) .reader-fullscreen-btn{display:none}html:is(:fullscreen,:fullscreen,:fullscreen) .reader-fullscreen-btn,.reader:is(:fullscreen,:fullscreen,:fullscreen) .reader-fullscreen-btn{display:none}@media (prefers-reduced-motion:reduce){.reader-card{animation:none}html:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen) .reader-hud{transition:none}.reader:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen) .reader-hud{transition:none}html:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen) .reader-exit-fs{transition:none}.reader:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen) .reader-exit-fs{transition:none}html:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen) .reader-hud{transition:none}.reader:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen) .reader-hud{transition:none}html:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen) .reader-exit-fs{transition:none}.reader:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen) .reader-exit-fs{transition:none}html:is(:fullscreen,:fullscreen,:fullscreen) .reader-hud,.reader:is(:fullscreen,:fullscreen,:fullscreen) .reader-hud,html:is(:fullscreen,:fullscreen,:fullscreen) .reader-exit-fs,.reader:is(:fullscreen,:fullscreen,:fullscreen) .reader-exit-fs{transition:none}}@media (hover:none){html:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen) .reader-hud:hover{opacity:1;pointer-events:auto}.reader:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen) .reader-hud:hover{opacity:1;pointer-events:auto}html:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen) .reader-exit-dock:hover .reader-exit-fs{opacity:1;pointer-events:auto}.reader:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen) .reader-exit-dock:hover .reader-exit-fs{opacity:1;pointer-events:auto}html:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen) .reader-hud:hover{opacity:1;pointer-events:auto}.reader:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen) .reader-hud:hover{opacity:1;pointer-events:auto}html:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen) .reader-exit-dock:hover .reader-exit-fs{opacity:1;pointer-events:auto}.reader:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen) .reader-exit-dock:hover .reader-exit-fs{opacity:1;pointer-events:auto}html:is(:fullscreen,:fullscreen,:fullscreen) .reader-hud:hover,.reader:is(:fullscreen,:fullscreen,:fullscreen) .reader-hud:hover,html:is(:fullscreen,:fullscreen,:fullscreen) .reader-exit-dock:hover .reader-exit-fs,.reader:is(:fullscreen,:fullscreen,:fullscreen) .reader-exit-dock:hover .reader-exit-fs{opacity:1;pointer-events:auto}}.print-only-feed{display:none}@media print{@page{size:landscape;margin:0}.reader-stage,.reader-controls,.reader-count,.reader-edge{display:none!important}.print-only-feed{width:100vw;display:block}.page-card-print{break-inside:avoid;page-break-after:always;width:100vw;height:100vh}.page-card-print .page-card{width:100%;height:100%;box-shadow:none;border:0;border-radius:0}.page-card-print .page-stack{aspect-ratio:auto;width:100%;height:100%;min-height:0}.page-card-print,.page-card-print *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.page-card-print .text-box{text-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.page-card-print .text-box:not([style*=background]){background:0 0!important}}.reader-fullscreen{z-index:60;background:var(--paper);flex-direction:column;height:100dvh;display:flex;position:fixed;inset:0;overflow:hidden}.reader-navbar{z-index:2;background:var(--paper);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.reader-navbar{background:color-mix(in oklch, var(--paper) 88%, transparent)}}.reader-navbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--ink)}@supports (color:color-mix(in lab, red, red)){.reader-navbar{border-bottom:1px solid color-mix(in oklch, var(--ink) 10%, transparent)}}.reader-navbar-title{font-family:var(--font-display);color:var(--ink);font-size:1.2rem;font-weight:600}@supports (color:color-mix(in lab, red, red)){.reader-navbar-title{color:color-mix(in oklch, var(--ink) 80%, transparent)}}.reader-navbar-title{text-overflow:ellipsis;white-space:nowrap;max-width:45vw;overflow:hidden}.reader-navbar-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.reader-navbar .btn,.reader-navbar .share-btn-wrap .btn{white-space:nowrap;height:40px;min-height:40px;box-shadow:none;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:.95rem;line-height:1;display:inline-flex}.reader-navbar .btn svg{flex-shrink:0}@media (width<=720px){.reader-navbar-title{max-width:min(42vw,10rem);font-size:1rem}.reader-navbar-actions{flex-wrap:nowrap;gap:6px}.reader-navbar .btn,.reader-navbar .share-btn-wrap .btn{width:40px;padding:0}.reader-navbar .btn-label{display:none}}.reader-navbar .btn-secondary:hover,.reader-navbar .btn-ghost:hover,.reader-navbar .btn-primary:hover:not(:disabled){transform:none}.reader-navbar .share-note{padding:8px 12px;font-size:.875rem}.reader-body{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:12px 14px 18px;display:flex}.reader-fullscreen .reader{flex-direction:column;width:100%;max-width:none;height:100%;display:flex}.reader-fullscreen .reader-body{padding:0}.reader-fullscreen .reader-stage{width:100%;min-height:0;box-shadow:none;border-radius:0;flex:1;justify-content:center;align-items:center;display:flex}.reader-fullscreen .reader .page-stack{min-height:0}.watch-page .reader,.watch-dock .reader{flex-direction:column;width:100%;max-width:none;height:100%;display:flex}.watch-page .page-card,.watch-dock .page-card{background:0 0;border:0;border-radius:0;max-width:none;margin:0}html:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen) .reader-stage{container-type:size}.reader:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen) .reader-stage{container-type:size}.reader-fullscreen .reader-stage,.reader.is-css-fs .reader-stage,.watch-page .reader-stage,.watch-dock .reader-stage{container-type:size}html:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen) .reader-stage{container-type:size}.reader:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen) .reader-stage{container-type:size}.reader-fullscreen .reader-stage,html:is(:fullscreen,:fullscreen,:fullscreen) .reader-stage,.reader:is(:fullscreen,:fullscreen,:fullscreen) .reader-stage,.reader.is-css-fs .reader-stage,.watch-page .reader-stage,.watch-dock .reader-stage{container-type:size}html:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen) .reader-card-wrap{width:min(100cqw,177.778cqh - 21.3333px);max-width:100cqw}.reader:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen) .reader-card-wrap{width:min(100cqw,177.778cqh - 21.3333px);max-width:100cqw}.reader-fullscreen .reader-card-wrap,.reader.is-css-fs .reader-card-wrap{width:min(100cqw,177.778cqh - 21.3333px);max-width:100cqw}html:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen) .reader-card-wrap{width:min(100cqw,177.778cqh - 21.3333px);max-width:100cqw}.reader:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen) .reader-card-wrap{width:min(100cqw,177.778cqh - 21.3333px);max-width:100cqw}.reader-fullscreen .reader-card-wrap,html:is(:fullscreen,:fullscreen,:fullscreen) .reader-card-wrap,.reader:is(:fullscreen,:fullscreen,:fullscreen) .reader-card-wrap,.reader.is-css-fs .reader-card-wrap{width:min(100cqw,177.778cqh - 21.3333px);max-width:100cqw}.watch-page .reader-stage,.watch-dock .reader-stage,.watch-page .reader-card-wrap,.watch-dock .reader-card-wrap,.watch-page .reader-card,.watch-dock .reader-card,.watch-page .page-card,.watch-dock .page-card,.watch-page .page-stack,.watch-dock .page-stack{aspect-ratio:auto;width:auto;max-width:none;height:auto;min-height:0;max-height:none;margin:0;position:absolute;inset:0}html:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen) .reader-card-wrap[data-aspect=portrait]{width:min(100cqw,56.25cqh - 6.75px)}.reader:-webkit-any(:fullscreen,:-webkit-full-screen,:fullscreen) .reader-card-wrap[data-aspect=portrait]{width:min(100cqw,56.25cqh - 6.75px)}.reader-fullscreen .reader-card-wrap[data-aspect=portrait],.reader.is-css-fs .reader-card-wrap[data-aspect=portrait]{width:min(100cqw,56.25cqh - 6.75px)}html:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen) .reader-card-wrap[data-aspect=portrait]{width:min(100cqw,56.25cqh - 6.75px)}.reader:-moz-any(:fullscreen,:fullscreen,:-moz-full-screen) .reader-card-wrap[data-aspect=portrait]{width:min(100cqw,56.25cqh - 6.75px)}.reader-fullscreen .reader-card-wrap[data-aspect=portrait],html:is(:fullscreen,:fullscreen,:fullscreen) .reader-card-wrap[data-aspect=portrait],.reader:is(:fullscreen,:fullscreen,:fullscreen) .reader-card-wrap[data-aspect=portrait],.reader.is-css-fs .reader-card-wrap[data-aspect=portrait]{width:min(100cqw,56.25cqh - 6.75px)}.watch-page .reader-card-wrap[data-aspect=portrait],.watch-dock .reader-card-wrap[data-aspect=portrait]{width:min(100cqw,56.25cqh);height:auto;inset:0 auto 0 50%;transform:translate(-50%)}.shared-topbar{justify-content:flex-end;gap:8px;padding:10px 14px 0;display:flex}@media print{.shared-topbar{display:none!important}.reader-fullscreen{position:static;overflow:visible}.reader-navbar{display:none!important}}.lp{--lp-paper:oklch(99.5% .004 240);--lp-paper-2:oklch(97.5% .012 240);--lp-ink:oklch(26% .048 262);--lp-ink-2:oklch(52% .031 258);--lp-ink-3:oklch(63% .024 256);--lp-rule:oklch(91.6% .013 250);--lp-rule-soft:oklch(94.5% .009 250);--lp-accent:oklch(63% .163 250);--lp-accent-deep:oklch(55% .163 253);--lp-accent-wash:oklch(95% .032 245);--lp-sun:oklch(86% .12 85);--lp-shadow:220 45% 32%;min-height:100vh;color:var(--lp-ink);background:var(--lp-paper);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:16px;line-height:1.62;position:relative;overflow-x:clip}html:is(:fullscreen,:fullscreen,:fullscreen) .lp{overflow:visible}.lp:before{content:"";pointer-events:none;background:radial-gradient(900px 460px at 78% -6%,oklch(78% .11 245/.3),#0000 62%),radial-gradient(720px 420px at 12% 4%,oklch(88% .075 85/.22),#0000 60%);height:780px;position:absolute;inset:0 0 auto}.lp :where(h1,h2,h3){font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:600;line-height:1.2}.lp :where(p,ul,ol){margin:0}.lp :where(ul,ol){padding:0;list-style:none}.lp-wrap{z-index:1;width:100%;max-width:1128px;margin:0 auto;padding-inline:22px;position:relative}.lp-wrap-narrow{max-width:760px}.lp-essay{padding-top:28px;padding-bottom:56px}.lp-essay-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--lp-ink-3);margin:8px 0 14px;font-size:.78rem;font-weight:600}.lp-essay-title{font-family:var(--font-display);letter-spacing:-.03em;text-wrap:pretty;overflow-wrap:anywhere;min-width:0;color:var(--lp-ink);font-size:clamp(1.7rem,4.2vw,2.35rem);font-weight:600;line-height:1.22}.lp-essay-h{text-wrap:pretty;overflow-wrap:anywhere;min-width:0;color:var(--lp-ink);margin:2.4em 0 .7em;font-size:clamp(1.2rem,2.6vw,1.45rem);line-height:1.3}.lp-essay-p{color:var(--lp-ink-2);text-wrap:pretty;margin-top:1.05em;font-size:1.0625rem;line-height:1.78}.lp-essay-p strong{color:var(--lp-ink);font-weight:650}.lp-essay-quote{border-left:3px solid var(--lp-accent);margin:1.35em 0 .4em;padding:0 0 0 1rem}.lp-essay-quote p{font-family:var(--font-display);color:var(--lp-ink);text-wrap:pretty;font-size:clamp(1.05rem,2.2vw,1.22rem);font-weight:550;line-height:1.5}.lp-essay-close{margin-top:1.6em}.lp-essay-link{color:var(--lp-accent-deep);text-underline-offset:3px;font-weight:600;text-decoration:underline}.lp-essay-link:hover{color:var(--lp-accent)}.lp-section{padding-block:48px;position:relative}.lp-section-tint{background:var(--lp-paper-2);border-block:1px solid var(--lp-rule-soft)}.lp-btn{font-family:var(--font-display);white-space:nowrap;cursor:pointer;box-shadow:none;transition:background-color .18s var(--ease-out), border-color .18s var(--ease-out), color .18s var(--ease-out);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.lp-btn-sm{padding:9px 16px;font-size:.875rem}.lp-btn-md{padding:12px 22px;font-size:.95rem}.lp-btn-lg{padding:15px 30px;font-size:1.02rem}.lp-btn-solid{background:var(--lp-accent);color:oklch(100% 0 0);box-shadow:none}.lp-btn-solid:hover{background:var(--lp-accent-deep);box-shadow:none;transform:none}.lp-btn-solid:active{transform:none}.lp-btn-ghost{color:var(--lp-ink);border-color:var(--lp-rule);background:oklch(100% 0 0)}.lp-btn-ghost:hover{border-color:var(--lp-accent);color:var(--lp-accent-deep)}.lp :where(a,button):focus-visible{outline:2px solid var(--lp-accent);outline-offset:3px;border-radius:999px}.lp-nav{z-index:40;-webkit-backdrop-filter:saturate(160%)blur(14px);transition:border-color .2s var(--ease-out), background-color .2s var(--ease-out);background:oklch(99.5% .004 240/.72);border-bottom:1px solid #0000;position:sticky;top:0}.lp-nav.is-lifted{border-bottom-color:var(--lp-rule);background:oklch(99.5% .004 240/.9)}.lp-nav-inner{align-items:center;gap:20px;height:66px;display:flex}.lp-brand{color:inherit;align-items:center;gap:10px;margin-right:auto;text-decoration:none;display:inline-flex}.lp-mark{border-radius:999px;display:block}.lp-brand-name{font-family:var(--font-display);letter-spacing:-.015em;white-space:nowrap;font-size:1.05rem;font-weight:600}.lp-nav-links{gap:26px;display:none}.lp-nav-links a{color:var(--lp-ink-2);transition:color .16s var(--ease-out);font-size:.925rem;text-decoration:none}.lp-nav-links a:hover{color:var(--lp-ink)}.lp-nav-actions{align-items:center;gap:10px;display:flex}.lp-lang{border:1px solid var(--lp-rule);min-width:44px;color:var(--lp-ink-2);font-family:var(--font-display);cursor:pointer;transition:border-color .16s var(--ease-out), color .16s var(--ease-out);background:oklch(100% 0 0);border-radius:999px;padding:7px 11px;font-size:.8rem;font-weight:500}.lp-lang:hover{border-color:var(--lp-accent);color:var(--lp-accent-deep)}.lp-nav-signin{color:var(--lp-ink-2);padding-inline:4px;font-size:.925rem;text-decoration:none;display:none}.lp-nav-signin:hover{color:var(--lp-ink)}.lp-hero{text-align:center;padding-block:16px 8px}.lp-hero-art{background:var(--lp-accent-wash);width:min(100%,920px);height:auto;animation:lp-rise .55s var(--ease-out) both;border-radius:18px;margin-inline:auto;display:block}.lp-hero-copy{text-align:center;max-width:34rem;animation:lp-rise .55s var(--ease-out) both;margin-inline:auto}.lp-h1{letter-spacing:-.035em;overflow-wrap:anywhere;min-width:0;margin:0;font-size:clamp(1.85rem,4.4vw,3.1rem);line-height:1.12}.lp-h1-accent{color:var(--lp-accent)}.lp-hero-why{max-width:28rem;color:var(--lp-ink-2);text-wrap:pretty;margin:18px auto 0;font-size:1.05rem;line-height:1.45}.lp-hero-sub{max-width:520px;color:var(--lp-ink-2);text-wrap:pretty;margin:16px auto 0;font-size:clamp(1rem,1.5vw,1.12rem)}.lp-hero-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;display:flex}.lp-hero-trust{color:var(--lp-ink-3);margin:14px 0 0;font-size:.85rem}.lp-preview{border:1px solid var(--lp-rule);max-width:980px;box-shadow:0 2px 6px hsl(var(--lp-shadow) / .05), 0 30px 70px -34px hsl(var(--lp-shadow) / .4);animation:lp-rise .8s var(--ease-out) .1s both;background:oklch(100% 0 0);border-radius:26px;gap:0;margin:54px auto 0;display:grid;position:relative;overflow:hidden}.lp-preview-art{aspect-ratio:4/3;background:oklch(40% .1 255);position:relative}.lp-scene{width:100%;height:100%;display:block}.lp-preview-page{flex-direction:column;align-items:flex-start;gap:12px;padding:28px 26px 24px;display:flex}.lp-preview-meta{letter-spacing:.09em;text-transform:uppercase;color:var(--lp-ink-3);font-size:.74rem;font-weight:600}.lp-preview-title{font-size:1.24rem}.lp-preview-text{color:var(--lp-ink);text-wrap:pretty;font-size:1.06rem;line-height:1.72}.lp-preview-text mark{color:inherit;background:linear-gradient(#0000 62%,oklch(90% .1 88/.72) 62%);padding:0 1px;font-weight:600}.lp-player{border:1px solid var(--lp-rule);background:var(--lp-paper-2);border-radius:999px;align-items:center;gap:11px;width:100%;margin-top:4px;padding:9px 14px 9px 9px;display:flex}.lp-play{background:var(--lp-accent);color:oklch(100% 0 0);border-radius:999px;flex:none;place-items:center;width:30px;height:30px;display:grid}.lp-play svg{width:15px;height:15px;margin-left:1px}.lp-player-label{color:var(--lp-ink-2);white-space:nowrap;font-size:.86rem}.lp-wave{flex:1;align-items:center;gap:3px;min-width:0;height:28px;display:none;overflow:hidden}.lp-wave i{background:oklch(80% .06 248);border-radius:2px;flex:1;min-width:2px;max-width:3px}.lp-wave i:nth-child(-n+9){background:var(--lp-accent)}.lp-player-time{font-variant-numeric:tabular-nums;color:var(--lp-ink-3);margin-left:auto;font-size:.78rem}.lp-dots{gap:6px;margin-top:2px;display:flex}.lp-dots i{background:var(--lp-rule);border-radius:999px;width:6px;height:6px}.lp-dots i.is-on{background:var(--lp-accent);width:20px}.lp-strip{color:var(--lp-ink-2);flex-wrap:wrap;justify-content:center;gap:10px 30px;margin-top:40px;font-size:.9rem;display:flex}.lp-strip li{align-items:center;gap:8px;display:inline-flex}.lp-strip li:before{content:"";background:var(--lp-sun);border-radius:999px;width:6px;height:6px}.lp-head{max-width:660px;margin-bottom:44px}.lp-head:has(.is-xl){max-width:840px}.lp-head-center{text-align:center;margin-inline:auto}.lp-eyebrow{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--lp-accent);margin-bottom:12px;font-size:.76rem;font-weight:600}.lp-h2{letter-spacing:-.028em;font-size:clamp(1.72rem,3.6vw,2.5rem)}.lp-h2.is-xl{letter-spacing:-.034em;font-size:clamp(2.15rem,5.2vw,3.55rem)}.lp-lead{color:var(--lp-ink-2);text-wrap:pretty;margin-top:14px;font-size:1.05rem}.lp-head-cta{margin-top:28px;display:flex}.lp-beats{gap:14px;display:grid}.lp-beat{border:1px solid var(--lp-rule);background:oklch(100% 0 0);border-radius:12px;padding:22px 20px}.lp-beat-title{letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:600}.lp-beat-desc{color:var(--lp-ink-2);margin:8px 0 0;font-size:.98rem;line-height:1.45}.lp-make{border-top:1px solid var(--lp-rule-soft);padding-block:8px 56px}.lp-make .lp-h2{margin:0 0 28px;font-size:clamp(1.35rem,2.4vw,1.75rem)}.lp-steps{gap:20px;margin:0;padding:0;list-style:none;display:grid}.lp-step{align-items:flex-start;gap:12px;display:flex}.lp-step-num{background:var(--lp-accent-wash);width:28px;height:28px;color:var(--lp-accent-deep);font-family:var(--font-display);border-radius:999px;flex-shrink:0;place-items:center;margin-bottom:0;font-size:.88rem;font-weight:600;display:grid}.lp-step-title{margin:0;font-size:1rem;font-weight:500}.lp-step-copy{align-items:flex-start}.lp-step-desc{color:var(--lp-ink-2);margin:6px 0 0;font-size:.92rem;line-height:1.45}.lp-split{gap:14px;display:grid}.lp-split-card{border:1px solid var(--lp-rule);background:oklch(100% 0 0);border-radius:12px;padding:24px 22px}.lp-split-kicker{color:var(--lp-accent-deep);margin:0;font-size:.82rem;font-weight:500}.lp-split-title{letter-spacing:-.02em;margin:8px 0 0;font-size:1.35rem}.lp-split-body{color:var(--lp-ink-2);margin:10px 0 0;line-height:1.5}.lp-need{gap:10px;max-width:640px;margin:0 auto;padding:0;list-style:none;display:grid}.lp-need li{border-bottom:1px solid var(--lp-rule-soft);padding:12px 0;font-size:1.05rem}.lp-need li:last-child{border-bottom:none}.lp-safe{gap:14px;display:grid}.lp-safe-card h3{margin:0;font-size:1.05rem}.lp-safe-card p{color:var(--lp-ink-2);margin:6px 0 0;font-size:.95rem;line-height:1.45}.lp-chips{flex-wrap:wrap;justify-content:center;gap:8px;margin:-12px 0 28px;display:flex}.lp-chip{font-family:var(--font-display);border:1px solid var(--lp-rule);color:var(--lp-ink);cursor:pointer;background:oklch(100% 0 0);border-radius:999px;padding:8px 14px;font-size:.88rem;font-weight:500}.lp-chip.is-on{border-color:var(--lp-accent);background:var(--lp-accent-wash);color:var(--lp-accent-deep)}.lp-shelf-notes{text-align:center;color:var(--lp-ink-2);margin:18px 0 0;font-size:.9rem}.lp-features{gap:14px;display:grid;overflow:visible}.lp-feature{border:1px solid var(--lp-rule);cursor:default;background:oklch(100% 0 0);border-radius:12px;outline:none;padding:18px 16px 16px;position:relative}.lp-feature:focus-visible{border-color:var(--lp-accent)}.lp-feature-icon{background:var(--lp-accent-wash);width:36px;height:36px;color:var(--lp-accent-deep);border-radius:12px;place-items:center;margin-bottom:12px;display:grid}.lp-feature-icon svg{width:21px;height:21px}.lp-feature-title{margin:0;font-size:1rem;font-weight:500;line-height:1.3}.lp-feature-desc{z-index:4;color:var(--lp-ink-2);text-wrap:pretty;border:1px solid var(--lp-rule);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .14s var(--ease-out), transform .14s var(--ease-out), visibility .14s;background:oklch(100% 0 0);border-radius:8px;margin:0;padding:10px 12px;font-size:.88rem;line-height:1.4;position:absolute;top:calc(100% + 6px);left:10px;right:10px;transform:translateY(4px)}.lp-feature:hover,.lp-feature:focus-within{z-index:5}.lp-feature:hover .lp-feature-desc,.lp-feature:focus-within .lp-feature-desc{opacity:1;visibility:visible;transform:none}.lp-gallery{padding-block:8px 48px}.lp-gallery .lp-thumbs{justify-content:center;margin-top:20px}.lp-book-view{min-width:0}.lp-book-view .reader{max-width:640px}.lp-book-view .reader:is(:fullscreen,:fullscreen,:fullscreen){max-width:none}.lp-gallery .lp-reader-links{justify-content:center;margin-top:16px}.lp-reader-stage{border:1px solid var(--lp-rule);background:oklch(22% .04 255);border-radius:16px;outline:none;position:relative;overflow:hidden}.lp-reader-stage.is-skeleton{background:var(--lp-paper-2);border-radius:16px;min-height:280px}.lp-reader-art{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.lp-reader-art.is-empty{min-height:220px}.lp-reader-caption{color:oklch(100% 0 0);-webkit-line-clamp:2;text-shadow:0 1px 10px oklch(20% .04 255/.7);-webkit-box-orient:vertical;margin:0;font-size:.92rem;line-height:1.4;display:-webkit-box;position:absolute;bottom:52px;left:14px;right:14px;overflow:hidden}.lp-reader-bar{background:linear-gradient(#0000,oklch(18% .04 255/.88));justify-content:space-between;align-items:center;gap:8px;padding:8px 10px 10px;display:flex;position:absolute;bottom:0;left:0;right:0}.lp-reader-turn{font-family:var(--font-display);color:oklch(100% 0 0);cursor:pointer;background:oklch(100% 0 0/.14);border:1px solid oklch(100% 0 0/.22);border-radius:8px;width:36px;height:36px;padding:0;font-size:1.35rem;font-weight:500;line-height:1}.lp-reader-turn:disabled{opacity:.35;cursor:default}.lp-reader-count{color:oklch(100% 0 0);font-size:.85rem}.lp-thumbs{gap:8px;min-width:0;display:flex;overflow-x:auto}.lp-thumb{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:10px;flex:none;width:72px;padding:0}.lp-thumb.is-on{border-color:var(--lp-accent)}.lp-thumb-art{aspect-ratio:4/3;object-fit:cover;border-radius:8px;width:100%;height:auto;display:block}.lp-reader-links{flex-wrap:wrap;gap:8px 18px;display:flex}.lp-text-link{color:var(--lp-accent-deep);font-size:.9rem;font-weight:500;text-decoration:none}.lp-text-link:hover{text-decoration:underline}.lp-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.lp-book{border:1px solid var(--lp-rule);min-width:0;color:inherit;background:oklch(100% 0 0);border-radius:12px;flex-direction:column;gap:8px;padding:10px;text-decoration:none;display:flex}.lp-book.is-skeleton{background:var(--lp-paper-2);min-height:220px}.lp-book-cover{aspect-ratio:4/3;object-fit:cover;background:var(--lp-paper-2);border-radius:8px;width:100%}.lp-book-title{font-family:var(--font-display);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.95rem;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.lp-book-meta{color:var(--lp-ink-2);font-size:.8rem}.lp-worlds{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.lp-world{border:1px solid var(--lp-rule);color:var(--lp-ink);transition:border-color .18s var(--ease-out), transform .18s var(--ease-out);background:oklch(100% 0 0);border-radius:999px;align-items:center;gap:9px;padding:10px 18px 10px 14px;font-size:.93rem;display:inline-flex}.lp-world:hover{border-color:var(--lp-accent);transform:translateY(-2px)}.lp-world-emoji{font-size:1.05rem;line-height:1}.lp-meters{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:34px;display:flex}.lp-meters li{border:1px solid var(--lp-rule);color:var(--lp-ink-2);background:oklch(100% 0 0);border-radius:999px;align-items:baseline;gap:8px;padding:9px 18px;font-size:.9rem;display:inline-flex}.lp-meters strong{font-family:var(--font-display);color:var(--lp-ink);font-weight:600}.lp-packs{align-items:start;gap:14px;display:grid}.lp-pack{border:1px solid var(--lp-rule);background:oklch(100% 0 0);border-radius:22px;flex-direction:column;align-items:flex-start;padding:28px 26px;display:flex;position:relative}.lp-pack.is-featured{border-color:var(--lp-accent);box-shadow:0 0 0 1px var(--lp-accent), 0 24px 50px -32px hsl(var(--lp-shadow) / .5)}.lp-pack-flag{background:var(--lp-accent);color:oklch(100% 0 0);font-family:var(--font-display);letter-spacing:.02em;border-radius:999px;padding:4px 12px;font-size:.72rem;font-weight:500;position:absolute;top:-11px;left:26px}.lp-pack-coins{font-family:var(--font-display);color:var(--lp-accent-deep);font-size:1.06rem;font-weight:600}.lp-pack-coins span{color:var(--lp-ink-2);font-weight:400}.lp-pack-price{font-family:var(--font-display);letter-spacing:-.03em;margin-top:6px;font-size:2.5rem;font-weight:600;line-height:1.1}.lp-pack-note{color:var(--lp-ink-2);text-wrap:pretty;margin-top:6px;font-size:.9rem}.lp-pack-cta{width:100%;margin-top:22px}.lp-packs-note{text-align:center;color:var(--lp-ink-3);margin-top:24px;font-size:.88rem}.lp-faq{border-top:1px solid var(--lp-rule)}.lp-faq-item{border-bottom:1px solid var(--lp-rule)}.lp-faq-item summary{cursor:pointer;font-family:var(--font-display);color:var(--lp-ink);justify-content:space-between;align-items:center;gap:18px;padding:20px 2px;font-size:1.02rem;font-weight:500;list-style:none;display:flex}.lp-faq-item summary::-webkit-details-marker{display:none}.lp-faq-sign{width:14px;height:14px;color:var(--lp-accent);flex:none;position:relative}.lp-faq-sign:before,.lp-faq-sign:after{content:"";height:1.6px;transition:transform .2s var(--ease-out);background:currentColor;border-radius:2px;position:absolute;inset:50% 0 auto}.lp-faq-sign:after{transform:rotate(90deg)}.lp-faq-item[open] .lp-faq-sign:after{transform:rotate(0)}.lp-faq-item p{color:var(--lp-ink-2);text-wrap:pretty;margin-top:-4px;padding:0 34px 22px 2px;font-size:.98rem}.lp-final{text-align:center;border-top:1px solid var(--lp-rule-soft);background:radial-gradient(760px 380px at 50% 0%, oklch(82% .09 245/.24), transparent 66%), var(--lp-paper);padding-block:84px 92px;position:relative}.lp-final-art{width:min(100%,520px);height:auto;box-shadow:0 24px 54px -30px hsl(var(--lp-shadow) / .55);border:1px solid oklch(100% 0 0/.7);border-radius:22px;margin:0 auto 32px;display:block}.lp-final .lp-h2{margin:0}.lp-final .lp-hero-actions{margin-top:28px}.lp-final .lp-btn{margin-top:0}.lp-footer{border-top:1px solid var(--lp-rule);background:var(--lp-paper-2);padding-block:40px}.lp-footer-inner{align-items:center;gap:14px;display:grid}.lp-footer-trust{color:var(--lp-ink-2);margin:0;font-size:.85rem}.lp-footer-brand{align-items:center;gap:10px;display:flex}.lp-footer-brand img{border-radius:999px}.lp-footer-brand span{font-family:var(--font-display);font-weight:600;line-height:1.2}.lp-footer-brand p{color:var(--lp-ink-3);align-self:start;font-size:.86rem;line-height:1.4}.lp-footer-links{flex-wrap:wrap;gap:8px 22px;display:flex}.lp-footer-links a{color:var(--lp-ink-2);font-size:.9rem;text-decoration:none}.lp-footer-links a:hover{color:var(--lp-accent-deep)}.lp-footer-rights{color:var(--lp-ink-3);font-size:.82rem}.lp-reveal>*{opacity:0;transition:opacity .44s var(--ease-out), transform .44s var(--ease-out);transform:translateY(8px)}.lp-reveal.is-in>*{opacity:1;transform:none}.lp-reveal.is-in>:nth-child(2){transition-delay:70ms}.lp-reveal.is-in>:nth-child(3){transition-delay:.14s}.lp-reveal.is-in>:nth-child(4){transition-delay:.21s}.lp-reveal.is-in>:nth-child(n+5){transition-delay:.26s}@keyframes lp-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (width<=640px){.lp-h1{font-size:clamp(2.05rem,8.4vw,2.6rem)}.lp-h1 br{display:none}.lp-strip{grid-template-columns:repeat(2,auto);justify-content:center;gap:12px 22px;font-size:.86rem;display:grid}.lp-strip li{align-items:flex-start}.lp-strip li:before{margin-top:8px}}@media (width<=440px){.lp-wrap{padding-inline:18px}.lp-nav-inner{gap:10px;height:60px}.lp-mark{width:28px;height:28px}.lp-brand{gap:8px}.lp-brand-name{font-size:.95rem}.lp-nav-actions{gap:7px}.lp-lang{min-width:38px;padding:6px 8px;font-size:.75rem}.lp-btn-sm{padding:8px 13px;font-size:.82rem}}@media (width>=560px){.lp-preview-page{padding:30px 32px 26px}.lp-wave{display:flex}}@media (width>=760px){.lp-nav-links,.lp-nav-signin{display:flex}.lp-section{padding-block:48px}.lp-hero{padding-block:64px 28px}.lp-split,.lp-safe{grid-template-columns:repeat(2,1fr);gap:18px}.lp-beats,.lp-steps,.lp-packs{grid-template-columns:repeat(3,1fr);gap:18px}.lp-shelf{grid-template-columns:repeat(3,minmax(0,1fr))}.lp-features{grid-template-columns:repeat(2,1fr);gap:18px}.lp-footer-inner{grid-template-columns:auto 1fr auto}.lp-footer-rights{border-top:1px solid var(--lp-rule);grid-column:1/-1;padding-top:18px}}@media (width>=960px){.lp-preview{grid-template-columns:1.06fr 1fr}.lp-preview-art{aspect-ratio:auto;border-right:1px solid var(--lp-rule);height:100%}.lp-preview-page{justify-content:center;padding:40px 40px 36px}.lp-features{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.lp *,.lp :before,.lp :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.lp-reveal>*{opacity:1;transform:none}.lp-btn:hover,.lp-feature:hover,.lp-world:hover{transform:none}}@media print{.lp:before,.lp-nav,.lp-preview-art{display:none!important}.lp{color:#000;background:#fff}}.worlds-page{z-index:1;min-height:100vh;padding:14px 16px 48px;position:relative}.worlds-page .intro-aspect{background:var(--sun);border-radius:18px;margin:0 auto 18px;padding:16px}@supports (color:color-mix(in lab, red, red)){.worlds-page .intro-aspect{background:color-mix(in oklch, var(--sun) 35%, oklch(100% 0 0))}}.worlds-page .intro-aspect{border:1px solid var(--line);box-shadow:none}.worlds-page .intro-aspect-title{font-family:var(--font-display);color:var(--ink);margin:0;font-size:clamp(1.15rem,3vw,1.45rem)}.worlds-page .intro-aspect-sub{color:var(--foreground);margin:6px 0 12px;font-size:14px}@supports (color:color-mix(in lab, red, red)){.worlds-page .intro-aspect-sub{color:color-mix(in oklch, var(--foreground) 65%, transparent)}}.worlds-page .intro-aspect-choices{grid-template-columns:1fr 1fr;gap:12px;display:grid}.worlds-page .intro-aspect-btn{border:3px solid var(--ink);border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;display:flex}@supports (color:color-mix(in lab, red, red)){.worlds-page .intro-aspect-btn{border:3px solid color-mix(in oklch, var(--ink) 14%, transparent)}}.worlds-page .intro-aspect-btn{cursor:pointer;font-family:var(--font-display);color:var(--ink);text-align:center;background:oklch(100% 0 0)}.worlds-page .intro-aspect-btn.selected{border-color:var(--coral-deep);box-shadow:0 0 0 4px var(--coral)}@supports (color:color-mix(in lab, red, red)){.worlds-page .intro-aspect-btn.selected{box-shadow:0 0 0 4px color-mix(in oklch, var(--coral) 35%, transparent)}}.worlds-page .intro-aspect-btn.selected{background:var(--coral)}@supports (color:color-mix(in lab, red, red)){.worlds-page .intro-aspect-btn.selected{background:color-mix(in oklch, var(--coral) 14%, oklch(100% 0 0))}}.worlds-page .intro-aspect-preview{background:linear-gradient(135deg, var(--sky), var(--grape));border-radius:6px;display:block}.worlds-page .intro-aspect-preview.is-landscape{width:88px;height:50px}.worlds-page .intro-aspect-preview.is-portrait{width:40px;height:72px}@media (width<=520px){.worlds-page .intro-aspect-choices{grid-template-columns:1fr}}.worlds-backbar{max-width:1080px;margin:0 auto 6px}.worlds-stage{max-width:1080px;margin:0 auto}.worlds-header{text-align:center;padding:18px 0 28px}.worlds-headline{font-family:var(--font-display);background:linear-gradient(120deg, var(--coral-deep), var(--grape-deep) 55%, var(--sky-deep));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-size:clamp(1.7rem,5vw,2.8rem);font-weight:700;line-height:1.2}.worlds-subheadline{font-family:var(--font-body);color:var(--ink-soft);max-width:560px;margin:0 auto;font-size:clamp(1rem,2.4vw,1.18rem);line-height:1.6}.worlds-back{font-family:var(--font-display);color:var(--ink-soft);border:1px solid var(--line);cursor:pointer;height:40px;box-shadow:none;transition:background .12s var(--ease-out);background:oklch(100% 0 0);border-radius:8px;margin-bottom:12px;padding:0 16px;font-size:14px;font-weight:500}.worlds-back:hover{background:var(--paper-dark);color:var(--ink);transform:none}.content-type-featured{grid-template-columns:1fr 1fr;gap:14px;max-width:720px;margin:0 auto 8px;padding:0 8px;display:grid}.create-mode-grid{max-width:820px}@media (width<=720px){.create-mode-grid{grid-template-columns:1fr}}.content-type-card.is-plot-mode{border-color:var(--coral-deep)}@supports (color:color-mix(in lab, red, red)){.content-type-card.is-plot-mode{border-color:color-mix(in oklch, var(--coral-deep) 55%, white)}}.content-type-card.is-guided-mode{border-color:oklch(80.75% .066 145)}.plot-entry-card{border:1px solid var(--foreground);border-radius:1.5rem;max-width:44rem;margin:0 auto}@supports (color:color-mix(in lab, red, red)){.plot-entry-card{border:1px solid color-mix(in oklch, var(--foreground) 12%, transparent)}}.plot-entry-card{background:oklch(100% 5.96046e-8 none/.88);padding:1.25rem}.plot-entry-label{margin-bottom:.5rem;font-size:1.05rem;font-weight:700;display:block}.plot-entry-field{width:100%;min-height:16rem}.plot-entry-meta{color:var(--foreground);margin-top:.65rem;font-size:.9rem}@supports (color:color-mix(in lab, red, red)){.plot-entry-meta{color:color-mix(in oklch, var(--foreground) 65%, transparent)}}.plot-entry-meta .is-short{color:var(--coral-deep)}@supports (color:color-mix(in lab, red, red)){.plot-entry-meta .is-short{color:color-mix(in oklch, var(--coral-deep) 80%, black)}}.plot-entry-meta .is-ok{color:oklch(46.75% .14 145);font-weight:600}.content-type-more-label{letter-spacing:.02em;max-width:920px;color:var(--muted-foreground,oklch(50% .02 40));margin:22px auto 10px;padding:0 12px;font-size:.85rem;font-weight:700}.content-type-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px;max-width:920px;margin:0 auto;padding:0 8px 32px;display:grid}.content-type-card{text-align:left;border:2px solid var(--paper-dark);border-radius:20px;flex-direction:column;align-items:flex-start;gap:4px;padding:16px 14px;display:flex}@supports (color:color-mix(in lab, red, red)){.content-type-card{border:2px solid color-mix(in oklch, var(--paper-dark) 35%, transparent)}}.content-type-card{cursor:pointer;-webkit-tap-highlight-color:transparent;background:oklch(100% 0 0/.92);transition:transform .18s,border-color .18s,box-shadow .18s}.content-type-card.is-featured{min-height:118px;box-shadow:0 12px 28px -16px var(--coral-deep);border-width:3px;border-radius:24px;padding:22px 20px}@supports (color:color-mix(in lab, red, red)){.content-type-card.is-featured{box-shadow:0 12px 28px -16px color-mix(in oklch, var(--coral-deep) 35%, transparent)}}.content-type-card.is-featured strong{font-size:1.45rem}.content-type-card.is-featured span{font-size:.92rem}.content-type-card.is-featured em{margin-top:10px;font-size:.8rem}.content-type-card strong{color:var(--ink,oklch(25% .04 40));font-size:1.05rem;line-height:1.25}.content-type-card span{color:var(--muted-foreground,oklch(50% .02 40));font-size:.82rem;line-height:1.3}.content-type-card em{color:var(--coral-deep,oklch(55% .14 25));margin-top:6px;font-size:.72rem;font-style:normal;font-weight:600}.content-type-card.is-tale{border-color:var(--sky)}@supports (color:color-mix(in lab, red, red)){.content-type-card.is-tale{border-color:color-mix(in oklch, var(--sky) 55%, white)}}.content-type-card.is-tale{background:linear-gradient(160deg, oklch(100% 0 0/.95), var(--sky))}@supports (color:color-mix(in lab, red, red)){.content-type-card.is-tale{background:linear-gradient(160deg, oklch(100% 0 0/.95), color-mix(in oklch, var(--sky) 12%, white))}}.content-type-card.is-lesson{border-color:var(--leaf)}@supports (color:color-mix(in lab, red, red)){.content-type-card.is-lesson{border-color:color-mix(in oklch, var(--leaf) 55%, white)}}.content-type-card.is-lesson{background:linear-gradient(160deg, oklch(100% 0 0/.95), var(--leaf))}@supports (color:color-mix(in lab, red, red)){.content-type-card.is-lesson{background:linear-gradient(160deg, oklch(100% 0 0/.95), color-mix(in oklch, var(--leaf) 14%, white))}}.content-type-card.is-selected{border-color:var(--coral-deep)}@supports (color:color-mix(in lab, red, red)){.content-type-card.is-selected{border-color:color-mix(in oklch, var(--coral-deep) 70%, transparent)}}.content-type-card.is-selected{outline:2px solid var(--coral)}@supports (color:color-mix(in lab, red, red)){.content-type-card.is-selected{outline:2px solid color-mix(in oklch, var(--coral) 55%, transparent)}}.content-type-card.is-selected{outline-offset:1px;box-shadow:0 10px 24px -14px var(--coral-deep)}@supports (color:color-mix(in lab, red, red)){.content-type-card.is-selected{box-shadow:0 10px 24px -14px color-mix(in oklch, var(--coral-deep) 40%, transparent)}}.lesson-pick{padding:0 8px}.lesson-pick-title{text-align:center;margin:0 0 10px;font-size:1.05rem;font-weight:700}.lesson-pick-chips{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.vocab-topic-chips{grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:8px}.lesson-pick-chips .content-type-card{text-align:center;align-items:center;min-height:64px;padding:14px 12px}.lesson-pick-chips .content-type-card strong{font-size:.98rem}.content-type-card:hover{border-color:var(--coral);transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.content-type-card:hover{border-color:color-mix(in oklch, var(--coral) 50%, transparent)}}.content-type-card:hover{box-shadow:0 10px 24px -14px var(--coral-deep)}@supports (color:color-mix(in lab, red, red)){.content-type-card:hover{box-shadow:0 10px 24px -14px color-mix(in oklch, var(--coral-deep) 40%, transparent)}}.content-type-card.is-featured:hover{box-shadow:0 16px 32px -14px var(--coral-deep);transform:translateY(-3px)}@supports (color:color-mix(in lab, red, red)){.content-type-card.is-featured:hover{box-shadow:0 16px 32px -14px color-mix(in oklch, var(--coral-deep) 40%, transparent)}}.content-type-card:focus-visible{outline:3px solid var(--sky)}@supports (color:color-mix(in lab, red, red)){.content-type-card:focus-visible{outline:3px solid color-mix(in oklch, var(--sky) 70%, transparent)}}.content-type-card:focus-visible{outline-offset:2px}@media (width<=520px){.content-type-featured{grid-template-columns:1fr;max-width:420px}}.worlds-grid{grid-template-columns:1fr;gap:20px;display:grid}.world-card{text-align:center;cursor:pointer;box-shadow:0 12px 0 var(--paper-dark), 0 22px 44px -16px var(--coral-deep);background:oklch(100% 0 0);border:5px solid oklch(100% 0 0);border-radius:32px;flex-direction:column;align-items:center;padding:24px 22px 22px;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.world-card{box-shadow:0 12px 0 color-mix(in oklch, var(--paper-dark) 80%, transparent), 0 22px 44px -16px color-mix(in oklch, var(--coral-deep) 35%, transparent)}}.world-card{-webkit-tap-highlight-color:transparent;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s}.world-card:before{content:"";background:var(--world-theme,linear-gradient(135deg, var(--sun), var(--coral)));opacity:.9;z-index:0;height:46%;position:absolute;top:0;left:0;right:0}.world-card:hover{box-shadow:0 16px 0 var(--paper-dark), 0 30px 54px -14px var(--coral-deep);transform:translateY(-6px)rotate(-.8deg)}@supports (color:color-mix(in lab, red, red)){.world-card:hover{box-shadow:0 16px 0 color-mix(in oklch, var(--paper-dark) 80%, transparent), 0 30px 54px -14px color-mix(in oklch, var(--coral-deep) 45%, transparent)}}.world-card:active{transform:translateY(-2px)scale(.99)}.world-card-art{z-index:1;width:100%;max-width:240px;margin:0 auto 6px;position:relative}.world-art{width:100%;height:auto;filter:drop-shadow(0 8px 12px var(--coral-deep));display:block}@supports (color:color-mix(in lab, red, red)){.world-art{filter:drop-shadow(0 8px 12px color-mix(in oklch, var(--coral-deep) 22%, transparent))}}.world-art{animation:3.4s ease-in-out infinite story-bob}.world-card-emoji{filter:drop-shadow(0 3px 4px var(--ink));font-size:30px;position:absolute;top:-6px;right:8px}@supports (color:color-mix(in lab, red, red)){.world-card-emoji{filter:drop-shadow(0 3px 4px color-mix(in oklch, var(--ink) 15%, transparent))}}.world-card-emoji{animation:3s ease-in-out infinite story-float}.world-card-body{z-index:1;margin-top:6px;position:relative}.world-card-name{font-family:var(--font-display);color:var(--ink);margin:0 0 6px;font-size:clamp(1.3rem,3.4vw,1.7rem);font-weight:700}.world-card-tag{font-family:var(--font-body);color:var(--ink-soft);margin:0;font-size:clamp(.95rem,2.2vw,1.06rem);line-height:1.5}.world-card-cta{z-index:1;font-family:var(--font-display);color:oklch(100% 0 0);background:linear-gradient(135deg, var(--coral), var(--coral-deep));box-shadow:none;border-radius:8px;width:100%;max-width:280px;margin-top:16px;padding:10px 20px;font-size:1.05rem;font-weight:600;position:relative}.substory-grid{grid-template-columns:1fr;gap:16px;display:grid;position:relative}.substory-card{text-align:center;cursor:pointer;box-shadow:0 8px 0 var(--paper-dark), 0 16px 30px -16px var(--coral-deep);background:oklch(100% 0 0);border:4px solid oklch(100% 0 0);border-radius:26px;flex-direction:column;align-items:center;padding:22px 18px 18px;display:flex}@supports (color:color-mix(in lab, red, red)){.substory-card{box-shadow:0 8px 0 color-mix(in oklch, var(--paper-dark) 80%, transparent), 0 16px 30px -16px color-mix(in oklch, var(--coral-deep) 30%, transparent)}}.substory-card{-webkit-tap-highlight-color:transparent;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s}.substory-card:hover{border-color:var(--sun);transform:translateY(-5px)rotate(.6deg)}.substory-card:active{transform:translateY(-1px)scale(.99)}.substory-card.is-selected{border-color:var(--coral);background:var(--coral)}@supports (color:color-mix(in lab, red, red)){.substory-card.is-selected{background:color-mix(in oklch, var(--coral) 8%, white)}}.substory-card.is-selected{box-shadow:0 8px 0 var(--coral), 0 16px 30px -16px var(--coral-deep)}@supports (color:color-mix(in lab, red, red)){.substory-card.is-selected{box-shadow:0 8px 0 color-mix(in oklch, var(--coral) 45%, transparent), 0 16px 30px -16px color-mix(in oklch, var(--coral-deep) 35%, transparent)}}.substory-card.is-selected{transform:translateY(-3px)}.substory-emoji{margin-bottom:10px;font-size:clamp(2.4rem,7vw,3.4rem);line-height:1;animation:3s ease-in-out infinite story-bob}.substory-title{font-family:var(--font-display);color:var(--coral-deep);margin:0 0 4px;font-size:clamp(1.1rem,3vw,1.35rem);font-weight:700}.substory-hint{font-family:var(--font-display);color:var(--ink-soft);font-size:.82rem}.worlds-picking{font-family:var(--font-display);color:var(--ink);box-shadow:0 10px 26px -8px var(--ink);background:oklch(100% 0 0);border-radius:999px;padding:12px 22px;font-size:1rem;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.worlds-picking{box-shadow:0 10px 26px -8px color-mix(in oklch, var(--ink) 30%, transparent)}}.worlds-picking{z-index:40}.worlds-enter{animation:.45s cubic-bezier(.22,1,.36,1) both worlds-fade-up}.worlds-substory-enter{animation:.5s cubic-bezier(.22,1,.36,1) both worlds-zoom-in}.world-card{animation:.5s cubic-bezier(.22,1,.36,1) both worlds-fade-up}.world-card:first-child{animation-delay:50ms}.world-card:nth-child(2){animation-delay:.12s}.world-card:nth-child(3){animation-delay:.19s}.world-card:nth-child(4){animation-delay:.26s}.world-card:nth-child(5){animation-delay:.33s}.substory-card{animation:.4s cubic-bezier(.22,1,.36,1) both worlds-fade-up}.substory-card:first-child{animation-delay:30ms}.substory-card:nth-child(2){animation-delay:80ms}.substory-card:nth-child(3){animation-delay:.13s}.substory-card:nth-child(4){animation-delay:.18s}.substory-card:nth-child(5){animation-delay:.23s}.substory-card:nth-child(6){animation-delay:.28s}.substory-card:nth-child(7){animation-delay:.33s}.substory-card:nth-child(8){animation-delay:.38s}@keyframes worlds-fade-up{0%{opacity:0;transform:translateY(22px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes worlds-zoom-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media (width>=640px){.worlds-grid,.substory-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.worlds-grid,.substory-grid{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:reduce){.world-card,.substory-card,.world-art,.worlds-enter,.worlds-substory-enter{animation:none!important}}.ws-create-link{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.ws-card-cat{font-family:var(--font-display);color:oklch(100% 0 0);background:linear-gradient(135deg, var(--sky), var(--sky-deep));box-shadow:none;border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:12px;font-weight:500}.img-modal-backdrop{background:var(--ink);position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.img-modal-backdrop{background:color-mix(in oklch, var(--ink) 45%, transparent)}}.img-modal-backdrop{z-index:80;justify-content:center;align-items:center;padding:10px;display:flex}.img-modal{background:var(--card);box-shadow:0 18px 40px var(--ink);border:5px solid oklch(100% 0 0);border-radius:24px}@supports (color:color-mix(in lab, red, red)){.img-modal{box-shadow:0 18px 40px color-mix(in oklch, var(--ink) 22%, transparent)}}.img-modal{width:min(560px,100%);max-height:96vh;overflow:auto}.img-modal-wide{width:min(720px,100%)}.book-studio-modal{flex-direction:column;width:min(1080px,94vw);height:min(88vh,820px);max-height:88vh;display:flex;overflow:hidden}.book-studio-modal .img-modal-title{font-size:1.25rem;line-height:1.3}.book-studio-modal .img-modal-hint{font-size:.9rem;line-height:1.45}.book-studio-modal .img-modal-label,.book-studio-modal .book-studio-panel-label{font-size:.95rem}.book-studio-modal .book-studio-panel-note{font-size:.875rem;line-height:1.45}.book-studio-modal .book-studio-panel-chips{gap:8px}.book-studio-modal .book-studio-panel-chips .chip,.book-studio-modal .chip{min-height:40px;padding:8px 14px;font-size:.95rem}.book-studio-modal .story-field{padding:12px 14px;font-size:1.125rem;line-height:1.5}.book-studio-modal .auto-wizard-prompt-field{font-size:1.125rem;line-height:1.55}.book-studio-modal .tool-btn{height:40px;min-height:40px;max-height:40px;padding:0 14px;font-size:14px}.book-studio-modal .book-studio-modal-footer .btn{white-space:nowrap;flex:none;height:40px;min-height:40px;max-height:40px;padding:0 16px;font-size:14px}.book-studio-modal .book-studio-help-card{padding:18px 20px 20px}:is(.img-modal-backdrop:has(.book-studio-modal),.img-modal-backdrop:has(.auto-wizard)){padding:4px}.book-studio-modal-body{flex-direction:column;flex:1;gap:14px;min-height:0;max-height:none;display:flex;overflow:hidden}.book-studio-modal-settings{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:14px;min-height:0;padding-right:2px;display:grid;overflow:auto}.book-studio-modal-settings>.book-studio-help-card{margin:0}.book-studio-settings-form{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:14px 18px;min-height:0;padding:8px 4px 12px 0;display:grid;overflow:auto}.book-studio-settings-field{flex-direction:column;gap:10px;min-width:0;margin:0;display:flex}.book-studio-settings-field>span{color:var(--ink);font-size:.95rem;font-weight:700}@supports (color:color-mix(in lab, red, red)){.book-studio-settings-field>span{color:color-mix(in oklch, var(--ink) 78%, transparent)}}.book-studio-settings-field-span{grid-column:1/-1}.book-studio-settings-select{border:2px solid var(--ink);border-radius:14px;width:100%;height:44px;padding:0 12px}@supports (color:color-mix(in lab, red, red)){.book-studio-settings-select{border:2px solid color-mix(in oklch, var(--ink) 12%, transparent)}}.book-studio-settings-select{color:var(--ink);cursor:pointer;background:oklch(100% 0 0);font-size:1rem}.book-studio-seed-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.book-studio-seed-thumb{border:2px solid var(--ink);border-radius:18px;width:112px;height:112px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.book-studio-seed-thumb{border:2px solid color-mix(in oklch, var(--ink) 12%, transparent)}}.book-studio-seed-thumb{background:oklch(97% .01 80);flex-shrink:0}.book-studio-seed-thumb img{object-fit:cover;width:100%;height:100%;display:block}.book-studio-free-mode{position:relative}.book-studio-switch{border:2px solid var(--ink);border-radius:999px;align-items:center;gap:16px;width:max-content;min-height:72px;padding:8px 22px 8px 10px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.book-studio-switch{border:2px solid color-mix(in oklch, var(--ink) 12%, transparent)}}.book-studio-switch{cursor:pointer;font:inherit;color:var(--ink);background:oklch(96% .01 80)}.book-studio-switch.is-on{background:var(--coral)}@supports (color:color-mix(in lab, red, red)){.book-studio-switch.is-on{background:color-mix(in oklch, var(--coral) 22%, white)}}.book-studio-switch.is-on{border-color:var(--coral)}@supports (color:color-mix(in lab, red, red)){.book-studio-switch.is-on{border-color:color-mix(in oklch, var(--coral) 55%, transparent)}}.book-studio-switch-knob{background:var(--ink);border-radius:999px;width:56px;height:36px}@supports (color:color-mix(in lab, red, red)){.book-studio-switch-knob{background:color-mix(in oklch, var(--ink) 18%, white)}}.book-studio-switch-knob{flex-shrink:0;position:relative}.book-studio-switch-knob:after{content:"";background:#fff;border-radius:50%;width:28px;height:28px;transition:transform .16s;position:absolute;top:4px;left:4px;box-shadow:0 1px 4px #0000002e}.book-studio-switch.is-on .book-studio-switch-knob{background:var(--coral)}.book-studio-switch.is-on .book-studio-switch-knob:after{transform:translate(20px)}.book-studio-switch-label{font-size:1rem;font-weight:700}.book-studio-free-mode-tip{z-index:5;color:#fff;background:oklch(28% .03 60);border-radius:14px;max-width:min(520px,100%);padding:10px 14px;font-size:.9rem;font-weight:500;line-height:1.45;display:none;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 10px 28px #0000002e}.book-studio-free-mode:hover .book-studio-free-mode-tip,.book-studio-free-mode:focus-within .book-studio-free-mode-tip{display:block}.book-studio-modal .book-studio-settings-field .book-studio-panel-note{font-size:.875rem}.book-studio-modal-layout{flex:1;grid-template-columns:minmax(300px,.9fr) minmax(0,1.4fr);gap:16px;min-height:0;display:grid;overflow:hidden}.book-studio-modal-rail{flex-direction:column;gap:12px;min-height:0;padding-right:2px;display:flex;overflow:auto}.book-studio-modal-main{background:var(--paper-dark);border-radius:20px;flex-direction:column;gap:12px;min-height:0;padding:16px 18px 18px;display:flex;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.book-studio-modal-main{background:color-mix(in oklch, var(--paper-dark) 45%, oklch(100% 0 0))}}.book-studio-modal-main{border:2px solid var(--coral)}@supports (color:color-mix(in lab, red, red)){.book-studio-modal-main{border:2px solid color-mix(in oklch, var(--coral) 16%, transparent)}}.book-studio-modal-main .story-field{resize:none;flex:1;min-height:0;font-size:1.125rem;line-height:1.55}.book-studio-modal-footer{border-top:1px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:6px;display:flex}@supports (color:color-mix(in lab, red, red)){.book-studio-modal-footer{border-top:1px solid color-mix(in oklch, var(--ink) 10%, transparent)}}.book-studio-modal-footer{flex:none}.book-studio-modal-footer-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto;display:flex}.book-studio-cast-card{border-color:var(--coral)}@supports (color:color-mix(in lab, red, red)){.book-studio-cast-card{border-color:color-mix(in oklch, var(--coral) 40%, var(--line))}}.book-studio-cast-card{background:var(--sun)}@supports (color:color-mix(in lab, red, red)){.book-studio-cast-card{background:color-mix(in oklch, var(--sun) 28%, oklch(100% 0 0))}}.book-studio-cast-modal .book-studio-cast-rail{flex:1;width:100%;max-width:920px;min-height:0;margin:0 auto;overflow:auto}.book-studio-cast-filters{flex-direction:column;gap:12px;margin-top:8px;display:flex}.book-studio-modal .book-studio-cast-filters .story-field{height:auto;min-height:44px;padding:10px 12px;font-size:1rem;line-height:1.35}.book-studio-cast-gender{flex-wrap:wrap;gap:8px;display:flex}.book-studio-modal .book-studio-cast-gender .chip{padding:8px 14px;font-size:.95rem}.book-studio-cast-filter-selects{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.book-studio-cast-filter-field{flex-direction:column;gap:6px;min-width:0;display:flex}.book-studio-cast-filter-field>span{color:var(--ink);font-size:1.05rem;font-weight:700}@supports (color:color-mix(in lab, red, red)){.book-studio-cast-filter-field>span{color:color-mix(in oklch, var(--ink) 70%, transparent)}}.book-studio-cast-filter-select{cursor:pointer;width:100%}@media (width<=720px){.book-studio-cast-filter-selects{grid-template-columns:1fr}}.book-studio-cast-section{border-top:1px solid var(--ink);flex-direction:column;gap:10px;margin-top:14px;padding-top:12px;display:flex}@supports (color:color-mix(in lab, red, red)){.book-studio-cast-section{border-top:1px solid color-mix(in oklch, var(--ink) 10%, transparent)}}.book-studio-cast-section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.book-studio-cast-selected-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.book-studio-cast-chip{border:2px solid var(--coral);border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.book-studio-cast-chip{border:2px solid color-mix(in oklch, var(--coral) 35%, transparent)}}.book-studio-cast-chip{cursor:pointer;font:inherit;color:var(--ink);background:oklch(100% 0 0)}.book-studio-cast-chip img,.book-studio-cast-chip>span{object-fit:cover;background:var(--paper);border-radius:50%;place-items:center;width:36px;height:36px;display:grid}@supports (color:color-mix(in lab, red, red)){.book-studio-cast-chip img,.book-studio-cast-chip>span{background:color-mix(in oklch, var(--paper) 80%, var(--card))}}.book-studio-cast-chip img,.book-studio-cast-chip>span{flex:none}.book-studio-cast-chip em{font-size:1.15rem;font-style:normal;font-weight:700}.book-studio-cast-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:14px;display:grid}.book-studio-cast-pick{text-align:left;border:2px solid var(--ink);flex-direction:column;gap:8px;padding:0;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.book-studio-cast-pick{border:2px solid color-mix(in oklch, var(--ink) 10%, transparent)}}.book-studio-cast-pick{cursor:pointer;font:inherit;color:var(--ink);background:oklch(100% 0 0);border-radius:18px;transition:border-color .15s,box-shadow .15s;overflow:hidden}.book-studio-cast-pick:hover{border-color:var(--coral)}@supports (color:color-mix(in lab, red, red)){.book-studio-cast-pick:hover{border-color:color-mix(in oklch, var(--coral) 40%, transparent)}}.book-studio-cast-pick.is-selected{border-color:var(--coral)}@supports (color:color-mix(in lab, red, red)){.book-studio-cast-pick.is-selected{border-color:color-mix(in oklch, var(--coral) 70%, transparent)}}.book-studio-cast-pick.is-selected{box-shadow:0 0 0 3px var(--coral)}@supports (color:color-mix(in lab, red, red)){.book-studio-cast-pick.is-selected{box-shadow:0 0 0 3px color-mix(in oklch, var(--coral) 18%, transparent)}}.book-studio-cast-chip.is-busy,.book-studio-cast-pick.is-busy{opacity:.72}.book-studio-cast-pick-media{aspect-ratio:1;background:var(--paper);display:block}@supports (color:color-mix(in lab, red, red)){.book-studio-cast-pick-media{background:color-mix(in oklch, var(--paper) 70%, var(--card))}}.book-studio-cast-pick-media img{object-fit:cover;width:100%;height:100%;display:block}.book-studio-cast-pick-media>span{place-items:center;width:100%;height:100%;font-size:2rem;display:grid}.book-studio-cast-pick-copy{flex-direction:column;gap:2px;min-width:0;padding:0 12px 12px;display:flex}.book-studio-cast-pick-copy strong{font-size:1.25rem;line-height:1.25}.book-studio-cast-pick-copy small{color:var(--ink);font-size:.95rem}@supports (color:color-mix(in lab, red, red)){.book-studio-cast-pick-copy small{color:color-mix(in oklch, var(--ink) 62%, transparent)}}.book-studio-cast-pick-copy small{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.book-studio-cast-pick-badge{background:var(--coral);color:oklch(100% 0 0);border-radius:999px;padding:4px 10px;font-size:.85rem;font-weight:700;position:absolute;top:10px;right:10px}.book-studio-cast-slot{flex-direction:column;gap:6px;margin-top:10px;display:flex}.book-studio-cast-slot-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.book-studio-cast-slot-label{font-family:var(--font-display);color:var(--ink);font-size:1.35rem;font-weight:700}.book-studio-cast-slot-row{align-items:center;gap:10px;display:flex}.book-studio-cast-thumb{object-fit:cover;border:2px solid var(--ink);border-radius:14px;flex:none;width:56px;height:56px}@supports (color:color-mix(in lab, red, red)){.book-studio-cast-thumb{border:2px solid color-mix(in oklch, var(--ink) 12%, transparent)}}.book-studio-cast-thumb{background:var(--paper)}@supports (color:color-mix(in lab, red, red)){.book-studio-cast-thumb{background:color-mix(in oklch, var(--paper) 80%, var(--card))}}.book-studio-cast-thumb.is-empty{color:var(--ink-soft);place-items:center;font-size:1.4rem;display:grid}.book-studio-cast-select{flex:1;min-width:0;margin:0}.book-studio-cast-add{align-self:flex-start;margin-top:10px}.image-prompt-cast-locked{border:1px solid var(--ink);border-radius:12px;margin:0;padding:8px 12px}@supports (color:color-mix(in lab, red, red)){.image-prompt-cast-locked{border:1px solid color-mix(in oklch, var(--ink) 12%, transparent)}}.image-prompt-cast-locked{background:var(--paper)}@supports (color:color-mix(in lab, red, red)){.image-prompt-cast-locked{background:color-mix(in oklch, var(--paper) 70%, var(--card))}}.image-prompt-cast-locked{font-family:var(--font-display);color:var(--ink);font-size:1.15rem;font-weight:600}.image-prompt-cast-locked span,.image-prompt-cast-locked.is-empty{color:var(--ink-soft);font-weight:500}.auto-wizard-cast-note{background:var(--sun);border-radius:12px;margin:0 0 10px;padding:8px 12px}@supports (color:color-mix(in lab, red, red)){.auto-wizard-cast-note{background:color-mix(in oklch, var(--sun) 22%, transparent)}}.book-studio-plot-actions{border:2px solid var(--coral);border-radius:18px;flex-direction:column;gap:8px;margin:0 0 14px;padding:14px 16px;display:flex}@supports (color:color-mix(in lab, red, red)){.book-studio-plot-actions{border:2px solid color-mix(in oklch, var(--coral) 35%, var(--line))}}.book-studio-plot-actions{background:var(--sun)}@supports (color:color-mix(in lab, red, red)){.book-studio-plot-actions{background:color-mix(in oklch, var(--sun) 42%, oklch(100% 0 0))}}.book-studio-plot-actions .book-studio-plot-ai-btn{white-space:nowrap;width:100%;min-height:40px;box-shadow:none;border-radius:8px;align-self:stretch;padding:0 16px;font-size:.95rem;font-weight:500;line-height:1}.book-studio-plot-actions .book-studio-plot-ai-btn:disabled{box-shadow:none}@media (width<=900px){.book-studio-modal-settings,.book-studio-settings-form,.book-studio-modal-layout{grid-template-columns:1fr}.book-studio-modal-main .story-field{min-height:220px}}.auto-wizard{flex-direction:column;width:min(1080px,94vw);height:min(88vh,820px);max-height:88vh;display:flex;overflow:hidden}.auto-wizard .img-modal-title{font-size:1.25rem;line-height:1.3}.auto-wizard .img-modal-hint{font-size:.9rem;line-height:1.45}.auto-wizard .img-modal-label{font-size:.95rem}.auto-wizard .tool-btn{height:40px;min-height:40px;padding:0 14px;font-size:14px}.auto-wizard .chip{min-height:40px;padding:8px 14px;font-size:.95rem}.auto-wizard .auto-wizard-character-chips .chip{padding:6px 12px;font-size:.9rem}.auto-wizard .btn,.auto-wizard .btn-primary,.auto-wizard-footer .btn{white-space:nowrap;flex:none;height:40px;min-height:40px;max-height:40px;padding:0 16px;font-size:14px}.auto-wizard .story-field{padding:12px 14px;font-size:1.125rem;line-height:1.5}.auto-wizard .auto-wizard-prompt-field{font-size:1.125rem;line-height:1.55}.auto-wizard .auto-wizard-style-select{border-radius:14px;min-height:44px;padding:8px 12px;font-size:1rem}.auto-wizard .auto-wizard-thumb-empty,.auto-wizard .auto-wizard-thumb-style-label{font-size:.85rem}.auto-wizard .auto-wizard-thumb-style-sub{font-size:.75rem}.auto-wizard .spend-hint,.auto-wizard .spend-hint.is-compact{padding:8px 12px;font-size:.85rem}.auto-wizard .error-box{font-size:.95rem}.auto-wizard-body{flex-direction:column;flex:1;min-height:0;max-height:none;display:flex;overflow:hidden}.auto-wizard-body-vocab{gap:14px;position:relative;overflow-y:auto}.auto-wizard-body-vocab .vocab-style,.auto-wizard-body-vocab .vocab-cast,.auto-wizard-body-vocab .vocab-title-card,.auto-wizard-body-vocab .vocab-cover-pick{flex-shrink:0}.auto-wizard-prompt-field{white-space:pre-wrap;resize:vertical;flex:1;min-height:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.98rem;line-height:1.65}.auto-wizard-layout{flex:1;grid-template-columns:auto minmax(0,1fr);gap:14px;min-height:0;margin-top:6px;display:grid}.auto-wizard-rail{scrollbar-gutter:stable;flex-direction:column;gap:8px;max-height:100%;padding:2px 4px 2px 0;display:flex;overflow-y:auto}.auto-wizard.is-landscape .auto-wizard-rail{width:118px}.auto-wizard.is-portrait .auto-wizard-rail{width:92px}.auto-wizard-thumb{border:2px solid var(--line);background:var(--muted);border-radius:12px;flex:none;width:100%;padding:0;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.auto-wizard-thumb{background:color-mix(in oklch, var(--muted) 30%, var(--background))}}.auto-wizard-thumb{cursor:pointer;place-items:center;display:grid}.auto-wizard.is-landscape .auto-wizard-thumb{aspect-ratio:16/9}.auto-wizard.is-portrait .auto-wizard-thumb{aspect-ratio:9/16}.auto-wizard-thumb img{object-fit:cover;width:100%;height:100%;display:block}.auto-wizard-thumb:hover:not(:disabled){border-color:var(--sky-deep)}@supports (color:color-mix(in lab, red, red)){.auto-wizard-thumb:hover:not(:disabled){border-color:color-mix(in oklch, var(--sky-deep) 45%, var(--line))}}.auto-wizard-thumb:disabled{opacity:.7;cursor:default}.auto-wizard-thumb.active{border-color:var(--sky-deep);box-shadow:0 0 0 2px var(--sky-deep)}@supports (color:color-mix(in lab, red, red)){.auto-wizard-thumb.active{box-shadow:0 0 0 2px color-mix(in oklch, var(--sky-deep) 35%, transparent)}}.auto-wizard-thumb.is-empty{outline:1px dashed var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.auto-wizard-thumb.is-empty{outline:1px dashed color-mix(in oklch, var(--muted-foreground) 40%, transparent)}}.auto-wizard-thumb-empty{color:var(--muted-foreground);text-align:center;padding:4px;font-size:.72rem;line-height:1.2}.auto-wizard-thumb-style{background:var(--sky-deep)}@supports (color:color-mix(in lab, red, red)){.auto-wizard-thumb-style{background:color-mix(in oklch, var(--sky-deep) 12%, var(--card))}}.auto-wizard-thumb-style{flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px 4px;display:flex}.auto-wizard-thumb-style-label{font-family:var(--font-display);font-size:.85rem;font-weight:700}.auto-wizard-thumb-style-sub{color:var(--muted-foreground);font-size:.68rem}.auto-wizard-main{border-left:1px solid var(--line);flex-direction:column;min-width:0;min-height:0;padding-left:14px;display:flex;overflow:auto}.image-prompt-sections{flex-direction:column;flex:1;gap:16px;min-height:0;padding-bottom:8px;padding-right:4px;display:flex;overflow:auto}.image-prompt-section{flex-direction:column;gap:8px;margin:0;display:flex}.image-prompt-section-label{font-family:var(--font-display);color:var(--ink);flex-wrap:wrap;align-items:baseline;gap:8px 12px;font-size:1.05em;font-weight:700;display:flex}.image-prompt-section-hint{font-family:var(--font-body);color:var(--ink-soft);font-size:.72em;font-weight:500}.image-prompt-section-field{resize:vertical;min-height:4.5em;font-family:var(--font-body);white-space:pre-wrap;font-size:1.05rem;line-height:1.5}.auto-wizard .image-prompt-section-label{font-size:.95rem}.auto-wizard .image-prompt-section-hint{font-size:.85rem}.auto-wizard .image-prompt-section-field{border-width:3px;border-radius:16px;min-height:6em;padding:12px 14px;font-size:1.05rem;line-height:1.5}.auto-wizard .image-prompt-sections{gap:20px}.image-prompt-character-block{grid-template-columns:auto 1fr;align-items:start;gap:12px 14px;display:grid}.image-prompt-character-block-stack{grid-template-columns:1fr}.image-prompt-character-fields{flex-direction:column;gap:8px;min-width:0;display:flex}.image-prompt-slot-ref-list{flex-wrap:wrap;gap:10px;display:flex}.image-prompt-slot-ref{flex:none}.image-prompt-slot-ref-thumb,.image-prompt-slot-ref-add,.image-prompt-slot-ref-empty{aspect-ratio:1;border-radius:18px;width:112px;margin:0;position:relative;overflow:hidden}.image-prompt-slot-ref-thumb img{object-fit:cover;width:100%;height:100%;display:block}.image-prompt-slot-ref-add,.image-prompt-slot-ref-empty{border:3px dashed var(--coral)}@supports (color:color-mix(in lab, red, red)){.image-prompt-slot-ref-add,.image-prompt-slot-ref-empty{border:3px dashed color-mix(in oklch, var(--coral) 55%, transparent)}}.image-prompt-slot-ref-add,.image-prompt-slot-ref-empty{background:var(--sun)}@supports (color:color-mix(in lab, red, red)){.image-prompt-slot-ref-add,.image-prompt-slot-ref-empty{background:color-mix(in oklch, var(--sun) 22%, oklch(100% 0 0))}}.image-prompt-slot-ref-add,.image-prompt-slot-ref-empty{color:var(--ink);font-family:var(--font-display);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:1rem;font-weight:700;display:flex}.image-prompt-slot-ref-empty{cursor:default;color:var(--ink-soft);font-size:2rem}.image-prompt-slot-ref-add:disabled{opacity:.45;cursor:not-allowed}.auto-wizard .image-prompt-slot-ref-thumb,.auto-wizard .image-prompt-slot-ref-add,.auto-wizard .image-prompt-slot-ref-empty{border-radius:22px;width:min(140px,28vw)}.auto-wizard .image-prompt-slot-ref-add{font-size:1.35rem}@media (width<=720px){.image-prompt-character-block{grid-template-columns:1fr}}.image-prompt-character-select{width:100%;max-width:420px;margin-bottom:4px}.auto-wizard .image-prompt-character-select{border-width:3px;border-radius:18px;padding:12px 16px;font-size:1.6rem}.image-prompt-supporting-group{gap:12px}.image-prompt-supporting-row{flex-direction:column;gap:8px;display:flex;position:relative}.image-prompt-supporting-remove{z-index:1;background:var(--coral);border:2px solid oklch(100% 0 0);border-radius:999px;width:36px;height:36px;position:absolute;top:12px;right:12px}@supports (color:color-mix(in lab, red, red)){.image-prompt-supporting-remove{background:color-mix(in oklch, var(--coral) 88%, oklch(100% 0 0))}}.image-prompt-supporting-remove{color:oklch(100% 0 0);cursor:pointer;place-items:center;font-size:1.4rem;line-height:1;display:grid}.image-prompt-supporting-add{border:3px dashed var(--coral);border-radius:999px;align-self:flex-start;align-items:center;gap:8px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.image-prompt-supporting-add{border:3px dashed color-mix(in oklch, var(--coral) 55%, transparent)}}.image-prompt-supporting-add{background:var(--sun)}@supports (color:color-mix(in lab, red, red)){.image-prompt-supporting-add{background:color-mix(in oklch, var(--sun) 22%, oklch(100% 0 0))}}.image-prompt-supporting-add{color:var(--ink);font-family:var(--font-display);cursor:pointer;padding:10px 18px;font-size:1.1rem;font-weight:700}.image-prompt-supporting-add:disabled{opacity:.45;cursor:not-allowed}.auto-wizard .image-prompt-supporting-add{padding:12px 22px;font-size:1.6rem}.image-prompt-refs{border:4px solid var(--sky);border-radius:22px;padding:14px 16px 16px}@supports (color:color-mix(in lab, red, red)){.image-prompt-refs{border:4px solid color-mix(in oklch, var(--sky) 45%, transparent)}}.image-prompt-refs{background:var(--sky)}@supports (color:color-mix(in lab, red, red)){.image-prompt-refs{background:color-mix(in oklch, var(--sky) 10%, oklch(100% 0 0))}}.image-prompt-ref-thumbs{flex-wrap:wrap;gap:14px;margin-top:4px;display:flex}.image-prompt-ref-thumb{flex-direction:column;gap:8px;width:min(160px,42%);margin:0;display:flex;position:relative}.image-prompt-ref-thumb img,.image-prompt-ref-empty{aspect-ratio:1;object-fit:cover;border:1px solid var(--line);width:100%;box-shadow:none;background:var(--paper-dark);border-radius:18px}@supports (color:color-mix(in lab, red, red)){.image-prompt-ref-thumb img,.image-prompt-ref-empty{background:color-mix(in oklch, var(--paper-dark) 50%, oklch(100% 0 0))}}.image-prompt-ref-empty{font-family:var(--font-display);color:var(--ink-soft);place-items:center;font-size:2rem;display:grid}.image-prompt-ref-thumb figcaption{font-family:var(--font-display);flex-direction:column;gap:2px;line-height:1.25;display:flex}.image-prompt-ref-thumb figcaption strong{color:var(--ink);font-size:1.35rem}.image-prompt-ref-thumb figcaption span{color:var(--ink-soft);font-size:1.1rem}.image-prompt-ref-remove{z-index:2;background:var(--coral);border:2px solid oklch(100% 0 0);border-radius:999px;width:36px;height:36px;position:absolute;top:8px;right:8px}@supports (color:color-mix(in lab, red, red)){.image-prompt-ref-remove{background:color-mix(in oklch, var(--coral) 88%, oklch(100% 0 0))}}.image-prompt-ref-remove{color:oklch(100% 0 0);cursor:pointer;box-shadow:none;place-items:center;font-size:1.4rem;line-height:1;display:grid}.image-prompt-ref-add{aspect-ratio:1;border:3px dashed var(--coral);border-radius:18px;width:min(160px,42%)}@supports (color:color-mix(in lab, red, red)){.image-prompt-ref-add{border:3px dashed color-mix(in oklch, var(--coral) 55%, transparent)}}.image-prompt-ref-add{background:var(--sun)}@supports (color:color-mix(in lab, red, red)){.image-prompt-ref-add{background:color-mix(in oklch, var(--sun) 22%, oklch(100% 0 0))}}.image-prompt-ref-add{color:var(--ink);cursor:pointer;font-family:var(--font-display);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:1.2rem;display:flex}.image-prompt-ref-add span:first-child{color:var(--coral-deep);font-size:2.6rem;font-weight:700;line-height:1}.image-prompt-ref-add:disabled{opacity:.55;cursor:not-allowed}.auto-wizard .image-prompt-ref-thumb,.auto-wizard .image-prompt-ref-add{width:min(200px,46%)}.auto-wizard .image-prompt-ref-thumb figcaption strong{font-size:.85rem}.auto-wizard .image-prompt-ref-thumb figcaption span{font-size:.75rem}.auto-wizard .image-prompt-ref-add{font-size:.85rem}.auto-wizard .image-prompt-ref-add span:first-child{font-size:1.5rem}.auto-wizard-editor-head{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.auto-wizard-meta-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 10px;display:grid}@media (width<=720px){.auto-wizard-meta-row{grid-template-columns:1fr}}.auto-wizard-style-pick{border:none;flex-direction:column;gap:4px;min-width:0;margin:0;padding:0;display:flex}.auto-wizard-style-select{width:100%;font-family:var(--font-display);border:2px solid var(--ink);border-radius:14px;padding:8px 12px;font-size:14px}@supports (color:color-mix(in lab, red, red)){.auto-wizard-style-select{border:2px solid color-mix(in oklch, var(--ink) 12%, transparent)}}.auto-wizard-style-select{color:var(--ink);background:oklch(100% 0 0)}.auto-wizard-style-select:disabled{opacity:.55;cursor:not-allowed}.auto-wizard-character-chips{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.auto-wizard-character-chips .chip{font-size:.9rem}.auto-wizard-prompt-field-focus{flex:auto;min-height:min(42vh,320px)}.auto-wizard-thumb.has-audio{position:relative}.auto-wizard-thumb.has-audio:after{content:"▶";background:var(--sky-deep);border-radius:999px;width:18px;height:18px;position:absolute;bottom:4px;right:4px}@supports (color:color-mix(in lab, red, red)){.auto-wizard-thumb.has-audio:after{background:color-mix(in oklch, var(--sky-deep) 85%, black)}}.auto-wizard-thumb.has-audio:after{color:#fff;pointer-events:none;place-items:center;font-size:.62rem;line-height:1;display:grid}.auto-wizard-playbar{flex-shrink:0;align-items:center;gap:10px;margin-bottom:8px;display:flex}.auto-wizard-footer{border-top:1px solid var(--line);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding-top:12px;display:flex}.auto-wizard-footer-actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}@media (width<=720px){.auto-wizard-layout{grid-template-columns:1fr}.auto-wizard-rail{flex-direction:row;max-height:none;padding-bottom:6px;overflow:auto hidden;width:100%!important}.auto-wizard.is-landscape .auto-wizard-thumb,.auto-wizard.is-portrait .auto-wizard-thumb{flex:none;width:72px}.gallery-pick-wizard.is-landscape .auto-wizard-thumb,.gallery-pick-wizard.is-portrait .auto-wizard-thumb{width:96px}.auto-wizard-main{border-left:0;border-top:1px solid var(--line);padding-top:12px;padding-left:0}}.img-modal-tabs{border-bottom:1px solid var(--line);gap:6px;padding:10px 16px 0;display:flex}.img-modal-tab{font-family:var(--font-display);color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:8px 12px;font-size:.95rem}.img-modal-tab.active{color:var(--ink);border-bottom-color:var(--sky-deep)}.img-gallery-filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.img-gallery-filters .img-gallery-cat{min-width:160px}.img-gallery-filters .img-cat-picker-trigger{border-color:var(--line);border-radius:10px;height:36px}.img-gallery-select,.img-gallery-search{border:1px solid var(--line);background:var(--background);border-radius:10px;height:36px;padding:0 10px;font-size:.9rem}.img-gallery-search{flex:1;min-width:140px}.img-cat-picker{min-width:180px;position:relative}.img-cat-picker-trigger{border:1px solid var(--border,var(--line));background:var(--background);text-align:left;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;height:40px;padding:0 12px;font-size:.875rem;display:flex}.img-cat-picker-trigger:disabled{opacity:.55;cursor:not-allowed}.img-cat-picker-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.img-cat-picker-caret{color:var(--muted-foreground);flex-shrink:0}.img-cat-picker-menu{z-index:40;border:1px solid var(--border,var(--line));background:var(--card,white);min-width:max(100%,200px);box-shadow:0 12px 28px var(--ink,#111);border-radius:10px;position:absolute;top:calc(100% + 4px);left:0}@supports (color:color-mix(in lab, red, red)){.img-cat-picker-menu{box-shadow:0 12px 28px color-mix(in oklch, var(--ink,#111) 18%, transparent)}}.img-cat-picker-menu{padding:6px;overflow:visible}.img-cat-picker-scroll{max-height:min(45vh,260px);overflow:auto}.img-cat-picker-heading{letter-spacing:.02em;color:var(--muted-foreground);padding:6px 10px 4px;font-size:.72rem;font-weight:600}.img-cat-picker-item{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:.875rem;display:flex}.img-cat-picker-item:hover,.img-cat-picker-flyout.is-open>.img-cat-picker-parent,.img-cat-picker-flyout:hover>.img-cat-picker-parent{background:var(--muted,#f3f4f6)}.img-cat-picker-item.is-selected{background:var(--sky-deep,#0ea5e9)}@supports (color:color-mix(in lab, red, red)){.img-cat-picker-item.is-selected{background:color-mix(in oklch, var(--sky-deep,#0ea5e9) 14%, white)}}.img-cat-picker-item.is-selected{font-weight:600}.img-cat-picker-flyout{border-top:1px solid var(--border,var(--line));margin-top:4px;padding-top:4px;position:relative}.img-cat-picker-arrow{color:var(--muted-foreground);font-size:1.1rem;line-height:1}.img-cat-picker-submenu{z-index:80;border:1px solid var(--border,var(--line));background:var(--card,white);min-width:200px;max-height:min(70vh,420px);box-shadow:0 12px 28px var(--ink,#111);border-radius:10px;position:fixed;overflow:auto}@supports (color:color-mix(in lab, red, red)){.img-cat-picker-submenu{box-shadow:0 12px 28px color-mix(in oklch, var(--ink,#111) 18%, transparent)}}.img-cat-picker-submenu{padding:6px}.img-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-bottom:8px;display:grid}.gallery-pick-wizard.is-landscape .auto-wizard-rail{width:128px}.gallery-pick-wizard.is-portrait .auto-wizard-rail{width:108px}.gallery-pick-wizard .img-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.gallery-pick-wizard .img-gallery-card-label{font-size:1.05rem}.gallery-pick-wizard .img-gallery-like-btn{height:40px;font-size:1rem}.img-gallery-card{border:2px solid var(--line);background:var(--card);border-radius:14px;flex-direction:column;gap:6px;display:flex}@supports (color:color-mix(in lab, red, red)){.img-gallery-card{background:color-mix(in oklch, var(--card) 88%, white)}}.img-gallery-card{text-align:left;padding:6px;overflow:hidden}.img-gallery-card-main{text-align:left;cursor:pointer;color:inherit;font:inherit;background:0 0;border:0;flex-direction:column;gap:6px;padding:0;display:flex}.img-gallery-card:hover:not(:has(:disabled)){border-color:var(--sky-deep)}.img-gallery-card.is-selected{border-color:var(--coral);box-shadow:0 0 0 2px var(--coral)}@supports (color:color-mix(in lab, red, red)){.img-gallery-card.is-selected{box-shadow:0 0 0 2px color-mix(in oklch, var(--coral) 35%, transparent)}}.img-gallery-card-main:disabled{opacity:.55;cursor:wait}.img-gallery-card img{aspect-ratio:1;object-fit:cover;border-radius:10px;width:100%;display:block}.img-gallery-like-btn{border:1px solid var(--line);cursor:pointer;height:36px;color:var(--ink);background:oklch(98% .01 80);border-radius:10px;align-self:stretch;font-size:22px}.img-gallery-order{gap:10px;margin:0 0 12px;padding:8px 4px 12px;list-style:none;display:flex;overflow-x:auto}.img-gallery-order-item{cursor:grab;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;width:108px;display:flex}.img-gallery-order-item img,.img-gallery-order-item>span:not(.img-gallery-order-n){object-fit:cover;border:2px solid var(--line);background:var(--muted);border-radius:12px;justify-content:center;align-items:center;width:96px;height:96px;display:flex}.img-gallery-order-n{font-size:22px;font-weight:700}.img-gallery-order-move{gap:4px;display:flex}.img-gallery-card-label{color:var(--ink);flex-direction:column;gap:2px;font-size:.82rem;font-weight:600;line-height:1.25;display:flex}.img-gallery-card-label small{color:var(--muted-foreground);font-size:.72rem;font-weight:400}.img-gallery-pick-footer{border-top:1px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding-top:10px;display:flex}@supports (color:color-mix(in lab, red, red)){.img-gallery-pick-footer{border-top:1px solid color-mix(in oklch, var(--ink) 10%, transparent)}}.image-asset-admin-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.image-asset-admin-card{border:1px solid var(--border);background:var(--card);border-radius:12px;overflow:hidden}.image-asset-admin-thumb{background:var(--muted);justify-content:center;align-items:center;min-height:140px;display:flex;position:relative}.image-asset-admin-embed-badge{z-index:1;letter-spacing:.01em;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700;line-height:1.3;position:absolute;top:8px;left:8px}.image-asset-admin-embed-badge.is-ready{color:oklch(28% .08 145);background:oklch(75.36% .1408 145)}.image-asset-admin-embed-badge.is-missing{color:oklch(32% .08 55);background:oklch(80.2% .108 75)}.image-asset-admin-thumb.landscape{aspect-ratio:16/9}.image-asset-admin-thumb.portrait{aspect-ratio:9/16;max-height:280px;margin-inline:auto}.image-asset-admin-thumb img{object-fit:cover;width:100%;height:100%}.image-asset-admin-meta{gap:6px;padding:10px 12px 12px;display:grid}.image-asset-admin-title{background:0 0;border:1px solid #0000;border-radius:6px;width:100%;padding:2px 4px;font-size:.95rem;font-weight:600}.image-asset-admin-title:focus{border-color:var(--border);background:var(--background);outline:none}.image-asset-admin-sub,.image-asset-admin-tags{color:var(--muted-foreground);font-size:.8rem;line-height:1.35}.asset-prompt{margin-top:6px;font-size:.78rem}.asset-prompt summary{cursor:pointer;color:var(--muted-foreground);-webkit-user-select:none;user-select:none}.asset-prompt-body{white-space:pre-wrap;word-break:break-word;max-height:12rem;color:inherit;background:oklch(97% .01 250);border-radius:8px;margin:6px 0 0;padding:8px;font-family:inherit;font-size:.75rem;line-height:1.4;overflow:auto}.image-asset-admin-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.img-modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.spend-hint{border-bottom:1px solid var(--line);background:var(--sun);flex-wrap:wrap;align-items:center;gap:6px 8px;padding:10px 16px;display:flex}@supports (color:color-mix(in lab, red, red)){.spend-hint{background:color-mix(in oklch, var(--sun) 18%, white)}}.spend-hint{font-family:var(--font-display);color:var(--ink);font-size:13px}.spend-hint.is-compact{background:var(--sun);border:0;border-radius:999px;width:100%;margin:0 0 4px;padding:6px 10px}@supports (color:color-mix(in lab, red, red)){.spend-hint.is-compact{background:color-mix(in oklch, var(--sun) 22%, white)}}.spend-hint.is-compact{font-size:12px}.spend-hint-item b{color:var(--coral-deep);font-weight:700}.spend-hint-sep{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.spend-hint-sep{color:color-mix(in oklch, var(--ink) 40%, transparent)}}.spend-hint-link{color:var(--coral-deep);text-underline-offset:2px;margin-left:auto;font-weight:600;text-decoration:underline}.img-modal-title{font-family:var(--font-display);color:var(--ink);font-size:18px}.img-modal-aspect{color:var(--ink);font-size:14px}@supports (color:color-mix(in lab, red, red)){.img-modal-aspect{color:color-mix(in oklch, var(--ink) 55%, transparent)}}.img-modal-aspect{font-weight:500}.img-modal-body{flex-direction:column;gap:12px;padding:16px;display:flex}.img-modal-label{font-family:var(--font-display);color:var(--ink);font-size:14px}.img-modal-row{flex-wrap:wrap;gap:10px;display:flex}.img-modal-preview{flex-direction:column;gap:10px;display:flex}.img-modal-preview img{border:1px solid var(--line);border-radius:16px;width:100%}.img-modal-divider{text-align:center;font-family:var(--font-display);color:var(--ink);font-size:13px}@supports (color:color-mix(in lab, red, red)){.img-modal-divider{color:color-mix(in oklch, var(--ink) 55%, transparent)}}@media print{.img-modal-backdrop{display:none}}.img-modal-hint{color:var(--ink);font-size:.82rem}@supports (color:color-mix(in lab, red, red)){.img-modal-hint{color:color-mix(in srgb, var(--ink) 60%, transparent)}}.img-modal-hint{line-height:1.5}.ref-thumbs{flex-wrap:wrap;gap:.5rem;display:flex}.ref-thumb{border:1px solid var(--ink);border-radius:.75rem;width:84px;height:84px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.ref-thumb{border:1px solid color-mix(in srgb, var(--ink) 15%, transparent)}}.ref-thumb img{object-fit:cover;width:100%;height:100%}.ref-thumb-x{cursor:pointer;background:var(--paper);border:0;border-radius:999px;padding:2px 8px;font-size:.7rem;position:absolute;bottom:4px;right:4px}@supports (color:color-mix(in lab, red, red)){.ref-thumb-x{background:color-mix(in srgb, var(--paper) 85%, transparent)}}.ref-thumb-x{color:var(--ink)}.ref-upload{cursor:pointer;justify-content:center;align-self:flex-start;align-items:center;display:inline-flex}.tb-fs-badge{background:var(--ink);border-radius:999px;padding:.3rem .5rem;font-size:.72rem;font-weight:600;line-height:1;position:absolute;top:.5rem;right:.5rem}@supports (color:color-mix(in lab, red, red)){.tb-fs-badge{background:color-mix(in srgb, var(--ink) 82%, transparent)}}.tb-fs-badge{color:var(--paper);pointer-events:none;white-space:nowrap;z-index:10}.reader-audio{justify-content:center;align-items:center;gap:.75rem;margin-top:.75rem;display:flex}.reader-audio .btn{border-radius:8px;height:40px;min-height:40px;padding:0 16px;font-size:14px}.reader-audio-error{color:hsl(var(--destructive));font-size:.95rem}.admin-shell{font-family:var(--font-body);color:var(--ink,hsl(var(--foreground)));font-size:22px;line-height:1.45}.admin-shell-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink,hsl(var(--foreground)));margin:0;font-size:48px;font-weight:700;line-height:1.15}.admin-shell-blurb{color:var(--ink,hsl(var(--foreground)));margin:6px 0 0;font-size:24px}@supports (color:color-mix(in lab, red, red)){.admin-shell-blurb{color:color-mix(in oklch, var(--ink,hsl(var(--foreground))) 55%, transparent)}}.admin-shell-tab{border-radius:14px;font-size:24px}.admin-shell-btn,.admin-shell button,.admin-shell [role=button]{min-height:48px;line-height:1.25;border-radius:14px!important;height:auto!important;padding:12px 20px!important;font-size:22px!important}.admin-shell button.h-8,.admin-shell button[class*=size-sm],.admin-shell .admin-shell-btn{min-height:48px;font-size:22px!important}.admin-shell h2,.admin-shell .text-lg{font-family:var(--font-display);line-height:1.25;font-size:32px!important}.admin-shell h3{font-size:26px!important}.admin-shell p,.admin-shell .text-sm,.admin-shell .text-muted-foreground,.admin-shell label,.admin-shell [data-slot=label]{line-height:1.45;font-size:22px!important}.admin-shell .text-xs{font-size:18px!important}.admin-shell .text-2xl{font-size:40px!important}.admin-shell input,.admin-shell textarea,.admin-shell select,.admin-shell [data-slot=input],.admin-shell [data-slot=textarea]{border-radius:12px;min-height:48px;line-height:1.4;padding:10px 14px!important;font-size:22px!important}.admin-shell textarea{min-height:120px}.admin-shell table,.admin-shell th,.admin-shell td,.admin-shell [data-slot=table-cell],.admin-shell [data-slot=table-head]{line-height:1.4;font-size:20px!important}.admin-shell th,.admin-shell [data-slot=table-head]{font-weight:700}.admin-shell td,.admin-shell th{padding-top:14px!important;padding-bottom:14px!important}.admin-shell .chip,.admin-shell .tool-btn{padding:10px 16px;font-size:22px}.admin-shell .image-asset-admin-title{font-size:22px!important}.admin-shell .image-asset-admin-sub,.admin-shell .image-asset-admin-tags{font-size:18px!important}.admin-shell .h-9{min-height:48px;height:auto!important;font-size:22px!important}:is(body:has(.admin-shell) [role=dialog],body:has(.admin-shell) [data-radix-dialog-content]){font-family:var(--font-body);font-size:22px;line-height:1.45}body:has(.admin-shell) [role=dialog] h2{font-family:var(--font-display);line-height:1.25;font-size:32px!important}body:has(.admin-shell) [data-radix-dialog-content] h2{font-family:var(--font-display);line-height:1.25;font-size:32px!important}body:has(.admin-shell) [data-radix-dialog-title]{font-family:var(--font-display);line-height:1.25;font-size:32px!important}body:has(.admin-shell) [role=dialog] p{font-size:22px!important}body:has(.admin-shell) [data-radix-dialog-description]{font-size:22px!important}body:has(.admin-shell) [role=dialog] label{font-size:22px!important}:is(body:has(.admin-shell) [role=dialog] button,body:has(.admin-shell) [data-radix-dialog-content] button){min-height:48px;border-radius:14px!important;height:auto!important;padding:12px 20px!important;font-size:22px!important}:is(body:has(.admin-shell) [role=dialog] input,body:has(.admin-shell) [role=dialog] textarea,body:has(.admin-shell) [role=dialog] select){min-height:48px;padding:10px 14px!important;font-size:22px!important}.br{--br-paper:oklch(99.5% .004 240);--br-paper-2:oklch(97.5% .012 240);--br-ink:oklch(26% .048 262);--br-ink-2:oklch(52% .031 258);--br-ink-3:oklch(63% .024 256);--br-rule:oklch(91.6% .013 250);--br-accent:oklch(63% .163 250);--br-accent-deep:oklch(55% .163 253);--br-accent-wash:oklch(95% .032 245);--br-love:oklch(62% .19 20);--br-bar-h:60px;--br-rail-w:208px;background:var(--br-paper);min-height:100vh;color:var(--br-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}.br :where(h1,h2,h3){font-family:var(--font-display);letter-spacing:-.015em;margin:0;font-weight:600}.br :where(p,ul,ol){margin:0}.br :where(a){color:inherit;text-decoration:none}.br :where(a,button,input,select):focus-visible{outline:2px solid var(--br-accent);outline-offset:2px;border-radius:10px}.br-bar{z-index:30;height:var(--br-bar-h);padding-left:max(14px, env(safe-area-inset-left,0px));padding-right:max(14px, env(safe-area-inset-right,0px));-webkit-backdrop-filter:saturate(160%)blur(12px);border-bottom:1px solid var(--br-rule);background:oklch(99.5% .004 240/.88);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid;position:sticky;top:0}.br-brand{font-family:var(--font-display);white-space:nowrap;align-items:center;gap:9px;font-size:1rem;font-weight:600;display:inline-flex}.br-brand img{border-radius:999px;display:block}.br-brand span{text-overflow:ellipsis;max-width:min(42vw,11.5rem);display:inline;overflow:hidden}.br-search{align-items:center;width:min(100%,560px);margin-inline:auto;display:flex;position:relative}.br-search-icon{width:18px;height:18px;color:var(--br-ink-3);pointer-events:none;place-items:center;display:grid;position:absolute;left:13px}.br-search-icon svg{width:100%;height:100%}.br-search input{border:1px solid var(--br-rule);width:100%;height:40px;color:var(--br-ink);font:inherit;background:oklch(100% 0 0);border-radius:999px;padding:0 14px 0 38px;font-size:.95rem}.br-search input::placeholder{color:var(--br-ink-3)}.br-search input:focus{border-color:var(--br-accent)}.br-search input::-webkit-search-cancel-button{cursor:pointer}.br-bar-actions{align-items:center;gap:8px;display:flex}.br-create{background:var(--br-accent);color:oklch(100% 0 0);height:38px;font-family:var(--font-display);white-space:nowrap;transition:background-color .16s var(--ease-out);border-radius:999px;align-items:center;gap:6px;padding-inline:14px;font-size:.9rem;font-weight:500;display:inline-flex}.br-create:hover{background:var(--br-accent-deep)}.br-create svg{flex:none;width:17px;height:17px}.br-create span{display:none}.br-lang,.br-signin{border:1px solid var(--br-rule);height:38px;color:var(--br-ink-2);font-family:var(--font-display);cursor:pointer;white-space:nowrap;background:oklch(100% 0 0);border-radius:999px;align-items:center;padding-inline:12px;font-size:.82rem;font-weight:500;display:inline-flex}.br-lang:hover,.br-signin:hover{border-color:var(--br-accent);color:var(--br-accent-deep)}.br-signin{display:none}.br-body{display:block}.br-rail{display:none}.br-rail-item{color:var(--br-ink-2);transition:background-color .14s var(--ease-out), color .14s var(--ease-out);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;font-size:.92rem;display:flex}.br-rail-item svg{flex:none;width:21px;height:21px}.br-rail-item:hover{background:var(--br-paper-2);color:var(--br-ink)}.br-rail-item.is-on{background:var(--br-accent-wash);color:var(--br-accent-deep);font-weight:600}.br-main{padding:16px 14px 64px}.br-filters{flex-wrap:wrap;align-items:center;gap:10px;padding-bottom:16px;display:flex}.br-filters-pinned{flex:none;gap:8px;display:flex}.br-select{border:1px solid var(--br-rule);height:34px;color:var(--br-ink-2);background:oklch(100% 0 0);border-radius:999px;align-items:center;gap:6px;padding:0 10px 0 12px;font-size:.85rem;display:inline-flex}.br-select>span{color:var(--br-ink-3);white-space:nowrap}.br-select select{font:inherit;color:var(--br-ink);cursor:pointer;background:0 0;border:0;max-width:110px;font-weight:500}.br-chips{scrollbar-width:none;flex:240px;gap:8px;min-width:0;padding-bottom:2px;display:flex;overflow-x:auto}.br-chips::-webkit-scrollbar{display:none}.br-chip{border:1px solid var(--br-rule);height:34px;color:var(--br-ink);white-space:nowrap;cursor:pointer;transition:background-color .14s var(--ease-out), border-color .14s var(--ease-out), color .14s var(--ease-out);background:oklch(100% 0 0);border-radius:999px;flex:none;align-items:center;gap:6px;padding-inline:14px;font-size:.87rem;display:inline-flex}.br-chip:hover{border-color:oklch(85% .05 248)}.br-chip.is-on{background:var(--br-ink);border-color:var(--br-ink);color:oklch(100% 0 0)}.br-chip-quiet.is-on{background:var(--br-accent-wash);border-color:var(--br-accent);color:var(--br-accent-deep)}.br-filters-tail{flex:none;align-items:center;gap:8px;display:flex}.br-clear{color:var(--br-ink-3);font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;font-size:.85rem;text-decoration:underline}.br-clear:hover{color:var(--br-ink)}.br-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:26px 16px;display:grid}.br-card{flex-direction:column;min-width:0;display:flex;position:relative}.br-card-art{aspect-ratio:16/9;background:var(--br-paper-2);border-radius:14px;display:block;position:relative;overflow:hidden}.br-card-img,.br-card-art img{object-fit:cover;width:100%;height:100%;transition:transform .28s var(--ease-out);display:block}.br-card:hover .br-card-art img{transform:scale(1.03)}.br-card-pages{color:oklch(100% 0 0);font-variant-numeric:tabular-nums;background:oklch(20% .02 260/.82);border-radius:6px;padding:2px 7px;font-size:.72rem;position:absolute;bottom:7px;right:7px}.br-card-body{padding:10px 34px 0 2px}.br-card-title{-webkit-line-clamp:2;line-clamp:2;font-family:var(--font-display);color:var(--br-ink);-webkit-box-orient:vertical;font-size:.98rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.br-card-title:hover{color:var(--br-accent-deep)}.br-card-meta{color:var(--br-ink-2);margin-top:4px;font-size:.84rem}.br-dot{color:var(--br-ink-3)}.br-love{color:var(--br-ink-3);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:4px 2px 4px 6px;font-size:.8rem;display:inline-flex;position:absolute;bottom:0;right:0}.br-love svg{width:17px;height:17px}.br-love:hover,.br-love.is-on{color:var(--br-love)}.br-card.is-skeleton .br-card-art{background:linear-gradient(90deg, var(--br-paper-2), oklch(99% .006 240), var(--br-paper-2));background-size:200% 100%;animation:1.3s linear infinite br-shimmer}.br-skel-line{background:var(--br-paper-2);border-radius:6px;height:11px;margin-top:8px;display:block}.br-skel-line.is-short{width:55%}@keyframes br-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.br-state{text-align:center;color:var(--br-ink-2);justify-items:center;gap:8px;padding:72px 20px;display:grid}.br-state-title{font-family:var(--font-display);color:var(--br-ink);font-size:1.1rem;font-weight:600}.br-btn{border:1px solid var(--br-rule);height:40px;color:var(--br-ink);font-family:var(--font-display);cursor:pointer;background:oklch(100% 0 0);border-radius:999px;margin-top:8px;padding-inline:20px;font-size:.92rem;font-weight:500}.br-btn:hover:not(:disabled){border-color:var(--br-accent);color:var(--br-accent-deep)}.br-btn:disabled{opacity:.6;cursor:default}.br-more{justify-content:center;padding-top:34px;display:flex}@media (width>=560px){.br-brand span{max-width:none}.br-create span{display:inline}.br-main{padding-inline:20px}}@media (width>=900px){.br-bar{gap:20px;padding-inline:20px}.br-signin{display:inline-flex}.br-body{grid-template-columns:var(--br-rail-w) minmax(0, 1fr);display:grid}.br-rail{top:var(--br-bar-h);height:calc(100vh - var(--br-bar-h));flex-direction:column;align-self:start;gap:3px;padding:14px 10px;display:flex;position:sticky;overflow-y:auto}.br-main{padding:20px 24px 80px}.br-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:30px 18px}}@media (prefers-reduced-motion:reduce){.br *,.br :before,.br :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.br-card:hover .br-card-art img{transform:none}}.br-showcase{margin-bottom:30px}.br-showcase-title{color:var(--br-ink);margin-bottom:12px;font-size:1.02rem}.br-reel{scroll-snap-type:x mandatory;scrollbar-width:none;padding-inline:14px;gap:10px;margin-inline:-14px;padding-bottom:4px;display:flex;overflow-x:auto}.br-reel::-webkit-scrollbar{display:none}.br-reel li{scroll-snap-align:start;flex:none}.br-reel-card{aspect-ratio:9/16;background:var(--br-paper-2);border-radius:14px;width:132px;display:block;position:relative;overflow:hidden}.br-reel-img,.br-reel-card img{object-fit:cover;width:100%;height:100%;display:block}.br-reel-caption{color:oklch(100% 0 0);background:linear-gradient(#0000,oklch(20% .02 260/.82));padding:22px 9px 9px;font-size:.78rem;font-weight:500;line-height:1.3;position:absolute;inset:auto 0 0}.br-reel-caption>span{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.br-reel-badge{color:oklch(100% 0 0);font-variant-numeric:tabular-nums;background:oklch(20% .02 260/.78);border-radius:999px;align-items:center;gap:3px;padding:3px 7px;font-size:.7rem;display:inline-flex;position:absolute;top:7px;left:7px}.br-reel-badge svg{width:11px;height:11px}.br-card-clip{align-items:center;margin-right:4px;display:inline-flex}.br-card-clip svg{width:10px;height:10px}@media (width>=560px){.br-reel{margin-inline:-20px;padding-inline:20px}}@media (width>=900px){.br-reel{margin-inline:0;padding-inline:0}.br-reel-card{width:150px}}.vocab-title-card{border:1px solid var(--line);padding:12px;display:block}@supports (color:color-mix(in lab, red, red)){.vocab-title-card{border:1px solid color-mix(in oklch, var(--line) 80%, transparent)}}.vocab-title-card{background:var(--paper);border-radius:14px}@supports (color:color-mix(in lab, red, red)){.vocab-title-card{background:color-mix(in oklch, var(--paper) 88%, var(--wash))}}.vocab-title-fields{flex-direction:column;gap:8px;min-width:0;display:flex}.vocab-title-field{min-width:0;color:var(--ink-soft);flex-direction:column;gap:4px;font-size:.78rem;display:flex}.vocab-title-langs{grid-template-columns:1fr 1fr;gap:8px;display:grid}.vocab-title-select{border:1px solid var(--line);background:var(--paper);width:100%;min-height:36px;color:var(--ink);border-radius:8px;padding:4px 8px}.vocab-cover-pick{border:1px solid var(--line);flex-direction:column;gap:10px;padding:12px;display:flex}@supports (color:color-mix(in lab, red, red)){.vocab-cover-pick{border:1px solid color-mix(in oklch, var(--line) 80%, transparent)}}.vocab-cover-pick{background:var(--paper);border-radius:14px}@supports (color:color-mix(in lab, red, red)){.vocab-cover-pick{background:color-mix(in oklch, var(--paper) 88%, var(--wash))}}.vocab-cover-pick-head{flex-direction:column;gap:4px;display:flex}.vocab-cover-pick-head strong{font-size:.95rem}.vocab-cover-pick-head span{color:var(--ink-soft);font-size:.88rem;line-height:1.4}.vocab-cover-pick-current{border:1px solid var(--line);border-radius:12px;width:min(220px,100%);overflow:hidden}.vocab-cover-pick-current img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.vocab-cover-thumbs{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;display:grid}.vocab-cover-thumb{background:var(--paper);cursor:pointer;border:2px solid #0000;border-radius:10px;flex-direction:column;min-width:0;margin:0;padding:0;display:flex;overflow:hidden}.vocab-cover-thumb.is-selected{border-color:var(--brand,oklch(70% .15 250))}.vocab-cover-thumb img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.vocab-cover-thumb span{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;padding:4px 6px;font-size:.72rem;overflow:hidden}.vocab-cover-pick-actions{flex-wrap:wrap;gap:8px;display:flex}.vocab-cast{border:1px solid var(--line);flex-direction:column;gap:10px;padding:12px;display:flex}@supports (color:color-mix(in lab, red, red)){.vocab-cast{border:1px solid color-mix(in oklch, var(--line) 80%, transparent)}}.vocab-cast{background:var(--paper);border-radius:14px}@supports (color:color-mix(in lab, red, red)){.vocab-cast{background:color-mix(in oklch, var(--paper) 88%, var(--wash))}}.vocab-cast-head{flex-direction:column;gap:2px;display:flex}.vocab-cast-head strong{font-size:.95rem}.vocab-cast-head span,.vocab-cast-empty{color:var(--ink-soft);margin:0;font-size:.8rem}.vocab-cast-tabs{gap:6px;display:flex}.vocab-cast-tab{border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:.85rem}.vocab-cast-tab.is-active{border-color:var(--coral)}@supports (color:color-mix(in lab, red, red)){.vocab-cast-tab.is-active{border-color:color-mix(in oklch, var(--coral) 50%, var(--line))}}.vocab-cast-tab.is-active{background:var(--sun)}@supports (color:color-mix(in lab, red, red)){.vocab-cast-tab.is-active{background:color-mix(in oklch, var(--sun) 40%, var(--paper))}}.vocab-cast-filters{flex-direction:column;gap:8px;display:flex}.vocab-cast-thumbs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}.vocab-cast-thumb{aspect-ratio:1;border:2px solid var(--ink);width:100%;padding:0;display:block;position:relative}@supports (color:color-mix(in lab, red, red)){.vocab-cast-thumb{border:2px solid color-mix(in oklch, var(--ink) 12%, transparent)}}.vocab-cast-thumb{background:var(--paper);border-radius:12px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.vocab-cast-thumb{background:color-mix(in oklch, var(--paper) 70%, var(--card))}}.vocab-cast-thumb{cursor:pointer}.vocab-cast-thumb img,.vocab-cast-thumb>span{object-fit:cover;object-position:center 18%;width:100%;height:100%;display:block}.vocab-cast-thumb>span{place-items:center;font-size:1.6rem;display:grid}.vocab-cast-thumb.is-selected{border-color:var(--coral)}@supports (color:color-mix(in lab, red, red)){.vocab-cast-thumb.is-selected{border-color:color-mix(in oklch, var(--coral) 70%, transparent)}}.vocab-cast-thumb.is-selected{box-shadow:0 0 0 3px var(--coral)}@supports (color:color-mix(in lab, red, red)){.vocab-cast-thumb.is-selected{box-shadow:0 0 0 3px color-mix(in oklch, var(--coral) 18%, transparent)}}.vocab-cast-thumb.is-busy{opacity:.72}.vocab-cast-thumb-mark{background:var(--coral);border-radius:999px;padding:2px 6px;position:absolute;bottom:6px;left:6px;right:6px}@supports (color:color-mix(in lab, red, red)){.vocab-cast-thumb-mark{background:color-mix(in oklch, var(--coral) 88%, black)}}.vocab-cast-thumb-mark{color:oklch(100% 0 0);font-size:.68rem;font-weight:700}.vocab-table-wrap{flex-direction:column;gap:12px;min-width:0;display:flex}.vocab-table-head{flex-direction:column;align-items:stretch;gap:10px;display:flex}.vocab-table-note{color:var(--ink-soft);margin:0;font-size:.92rem;line-height:1.45}.vocab-table-error{color:oklch(50% .18 25);background:oklch(62.7955% .257683 29.2339/.1);border-radius:8px;margin:0;padding:8px 10px;font-size:.9rem}.vocab-table-scroll{border:1px solid var(--br-rule,oklch(90% .01 240));border-radius:10px;max-height:46vh;overflow:auto}.vocab-table{border-collapse:collapse;width:100%}.vocab-table th,.vocab-table td{text-align:left;border-bottom:1px solid var(--br-rule,oklch(90% .01 240));padding:6px 8px}.vocab-table th{z-index:1;background:var(--paper,oklch(100% 0 0));color:var(--ink-soft);font-size:.85rem;font-weight:600;position:sticky;top:0}.vocab-table-num{width:2.5rem;color:var(--ink-soft);font-variant-numeric:tabular-nums}.vocab-table-act{width:2.5rem}.vocab-table-input{border:1px solid var(--br-rule,oklch(88% .01 240));background:var(--paper,oklch(100% 0 0));width:100%;min-width:8rem;color:inherit;font:inherit;border-radius:8px;padding:7px 9px}.vocab-table-input:focus{outline:2px solid var(--brand,oklch(70% .15 250));outline-offset:1px}.vocab-table tr.is-incomplete .vocab-table-input{border-color:orange}@supports (color:color-mix(in lab, red, red)){.vocab-table tr.is-incomplete .vocab-table-input{border-color:color-mix(in oklch, orange 45%, var(--br-rule,oklch(88% .01 240)))}}.vocab-table-del{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 7px;line-height:1}.vocab-table-del:hover{color:oklch(50% .18 25);background:oklch(62.7955% .257683 29.2339/.12)}.vocab-table-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.vocab-table-count{color:var(--ink-soft);font-size:.9rem}.vocab-arrange-veil{z-index:8;background:var(--paper);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.vocab-arrange-veil{background:color-mix(in oklch, var(--paper) 82%, transparent)}}.vocab-arrange-veil{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-align:center;padding:24px}.vocab-arrange-veil strong{font-variant-numeric:tabular-nums;font-size:1.6rem}.vocab-arrange-veil span{color:var(--ink-soft);font-size:.95rem}.vocab-arrange-spin{border:4px solid var(--ink);border-radius:50%;width:42px;height:42px}@supports (color:color-mix(in lab, red, red)){.vocab-arrange-spin{border:4px solid color-mix(in oklch, var(--ink) 12%, transparent)}}.vocab-arrange-spin{border-top-color:var(--coral);animation:.8s linear infinite vocab-arrange-spin}@keyframes vocab-arrange-spin{to{transform:rotate(1turn)}}.vocab-table-cell{align-items:center;gap:6px;display:flex}.vocab-table-play{border:1px solid var(--br-rule,oklch(88% .01 240));width:30px;height:30px;color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:999px;flex:none;place-items:center;font-size:.8rem;line-height:1;display:grid}.vocab-table-play.is-ready{border-color:var(--brand,oklch(70% .15 250));color:var(--brand,oklch(70% .15 250))}.vocab-table-play:disabled{opacity:.45;cursor:default}.vocab-table-word{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.vocab-table-pinyin{color:var(--ink-soft);padding-left:10px;font-size:.78rem;line-height:1.2}.vocab-table-audio{width:100%;height:36px;margin-bottom:10px}.vocab-table-audio-offscreen{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.vocab-table-opts{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.vocab-table-opt{color:var(--ink-soft);white-space:nowrap;align-items:center;gap:6px;font-size:.9rem;display:flex}.vocab-table-opt-check{cursor:pointer}.vocab-table-count-input{border:1px solid var(--br-rule,oklch(88% .01 240));background:var(--paper,oklch(100% 0 0));width:4.5rem;color:inherit;font:inherit;border-radius:8px;padding:6px 8px}.vocab-style{border:1px solid var(--br-rule,oklch(90% .01 240));border-radius:10px;overflow:visible}.vocab-style-toggle{width:100%;color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.vocab-style-summary{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.vocab-style-body{border-top:1px solid var(--br-rule,oklch(93% .01 240));gap:12px;padding:4px 12px 12px;display:grid}.vocab-style-field{gap:4px;display:grid}.vocab-style-field>span{color:var(--ink-soft);font-size:.85rem}.vocab-style-field textarea{border:1px solid var(--br-rule,oklch(88% .01 240));background:var(--paper,oklch(100% 0 0));width:100%;color:inherit;font:inherit;resize:vertical;border-radius:8px;padding:8px 10px}.vocab-style-refs{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.vocab-style-ref{display:inline-flex;position:relative}.vocab-style-ref img{object-fit:cover;border:1px solid var(--br-rule,oklch(88% .01 240));border-radius:8px;width:56px;height:56px}.vocab-style-ref button{border:1px solid var(--br-rule,oklch(85% .01 240));background:var(--paper,oklch(100% 0 0));width:20px;height:20px;color:var(--ink-soft);cursor:pointer;border-radius:999px;padding:0;font-size:.7rem;line-height:1;position:absolute;top:-6px;right:-6px}.vocab-style-add{border:1px dashed var(--br-rule,oklch(85% .01 240));width:56px;height:56px;color:var(--ink-soft);text-align:center;cursor:pointer;border-radius:8px;place-items:center;font-size:.72rem;display:inline-grid}.vocab-style-add input{display:none}.vocab-style-note{color:var(--ink-soft);margin:0;font-size:.8rem}.vocab-table-img{text-align:center;width:64px}.vocab-table-thumb{border:1px solid var(--br-rule,oklch(88% .01 240));background:var(--paper,oklch(100% 0 0));cursor:pointer;border-radius:8px;width:52px;height:52px;padding:0;display:inline-block;overflow:hidden}.vocab-table-thumb img{object-fit:cover;width:100%;height:100%;display:block}.vocab-table-draw{border:1px dashed var(--br-rule,oklch(85% .01 240));width:40px;height:40px;color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:8px;place-items:center;font-size:.95rem;display:grid}.vocab-table-draw:disabled,.vocab-table-thumb:disabled{opacity:.5;cursor:default}.vocab-table-img-empty{width:40px;height:40px;display:inline-block}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}