@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--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}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-body);--default-mono-font-family:var(--font-mono);--color-bg:var(--bg);--font-display:var(--font-display);--font-body:var(--font-body)}}@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}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline{display:inline}.h-full{height:100%}.min-h-full{min-height:100%}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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))}}:root{--bg:#faf5ea;--bg-band:#f6f0de;--surface:#fff;--page:#fffdf8;--page-margin:#f6e9d5;--page-back:#f4edd9;--page-back-shadow:#53452f2e;--fg:#211f2f;--fg-2:#474557;--muted:#5a586b;--meta:var(--muted);--accent:#ec5f30;--accent-strong:#af2f00;--accent-on:#fff;--accent-soft:#ffd2bd;--accent-hover:var(--accent)}@supports (color:lab(0% 0 0)){:root{--bg:lab(96.8252% .203401 6.13745);--bg-band:lab(94.8969% .0789166 9.25167);--page:lab(99.3402% -.0128746 2.67303);--page-margin:lab(93.1155% 1.92806 11.4521);--page-back-shadow:lab(30.4585% 3.31524 16.0524/.18);--fg:lab(12.6632% 4.36069 -10.3035);--fg-2:lab(30.0861% 4.06426 -10.4206);--muted:lab(38.2215% 3.67863 -10.5806);--accent:lab(59.0239% 53.9992 54.184);--accent-strong:lab(40.2557% 59.1646 82.2511);--accent-soft:lab(87.9958% 17.4303 19.7116)}}@supports (color:color-mix(in lab, red, red)){:root{--accent-hover:color-mix(in oklab, var(--accent), black 8%)}}:root{--accent-active:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root{--accent-active:color-mix(in oklab, var(--accent), black 14%)}}:root{--gold:#e7b551;--gold-deep:#ac7300;--gold-soft:#fee9be;--syllable-a:#c22823;--syllable-b:#0052a8;--syllable-a-soft:#fdb1a7;--syllable-b-soft:#add0ff;--success:#009342;--success-fg:#00591f;--warn:#dca81c;--danger:#d02c2e;--danger-fg:#901117;--plank-wood:#c0a689;--ill-coral:#fb794a;--ill-saffron:#fdbe45;--ill-teal:#00b0a9;--ill-leaf:#61bd67;--ill-plum:#a86ab6;--ill-sky:#9ddcf1;--border:#ccc3af;--font-display:"Fredoka", "Lexend", ui-rounded, system-ui, sans-serif;--font-body:"Lexend", ui-rounded, system-ui, sans-serif;--font-mono:ui-monospace, "JetBrains Mono", monospace;--text-xs:13px;--text-sm:15px;--text-base:17px;--text-lg:20px;--text-xl:24px;--text-2xl:32px;--text-3xl:40px;--text-4xl:56px;--text-display:68px;--read-size-1:34px;--read-size-2:30px;--read-size-3:26px;--read-size-4:22px;--read-size-5:20px;--leading-read:1.7;--leading-body:1.6;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:36px;--space-10:40px;--space-11:44px;--space-12:48px;--space-16:64px;--space-20:80px;--section-y-desktop:80px;--section-y-tablet:48px;--section-y-phone:40px;--container-max:1180px;--container-gutter-desktop:28px;--container-gutter-tablet:20px;--container-gutter-phone:16px;--radius-sm:12px;--radius-md:20px;--radius-lg:28px;--radius-pill:999px;--elev-flat:none;--elev-raised:0 6px 22px #382b1d2e;--focus-ring:0 0 0 4px var(--accent)}@supports (color:lab(0% 0 0)){:root{--gold:lab(76.9289% 11.3043 56.6222);--gold-deep:lab(53.4392% 17.9989 62.3699);--gold-soft:lab(93.2281% 2.63056 23.6322);--syllable-a:lab(43.6078% 59.5509 43.5186);--syllable-b:lab(34.7712% 7.27783 -55.0083);--syllable-a-soft:lab(79.4704% 27.2979 16.9962);--syllable-b-soft:lab(82.3057% -3.91266 -28.5826);--success:lab(53.2636% -48.6783 32.5347);--success-fg:lab(32.0982% -43.1519 29.6192);--warn:lab(72.3335% 11.6303 70.5604);--danger:lab(46.948% 63.1424 41.7799);--danger-fg:lab(31.0993% 50.6074 34.4655);--plank-wood:lab(69.825% 6.52018 18.653);--ill-coral:lab(66.2011% 48.1763 49.3425);--ill-saffron:lab(81.4899% 15.3417 66.8505);--ill-teal:lab(64.3556% -44.0851 -8.69181);--ill-leaf:lab(69.3498% -42.0535 34.6246);--ill-plum:lab(54.0081% 34.9398 -30.3207);--ill-sky:lab(84.155% -17.1152 -16.8538);--border:lab(79.2473% .552624 11.6381);--elev-raised:0 6px 22px lab(18.7775% 4.15607 11.4829/.18)}}@supports (color:color-mix(in lab, red, red)){:root{--focus-ring:0 0 0 4px color-mix(in oklab, var(--accent), transparent 72%)}}:root{--motion-fast:.15s;--motion-base:.22s;--motion-flip:.85s;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-flip:cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-5);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-base);cursor:pointer;transition:background var(--motion-fast) var(--ease-spring), transform var(--motion-fast) var(--ease-spring), box-shadow var(--motion-fast) var(--ease-spring);border:1px solid #0000;font-weight:600;line-height:1;display:inline-flex}.btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent-strong);color:var(--accent-on);box-shadow:var(--elev-raised)}.btn-primary:hover:not(:disabled){background:var(--accent-strong)}@supports (color:color-mix(in lab, red, red)){.btn-primary:hover:not(:disabled){background:color-mix(in oklab, var(--accent-strong), black 8%)}}.btn-primary:active:not(:disabled){background:var(--accent-strong)}@supports (color:color-mix(in lab, red, red)){.btn-primary:active:not(:disabled){background:color-mix(in oklab, var(--accent-strong), black 14%)}}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-secondary{background:var(--surface);color:var(--fg);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-band)}.btn-secondary:active:not(:disabled){background:var(--page-margin)}.btn-ghost{color:var(--accent-strong);background:0 0}.btn-ghost:hover:not(:disabled),.btn-ghost:active:not(:disabled){background:var(--accent-soft)}@supports (color:color-mix(in lab, red, red)){.btn-ghost:active:not(:disabled){background:color-mix(in oklab, var(--accent-soft), black 6%)}}.btn-lg{min-height:52px;padding:var(--space-3) var(--space-7);font-size:var(--text-lg)}.btn-sm{min-height:44px;padding:var(--space-1) var(--space-4);font-size:var(--text-sm)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-6);box-shadow:var(--elev-flat)}.card--raised{box-shadow:var(--elev-raised)}.field{gap:var(--space-2);flex-direction:column;display:flex}.field label{font-family:var(--font-body);font-size:var(--text-sm);color:var(--fg-2)}.field input,.field select,.field textarea{min-height:48px;padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--fg);font-family:var(--font-body);font-size:var(--text-base)}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.field-help{font-size:var(--text-xs);color:var(--muted)}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;border:1px solid #0000;font-weight:600;display:inline-flex}.badge-accent{background:var(--accent-soft);color:var(--accent-strong)}.badge-success{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.badge-success{background:color-mix(in oklab, var(--success), transparent 85%)}}.badge-success{color:var(--success-fg)}.badge-gold{background:var(--gold-soft);color:var(--gold-deep)}@supports (color:color-mix(in lab, red, red)){.badge-gold{color:color-mix(in oklab, var(--gold-deep), black 18%)}}.badge-danger{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.badge-danger{background:color-mix(in oklab, var(--danger), transparent 88%)}}.badge-danger{color:var(--danger-fg)}.badge-surface{background:var(--surface);color:var(--fg-2);border-color:var(--border)}.chip,.tag,.genre{min-height:44px;padding:var(--space-1) var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--fg);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:background var(--motion-fast) var(--ease-spring), border-color var(--motion-fast);align-items:center;display:inline-flex}.chip:focus-visible,.tag:focus-visible,.genre:focus-visible{box-shadow:var(--focus-ring);outline:none}.chip:hover,.tag:hover,.genre:hover{background:var(--bg-band)}.chip.is-active,.tag.is-active,.genre.is-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-strong)}.toggle{align-items:center;gap:var(--space-3);cursor:pointer;min-height:44px;font-family:var(--font-body);font-size:var(--text-base);color:var(--fg);display:inline-flex;position:relative}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle-track{border-radius:var(--radius-pill);background:var(--border);width:52px;height:28px;transition:background var(--motion-base) var(--ease-spring);flex-shrink:0;position:relative}.toggle-thumb{background:var(--surface);width:22px;height:22px;box-shadow:var(--elev-raised);transition:transform var(--motion-base) var(--ease-spring);border-radius:50%;position:absolute;top:3px;left:3px}.toggle input:checked+.toggle-track{background:var(--accent)}.toggle input:checked+.toggle-track .toggle-thumb{transform:translate(24px)}.toggle input:focus-visible+.toggle-track{box-shadow:var(--focus-ring)}.progress{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.progress-bar{border-radius:var(--radius-md);background:var(--border);width:180px;height:12px;display:block;overflow:hidden}.progress-bar__fill{border-radius:var(--radius-md);background:var(--accent);height:100%;transition:width var(--motion-base) var(--ease-spring);display:block}.progress-label{font-size:var(--text-sm);color:var(--muted)}.level-slider{align-items:center;gap:var(--space-2);min-height:48px;display:flex;position:relative}.level-slider input[type=range]{border-radius:var(--radius-pill);background:linear-gradient(to right, var(--accent) var(--fill,0%), var(--border) var(--fill,0%));appearance:none;flex:1;height:8px}.level-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border:3px solid var(--surface);width:28px;height:28px;box-shadow:var(--elev-raised);cursor:pointer;border-radius:50%}.level-slider input:focus-visible{box-shadow:var(--focus-ring);outline:none}.level-steps{margin-top:var(--space-2);justify-content:space-between;gap:var(--space-2);display:flex}.level-step{justify-content:center;align-items:center;gap:var(--space-1);min-width:48px;min-height:48px;padding:var(--space-1);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-body);color:var(--fg-2);background:0 0;border:none;flex-direction:column;display:flex}.level-step:focus-visible{box-shadow:var(--focus-ring);outline:none}.level-step .step-num{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;font-weight:600;font-size:var(--text-base);transition:background var(--motion-fast) var(--ease-spring), border-color var(--motion-fast), transform var(--motion-fast) var(--ease-spring);border-radius:50%;justify-content:center;align-items:center;display:flex}.level-step:hover .step-num{border-color:var(--accent);transform:translateY(-2px)}.level-step.is-active{color:var(--accent-strong)}.level-step.is-active .step-num{background:var(--accent);border-color:var(--accent);color:var(--accent-on);box-shadow:var(--elev-raised)}.adult-badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--bg-band);border:1px solid var(--border);color:var(--fg-2);font-size:var(--text-xs);letter-spacing:.04em;align-self:flex-start;font-weight:600;display:inline-flex}.level-card{background:var(--page);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);transition:box-shadow var(--motion-fast)}.level-card:hover{box-shadow:var(--elev-raised)}.level-card.is-active{border-color:var(--accent)}.stage-pill{composes:none;border-radius:var(--radius-pill);background:var(--accent-soft);min-width:32px;height:32px;color:var(--accent-strong);justify-content:center;align-items:center;font-weight:700;display:inline-flex}.level-control{gap:var(--space-4);flex-direction:column;display:flex}.level-preview{color:var(--fg);line-height:var(--leading-read);margin:0}.form-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:640px){.form-grid{grid-template-columns:1fr 1fr}}.form-grid .full{grid-column:1/-1}.save-status{align-items:center;gap:var(--space-2);color:var(--success-fg);font-size:var(--text-sm);min-height:24px;font-weight:600;display:flex}.save-status svg{width:18px;height:18px}.read-panel{background:var(--page);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-7);box-shadow:var(--elev-raised);color:var(--fg);font-family:var(--font-body);line-height:var(--leading-read);max-width:65ch}.readline{text-align:left;-webkit-hyphens:none;hyphens:none;overflow-wrap:anywhere;margin:0}.sy--a{color:var(--syllable-a)}.sy--b{color:var(--syllable-b)}.page-index{bottom:var(--space-3);right:var(--space-5);font-family:var(--font-display);font-size:var(--text-sm);color:var(--muted);font-weight:600;position:absolute}.spread--double .leaf-left .page-index{left:var(--space-5);right:auto}.page-nav{align-items:center;gap:var(--space-6);display:inline-flex}.page-prev,.page-next{border:1px solid var(--border);background:var(--surface);width:56px;height:56px;color:var(--fg);cursor:pointer;transition:background var(--motion-fast), box-shadow var(--motion-fast), transform var(--motion-fast) var(--ease-spring);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.page-prev:focus-visible,.page-next:focus-visible{box-shadow:var(--focus-ring);outline:none}.page-prev:hover:not(:disabled),.page-next:hover:not(:disabled){background:var(--bg-band);transform:scale(1.05)}.page-prev:active:not(:disabled),.page-next:active:not(:disabled){background:var(--page-margin);transform:scale(.98)}.page-prev:disabled,.page-next:disabled{opacity:.4;cursor:not-allowed;transform:none}.spread{perspective:2000px;touch-action:pan-y;position:relative}.leaf{border-radius:var(--radius-lg);width:100%;min-height:320px;transform-style:preserve-3d;position:relative}.leaf.is-flip-next{animation:lm-flip-next var(--motion-flip) var(--ease-flip) forwards;transform-origin:0}.leaf.is-flip-prev{animation:lm-flip-prev var(--motion-flip) var(--ease-flip) forwards;transform-origin:0}.flip-face{backface-visibility:hidden;justify-content:center;align-items:center;gap:var(--space-4);background:linear-gradient(90deg, transparent 0 47%, var(--page-margin) 49.5%, transparent 52%), var(--page);flex-direction:column;display:flex;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.flip-face{background:linear-gradient(90deg, transparent 0 47%, color-mix(in oklab, var(--page-margin) 45%, transparent) 49.5%, transparent 52%), var(--page)}}.flip-face{border-radius:var(--radius-lg);padding:var(--space-7);box-shadow:var(--elev-raised)}.leaf-underlay{z-index:0;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0}.flip-face.leaf-underlay{background:var(--page);border-radius:var(--radius-lg);box-shadow:var(--elev-raised);left:0;right:0}.spread--double .flip-face.leaf-underlay--left{background:linear-gradient(270deg, var(--page-margin) 0 4%, transparent 10%), var(--page);width:50%;left:0;right:auto}@supports (color:color-mix(in lab, red, red)){.spread--double .flip-face.leaf-underlay--left{background:linear-gradient(270deg, color-mix(in oklab, var(--page-margin) 34%, transparent) 0 4%, transparent 10%), var(--page)}}.spread--double .flip-face.leaf-underlay--left{border-radius:var(--radius-md) 0 0 var(--radius-md);box-shadow:inset 14px 0 18px var(--page-margin)}@supports (color:color-mix(in lab, red, red)){.spread--double .flip-face.leaf-underlay--left{box-shadow:inset 14px 0 18px color-mix(in oklab, var(--page-margin) 30%, transparent)}}.spread--double .flip-face.leaf-underlay--left .page-index{left:var(--space-5);right:auto}.spread--double .flip-face.leaf-underlay{background:linear-gradient(90deg, var(--page-margin) 0 4%, transparent 10%), var(--page);width:50%;left:50%}@supports (color:color-mix(in lab, red, red)){.spread--double .flip-face.leaf-underlay{background:linear-gradient(90deg, color-mix(in oklab, var(--page-margin) 34%, transparent) 0 4%, transparent 10%), var(--page)}}.spread--double .flip-face.leaf-underlay{border-radius:0 var(--radius-md) var(--radius-md) 0;box-shadow:inset -14px 0 18px var(--page-margin)}@supports (color:color-mix(in lab, red, red)){.spread--double .flip-face.leaf-underlay{box-shadow:inset -14px 0 18px color-mix(in oklab, var(--page-margin) 30%, transparent)}}.flip-face--back{transform:rotateY(180deg)}.leaf-left .flip-face--back{background:linear-gradient(90deg, var(--page-margin) 0 4%, transparent 10%), var(--page)}@supports (color:color-mix(in lab, red, red)){.leaf-left .flip-face--back{background:linear-gradient(90deg, color-mix(in oklab, var(--page-margin) 34%, transparent) 0 4%, transparent 10%), var(--page)}}.leaf-left .flip-face--back{border-radius:0 var(--radius-md) var(--radius-md) 0;box-shadow:inset -14px 0 18px var(--page-margin)}@supports (color:color-mix(in lab, red, red)){.leaf-left .flip-face--back{box-shadow:inset -14px 0 18px color-mix(in oklab, var(--page-margin) 30%, transparent)}}.leaf-right .flip-face--back{background:linear-gradient(270deg, var(--page-margin) 0 4%, transparent 10%), var(--page)}@supports (color:color-mix(in lab, red, red)){.leaf-right .flip-face--back{background:linear-gradient(270deg, color-mix(in oklab, var(--page-margin) 34%, transparent) 0 4%, transparent 10%), var(--page)}}.leaf-right .flip-face--back{border-radius:var(--radius-md) 0 0 var(--radius-md);box-shadow:inset 14px 0 18px var(--page-margin)}@supports (color:color-mix(in lab, red, red)){.leaf-right .flip-face--back{box-shadow:inset 14px 0 18px color-mix(in oklab, var(--page-margin) 30%, transparent)}}.leaf-left .flip-face--back .page-index{right:var(--space-5);left:auto}.leaf-right .flip-face--back .page-index{left:var(--space-5);right:auto}@keyframes lm-flip-next{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes lm-flip-prev{0%{transform:rotateY(-180deg)}to{transform:rotateY(0)}}.shelf{gap:var(--space-4);padding:var(--space-6);background:var(--bg-band);border-radius:var(--radius-lg);flex-direction:column;display:flex}.plank{gap:var(--space-3);padding:var(--space-5) var(--space-4);border-radius:var(--radius-md);background:linear-gradient(to bottom, var(--page) 0%, var(--page) calc(100% - 14px), var(--plank-wood) calc(100% - 14px), var(--plank-wood) 100%);grid-template-columns:repeat(auto-fill,minmax(90px,1fr));align-items:end;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.plank{background:linear-gradient(to bottom, var(--page) 0%, var(--page) calc(100% - 14px), var(--plank-wood) calc(100% - 14px), color-mix(in oklab, var(--plank-wood), black 12%) 100%)}}.plank{box-shadow:var(--elev-flat)}.plank:after{content:"";background:linear-gradient(to bottom, transparent, var(--plank-wood));height:6px;position:absolute;bottom:8px;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.plank:after{background:linear-gradient(to bottom, transparent, color-mix(in oklab, var(--plank-wood), black 8%))}}.plank:after{border-radius:0 0 var(--radius-sm) var(--radius-sm);pointer-events:none}@media (min-width:768px){.plank{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media (min-width:900px){.plank{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}.book{justify-content:flex-end;align-items:center;gap:var(--space-2);cursor:pointer;transition:transform var(--motion-base) var(--ease-spring), box-shadow var(--motion-base);background:0 0;border:none;flex-direction:column;padding:0;display:flex;position:relative}.book:focus-visible{outline:none}.book:focus-visible .book-cover{box-shadow:var(--focus-ring)}.book:hover .book-cover{box-shadow:var(--elev-raised);transform:translateY(-4px)rotate(-1.2deg)}.book--tall .book-cover{height:150px}.book--mid .book-cover{height:120px}.book--short .book-cover{height:92px}.plank .book:nth-child(3n){transform:rotate(1.6deg)}.plank .book:nth-child(3n):hover .book-cover{transform:translateY(-6px)scale(1.03)rotate(1.6deg)}.book-cover{border-radius:var(--radius-sm) var(--radius-sm) 2px 2px;width:100%;height:120px;padding:var(--space-2);transition:transform var(--motion-base) var(--ease-spring), box-shadow var(--motion-base);justify-content:center;align-items:flex-end;display:flex;position:relative;box-shadow:0 2px 6px #0000001f;box-shadow:0 2px 6px lab(0% 0 0/.12)}.book-cover:before{content:"";border-radius:var(--radius-sm) 0 0 2px;background:linear-gradient(90deg,#0000002e,#0000000d);background:linear-gradient(90deg,lab(0% 0 0/.18),lab(0% 0 0/.05));width:12px;position:absolute;top:0;bottom:0;left:0;box-shadow:inset -2px 0 2px #0000001a;box-shadow:inset -2px 0 2px lab(0% 0 0/.1)}.book-cover:after{content:"";background:repeating-linear-gradient(to bottom, var(--page) 0 2px, var(--page) 2px 3px);border-radius:2px;width:6px;position:absolute;top:4px;bottom:4px;left:100%}@supports (color:color-mix(in lab, red, red)){.book-cover:after{background:repeating-linear-gradient(to bottom, var(--page) 0 2px, color-mix(in oklab, var(--page), black 14%) 2px 3px)}}.book-cover:after{box-shadow:0 1px 2px #0000001f;box-shadow:0 1px 2px lab(0% 0 0/.12)}.book-cover-img{object-fit:cover;border-radius:var(--radius-sm) var(--radius-sm) 0 0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.book-cover-title{width:100%;padding:var(--space-1) var(--space-2);border-radius:0 0 var(--radius-sm) var(--radius-sm);background:var(--page);color:var(--fg);font-family:var(--font-display);font-size:var(--text-xs);text-align:center;border-top:1px solid var(--page);line-height:1.3;display:block}@supports (color:color-mix(in lab, red, red)){.book-cover-title{border-top:1px solid color-mix(in oklab, var(--page), black 8%)}}.book-fav{top:var(--space-2);right:var(--space-2);width:26px;height:26px;color:var(--gold);fill:var(--gold);filter:drop-shadow(0 2px 3px #382b1d59);filter:drop-shadow(0 2px 3px lab(18.7775% 4.15607 11.4829/.35));position:absolute}.begleiter{align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;display:flex}.begleiter-face{background:linear-gradient(180deg, var(--gold-soft), var(--gold));width:120px;height:120px;box-shadow:var(--elev-raised);border-radius:50%;justify-content:center;align-items:center;font-size:56px;display:flex}.begleiter-name{font-family:var(--font-display);color:var(--fg)}.screen{max-width:var(--container-max);padding:var(--section-y-desktop) var(--container-gutter-desktop);background:var(--bg);color:var(--fg);font-family:var(--font-body);margin-inline:auto}@media (max-width:900px){.screen{padding-top:var(--section-y-tablet);padding-bottom:var(--section-y-tablet);padding-inline:var(--container-gutter-tablet)}}@media (max-width:600px){.screen{padding-top:var(--section-y-phone);padding-bottom:var(--section-y-phone);padding-inline:var(--container-gutter-phone)}}.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}.growth-panel{align-items:center;gap:var(--space-3);text-align:center;max-width:560px;padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--elev-raised);flex-direction:column;margin:0 auto;display:flex}.growth-panel__hint{color:var(--fg-2);font-size:var(--text-sm)}.growth-panel__title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--fg);margin:0}.growth-panel__text{color:var(--fg-2);max-width:440px;margin:0;line-height:1.5}.celebrate-face{background:linear-gradient(180deg, var(--gold-soft), var(--gold));width:88px;height:88px;box-shadow:var(--elev-raised);border-radius:50%;justify-content:center;align-items:center;font-size:46px;line-height:1;display:flex}.confirm-adult{align-items:center;gap:var(--space-2);min-height:48px;padding:var(--space-2) var(--space-5);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--fg);font-family:var(--font-body);font-size:var(--text-base);cursor:pointer;transition:background var(--motion-fast) var(--ease-spring), box-shadow var(--motion-fast) var(--ease-spring);font-weight:600;display:inline-flex}.confirm-adult:focus-visible{box-shadow:var(--focus-ring);outline:none}.confirm-adult:hover:not(:disabled){background:var(--bg-band)}.confirm-adult:active:not(:disabled){background:var(--page-margin)}.reward{align-items:center;gap:var(--space-3);text-align:center;max-width:560px;padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--elev-raised);flex-direction:column;margin:0 auto;display:flex;position:relative}.reward-text{font-family:var(--font-display);font-size:var(--text-lg);color:var(--fg);margin:0}.reward-sub{color:var(--fg-2);margin:0}.garden-scene{max-width:440px;margin-top:var(--space-3);padding-top:var(--space-4)}.garden-zone{justify-content:center;align-items:flex-end;height:172px;display:flex;position:relative}.garden-mound{background:linear-gradient(180deg, var(--ill-leaf), var(--ill-leaf));border-radius:50% 50% 40% 40%/100% 100% 70% 70%;width:170px;height:38px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.garden-mound{background:linear-gradient(180deg, var(--ill-leaf), color-mix(in oklab, var(--ill-leaf), var(--surface) 30%))}}.garden-fox{z-index:2;transform-origin:50% 90%;filter:drop-shadow(0 8px 10px var(--ill-plum));font-size:88px;line-height:1;position:relative}@supports (color:color-mix(in lab, red, red)){.garden-fox{filter:drop-shadow(0 8px 10px color-mix(in oklab, var(--ill-plum), transparent 82%))}}.garden-fox-body{transform-origin:50% 90%;display:block}.garden-snack{z-index:3;opacity:0;width:38px;height:38px;margin-top:-19px;margin-left:-19px;font-size:38px;line-height:1;position:absolute;top:60%;left:50%}.garden-scene.is-feeding .garden-snack{animation:lm-snack-fly 1.15s var(--ease-spring) forwards}.garden-scene.is-feeding .garden-fox{animation:lm-fox-nom .4s var(--ease-spring) .95s 3}@keyframes lm-snack-fly{0%{opacity:0;transform:translate(-150px,-90px)rotate(-35deg)scale(.7)}32%{opacity:1;transform:translate(-52px,-38px)rotate(-12deg)scale(1)}58%{opacity:1;transform:translate(0)rotate(10deg)scale(1.08)}76%{opacity:0;transform:translate(0)rotate(10deg)scale(.85)}to{opacity:0}}@keyframes lm-fox-nom{0%,to{transform:scale(1)translateY(0)}50%{transform:scale(1.13,.88)translateY(-4px)}}.garden-can{z-index:3;opacity:0;width:44px;height:32px;position:absolute;top:16px;right:20%}.garden-can:before{content:"";background:linear-gradient(180deg, var(--ill-teal), var(--ill-teal));border-radius:4px 4px 2px 2px;width:34px;height:22px;position:absolute;bottom:0;left:0}@supports (color:color-mix(in lab, red, red)){.garden-can:before{background:linear-gradient(180deg, var(--ill-teal), color-mix(in oklab, var(--ill-teal), var(--surface) 35%))}}.garden-can:before{transform-origin:20% 100%}.garden-can:after{content:"";background:var(--ill-teal);transform-origin:0 100%;border-radius:3px;width:20px;height:9px;position:absolute;bottom:8px;left:30px}.garden-drop{z-index:3;background:var(--ill-sky);opacity:0;border-radius:50%/60% 60% 40% 40%;width:10px;height:18px;position:absolute;top:46px}.garden-drop--1{left:45%}.garden-drop--2{animation-delay:.12s;left:50%}.garden-drop--3{animation-delay:.24s;left:55%}.garden-scene.is-watering .garden-can{animation:lm-can-swing .9s var(--ease-spring) forwards}.garden-scene.is-watering .garden-drop{animation:lm-drop-fall .8s var(--ease-spring) .5s forwards}.garden-scene.is-watering .garden-fox-body{animation:lm-plant-wiggle .5s var(--ease-spring) .95s 3}@keyframes lm-can-swing{0%{opacity:0;transform:translate(64px,-52px)rotate(28deg)scale(.8)}35%{opacity:1;transform:translate(8px)rotate(-8deg)scale(1)}55%{opacity:1;transform:translate(3px)rotate(18deg)}72%{opacity:1;transform:translate(3px)rotate(8deg)}to{opacity:0;transform:translate(3px)rotate(14deg)}}@keyframes lm-drop-fall{0%{opacity:0;transform:translateY(-8px)scale(.8)}22%{opacity:.95}72%{opacity:.9}to{opacity:0;transform:translateY(86px)scale(.9)}}@keyframes lm-plant-wiggle{0%,to{transform:rotate(0)scaleY(1)}25%{transform:rotate(-5deg)scaleY(1.05)}50%{transform:rotate(4deg)scaleY(1.09)}75%{transform:rotate(-3deg)scaleY(1.03)}}@media (prefers-reduced-motion:reduce){.garden-scene *{animation:none!important}.garden-scene.is-feeding .garden-snack{display:none}.garden-can{opacity:0}}.evol{align-items:center;gap:var(--space-3);text-align:center;max-width:560px;padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--elev-raised);flex-direction:column;margin:0 auto;display:flex;position:relative}.evol-aura{justify-content:center;align-items:center;width:128px;height:128px;display:flex;position:relative}.evol-ring{border:3px solid var(--gold);animation:lm-evol-charge .8s var(--ease-flip) both;border-radius:50%;position:absolute;inset:-20px}.evol-rays{background:repeating-conic-gradient(var(--gold) 0 9deg, transparent 9deg 22deg);animation:lm-evol-rays 1.3s var(--ease-flip) both;opacity:0;border-radius:50%;position:absolute;inset:-10px;-webkit-mask:radial-gradient(circle,#0000 52%,#000 58%);mask:radial-gradient(circle,#0000 52%,#000 58%)}.evol-emblem{color:var(--evol-tint);animation:lm-evol-pop .5s var(--ease-spring) both;font-size:28px;line-height:1;position:absolute;top:-10px;right:-6px}.evol-face{background:linear-gradient(180deg, var(--gold-soft), var(--evol-tint));width:96px;height:96px;box-shadow:var(--elev-raised);transform:scale(var(--evol-scale));animation:lm-evol-grow .9s var(--ease-spring) both;border-radius:50%;justify-content:center;align-items:center;font-size:60px;line-height:1;display:flex}@keyframes lm-evol-charge{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.3)}to{opacity:0;transform:scale(1)}}@keyframes lm-evol-rays{0%{opacity:0;transform:rotate(0)}30%{opacity:.85}to{opacity:.7;transform:rotate(18deg)}}@keyframes lm-evol-grow{0%{filter:brightness(1.6);transform:scale(.55)}to{transform:scale(var(--evol-scale));filter:brightness()}}@keyframes lm-evol-pop{0%{opacity:0;transform:scale(0)}70%{opacity:1;transform:scale(1.35)}to{opacity:1;transform:scale(1)}}.evol-text{font-family:var(--font-display);font-size:var(--text-lg);color:var(--fg)}.evol-sub{color:var(--fg-2)}@media (prefers-reduced-motion:reduce){.evol-ring,.evol-emblem{opacity:0;animation:none}.evol-rays{opacity:.45;animation:none}.evol-face{transform:scale(var(--evol-scale));animation:none}.leaf.is-flip-next,.leaf.is-flip-prev{animation:none}*{transition-duration:.01ms!important}}.quiz{align-items:center;gap:var(--space-4);max-width:560px;padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--elev-raised);text-align:center;flex-direction:column;margin:0 auto;display:flex}.quiz-badge{background:linear-gradient(180deg, var(--gold-soft), var(--gold));width:56px;height:56px;font-family:var(--font-display);font-size:var(--text-2xl);color:var(--fg);box-shadow:var(--elev-raised);border-radius:50%;justify-content:center;align-items:center;display:flex}.quiz-title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--fg);margin:0}.quiz-intro{color:var(--fg-2);margin:0}.quiz-dots{justify-content:center;gap:var(--space-2);display:flex}.quiz-dot{background:var(--border);width:10px;height:10px;transition:background var(--motion-fast);border-radius:50%}.quiz-dot.is-done{background:var(--accent)}.quiz-dot.is-current{background:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}.quiz-question{font-family:var(--font-display);font-size:var(--text-xl);color:var(--fg);max-width:440px;margin:0}.quiz-options{gap:var(--space-2);width:100%;max-width:440px;display:grid}.quiz-option{min-height:48px;padding:var(--space-2) var(--space-4);border:2px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--fg);font-family:var(--font-body);font-size:var(--text-base);cursor:pointer;text-align:left;transition:border-color var(--motion-fast) var(--ease-spring), background var(--motion-fast) var(--ease-spring);font-weight:600}.quiz-option:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.quiz-option:focus-visible{box-shadow:var(--focus-ring);outline:none}.quiz-option.is-correct{background:var(--gold-soft);border-color:var(--gold-deep);color:var(--fg)}.quiz-option.is-wrong{background:var(--accent-soft)}@supports (color:color-mix(in lab, red, red)){.quiz-option.is-wrong{background:color-mix(in oklab, var(--accent-soft), transparent 25%)}}.quiz-option.is-wrong{border-color:var(--accent);color:var(--fg)}.quiz-option:disabled{cursor:default}.quiz-feedback{min-height:1.5em;font-size:var(--text-sm);color:var(--fg-2);margin:0;font-weight:600}.quiz-feedback.is-good{color:var(--success-fg)}.quiz-sub{color:var(--fg-2);margin:0}.quiz--done{animation:lm-confirm-in var(--motion-base) var(--ease-spring)}@keyframes lm-confirm-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.quiz--done{animation:none}}.flyout{position:relative}.flyout-trigger[aria-expanded=true]{border-color:var(--accent);background:var(--accent-soft)}.flyout-panel{z-index:20;left:0;top:calc(100% + var(--space-2));background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:min(420px,100vw - 32px);max-height:min(70vh,560px);box-shadow:var(--elev-raised);padding:var(--space-4);position:absolute;overflow:auto}.flyout-title{margin:0 0 var(--space-3);font-family:var(--font-display);font-size:var(--text-lg);color:var(--fg)}.flyout-list{margin:0;padding:0;list-style:none}.flyout-level{border-top:1px solid var(--border);padding:var(--space-4) 0}.flyout-level:first-child{border-top:none;padding-top:0}.flyout-level:last-child{padding-bottom:0}.flyout-level.is-current{background:var(--accent-soft);border-radius:var(--radius-sm);margin:0 calc(-1 * var(--space-2));padding-left:var(--space-2);padding-right:var(--space-2)}.flyout-head{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.flyout-current{min-height:24px;padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-on);font-size:var(--text-xs);align-items:center;font-weight:700;display:inline-flex}.flyout-dl{gap:var(--space-1) var(--space-3);margin:0 0 var(--space-3);grid-template-columns:auto 1fr;display:grid}.flyout-dt{color:var(--muted);font-size:var(--text-sm)}.flyout-dd{color:var(--fg-2);font-size:var(--text-sm);margin:0}.flyout-kann{margin:var(--space-2) 0 0;color:var(--fg);font-size:var(--text-sm);line-height:1.5}.flyout-aufstieg{margin:var(--space-2) 0 0;color:var(--fg-2);font-size:var(--text-sm);line-height:1.5}.flyout-aufstieg strong{color:var(--accent-strong)}.companion-picker{gap:var(--space-3);flex-direction:column;display:flex}.companion-picker__title{align-self:flex-start}.companion-picker__hint{color:var(--fg-2);font-size:var(--text-sm);max-width:60ch;margin:0}.companion-picker__grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.companion-option{justify-content:center;align-items:center;gap:var(--space-1);min-height:44px;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);cursor:pointer;font-family:var(--font-body);transition:background var(--motion-fast) var(--ease-spring), border-color var(--motion-fast) var(--ease-spring), box-shadow var(--motion-fast) var(--ease-spring);flex-direction:column;display:flex}.companion-option:focus-visible{box-shadow:var(--focus-ring);outline:none}.companion-option:hover:not(:disabled){background:var(--bg-band)}.companion-option[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);box-shadow:var(--elev-raised)}.companion-option:disabled{opacity:.45;cursor:not-allowed}.companion-option__face{font-size:var(--text-3xl);line-height:1}.companion-option__name{color:var(--fg);font-weight:600}.companion-option__kind{font-size:var(--text-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.companion-current{justify-content:space-between;align-items:center;gap:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);flex-wrap:wrap;display:flex}.app-shell{flex-direction:column;flex:1;min-height:0;display:flex}.tab-bar{z-index:20;border-top:1px solid var(--border);background:var(--surface);padding:0 var(--container-gutter-desktop);display:flex;position:sticky;bottom:0}@media (max-width:900px){.tab-bar{padding-inline:var(--container-gutter-tablet)}}@media (max-width:600px){.tab-bar{padding-inline:var(--container-gutter-phone)}}.tab{justify-content:center;align-items:center;gap:var(--space-1);min-height:48px;padding:var(--space-2) 0;color:var(--fg-2);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;text-decoration:none;display:inline-flex}.tab:hover{color:var(--fg)}.tab.is-active{color:var(--accent-strong)}.tab:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}.create-overlay{z-index:30;padding:var(--container-gutter-phone);background:var(--fg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.create-overlay{background:color-mix(in oklab, var(--fg) 45%, transparent)}}.create-dialog{width:min(880px,100%);max-width:880px;max-height:calc(100vh - 2 * var(--container-gutter-phone));background:var(--bg);border-radius:var(--radius-lg);box-shadow:var(--elev-raised);padding:var(--space-6);overflow-y:auto}.create-dialog__header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.create-dialog__title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--fg);margin:0}.greeting{align-items:center;gap:var(--space-5);margin-top:var(--space-5);padding:var(--space-5) var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:radial-gradient(120% 170% at 100% 0%, var(--gold-soft), transparent 55%), var(--surface);flex-wrap:wrap;display:flex}@supports (color:color-mix(in lab, red, red)){.greeting{background:radial-gradient(120% 170% at 100% 0%, color-mix(in oklab, var(--gold-soft) 72%, transparent), transparent 55%), var(--surface)}}.greeting-face{background:linear-gradient(180deg, var(--surface), var(--gold-soft));width:72px;height:72px;box-shadow:var(--elev-raised);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:38px;line-height:1;display:flex}.greeting-body{flex:240px;min-width:0}.greeting-title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--fg);margin:0}.greeting-sub{margin:var(--space-1) 0 0;color:var(--fg-2);font-size:var(--text-base)}.greeting-meter{gap:var(--space-2);flex-direction:column;flex:none;min-width:210px;display:flex}.greeting-meter__label{justify-content:space-between;gap:var(--space-3);color:var(--fg-2);font-size:var(--text-sm);font-weight:600;display:flex}.greeting-meter__track{border-radius:var(--radius-pill);background:var(--border);height:12px;display:block;overflow:hidden}.greeting-meter__fill{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--accent), var(--gold));height:100%;transition:width var(--motion-base) var(--ease-spring);display:block}.page-meta{margin-top:var(--space-4);flex-direction:column;align-items:center;display:flex}.page-num{text-align:center;color:var(--muted);font-size:var(--text-sm);font-weight:600}.page-progress{gap:var(--space-1);margin-top:var(--space-2);justify-content:center;display:flex}.page-dot{background:var(--border);width:8px;height:8px;transition:background var(--motion-fast);border-radius:50%}.page-dot.is-done{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.page-dot.is-done{background:color-mix(in oklab, var(--accent), white 30%)}}.page-dot.is-current{background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.level-chip{min-height:32px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--gold-soft);color:var(--fg);font-weight:600;font-size:var(--text-sm);white-space:nowrap;flex:none;align-items:center;display:inline-flex}.companion-hero{justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.growth-meter{gap:var(--space-2);width:100%;margin-top:var(--space-5);flex-direction:column;display:flex}.growth-meter__head{justify-content:flex-end;display:flex}.growth-meter__status{color:var(--fg-2);font-size:var(--text-sm);font-weight:600}.growth-meter__track{border-radius:var(--radius-pill);background:var(--border);height:16px;display:block;position:relative;overflow:hidden}.growth-meter__fill{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--accent), var(--gold));transition:width var(--motion-base) var(--ease-spring);position:absolute;inset:0 auto 0 0}.growth-meter__tick{background:var(--surface);opacity:.85;width:2px;position:absolute;top:0;bottom:0}.growth-meter__legend{color:var(--muted);font-size:var(--text-xs);justify-content:space-between;display:flex}@media (min-width:900px) and (max-height:900px){.screen{padding-top:var(--section-y-tablet);padding-bottom:var(--section-y-tablet)}}.spread--double{height:clamp(440px,60vh,660px);position:relative}.spread--double .leaf{border-radius:0;width:50%;height:100%;min-height:0;position:absolute;top:0}.spread--double .leaf-left{transform-origin:100%;left:0}.spread--double .leaf-right{transform-origin:0;left:50%}.spread--double .leaf.is-flip-next,.spread--double .leaf.is-flip-prev{z-index:3}.spread--double .leaf.is-flip-prev{animation:lm-flip-prev-double var(--motion-flip) var(--ease-flip) forwards}@keyframes lm-flip-prev-double{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}.spread--double .flip-face{padding:var(--space-5);border-radius:0}.spread--double .leaf-left .flip-face{background:linear-gradient(270deg, var(--page-margin) 0 4%, transparent 10%), var(--page)}@supports (color:color-mix(in lab, red, red)){.spread--double .leaf-left .flip-face{background:linear-gradient(270deg, color-mix(in oklab, var(--page-margin) 34%, transparent) 0 4%, transparent 10%), var(--page)}}.spread--double .leaf-left .flip-face{border-radius:var(--radius-md) 0 0 var(--radius-md);box-shadow:inset 14px 0 18px var(--page-margin)}@supports (color:color-mix(in lab, red, red)){.spread--double .leaf-left .flip-face{box-shadow:inset 14px 0 18px color-mix(in oklab, var(--page-margin) 30%, transparent)}}.spread--double .leaf-right .flip-face{background:linear-gradient(90deg, var(--page-margin) 0 4%, transparent 10%), var(--page)}@supports (color:color-mix(in lab, red, red)){.spread--double .leaf-right .flip-face{background:linear-gradient(90deg, color-mix(in oklab, var(--page-margin) 34%, transparent) 0 4%, transparent 10%), var(--page)}}.spread--double .leaf-right .flip-face{border-radius:0 var(--radius-md) var(--radius-md) 0;box-shadow:inset -14px 0 18px var(--page-margin)}@supports (color:color-mix(in lab, red, red)){.spread--double .leaf-right .flip-face{box-shadow:inset -14px 0 18px color-mix(in oklab, var(--page-margin) 30%, transparent)}}.cover-face{justify-content:center;align-items:center;gap:var(--space-3);text-align:center;width:100%;height:100%;padding:var(--space-4);flex-direction:column;display:flex}.cover-face__img{object-fit:cover;border-radius:var(--radius-md);width:76%;max-width:320px;height:120px;box-shadow:var(--elev-raised)}@media (min-width:768px){.cover-face__img{height:140px}}.cover-face__ornament{background:linear-gradient(180deg, var(--gold-soft), var(--gold));width:64px;height:64px;box-shadow:var(--elev-raised);border-radius:50%}.cover-face__title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--fg);margin:0;line-height:1.25}.cover-face__pill{min-height:32px;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--gold-soft);color:var(--fg);font-weight:600;font-size:var(--text-sm);align-items:center;display:inline-flex}.cover-face__hint{font-size:var(--text-xs);color:var(--muted);margin:0}.profil-layout{gap:var(--space-6);margin-top:var(--space-5);grid-template-columns:1fr;align-items:start;display:grid}@media (min-width:900px){.profil-layout{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);grid-template-areas:"main side"}.profil-layout__main{grid-area:main}.profil-layout__side{grid-area:side}}.workshop-steps{align-items:center;gap:var(--space-2);margin:0 0 var(--space-5);display:flex}.workshop-step{align-items:center;gap:var(--space-2);min-height:44px;color:var(--fg-2);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;display:flex}.workshop-step__num{border:1px solid var(--border);background:var(--surface);width:28px;height:28px;color:var(--fg-2);font-weight:700;font-size:var(--text-sm);transition:background var(--motion-fast) var(--ease-spring), border-color var(--motion-fast), color var(--motion-fast);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.workshop-step.is-done .workshop-step__num{background:var(--accent);border-color:var(--accent);color:var(--accent-on)}.workshop-step.is-current .workshop-step__num{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-strong)}.workshop-step__line{background:var(--border);border-radius:1px;flex:24px;min-width:18px;height:2px}.workshop-step.is-done+.workshop-step__line{background:var(--accent)}.workshop-fox{align-items:center;gap:var(--space-3);background:linear-gradient(180deg, var(--gold-soft), var(--surface));border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex}.workshop-fox__face{flex:none;font-size:36px;line-height:1}.workshop-fox__bubble{font-family:var(--font-display);font-size:var(--text-base);color:var(--fg);margin:0;line-height:1.35}.workshop-fox__bubble.is-shake{animation:lm-shake calc(var(--motion-base) * 2) var(--ease-spring)}@keyframes lm-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(4px)}75%{transform:translate(-3px)}}.workshop-genre-counter{color:var(--fg-2);font-size:var(--text-sm);font-weight:600}.workshop-genre-counter.is-max{color:var(--accent-strong)}.workshop-magic{align-items:center;gap:var(--space-4);text-align:center;padding:var(--space-8) 0;flex-direction:column;display:flex}.workshop-magic__fox{animation:lm-workshop-bob calc(var(--motion-base) * 4) var(--ease-spring) 5;font-size:64px;line-height:1}@keyframes lm-workshop-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.workshop-magic__ring{border:3px solid var(--accent-soft);border-top-color:var(--accent);width:96px;height:96px;animation:lm-spin calc(var(--motion-base) * 6) linear infinite;border-radius:50%}@keyframes lm-spin{to{transform:rotate(360deg)}}.workshop-magic__step{font-family:var(--font-display);font-size:var(--text-lg);color:var(--fg);margin:0}.workshop-magic__sub{color:var(--fg-2);font-size:var(--text-sm);margin:0}.workshop-done{align-items:center;gap:var(--space-4);text-align:center;padding:var(--space-6) 0;flex-direction:column;display:flex}.workshop-done__book{width:132px;animation:lm-book-pop calc(var(--motion-base) * 2) var(--ease-spring) both}@keyframes lm-book-pop{0%{opacity:0;transform:scale(.5)rotate(-4deg)}70%{transform:scale(1.08)rotate(1deg)}to{opacity:1;transform:scale(1)rotate(0)}}.workshop-done__title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--fg);margin:0}.workshop-done__sub{color:var(--fg-2);margin:0}.workshop-done__sparkles{width:0;height:0;position:relative}.workshop-done__sparkle{color:var(--gold);animation:lm-sparkle calc(var(--motion-base) * 3) var(--ease-spring) both;font-size:20px;position:absolute}@keyframes lm-sparkle{0%{opacity:0;transform:scale(0)rotate(0)}60%{opacity:1;transform:scale(1.2)rotate(20deg)}to{opacity:0;transform:scale(.4)rotate(40deg)}}@media (prefers-reduced-motion:reduce){.workshop-magic__fox,.workshop-magic__ring,.workshop-done__book,.workshop-done__sparkle,.workshop-fox__bubble.is-shake{animation:none}}.library-header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.library-greeting{align-items:center;gap:var(--space-3);display:flex}.library-greeting h1{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--fg);margin:0}@media (min-width:768px){.library-greeting h1{font-size:var(--text-3xl)}}.companion-mini{background:linear-gradient(180deg, var(--gold-soft), var(--gold));width:44px;height:44px;box-shadow:var(--elev-raised);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:24px;display:flex}.companion-bar{align-items:center;gap:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.companion-bar .companion-avatar{background:linear-gradient(180deg, var(--gold-soft), var(--gold));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:26px;display:flex}.companion-bar .companion-mini-info{flex:1;min-width:140px}.companion-bar .companion-mini-info .name{font-family:var(--font-display);font-size:var(--text-base);color:var(--fg)}.companion-bar .companion-mini-info .level{font-size:var(--text-sm);color:var(--fg-2);font-weight:600}.companion-bar .growth-strip{border-radius:var(--radius-pill);background:var(--border);flex-shrink:0;width:100%;max-width:200px;height:8px;overflow:hidden}.companion-bar .growth-strip .fill{border-radius:var(--radius-pill);background:var(--accent);height:100%;transition:width var(--motion-base)}.section-title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--fg);margin:var(--space-6) 0 var(--space-3);align-items:center;gap:var(--space-2);display:flex}.page-header{margin-bottom:var(--space-6)}.page-header h1{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--fg);margin:0}@media (min-width:768px){.page-header h1{font-size:var(--text-3xl)}}.page-header .page-sub{color:var(--fg-2);margin-top:var(--space-1)}.companion-card{align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;display:flex}.companion-face{background:linear-gradient(180deg, var(--gold-soft), var(--gold));width:110px;height:110px;box-shadow:var(--elev-raised);border-radius:50%;justify-content:center;align-items:center;font-size:56px;display:flex;position:relative}.companion-face .evol-badge{background:var(--surface);border:2px solid var(--gold);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:flex;position:absolute;bottom:2px;right:2px}.companion-name{font-family:var(--font-display);font-size:var(--text-xl);color:var(--fg)}.companion-kind{font-size:var(--text-sm);color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.companion-stats{gap:var(--space-5);margin-top:var(--space-1);flex-wrap:wrap;justify-content:center;display:flex}.companion-stat{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.companion-stat .stat-value{font-family:var(--font-display);font-size:var(--text-xl);color:var(--fg)}.companion-stat .stat-label{font-size:var(--text-xs);color:var(--muted)}.growth-track{width:100%;max-width:300px}.growth-bar{border-radius:var(--radius-pill);background:var(--border);height:14px;position:relative;overflow:hidden}.growth-bar .fill{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--accent), var(--accent-strong));height:100%;transition:width var(--motion-base)}.growth-markers{margin-top:var(--space-1);justify-content:space-between;display:flex}.growth-marker{background:var(--border);border-radius:50%;width:6px;height:6px}.growth-marker.reached{background:var(--gold)}.growth-marker.next{background:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}.growth-hint{font-size:var(--text-sm);color:var(--fg-2);margin:0}.growth-hint strong{color:var(--accent-strong)}.topic-row{gap:var(--space-2);align-items:flex-start;display:flex}.topic-input{min-height:96px;padding:var(--space-3) var(--space-4);border:2px solid var(--border);border-radius:var(--radius-md);background:var(--page);font-family:var(--font-display);font-size:var(--text-xl);line-height:var(--leading-read);color:var(--fg);resize:vertical;transition:border-color var(--motion-fast), box-shadow var(--motion-fast);flex:1}.topic-input::placeholder{color:var(--muted)}.topic-input:focus{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.mic-btn{border:2px solid var(--border);background:var(--surface);width:60px;min-width:60px;height:60px;color:var(--accent-strong);cursor:pointer;transition:background var(--motion-fast), transform var(--motion-fast) var(--ease-spring);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.mic-btn:hover:not(:disabled){background:var(--accent-soft);transform:scale(1.04)}.mic-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.mic-btn:disabled{opacity:.45;cursor:not-allowed}.mic-btn.is-listening{border-color:var(--accent);background:var(--accent-soft)}.mic-btn.is-listening:after{content:"";border:3px solid var(--accent);opacity:0;border-radius:50%;animation:1.2s ease-out infinite mic-pulse;position:absolute;inset:-8px}@keyframes mic-pulse{0%{opacity:.8;transform:scale(.85)}to{opacity:0;transform:scale(1.25)}}.genre-chip{min-height:52px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);border:2px solid var(--border);background:var(--page);color:var(--fg-2);font-size:var(--text-sm);font-weight:500;line-height:1.2}.genre-chip:hover:not(:disabled){border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.genre-chip:hover:not(:disabled){border-color:color-mix(in oklab, var(--accent), transparent 45%)}}.genre-chip:hover:not(:disabled){transform:translateY(-1px)}.genre-chip .genre-ico{flex-shrink:0;font-size:20px;line-height:1}.genre-chip.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.genre-chip.is-active .chip-check{display:block}.genre-chip .chip-check{color:var(--gold-deep);flex-shrink:0;margin-left:auto;display:none}.level-row{gap:var(--space-2);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(88px,1fr));display:grid}.level-btn{justify-content:center;align-items:center;gap:var(--space-1);min-height:64px;padding:var(--space-2) var(--space-1);border-radius:var(--radius-md);border:2px solid var(--border);background:var(--page);color:var(--fg-2);cursor:pointer;transition:all var(--motion-fast) var(--ease-spring);font-family:var(--font-body);flex-direction:column;display:flex}.level-btn:hover:not(:disabled){border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.level-btn:hover:not(:disabled){border-color:color-mix(in oklab, var(--accent), transparent 45%)}}.level-btn:hover:not(:disabled){transform:translateY(-1px)}.level-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.level-btn .lv-num{font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);line-height:1}.level-btn .lv-name{font-size:var(--text-xs);color:var(--fg-2);text-align:center;line-height:1.25}.level-btn.is-selected{background:var(--accent-strong);border-color:var(--accent-strong);color:var(--accent-on)}.level-btn.is-selected .lv-name{color:var(--accent-on)}@supports (color:color-mix(in lab, red, red)){.level-btn.is-selected .lv-name{color:color-mix(in oklab, var(--accent-on), transparent 15%)}}.help-row{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.sample-label{font-size:var(--text-sm);color:var(--fg-2)}.help-toggle{min-height:44px;color:var(--accent-strong);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:background var(--motion-fast);background:0 0;border:0;align-items:center;margin-left:auto;font-weight:600;display:inline-flex}.help-toggle:hover{background:var(--accent-soft)}.help-toggle:focus-visible{box-shadow:var(--focus-ring);outline:none}.sample-box{background:var(--page);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);align-items:center;min-height:96px;display:flex}.sample-text{font-family:var(--font-display);line-height:var(--leading-read);color:var(--fg)}.sample-text .sa{color:var(--syllable-a)}.sample-text .sb{color:var(--syllable-b)}.level-help{margin-top:var(--space-3);background:var(--bg-band);border-radius:var(--radius-md);padding:var(--space-4);border:1px solid var(--border);display:none}.level-help.is-open{display:block}.level-help ul{margin:0;padding:0;list-style:none}.level-help li{gap:var(--space-2);font-size:var(--text-sm);color:var(--fg-2);padding:var(--space-1) 0;align-items:baseline;list-style:none;display:flex}.level-help li:before{content:"·";color:var(--accent);font-weight:700}body{background:var(--bg);color:var(--fg);font-family:var(--font-body)}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@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}