:root{color-scheme:light;--color-background: #f3ead8;--color-surface: #fbf6ea;--color-surfaceSelected: #e8dcc3;--color-hairline: #d6c8aa;--color-border: #857863;--color-textPrimary: #2a2521;--color-textSecondary: #6a5f52;--color-accent: #663c50;--color-danger: #9a4a2e;--color-success: #663c50;--color-textOnAccent: #ffffff;--color-textDisabled: #a3978a;--color-scrim: #2a2521;--color-scrim-fill: rgba(42, 37, 33, .42);--color-emphasis: var(--color-accent);--color-readerAccent: var(--color-accent);--family-serif: "Iowan Old Style", Georgia, "Times New Roman", serif;--family-sans: system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;--font-largeTitle: 700 34px/1.15 var(--family-serif);--size-font-largeTitle: 34px;--tracking-largeTitle: -.3px;--font-title: 400 22px/1.25 var(--family-serif);--size-font-title: 22px;--tracking-title: -.2px;--font-coverTitle: 400 17px/1.25 var(--family-serif);--size-font-coverTitle: 17px;--font-heading: 600 20px/1.3 var(--family-sans);--size-font-heading: 20px;--font-headline: 600 17px/1.3 var(--family-sans);--size-font-headline: 17px;--font-body: 400 17px/1.4 var(--family-sans);--size-font-body: 17px;--font-callout: 400 16px/1.4 var(--family-sans);--size-font-callout: 16px;--font-label: 600 15px/1.3 var(--family-sans);--size-font-label: 15px;--font-subheadline: 400 15px/1.4 var(--family-sans);--size-font-subheadline: 15px;--font-footnote: 400 13px/1.4 var(--family-sans);--size-font-footnote: 13px;--font-caption: 400 12px/1.35 var(--family-sans);--size-font-caption: 12px;--font-reading: 400 30px/1.4 var(--family-serif);--size-font-reading: 30px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius-control: 10px;--radius-card: 16px;--radius-frame: 24px;--radius-pill: 999px;--radius-coverSpine: 2px;--shadow-raised: 0 18px 48px rgba(42, 37, 33, .16);--shadow-pageStack: 3px 3px 0 #e8dcc3, 5px 5px 0 #d6c8aa;--shadow-segment: 0 2px 6px rgba(42, 37, 33, .14), 0 0 0 1px rgba(42, 37, 33, .06);--motion-quick: .15s ease-out;--motion-settle: .32s ease-in-out;--size-touchMin: 44px;--size-controlHeight: 44px;--size-controlHeightPrimary: 52px;--size-controlHeightReader: 60px;--size-cardMinHeight: 56px;--size-iconSmall: 20px;--size-iconMedium: 28px;--size-hairlineWidth: 1px;--size-chosenBorderWidth: 2px;--size-focusRingWidth: 3px;--size-focusRingOffset: 3px;--size-contentMaxWidth: 720px;--size-screenMargin: 32px;--size-screenMarginCompact: 16px;--size-coverAspect: .72;--size-coverMinWidth: 168px;--size-coverBlankWidth: 96px;--size-spineEdgeInset: 8px;--size-ageChipCompact: 44px;--size-ageRowMinWidth: 356px;--size-formColumnWide: 560px;--size-sidebarWidth: 240px;--size-sidebarWidthWide: 272px;--size-readerPictureLandscape: .667;--size-readerPicturePortrait: .7;--breakpoint-compact: 600px;--breakpoint-reviewSingleColumn: 1250px}@media(prefers-reduced-motion:reduce){:root{--motion-quick: 1ms linear;--motion-settle: 1ms linear}}*{box-sizing:border-box}html{background:var(--color-background);color:var(--color-textPrimary);font-family:var(--family-sans);font-size:17px;-webkit-text-size-adjust:100%}body{margin:0}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,summary{touch-action:manipulation}button{cursor:pointer;min-height:44px;border:1px solid var(--color-border);border-radius:var(--radius-control);padding:12px 16px;background:var(--color-surface);font-weight:600;line-height:1.3}button:disabled{opacity:.5;cursor:default}a{color:var(--color-accent);text-underline-offset:4px}button:hover:not(:disabled){background:var(--color-surfaceSelected)}:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}button.primary,.primary{background:var(--color-accent);color:var(--color-textOnAccent);border-color:var(--color-accent);min-height:52px;text-align:center}button.primary:hover:not(:disabled){filter:brightness(.93);background:var(--color-accent)}button.quiet{background:transparent;border-color:transparent;color:var(--color-accent)}button.danger{color:var(--color-danger)}button[aria-pressed=true]{border:2px solid var(--color-accent);background:var(--color-surfaceSelected);padding:11px 15px;color:var(--color-accent)}p{line-height:1.45;margin:0 0 16px}h1{font:var(--font-largeTitle);letter-spacing:var(--tracking-largeTitle);margin:0 0 32px}h2{font:var(--font-title);margin:0 0 16px}small,.helper{font:var(--font-subheadline);color:var(--color-textSecondary)}small{display:block}.label,legend,.field>span{font:var(--font-label)}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;padding:40px 24px;background:var(--color-surface)}.brand{font-family:var(--family-serif);font-weight:700;font-size:28px;letter-spacing:-1px;color:var(--color-danger);text-decoration:none;display:block;margin-bottom:56px}.sidebar nav{display:grid;gap:8px}.sidebar nav a{min-height:52px;display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:10px;text-decoration:none;color:var(--color-textSecondary)}.sidebar nav a>span:first-child{font-size:28px;width:28px;text-align:center;line-height:1}.sidebar nav a[aria-current=page]{background:var(--color-surfaceSelected);color:var(--color-accent);font-weight:600}.main{max-width:784px;margin:0 auto;padding:48px 32px 64px;position:relative;left:120px;width:calc(100% - 240px)}.main.wide{max-width:1100px}.field{display:grid;gap:8px;margin-bottom:24px}.field input,.field textarea,.field select{width:100%;border:1px solid var(--color-border);border-radius:10px;padding:12px 16px;min-height:48px;background:var(--color-surface)}textarea{resize:vertical;min-height:128px;line-height:1.5}input::placeholder,textarea::placeholder{color:var(--color-textSecondary);opacity:.85}fieldset{min-width:0;margin:0 0 24px;padding:0;border:0}legend{padding:0;margin-bottom:12px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips button{flex:1;white-space:nowrap}.ages button{border-radius:999px;flex:0 1 56px;min-width:44px;min-height:48px}.kinds button{padding-left:8px;padding-right:8px}.helper{margin-top:8px;margin-bottom:0}.suggest-row{display:flex;align-items:flex-start;gap:16px;margin-top:-12px;margin-bottom:32px}.suggest-row p{flex:1;font-size:13px}.suggest-row button{color:var(--color-accent);flex:none}.disclosure{display:flex;width:100%;justify-content:space-between;align-items:center;gap:16px;text-align:left;padding:16px;background:var(--color-surface);border-radius:10px;border:0;min-height:56px;margin-bottom:8px;overflow-wrap:anywhere}button.disclosure>span:first-child{flex-shrink:0}.disclosure>span:last-child{min-width:0}.disclosure span:last-child{color:var(--color-textSecondary);font-weight:400}.disclosure small{margin-top:4px}section{margin:24px 0}.heading-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.heading-row h2{margin:0}.heading-row .icon{flex:none;min-width:44px;font-size:26px;background:transparent;border:0}details{margin:24px 0}summary{cursor:pointer;color:var(--color-accent);padding:12px 0;font-weight:600;min-height:44px}details fieldset{margin-top:24px}.style-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.style-card{overflow:hidden;padding:0!important;border-radius:10px;align-self:stretch;display:grid;grid-template-rows:auto 1fr;font-size:16px}.style-card img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.style-card span{padding:12px 4px;align-self:center}.style-card[aria-pressed=true]{outline:1px solid var(--color-accent)}.create-area{display:grid;gap:16px;margin-top:32px;text-align:center}.create-area .helper{margin:0}.example-link{font-size:15px;padding:8px}.notice{background:var(--color-surface);border-radius:16px;padding:20px;margin:16px 0}.notice p:last-child{margin-bottom:0}.notice.error{border-inline-start:3px solid var(--color-danger)}.notice.error p{color:var(--color-danger)}.busy{color:var(--color-textSecondary);padding:16px 0}.busy:before{content:"◌";display:inline-block;margin-right:10px}.empty{text-align:center;padding:48px 0}.empty h2{font:var(--font-heading)}.empty button{margin-top:24px}.drawn-book{font-family:Georgia,serif;font-size:120px;color:var(--color-accent);line-height:1.2}.list{display:grid;gap:8px;margin:24px 0}.list button{width:100%}.character-row{display:flex;gap:8px;align-items:center;background:var(--color-surface);border-radius:10px;padding:8px}.character-main{display:flex;align-items:center;gap:16px;text-align:left;flex:1;background:var(--color-surface);border:0;font-weight:400}.character-main img,.character-main .blank-picture{width:64px;height:64px;object-fit:contain;border-radius:10px;flex:none}.character-main span span{display:block;color:var(--color-textSecondary);font-size:15px;margin-top:4px}.blank-picture{display:grid;place-items:center;background:var(--color-surfaceSelected);color:var(--color-textSecondary)}.character-row>button:last-child:not(.character-main){flex:none;font-size:13px}.photo-editor{margin:24px 0}.photo{max-width:100%;max-height:260px;object-fit:contain;border-radius:10px}.confirmation{padding-left:24px;line-height:1.5;display:grid;gap:16px}.account-card{background:var(--color-surface);padding:24px;border-radius:16px}.main>button:not(.disclosure){display:block;margin:16px 0}.legal{display:flex;gap:24px;flex-wrap:wrap;margin-top:48px;font-size:15px}.radio-row{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 0;line-height:1.4}.radio-row input{width:22px;height:22px;accent-color:var(--color-accent);flex:none}.row{display:flex;gap:8px;flex-wrap:wrap}.language-list{max-height:50dvh;overflow:auto;display:grid;gap:8px}.language-list button{text-align:left;font-weight:400}.language-list small{font-size:13px}.shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:32px 24px;margin-top:32px}.shelf-entry{position:relative;min-width:0}.book-cover{padding:0;display:grid;grid-template-rows:1fr auto;width:100%;aspect-ratio:.72;border:0;overflow:hidden;border-radius:2px 10px 10px 2px;box-shadow:3px 3px 0 var(--color-surfaceSelected),5px 5px 0 var(--color-hairline);position:relative;font-family:var(--family-serif);font-weight:400;text-align:left}.book-cover:after{content:"";position:absolute;left:8px;top:0;bottom:0;width:1px;background:var(--color-textPrimary);opacity:.14}.book-cover img,.book-cover>.blank-picture{width:100%;height:100%;min-height:0;object-fit:cover}.book-cover>span:last-child{padding:16px;min-height:72px;font-size:18px;line-height:1.3}.book-options{display:block;margin:10px 0 0 auto;background:transparent;border:0;min-width:44px;letter-spacing:2px}.details-cover{max-width:160px;max-height:200px;object-fit:contain;align-self:center}.waiting{padding:24px;text-align:center;background:var(--color-surface);border-radius:16px;margin:0 0 32px}.waiting-book{margin:0 auto 32px;width:180px;aspect-ratio:.8;background:var(--color-background);border-radius:3px 12px 12px 3px;box-shadow:var(--shadow-raised);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.waiting-book img{width:100%;height:180px;object-fit:cover}.waiting-book h2{font:var(--font-coverTitle);padding:16px;margin:0}.stages{list-style:none;display:flex;gap:12px;justify-content:center;padding:0;margin:24px 0}.stages li{font:var(--font-caption);color:var(--color-textSecondary);flex:1}.stages li:before{content:"○";display:block;font-size:24px;margin-bottom:8px}.stages li[aria-current=step]{color:var(--color-accent);font-weight:600}.stages li[aria-current=step]:before{content:"●"}.waiting button{margin:8px}.skip{position:fixed;top:0;left:0;padding:16px;z-index:100;background:var(--color-surface);transform:translateY(-100%)}.skip:focus{transform:none}dialog{border:0;border-radius:24px;padding:0;width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 48px);background:var(--color-surface);color:var(--color-textPrimary);box-shadow:var(--shadow-raised)}dialog::backdrop{background:#2a252159}.modal-content{padding:32px;display:flex;flex-direction:column;gap:16px}.modal-content>.heading-row{margin-bottom:8px}.modal-content p{margin-bottom:0}.modal-content form{display:grid;gap:16px}.modal-content form .field{margin:0}.modal-content button{width:100%}.modal-content .icon{width:44px}.modal-content .row>button{flex:1}.modal-content fieldset,.modal-content .notice{margin:0}.modal-content>.field{margin:0}.reader-shell{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;max-width:none}.reader-header{display:flex;justify-content:space-between;padding:12px 24px}.reader-header button{background:transparent;border:0;color:var(--color-accent)}.reader-book{display:grid;place-items:center;padding:12px clamp(16px,4vw,48px);touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none}.reader-page{display:grid;align-items:center;justify-items:center;gap:24px;width:100%;max-width:1180px;margin:0}.reader-page figure{margin:0;width:100%;height:46dvh;display:grid;place-items:center}.reader-page img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:16px}.reader-words{display:grid;justify-items:center;gap:16px;width:100%}.narration{font:var(--font-reading);font-size:clamp(22px,3.4vw,32px);line-height:1.4;white-space:pre-line;text-align:center;overflow-wrap:break-word;max-width:30em;margin:0;-webkit-user-select:text;user-select:text}.narration-1{font-size:26px}.narration-2{font-size:24px}.narration-3{font-size:22px}.narration-4{font-size:20px}.reader-opening{display:grid;justify-items:center;align-content:center;gap:24px;min-height:65dvh;text-align:center}.reader-opening h1{max-width:18em;margin:0;font-size:clamp(30px,4vw,50px)}.reader-opening img{max-height:40dvh;max-width:100%;border-radius:12px}.reader-turns{position:sticky;bottom:0;display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;padding:12px max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:var(--color-background)}.reader-turns button:first-child{justify-self:start}.reader-turns button:last-child{justify-self:end}.reader-turns button[aria-disabled=true]{opacity:.35}.reader-turns p{margin:0;font-size:15px;direction:ltr;unicode-bidi:isolate}.reader-lockup{font-family:var(--family-serif);font-weight:700;font-size:20px;letter-spacing:-1px;text-decoration:none;color:var(--color-danger);padding:8px}.reader-shell>.busy{margin:auto}.reader-shell>.notice{margin:32px}.reader-shell>.reader-header+article{min-height:0}@media(min-aspect-ratio:23/20){.reader-page{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:32px}.reader-page figure{height:calc(100dvh - 180px)}.narration{font-size:clamp(22px,2.5vw,32px)}.narration-1{font-size:26px}.narration-2{font-size:24px}.narration-3{font-size:22px}.narration-4{font-size:20px}}@media(max-width:900px){.sidebar{width:200px;padding:32px 16px}.main{left:100px;width:calc(100% - 200px)}.style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){h1{margin-bottom:24px}.sidebar{inset:auto 0 0;width:100%;height:auto;padding:0 8px env(safe-area-inset-bottom);z-index:10;background:var(--color-surface)}.brand{display:none}.sidebar nav{display:flex;gap:0;justify-content:space-around}.sidebar nav a{font-size:10px;min-width:0;flex:1;flex-direction:column;gap:2px;padding:8px 3px;min-height:64px;border-radius:0}.sidebar nav a[aria-current=page]{background:transparent}.sidebar nav a>span:first-child{font-size:25px}.main{left:0;width:100%;padding:24px 16px 112px}.style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ages{justify-content:space-between;gap:6px}.ages button{flex:1;min-width:0;padding:10px 4px;min-height:44px}.ages button[aria-pressed=true]{padding:9px 3px}.lengths button{font-size:15px;padding:12px 6px}.lengths button[aria-pressed=true]{padding:11px 5px}.kinds{gap:6px}.kinds button{font-size:16px}.modal-content{padding:24px}.shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.book-cover>span:last-child{font-size:17px;padding:12px 16px}.reader-header{padding:8px 12px}.reader-page{gap:20px}.reader-turns{gap:8px}.reader-turns button{padding:10px 14px}.reader-turns button span{display:none}.narration{font-size:24px}.narration-1{font-size:23px}.narration-2{font-size:22px}.narration-3{font-size:21px}.narration-4{font-size:20px}.reader-lockup{font-size:18px}.waiting{padding:20px 12px}.stages{gap:8px}.stages li{font-size:11px}}@media(prefers-reduced-motion:no-preference){button,a{transition:background var(--motion-quick),color var(--motion-quick)}dialog[open]{animation:arrive .18s ease-out}@keyframes arrive{0%{opacity:0;transform:translateY(12px)}}}.image-holder{display:grid;place-items:center;overflow:hidden}.image-holder>img{width:100%;height:100%;object-fit:contain}.image-holder>.blank-picture{width:100%;height:100%;min-height:60px}.character-main>.image-holder{width:64px;height:64px;flex:none;border-radius:10px}.book-cover>.image-holder{width:100%;height:100%;min-height:0;padding:0}.book-cover>.image-holder img{object-fit:cover}.details-cover.image-holder{width:160px;height:180px}.waiting-book>.image-holder{height:180px;width:100%}.brand img{width:180px;max-width:100%;height:auto}.reader-lockup img{width:120px;height:auto}.activity{font:var(--font-subheadline);color:var(--color-textSecondary);margin-top:24px}.photo-area canvas{display:block;width:100%;touch-action:none}.options-summary{float:inline-end;font-weight:400;color:var(--color-textSecondary)}.character-main{min-width:0;width:100%}.character-main>span:not(.image-holder){min-width:0;overflow-wrap:anywhere}.character-row .character-main{font-size:17px}.reader-page figure{position:relative}.picture-loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--color-textSecondary);font:var(--font-footnote)}