@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}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, 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;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@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,ui-sans-serif, system-ui, 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{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{.\!start{inset-inline-start:var(--spacing)!important}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.rounded{border-radius:.25rem}}@font-face{font-family:ZCOOL KuaiLe;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/zcool-kuaile-400.woff2)format("woff2")}:root{--cream:#fbf5e9;--paper:#fffdf8;--rose:#c77c89;--rose-soft:#efb9ba;--lavender:#c8bfdc;--lavender-deep:#8d81ad;--ink:#493f52;--muted:#81748c;--peach:#f3cfab;--sage:#b9c8b5;--line:#5b4c6724;--shadow:0 24px 70px #5c434b1f;--font-body:"Avenir Next", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--font-display:"ZCOOL KuaiLe", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--cream)}body{color:var(--ink);background:radial-gradient(circle at 8% 2%, #efb9ba38, transparent 22rem), radial-gradient(circle at 92% 20%, #c8bfdc38, transparent 28rem), linear-gradient(180deg, #fffaf1 0%, var(--cream) 42%, #f8f1e8 100%);font-family:var(--font-body);min-height:100vh;margin:0}button,select{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #8d81ad8c}.site-shell{width:min(100%,1420px);margin:0 auto;padding:38px 36px 64px}.site-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px;display:flex}.site-header p{color:var(--muted);margin:0;font-size:15px}.brand{color:inherit;align-items:center;gap:13px;text-decoration:none;display:inline-flex}.brand>span:last-child{align-items:baseline;gap:6px;display:flex}.brand strong{font-family:var(--font-display);letter-spacing:.025em;font-size:28px;font-weight:400}.brand small{color:var(--muted);font-size:14px}.brand-mark{background:#f3e5ef;border-radius:16px;width:46px;height:46px;position:relative;box-shadow:inset 0 0 0 1px #8d81ad1f}.brand-moon{background:var(--lavender-deep);border-radius:50%;width:23px;height:23px;position:absolute;top:9px;left:10px}.brand-moon:after{content:"";background:#f3e5ef;border-radius:50%;width:19px;height:19px;position:absolute;top:-3px;left:7px}.brand-spark{background:var(--rose);border-radius:50%;width:5px;height:5px;position:absolute}.spark-one{top:12px;right:8px}.spark-two{width:3px;height:3px;bottom:8px;right:13px}.continue-card{box-shadow:var(--shadow);background:radial-gradient(circle at 88% 8%,#ffffffd1,#0000 19rem),linear-gradient(118deg,#fffdf8f7,#f8dfe2d1);border:1px solid #c77c8929;border-radius:36px;grid-template-columns:minmax(0,1fr) minmax(420px,.95fr);gap:54px;padding:62px;display:grid;position:relative;overflow:hidden}.continue-card:before,.continue-card:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.continue-card:before{background:#c8bfdc38;width:260px;height:260px;top:-120px;right:-90px}.continue-card:after{background:#f3cfab47;width:110px;height:110px;bottom:-76px;left:45%}.continue-copy,.player-panel{z-index:1;position:relative}.section-kicker{color:var(--rose);letter-spacing:.14em;align-items:center;gap:10px;font-size:14px;font-weight:700;display:inline-flex}.section-kicker:before{content:"";background:currentColor;border-radius:1px;width:36px;height:2px}.continue-copy h1,.section-heading h2,.reader-header h2{font-family:var(--font-display);font-synthesis:none;letter-spacing:.03em;text-shadow:0 2px #ffffff8c;margin:18px 0 14px;font-weight:400}.continue-copy h1{font-size:clamp(42px,4.3vw,66px);line-height:1.12}.continue-copy>p{max-width:560px;color:var(--muted);margin:0;font-size:18px;line-height:1.9}.continue-actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.button{text-align:center;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;min-height:56px;padding:0 30px;font-weight:700;line-height:1.2;text-decoration:none;transition:transform .22s,box-shadow .22s,background .22s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{border:1px solid var(--rose);color:#fff;background:var(--rose);box-shadow:0 12px 28px #c77c8942}.button-primary span{margin-right:8px;font-size:12px}.button-secondary{background:#fffdf8db;border:1px solid #493f5226}.player-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf8d1;border:1px solid #ffffffbf;border-radius:30px;align-self:center;padding:34px 38px 27px;box-shadow:0 18px 48px #5544591a}.player-meta{color:var(--muted);justify-content:space-between;gap:20px;font-size:14px;display:flex}.player-meta strong{color:#6f627a}.progress-track{background:#eee5e8;border-radius:999px;height:10px;margin:22px 0 25px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--rose-soft), var(--lavender-deep));height:100%;transition:width .26s;display:block}.player-controls{justify-content:center;align-items:center;gap:22px;display:flex}.round-control{cursor:pointer;border:0;border-radius:50%;place-items:center;transition:transform .2s,opacity .2s;display:grid}.round-control:hover:not(:disabled){transform:scale(1.06)}.round-control:disabled{cursor:not-allowed;opacity:.36}.small-control{color:#74677e;background:#f2eaed;width:52px;height:52px;font-weight:750}.play-control{color:#fff;background:var(--lavender-deep);width:72px;height:72px;font-size:23px;box-shadow:0 12px 30px #8d81ad47}.rate-control{color:var(--muted);justify-content:center;align-items:center;gap:10px;margin-top:18px;font-size:13px;display:flex}.rate-control select{border:1px solid var(--line);min-height:38px;color:var(--ink);background:var(--paper);border-radius:12px;padding:0 30px 0 13px}.speech-notice{color:#7b5961;background:#fff5f5d1;border:1px solid #c77c8933;border-radius:16px;margin:20px 0 0;padding:15px 18px}.story-section{padding-top:68px}.section-heading,.reader-header{justify-content:space-between;align-items:end;gap:28px;margin-bottom:26px;display:flex}.section-heading h2,.reader-header h2{margin-bottom:0;font-size:clamp(34px,3vw,46px)}.section-heading>p{color:var(--muted);margin:0 0 6px}.story-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;display:grid}.story-card{text-align:left;cursor:pointer;background:#fffdf8f0;border:1px solid #5d4a5e1c;border-radius:28px;min-width:0;padding:18px;transition:transform .24s,box-shadow .24s,border-color .24s;box-shadow:0 16px 44px #5b454b14}.story-card:hover,.story-card.is-active{border-color:#c77c894d;transform:translateY(-6px);box-shadow:0 24px 54px #5b454b24}.story-art{aspect-ratio:1.36;background:#eee6ef;border-radius:23px;width:100%;position:relative;overflow:hidden}.story-art img{object-fit:cover;width:100%;height:100%;display:block}.story-card-meta,.story-card-footer{justify-content:space-between;align-items:center;gap:18px;display:flex}.story-card-meta{color:var(--muted);margin:18px 4px 0;font-size:13px}.story-card-meta>span:first-child{color:var(--rose);font-weight:700}.story-card>strong{font-family:var(--font-display);font-synthesis:none;letter-spacing:.025em;margin:13px 4px 9px;font-size:clamp(24px,2vw,31px);font-weight:400;display:block}.story-summary{min-height:54px;color:var(--muted);margin:0 4px;font-size:14px;line-height:1.75;display:block}.story-card-footer{color:var(--muted);margin:18px 4px 2px;font-size:13px}.card-play{color:#fff;background:var(--lavender-deep);border-radius:50%;place-items:center;width:44px;height:44px;font-size:13px;display:grid}.reader{box-shadow:var(--shadow);background:#fffdf8d1;border:1px solid #5d4a5e1a;border-radius:34px;margin-top:72px;padding:44px;scroll-margin-top:24px}.reader-header{align-items:center}.reader-count{color:var(--muted);background:#f1e8ed;border-radius:999px;padding:11px 17px;font-size:14px}.current-segment{background:linear-gradient(120deg,#f7e6e6,#eee8f4);border-radius:26px;padding:34px 38px}.current-segment>span{color:var(--rose);letter-spacing:.14em;font-size:13px;font-weight:750}.current-segment p{font-family:var(--font-body);letter-spacing:.015em;margin:15px 0 0;font-size:clamp(22px,2.2vw,30px);font-weight:500;line-height:1.95}.segment-list{gap:10px;margin-top:24px;display:grid}.segment-row{text-align:left;cursor:pointer;content-visibility:auto;contain-intrinsic-size:82px;background:0 0;border:1px solid #0000;border-radius:18px;grid-template-columns:42px minmax(0,1fr) 36px;align-items:center;gap:14px;width:100%;padding:16px 18px;transition:background .18s,border-color .18s;display:grid}.segment-row:hover,.segment-row.is-current{background:#fff8f6;border-color:#c77c892e}.segment-row.is-complete .segment-number{color:#fff;background:var(--sage)}.segment-number{width:36px;height:36px;color:var(--muted);background:#f0e9ed;border-radius:12px;place-items:center;font-weight:700;display:grid}.segment-row>span:nth-child(2){color:var(--muted);font-family:var(--font-body);text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:1.75;overflow:hidden}.segment-row.is-current>span:nth-child(2){color:var(--ink);font-weight:650}.segment-play{color:var(--lavender-deep);text-align:center;font-size:12px}footer{color:var(--muted);justify-content:space-between;gap:24px;padding:34px 6px 0;font-size:13px;display:flex}@media (max-width:1040px){.continue-card{grid-template-columns:1fr;gap:36px;padding:48px}.player-panel{width:100%}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-card:last-child{grid-column:1/-1;justify-self:center;width:calc(50% - 13px)}}@media (max-width:700px){.site-shell{padding:20px 16px 40px}.site-header{align-items:flex-start;gap:10px;margin-bottom:18px}.site-header p{display:none}.brand strong{font-size:20px}.brand small{display:none}.brand{gap:8px}.brand-mark{border-radius:14px;width:40px;height:40px}.continue-card{border-radius:28px;gap:30px;padding:34px 22px 24px}.continue-copy h1{margin-top:14px;font-size:39px}.continue-copy>p{font-size:16px;line-height:1.75}.continue-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:25px;display:grid}.button{min-height:54px;padding:0 14px;font-size:14px}.player-panel{border-radius:23px;padding:25px 18px 20px}.player-meta{font-size:12px}.story-section{padding-top:52px}.section-heading,.reader-header{align-items:flex-start}.section-heading>p{display:none}.section-heading h2,.reader-header h2{font-size:36px}.story-grid{grid-template-columns:1fr;gap:18px}.story-card:last-child{grid-column:auto;width:auto}.story-art{aspect-ratio:1.55}.reader{border-radius:27px;margin-top:52px;padding:26px 18px}.reader-header{display:block}.reader-count{margin-top:18px;display:inline-block}.current-segment{padding:26px 22px}.current-segment p{font-size:21px;line-height:1.85}.segment-row{grid-template-columns:36px minmax(0,1fr) 24px;gap:9px;padding:13px 10px}.segment-number{width:32px;height:32px}.segment-row>span:nth-child(2){font-size:14px}footer{text-align:center;display:grid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@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}
.site-header-actions{align-items:center;gap:24px;display:flex}.library-simple-shell{width:min(100%,720px);min-height:100dvh}.library-simple-breadcrumb{color:#89a;flex-wrap:wrap;align-items:center;gap:8px;min-height:24px;margin:8px 0 24px;font-size:14px;display:flex}.library-simple-breadcrumb a{color:var(--rose);padding:4px 0;text-decoration:none}.library-simple-breadcrumb a:hover{text-decoration:underline}.library-simple-breadcrumb>span{color:#c3ccd6}.library-simple-breadcrumb strong{color:#2c3e50;font-weight:600}.library-simple-heading{text-align:center;justify-items:center;margin:0 0 30px;display:grid}.library-simple-heading h1{color:#2c3e50;font-family:var(--font-body);letter-spacing:0;margin:0;font-size:26px;font-weight:700;line-height:1.25}.library-simple-heading p{color:#89a;margin:8px 0 0;font-size:15px;line-height:1.6}.library-simple-heading>a,.library-simple-primary,.library-simple-open{color:#fff;background:var(--rose);border-radius:12px;justify-content:center;align-items:center;min-height:46px;padding:0 20px;font-size:14px;font-weight:700;line-height:1.25;text-decoration:none;display:inline-flex;box-shadow:0 9px 22px #c77c8933}.library-simple-heading>a{margin-top:18px}.library-simple-search{color:#718090;gap:8px;margin:0 0 20px;font-size:13px;display:grid}.library-simple-search input{color:#2c3e50;width:100%;min-height:48px;font:inherit;background:#fff;border:1px solid #e6ebf1;border-radius:12px;padding:0 15px}.library-simple-state{text-align:center;background:#fff;border:1px solid #e6ebf1;border-radius:14px;justify-items:center;margin-top:18px;padding:48px 24px;display:grid;box-shadow:0 5px 18px #434d590a}.library-simple-state h2{color:#2c3e50;font-family:var(--font-body);margin:18px 0 8px;font-size:21px;font-weight:700}.library-simple-state p{color:#89a;max-width:480px;margin:0 0 20px;font-size:14px;line-height:1.7}.library-simple-state>p:only-child{margin:0}.library-simple-mark{color:#fff;background:var(--rose);letter-spacing:.04em;border-radius:12px;place-items:center;width:56px;height:56px;font-size:11px;font-weight:800;display:grid}.library-simple-records{margin-top:26px}.library-simple-record-count{color:#718090;font-family:var(--font-body);margin:0 0 12px;font-size:13px;font-weight:600}.library-simple-list{gap:18px;display:grid}.library-simple-book{background:#fff;border:1px solid #e6ebf1;border-radius:14px;overflow:hidden;box-shadow:0 5px 18px #434d590a}.library-simple-book-heading{border-bottom:1px solid #eef1f5;justify-content:space-between;align-items:center;gap:24px;min-width:0;padding:22px 22px 18px;display:flex}.library-simple-book-heading>div:first-child{min-width:0}.library-simple-book-heading h2{overflow-wrap:anywhere;color:#2c3e50;font-family:var(--font-body);letter-spacing:0;margin:0;font-size:21px;font-weight:700;line-height:1.35}.library-simple-book-heading p,.library-simple-book-heading small{overflow-wrap:anywhere;color:#89a;font-size:12px;line-height:1.6;display:block}.library-simple-book-heading p{margin:6px 0 2px}.library-simple-book-actions{flex:none;align-items:center;gap:8px;display:flex}.library-simple-rename{gap:7px;min-width:0;display:grid}.library-simple-rename>label{color:#718090;font-size:12px;font-weight:650}.library-simple-rename>div{align-items:center;gap:7px;min-width:0;display:flex}.library-simple-rename input{color:#2c3e50;min-width:0;min-height:40px;font:inherit;background:#fff;border:1px solid #c77c898c;border-radius:10px;flex:1;padding:0 11px;font-size:14px}.library-simple-rename button,.library-simple-rename-button{color:#718090;min-height:40px;font:inherit;cursor:pointer;background:#fff;border:1px solid #e6ebf1;border-radius:10px;padding:0 11px;font-size:12px;font-weight:650}.library-simple-rename button[type=submit]{border-color:var(--rose);color:#fff;background:var(--rose)}.library-simple-open{min-height:42px;padding:0 15px;font-size:13px}.library-simple-delete{color:#a15e68;cursor:pointer;background:0 0;border:0;border-radius:10px;min-height:42px;padding:0 10px;font-size:12px}.library-simple-rename-button:hover{color:var(--rose);background:snow;border-color:#c77c8973}.library-simple-delete:hover{background:#fff2f3}.library-simple-delete:disabled{cursor:wait;opacity:.5}.library-simple-toc{margin:0;padding:8px 12px 12px;list-style:none}.library-simple-toc li{content-visibility:auto;contain-intrinsic-size:70px;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.library-simple-toc a{color:#2c3e50;border-radius:12px;grid-template-columns:38px minmax(0,1fr) 144px;align-items:center;gap:12px;min-width:0;padding:12px 10px;text-decoration:none;display:grid}.library-simple-toc a:hover{background:snow}.library-simple-number{color:#718090;background:#f3eef1;border-radius:10px;place-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:grid}.library-simple-number.is-complete{color:#fff;background:var(--sage)}.library-simple-story-copy{min-width:0}.library-simple-story-copy strong,.library-simple-story-copy small{display:block}.library-simple-story-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.library-simple-story-copy small,.library-simple-progress small{color:#99a5b3;margin-top:3px;font-size:11px}.library-simple-delete-story{color:#a15e68;min-height:44px;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:9px;margin-right:8px;padding:0 9px;font-size:11px}.library-simple-delete-story:hover{background:#fff2f3}.library-simple-delete-story:disabled,.library-simple-rename-button:disabled,.library-simple-rename button:disabled{cursor:wait;opacity:.5}.library-simple-progress{grid-template-columns:minmax(56px,82px) auto;justify-content:end;align-items:center;gap:8px;display:grid}.library-simple-progress>span{background:#eee6e9;border-radius:999px;height:5px;overflow:hidden}.library-simple-progress i{border-radius:inherit;background:var(--rose);height:100%;display:block}.library-simple-progress small{white-space:nowrap;margin:0}@media (max-width:700px){.library-simple-shell{padding-left:max(20px, env(safe-area-inset-left));padding-right:max(20px, env(safe-area-inset-right))}.library-simple-breadcrumb{margin:4px 0 20px}.library-simple-heading{margin-bottom:26px}.library-simple-heading h1{font-size:24px}.library-simple-heading p{font-size:14px}.library-simple-book-heading{gap:16px;padding:20px 18px 17px;display:grid}.library-simple-book-actions,.library-simple-open{width:100%}.library-simple-book-actions,.library-simple-rename>div{flex-wrap:wrap}.library-simple-rename input{flex-basis:100%}.library-simple-open{flex:1}.library-simple-toc{padding:7px 8px 10px}.library-simple-toc a{grid-template-columns:36px minmax(0,1fr);gap:10px;padding:11px 8px}.library-simple-toc li{border-bottom:1px solid #f2f3f6;grid-template-columns:minmax(0,1fr);padding-bottom:6px}.library-simple-toc li:last-child{border-bottom:0}.library-simple-delete-story{justify-self:end;margin:-3px 8px 1px 0}.library-simple-progress{grid-column:2;grid-template-columns:minmax(70px,1fr) auto;justify-content:stretch;width:100%;margin-top:-2px}}.site-nav{border:1px solid var(--line);background:#fffdf8b8;border-radius:999px;align-items:center;gap:5px;padding:5px;display:flex}.site-nav a{color:var(--muted);white-space:nowrap;border-radius:999px;padding:9px 13px;font-size:13px;font-weight:650;text-decoration:none}.site-nav a:hover,.site-nav a.is-current{color:var(--ink);background:#f2e8ed}.library-banner{color:inherit;background:radial-gradient(circle at 90% 15%,#ffffffc7,#0000 15rem),linear-gradient(120deg,#efe8f5eb,#fff4e8eb);border:1px solid #8d81ad2e;border-radius:28px;justify-content:space-between;align-items:center;gap:32px;margin-top:64px;padding:34px 38px;text-decoration:none;transition:transform .22s,box-shadow .22s;display:flex;box-shadow:0 16px 44px #5b454b14}.library-banner:hover{transform:translateY(-3px);box-shadow:0 22px 52px #5b454b1f}.library-banner h2{font-family:var(--font-display);letter-spacing:.025em;margin:10px 0 7px;font-size:clamp(28px,3vw,40px);font-weight:400}.library-banner p{max-width:730px;color:var(--muted);margin:0;line-height:1.75}.library-banner-action{color:#fff;background:var(--lavender-deep);border-radius:16px;flex:none;padding:14px 18px;font-weight:700}.local-library-shell{width:min(100%,1220px)}.library-hero{box-shadow:var(--shadow);background:radial-gradient(circle at 88% 12%,#ffffffd6,#0000 17rem),linear-gradient(120deg,#fffdf8f7,#f5e4eddb);border:1px solid #c77c8924;border-radius:34px;grid-template-columns:minmax(0,1fr) 240px;align-items:center;gap:48px;padding:54px 58px;display:grid}.compact-hero{grid-template-columns:minmax(0,1fr) 280px}.library-hero h1,.local-reader-heading h1,.import-summary h2,.book-card h2,.empty-library h1,.empty-library h2{font-family:var(--font-display);font-synthesis:none;letter-spacing:.025em;font-weight:400}.library-hero h1{max-width:760px;margin:18px 0 14px;font-size:clamp(40px,4.8vw,64px);line-height:1.18}.library-hero>div:first-child>p{max-width:740px;color:var(--muted);margin:0;font-size:17px;line-height:1.85}.library-count-card,.privacy-card{text-align:center;background:#fffdf8cc;border:1px solid #ffffffb8;border-radius:25px;padding:27px;box-shadow:0 15px 38px #50405814}.library-count-card>span,.privacy-card>span{color:var(--rose);letter-spacing:.1em;font-size:13px;font-weight:750}.library-count-card strong{font-family:var(--font-display);margin-top:5px;font-size:64px;font-weight:400;line-height:1;display:block}.library-count-card p,.privacy-card p{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.6}.privacy-card>span{color:#fff;background:var(--lavender-deep);border-radius:16px;place-items:center;width:48px;height:48px;margin:0 auto 15px;font-size:22px;display:grid}.privacy-card strong{font-size:16px;display:block}.success-notice,.import-warnings{color:#56705a;background:#eff8ede0;border:1px solid #70926f38;border-radius:16px;margin:22px 0 0;padding:16px 19px}.library-search{color:var(--muted);grid-template-columns:auto minmax(260px,420px);justify-content:end;align-items:center;gap:14px;margin:34px 0 18px;font-size:14px;display:grid}.library-search input{border:1px solid var(--line);min-height:48px;color:var(--ink);background:var(--paper);font:inherit;border-radius:15px;padding:0 16px}.empty-library{text-align:center;background:#fffdf8b8;border:1px dashed #8d81ad47;border-radius:30px;margin-top:34px;padding:72px 28px}.empty-library h1,.empty-library h2{margin:20px 0 10px;font-size:34px}.empty-library p{max-width:600px;color:var(--muted);margin:0 auto 24px;line-height:1.75}.empty-library .button,.library-hero .button,.book-card .button,.local-reading-panel .button,.import-save-bar .button{text-decoration:none}.book-library{gap:30px;margin-top:24px;display:grid}.upload-records-section{margin-top:36px}.record-section-heading{justify-content:space-between;align-items:end;gap:24px;display:flex}.record-section-heading h2{margin:11px 0 0;font-size:clamp(29px,3vw,39px)}.record-section-heading>p{color:var(--muted);margin:0;font-size:13px}.book-card{background:#fffdf8eb;border:1px solid #5d4a5e1c;border-radius:30px;overflow:hidden;box-shadow:0 18px 50px #5b454b14}.book-card-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:36px;padding:34px 36px 28px;display:flex}.book-card h2{margin:12px 0 7px;font-size:clamp(31px,3vw,42px)}.book-card-heading p{max-width:620px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;overflow:hidden}.book-actions{align-items:center;gap:12px;display:flex}.text-button{cursor:pointer;background:0 0;border:0}.danger-button{color:#a46770;padding:12px;font-size:13px}.danger-button:disabled{cursor:wait;opacity:.5}.book-toc{margin:0;padding:12px 20px 22px;list-style:none}.book-toc li{content-visibility:auto;contain-intrinsic-size:76px}.book-toc a{color:inherit;border-radius:17px;grid-template-columns:42px minmax(0,1fr) 170px;align-items:center;gap:15px;padding:14px 12px;text-decoration:none;display:grid}.book-toc a:hover{background:#fff7f3}.toc-number{width:38px;height:38px;color:var(--muted);background:#f0e9ed;border-radius:13px;place-items:center;font-size:13px;font-weight:750;display:grid}.toc-number.is-complete{color:#fff;background:var(--sage)}.book-toc strong,.book-toc small{display:block}.book-toc strong{margin-bottom:4px;font-size:16px}.book-toc small{color:var(--muted);font-size:12px}.toc-progress{grid-template-columns:84px auto;justify-content:end;align-items:center;gap:9px;display:grid}.toc-progress>span{background:#eee6e9;border-radius:999px;width:84px;height:6px;overflow:hidden}.toc-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--rose-soft), var(--lavender-deep));height:100%;display:block}.import-shell{width:min(100%,720px);min-height:100dvh}.import-breadcrumb{color:#89a;flex-wrap:wrap;align-items:center;gap:8px;min-height:24px;margin:8px 0 24px;font-size:14px;display:flex}.import-breadcrumb a{color:var(--rose);padding:4px 0;text-decoration:none}.import-breadcrumb a:hover{text-decoration:underline}.import-breadcrumb>span{color:#c3ccd6}.import-breadcrumb strong{color:#2c3e50;font-weight:600}.import-heading{text-align:center;margin:0 0 32px}.import-heading h1{color:#2c3e50;font-family:var(--font-body);letter-spacing:0;margin:0;font-size:26px;font-weight:700;line-height:1.25}.import-heading p{color:#89a;margin:8px 0 0;font-size:15px;line-height:1.6}.import-workspace{min-width:0}.epub-dropzone{background:#fff;border:1px solid #e6ebf1;border-radius:14px;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:18px;min-width:0;min-height:116px;padding:24px;transition:border-color .18s,box-shadow .18s,background .18s;display:grid;box-shadow:0 5px 18px #434d590a}.epub-dropzone.is-dragging{border-color:var(--rose);background:snow;box-shadow:0 10px 28px #c77c8924}.epub-dropzone>div{min-width:0}.upload-mark{color:#fff;background:var(--rose);letter-spacing:.04em;border-radius:12px;place-items:center;width:56px;height:56px;font-size:11px;font-weight:800;display:grid}.epub-dropzone strong{overflow-wrap:anywhere;color:#2c3e50;font-size:17px;font-weight:650;display:block}.epub-dropzone p{color:#99a5b3;margin:6px 0 0;font-size:13px;line-height:1.55}.file-button{border-radius:12px;min-height:48px;padding:0 20px;font-size:14px;position:relative;overflow:hidden}.file-button input{opacity:0;width:1px;height:1px;position:absolute}.file-button.is-disabled{cursor:wait;opacity:.62}.import-error{color:#8d454d;white-space:pre-line;background:#fff6f6;border:1px solid #edcbd0;border-radius:12px;margin:16px 0 0;padding:13px 16px;font-size:13px;line-height:1.6}.import-failures{color:#72583a;background:#fff8e9;border:1px solid #f0dbbd;border-radius:12px;margin:16px 0 0;padding:15px 17px;font-size:13px}.import-failures>strong{margin-bottom:8px;display:block}.import-failures ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.import-failures li{gap:2px;display:grid}.import-failures li span{overflow-wrap:anywhere;font-weight:650}.import-failures li small{color:#8d7352;line-height:1.5}.import-results{background:#fff;border:1px solid #e6ebf1;border-radius:14px;margin-top:20px;overflow:hidden;box-shadow:0 5px 18px #434d590a}.import-summary{border-bottom:1px solid #eef1f5;justify-content:space-between;align-items:center;gap:24px;min-width:0;padding:26px 24px 22px;display:flex}.import-summary>div:first-child{min-width:0}.import-result-label{color:var(--rose);font-size:12px;font-weight:700}.import-summary h2{overflow-wrap:anywhere;color:#2c3e50;font-family:var(--font-body);letter-spacing:0;margin:7px 0 6px;font-size:22px;font-weight:700;line-height:1.35}.import-summary p{color:#89a;margin:0;font-size:13px;line-height:1.65}.summary-numbers{flex:none;gap:8px;display:flex}.summary-numbers>span{color:#89a;text-align:center;background:#f7f3f6;border-radius:12px;min-width:86px;padding:12px;font-size:11px}.summary-numbers strong{color:#2c3e50;margin-bottom:3px;font-size:19px;display:block}.import-warnings{color:#84643f;background:#fff8e9;border-color:#f0dbbd;border-radius:12px;margin:18px 24px 0;padding:13px 16px;font-size:13px}.import-warnings p{margin:0}.selection-tools{justify-content:space-between;align-items:center;gap:16px;padding:22px 24px 10px;display:flex}.selection-tools>strong{color:#2c3e50;font-size:14px}.selection-tools div{flex:none;gap:8px;display:flex}.selection-tools button{min-height:36px;color:var(--rose);font:inherit;cursor:pointer;background:#fff;border:1px solid #e6ebf1;border-radius:10px;padding:0 12px;font-size:12px;font-weight:650}.selection-tools button:hover{background:snow;border-color:#c77c8973}.import-global-selection{border-bottom:1px solid #eef1f5;padding-bottom:18px}.import-book-groups{background:#fafbfc;gap:18px;padding:18px 20px 24px;display:grid}.import-book-group{background:#fff;border:1px solid #e6ebf1;border-radius:14px;overflow:hidden}.import-book-heading{border-bottom:1px solid #eef1f5;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px;padding:18px 18px 14px;display:grid}.import-book-order{color:#fff;background:var(--rose);border-radius:10px;place-items:center;width:40px;height:40px;font-size:14px;font-weight:750;display:grid}.import-book-heading>div:nth-child(2){min-width:0}.import-book-heading h3{color:#2c3e50;font-family:var(--font-body);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:17px;font-weight:700;overflow:hidden}.import-book-heading p{color:#99a5b3;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:11px;overflow:hidden}.import-book-selection{gap:6px;display:flex}.import-book-selection button{min-height:34px;color:var(--rose);font:inherit;cursor:pointer;background:#fff;border:1px solid #e6ebf1;border-radius:9px;padding:0 9px;font-size:11px;font-weight:650}.import-book-selection button:hover{background:snow;border-color:#c77c8973}.import-book-group .import-story-list{padding-top:8px}.import-book-group .import-warnings{margin:14px 16px 6px}.import-book-group .ignored-sections{margin-left:16px;margin-right:16px}.import-story-list{min-width:0;padding:0 14px 16px}.import-story-row{content-visibility:auto;contain-intrinsic-size:66px;cursor:pointer;border-radius:12px;grid-template-columns:22px 38px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:13px 10px;display:grid}.import-story-row:hover{background:snow}.import-story-row input{width:18px;height:18px;accent-color:var(--rose);margin:0}.import-story-row>span:nth-child(3){min-width:0}.import-story-row strong,.import-story-row small{display:block}.import-story-row strong{color:#2c3e50;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.import-story-row small{color:#99a5b3;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:11px;line-height:1.5;overflow:hidden}.clean-badge{color:#5d7661;white-space:nowrap;background:#edf5eb;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:700}.ignored-sections{background:#f7f3f6;border-radius:12px;margin:0 24px 22px;padding:14px 16px}.ignored-sections summary{color:#718090;cursor:pointer;font-size:12px;font-weight:650}.ignored-sections ul{gap:8px;margin:13px 0 0;padding:0;list-style:none;display:grid}.ignored-sections li{color:#718090;justify-content:space-between;gap:14px;min-width:0;font-size:11px;display:flex}.ignored-sections li span,.ignored-sections small{overflow-wrap:anywhere}.ignored-sections small{color:#a2858d;text-align:right}.import-save-bar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border-top:1px solid #eef1f5;padding:18px 24px;display:grid;position:sticky;bottom:0}.import-save-bar .button{border-radius:12px;width:100%;min-height:48px;font-size:14px}.button:disabled{cursor:not-allowed;opacity:.48;transform:none}.local-reader-heading{justify-content:space-between;align-items:end;gap:30px;margin:54px 0 25px;display:flex}.back-link{color:var(--muted);margin-bottom:26px;font-size:13px;text-decoration:none;display:inline-block}.local-reader-heading h1{margin:12px 0 8px;font-size:clamp(42px,5vw,68px)}.local-reader-heading p{color:var(--muted);margin:0}.reading-progress{background:#ede5e8;border-radius:999px;height:9px;margin-bottom:24px;overflow:hidden}.reading-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--rose-soft), var(--lavender-deep));height:100%;transition:width .22s;display:block}.local-reading-panel{background:radial-gradient(circle at 92% 10%,#ffffffb8,#0000 13rem),linear-gradient(120deg,#f8e9e9,#eee9f5);border:1px solid #c77c8924;border-radius:30px;padding:40px 44px;box-shadow:0 17px 46px #5b454b17}.local-playback-status{justify-content:space-between;align-items:center;gap:22px;display:flex}.local-playback-status>span{color:var(--rose);letter-spacing:.12em;font-size:12px;font-weight:750}.local-playback-status>strong{color:#706379;font-size:13px}.local-current-copy{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:#fffdf894;border:1px solid #ffffffd1;border-radius:24px;margin:18px 0 0;padding:26px 28px 20px;transition:transform .18s,border-color .18s,box-shadow .18s;display:block;box-shadow:0 10px 30px #5b454b0f}.local-current-copy:hover,.local-current-copy:focus-visible{border-color:#c77c8952;transform:translateY(-2px);box-shadow:0 15px 36px #5b454b1a}.local-current-copy.is-speaking{border-color:#8d81ad6b;box-shadow:0 15px 40px #8d81ad29}.local-current-text{letter-spacing:.015em;font-size:clamp(22px,2.2vw,29px);font-weight:500;line-height:2;display:block}.local-current-hint{color:var(--lavender-deep);letter-spacing:.06em;text-align:right;margin-top:12px;font-size:12px;font-weight:750;display:block}.local-playback-toolbar{justify-content:center;align-items:center;gap:28px;margin-top:26px;display:flex}.local-playback-toolbar .rate-control{margin-top:0}.local-reading-panel .player-controls{gap:15px}.local-reading-panel .small-control{width:46px;height:46px}.local-reading-panel .play-control{width:62px;height:62px;font-size:19px}.reader-actions{justify-content:flex-end;gap:12px;margin-top:28px;display:flex}.local-reader-actions{border-top:1px solid #5b454b17;justify-content:space-between;align-items:center;padding-top:22px}.local-reader-actions>span{color:var(--muted);font-size:12px}.local-full-story{margin-top:42px}.story-neighbors{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:26px;display:grid}.story-neighbors a{border:1px solid var(--line);color:inherit;background:#fffdf8c2;border-radius:19px;gap:5px;padding:20px 22px;text-decoration:none;display:grid}.story-neighbors a.is-next{text-align:right}.story-neighbors span{color:var(--muted);font-size:12px}.local-reader-simple-shell{width:min(100%,780px);min-width:0;min-height:100dvh;padding-bottom:44px}.local-reader-breadcrumb{color:#89a;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;min-height:24px;margin:8px 0 24px;font-size:14px;line-height:1.55;display:flex}.local-reader-breadcrumb a,.local-reader-breadcrumb strong{overflow-wrap:anywhere;min-width:0}.local-reader-breadcrumb a{color:var(--rose);padding:4px 0;text-decoration:none}.local-reader-breadcrumb a:hover{text-decoration:underline}.local-reader-breadcrumb>span{color:#c3ccd6;flex:none}.local-reader-breadcrumb strong{color:#2c3e50;font-weight:600}.local-reader-simple-heading{text-align:center;margin:0 0 30px}.local-reader-simple-heading h1{overflow-wrap:anywhere;color:#2c3e50;font-family:var(--font-body);letter-spacing:0;margin:0;font-size:clamp(28px,5vw,40px);font-weight:700;line-height:1.3}.local-reader-simple-heading p{color:#89a;margin:9px 0 0;font-size:15px;line-height:1.6}.local-reader-player{background:#fff;border:1px solid #e6ebf1;border-radius:16px;min-width:0;padding:24px;box-shadow:0 5px 18px #434d590a}.local-reader-playback-actions{grid-template-columns:minmax(0,1.55fr) minmax(150px,.75fr);gap:12px;min-width:0;display:grid}.local-reader-primary-control,.local-reader-secondary-control{text-align:center;cursor:pointer;border-radius:13px;justify-content:center;align-items:center;min-width:0;min-height:52px;padding:0 20px;font-size:15px;font-weight:700;line-height:1.2;display:inline-flex}.local-reader-primary-control{border:1px solid var(--rose);color:#fff;background:var(--rose);box-shadow:0 8px 20px #c77c8929}.local-reader-primary-control:hover,.local-reader-primary-control.is-playing{background:#b86d7b;border-color:#b86d7b}.local-reader-secondary-control{color:#5f6e7e;background:#fff;border:1px solid #e1e6ec}.local-reader-secondary-control:hover{color:var(--rose);background:snow;border-color:#c77c897a}.local-reader-primary-control:disabled,.local-reader-secondary-control:disabled{cursor:wait;opacity:.62}.local-reader-player-meta{color:#89a;justify-content:space-between;align-items:center;gap:18px;margin-top:20px;font-size:13px;display:flex}.local-reader-player-meta label{flex:none;align-items:center;gap:8px;display:inline-flex}.local-reader-player-meta select{color:#536273;background:#fff;border:1px solid #e1e6ec;border-radius:10px;min-height:38px;padding:0 32px 0 12px}.local-reader-progress{background:#f0e9ed;border-radius:999px;height:6px;margin-top:20px;overflow:hidden}.local-reader-progress>span{border-radius:inherit;background:var(--rose);height:100%;transition:width .22s;display:block}.local-reader-status{color:#89a;justify-content:space-between;align-items:flex-start;gap:18px;margin-top:12px;font-size:12px;line-height:1.6;display:flex}.local-reader-status span{min-width:0}.local-reader-status strong{color:#718090;flex:none;font-weight:600}.local-reader-story-sheet{background:#fff;border:1px solid #e6ebf1;border-radius:16px;min-width:0;margin-top:20px;padding:clamp(30px,6vw,58px);box-shadow:0 5px 18px #434d590a}.local-reader-story-copy{color:#344556;letter-spacing:.015em;min-width:0;font-size:clamp(18px,2.3vw,20px);line-height:2.05}.local-reader-story-copy p{overflow-wrap:anywhere;text-align:justify;text-justify:inter-ideograph;margin:0 0 1.35em;transition:color .16s,background .16s}.local-reader-story-copy p:last-child{margin-bottom:0}.local-reader-story-copy p.is-reading{color:#253849;background:linear-gradient(#0000 65%,#efb9ba3d 65%)}.local-reader-story-copy p.is-resume-point{border-left:3px solid var(--rose);color:#2c3e50;background:#fff7f8;margin-inline:-12px;padding-inline:12px}.local-reader-story-neighbors{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;margin-top:20px;display:grid}.local-reader-story-neighbors a{color:#2c3e50;background:#fff;border:1px solid #e6ebf1;border-radius:14px;gap:5px;min-width:0;padding:18px 20px;text-decoration:none;display:grid}.local-reader-story-neighbors a:hover{background:snow;border-color:#c77c896b}.local-reader-story-neighbors a.is-next{text-align:right}.local-reader-story-neighbors span{color:#99a5b3;font-size:11px}.local-reader-story-neighbors strong{overflow-wrap:anywhere;font-size:14px;font-weight:650}.local-reader-only-story{text-align:center;margin-top:20px}.local-reader-only-story a,.local-reader-state-link{min-height:46px;color:var(--rose);background:#fff;border:1px solid #e1e6ec;border-radius:12px;justify-content:center;align-items:center;padding:0 18px;font-weight:650;text-decoration:none;display:inline-flex}.local-reader-position{color:#a3adba;text-align:center;margin:18px 0 0;font-size:12px}.local-reader-state{text-align:center;background:#fff;border:1px solid #e6ebf1;border-radius:16px;min-height:260px;padding:48px 28px}.local-reader-state h1{color:#2c3e50;font-family:var(--font-body);margin:0;font-size:28px}.local-reader-state p{color:#89a;margin:12px 0 24px;line-height:1.7}@media (max-width:900px){.site-header-actions>p{display:none}.library-hero,.compact-hero{grid-template-columns:1fr}.library-count-card,.privacy-card{width:100%}.book-card-heading,.import-summary{align-items:flex-start}.book-actions{display:grid}}@media (max-width:700px){.import-shell{padding-left:max(20px, env(safe-area-inset-left));padding-right:max(20px, env(safe-area-inset-right))}.import-breadcrumb{margin:4px 0 20px}.import-heading{margin-bottom:26px}.import-heading h1{font-size:24px}.import-heading p{font-size:14px}.site-header{align-items:center;gap:8px;min-width:0;display:flex}.site-header .brand{flex:none}.site-header-actions{flex:0 0 clamp(120px,39vw,160px);width:clamp(120px,39vw,160px);min-width:0;max-width:clamp(120px,39vw,160px);margin-left:auto;display:block}.site-nav{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;justify-content:flex-start;gap:2px;width:100%;min-width:0;max-width:100%;padding:3px;overflow:auto hidden}.site-nav::-webkit-scrollbar{width:0;height:0;display:none}.site-nav a{flex:none;justify-content:center;align-items:center;height:42px;min-height:42px;padding:0 10px;font-size:12px;line-height:1.2;display:inline-flex}.library-banner{gap:22px;margin-top:46px;padding:27px 23px;display:grid}.library-banner-action{text-align:center}.library-hero{border-radius:27px;gap:28px;padding:34px 23px}.library-hero h1{font-size:39px}.library-hero>div:first-child>p{font-size:15px}.library-search{grid-template-columns:1fr;justify-content:stretch}.book-card-heading,.import-summary{gap:22px;padding:28px 22px 23px;display:grid}.book-actions,.book-actions .button{width:100%}.record-section-heading{align-items:start;gap:9px;display:grid}.record-section-heading>p{line-height:1.6}.book-toc{padding:10px 10px 18px}.book-toc a{grid-template-columns:38px minmax(0,1fr);padding:13px 8px}.toc-progress{display:none}.epub-dropzone{grid-template-columns:52px minmax(0,1fr);gap:14px;padding:20px 18px}.upload-mark{border-radius:12px;width:52px;height:52px;font-size:10px}.epub-dropzone .file-button{grid-column:1/-1;width:100%}.summary-numbers{width:100%}.import-summary{gap:18px;padding:22px 18px 18px}.summary-numbers>span{flex:1;min-width:0;padding-inline:7px}.selection-tools{align-items:flex-start;padding:20px 18px 10px}.import-book-groups{gap:14px;padding:14px 10px 18px}.import-book-heading{grid-template-columns:40px minmax(0,1fr);padding:16px 13px 13px}.import-book-selection{grid-column:1/-1;width:100%}.import-book-selection button{flex:1}.import-book-group .import-warnings{margin-inline:10px}.import-book-group .ignored-sections{margin-left:10px;margin-right:10px}.import-story-list{padding:0 9px 16px}.import-story-row{grid-template-columns:20px 36px minmax(0,1fr);gap:9px}.import-story-row .segment-number{width:32px;height:32px}.clean-badge{display:none}.ignored-sections{margin:0 18px 18px}.ignored-sections li{flex-wrap:wrap}.import-save-bar{padding:16px 18px max(16px, env(safe-area-inset-bottom))}.import-save-bar .button{width:100%}.local-reader-heading{margin-top:34px;display:block}.local-reader-heading .reader-count{margin-top:18px;display:inline-block}.local-reader-heading h1{font-size:42px}.local-reading-panel{padding:30px 23px 24px}.local-playback-status{flex-direction:column;align-items:flex-start;gap:8px}.local-playback-status>strong{flex:none}.local-current-copy{padding:22px 20px 17px}.local-current-text{font-size:21px;line-height:1.9}.local-playback-toolbar{gap:17px;display:grid}.local-playback-toolbar .rate-control select{min-height:46px}.local-reader-actions{flex-wrap:wrap}.reader-actions .button{flex:1}.story-neighbors{grid-template-columns:1fr}.story-neighbors>span{display:none}.local-reader-simple-shell{padding-left:max(20px, env(safe-area-inset-left));padding-right:max(20px, env(safe-area-inset-right));padding-bottom:max(32px, env(safe-area-inset-bottom))}.local-reader-breadcrumb{gap:7px;margin:4px 0 20px;font-size:13px}.local-reader-simple-heading{margin-bottom:24px}.local-reader-simple-heading h1{font-size:28px}.local-reader-simple-heading p{font-size:14px}.local-reader-player{border-radius:14px;padding:20px 18px}.local-reader-playback-actions{grid-template-columns:1fr}.local-reader-primary-control,.local-reader-secondary-control{width:100%;min-height:50px}.local-reader-player-meta{flex-direction:column;align-items:flex-start;gap:12px}.local-reader-player-meta label{justify-content:space-between;width:100%}.local-reader-player-meta select{min-height:42px}.local-reader-status{flex-direction:column;gap:4px}.local-reader-status strong{flex:none}.local-reader-story-sheet{border-radius:14px;padding:28px 20px}.local-reader-story-copy{font-size:18px;line-height:2}.local-reader-story-copy p{text-align:left;margin-bottom:1.25em}.local-reader-story-neighbors{grid-template-columns:1fr}.local-reader-story-neighbors a.is-next{text-align:left}.local-reader-state{min-height:220px;padding:40px 22px}}
.songs-shell{width:min(100%,720px);min-height:100dvh}.songs-breadcrumb{color:#2c3e50;flex-wrap:wrap;align-items:center;gap:8px;min-height:24px;margin:8px 0 24px;font-size:14px;font-weight:600;display:flex}.songs-breadcrumb a{color:var(--rose);padding:4px 0;font-weight:400;text-decoration:none}.songs-breadcrumb a:hover{text-decoration:underline}.song-chevron{color:#c3ccd6;place-items:center;width:12px;display:grid}.song-chevron svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:auto;display:block}.songs-heading{text-align:center;justify-items:center;margin-bottom:28px;display:grid}.songs-heading h1{color:#2c3e50;font-family:var(--font-body);letter-spacing:0;margin:0;font-size:26px;font-weight:700;line-height:1.25}.songs-heading p{color:#89a;margin:8px 0 0;font-size:15px;line-height:1.6}.songs-toolbar{gap:14px;margin-bottom:18px;display:grid}.song-import-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.song-import-actions button{cursor:pointer;border-radius:14px;min-height:48px;padding:0 18px;font-size:14px;font-weight:700;transition:transform .15s,box-shadow .15s,opacity .15s}.song-import-actions button:hover{transform:translateY(-2px)}.song-import-actions button:disabled{cursor:wait;opacity:.58;transform:none}.song-import-primary{border:1px solid var(--rose);color:#fff;background:var(--rose);box-shadow:0 10px 24px #c77c8933}.song-import-drive{color:#2c3e50;background:#fff;border:1px solid #e6ebf1;box-shadow:0 5px 18px #434d590a}.songs-mode{background:#fff;border:1px solid #e6ebf1;border-radius:12px;justify-self:start;gap:4px;padding:4px;display:inline-flex}.songs-mode button{color:#89a;cursor:pointer;background:0 0;border:0;border-radius:9px;min-height:38px;padding:0 16px;font-size:13px;font-weight:700}.songs-mode button.is-active{color:#fff;background:var(--rose)}.song-notice{color:#607182;background:#fff;border:1px solid #e6ebf1;border-radius:12px;margin:0 0 16px;padding:13px 16px;font-size:13px;line-height:1.6}.song-notice-success{color:#426b55;background:#f3faf6;border-color:#cbe2d5}.song-notice-error{color:#8d454d;background:#fff6f6;border-color:#edcbd0}.song-player{background:#fff;border:1px solid #c77c8957;border-radius:14px;gap:14px;margin:0 0 16px;padding:18px 20px;display:grid;box-shadow:0 10px 28px #c77c891f}.song-player-heading{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:13px;display:grid}.song-player-number,.song-row-number{color:#fff;background:var(--rose);border-radius:12px;flex:none;place-items:center;font-weight:700;display:grid}.song-player-number{width:44px;height:44px;font-size:18px}.song-player-copy{min-width:0;display:grid}.song-player-copy small{color:var(--rose);font-size:11px;font-weight:700}.song-player-copy h2{color:#2c3e50;font-family:var(--font-body);text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:18px;font-weight:600;line-height:1.4;overflow:hidden}.song-progress{gap:2px;display:grid}.song-progress input,.song-volume input{width:100%;accent-color:var(--rose);cursor:pointer}.song-progress>span:last-child{color:#99a5b3;justify-content:space-between;display:flex}.song-player-controls{grid-template-columns:auto auto auto minmax(130px,1fr);align-items:center;gap:9px;display:grid}.song-player-controls>button{color:#607182;cursor:pointer;background:#fff;border:1px solid #e6ebf1;border-radius:10px;min-height:38px;padding:0 12px;font-size:12px;font-weight:700}.song-player-controls>button:disabled{cursor:wait;opacity:.48}.song-player-controls>.song-play{border-color:var(--rose);color:#fff;background:var(--rose);justify-content:center;align-items:center;gap:7px;display:inline-flex}.song-play>span:first-child{font-size:11px}.song-volume{color:#89a;grid-template-columns:auto minmax(80px,1fr);align-items:center;gap:8px;font-size:12px;display:grid}.song-list-section{padding:0}.song-empty-state{color:#89a;text-align:center;background:#ffffffc7;border:1px dashed #d8dee7;border-radius:14px;justify-items:center;gap:7px;padding:36px 24px;display:grid}.song-empty-state strong{color:#2c3e50;font-size:18px;font-weight:600}.song-empty-state span{font-size:13px;line-height:1.6}.song-list{gap:14px;display:grid}.song-row{background:#fff;border:1px solid #e6ebf1;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:9px;transition:transform .15s,box-shadow .15s,border-color .15s;display:grid;box-shadow:0 5px 18px #434d590a}.song-row:hover,.song-row.is-active{border-color:var(--rose);transform:translateY(-2px);box-shadow:0 10px 30px #c77c8929}.song-row-main{min-width:0;min-height:82px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;grid-template-columns:52px minmax(0,1fr) 44px;align-items:center;gap:18px;padding:5px 8px;display:grid}.song-row-main:disabled{cursor:wait;opacity:.58}.song-row-number{width:52px;height:52px;font-size:21px}.song-row:nth-child(3n+2) .song-row-number{background:var(--lavender-deep)}.song-row:nth-child(3n) .song-row-number{background:#b98087}.song-row-copy{gap:5px;min-width:0;display:grid}.song-row-copy strong{color:#2c3e50;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:600;line-height:1.4;overflow:hidden}.song-row-copy small{color:#99a5b3;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.5;overflow:hidden}.song-row .card-play{color:#fff;background:var(--rose);width:40px;height:40px;font-size:11px}.song-row-actions{gap:5px;display:grid}.song-cloud-badge{min-width:48px;min-height:34px;color:var(--rose);background:#fff0f2;border-radius:9px;place-items:center;font-size:11px;font-weight:700;display:grid}.song-row-actions button{color:#607182;cursor:pointer;background:#f4f6f8;border:0;border-radius:9px;min-width:48px;min-height:34px;padding:0 9px;font-size:11px;font-weight:700}.song-row-actions button.song-remove{color:#9a5961;background:#fff0f2}.song-row-actions button:disabled{cursor:wait;opacity:.48}.song-row-main:focus-visible,.song-row-actions button:focus-visible,.song-import-actions button:focus-visible,.songs-mode button:focus-visible{outline-offset:3px;outline:3px solid #c77c8959}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:700px){.songs-shell{padding-inline:max(20px, env(safe-area-inset-left));padding-right:max(20px, env(safe-area-inset-right))}.songs-breadcrumb{margin:4px 0 20px}.songs-heading{margin-bottom:24px}.songs-heading h1{font-size:25px}.songs-heading p{font-size:14px}.song-import-actions{grid-template-columns:1fr;gap:10px}.songs-mode{justify-self:stretch}.songs-mode button{flex:1;padding-inline:10px}.song-player{padding:16px}.song-player-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.song-player-controls>button{padding-inline:8px}.song-volume{grid-column:1/-1;margin-top:3px}.song-row{grid-template-columns:minmax(0,1fr) 42px;gap:4px;padding:7px}.song-row-main{grid-template-columns:48px minmax(0,1fr) 38px;gap:13px;min-height:76px;padding:4px}.song-row-number{width:48px;height:48px;font-size:19px}.song-row-copy strong{font-size:16px}.song-row-copy small{font-size:11px}.song-row .card-play{width:36px;height:36px}.song-row-actions{padding:0}.song-cloud-badge{min-width:40px;min-height:36px;font-size:10px}.song-row-actions button{min-width:40px;min-height:36px;padding:0 3px;font-size:10px}}@media (prefers-reduced-motion:reduce){.song-import-actions button,.song-row{transition:none}}
.history-shell{width:min(100%,1180px)}.history-hero{box-shadow:var(--shadow);background:radial-gradient(circle at 92% 0,#ffffffe0,#0000 19rem),linear-gradient(120deg,#fffdf8fa,#f2e6f3e6);border:1px solid #c77c8924;border-radius:36px;grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:50px;padding:56px 60px;display:grid;overflow:hidden}.history-hero h1,.family-share-panel h2,.history-book h2,.history-day h3,.history-empty strong{font-family:var(--font-display);font-synthesis:none;letter-spacing:.025em;font-weight:400}.history-hero h1{margin:18px 0 13px;font-size:clamp(45px,5vw,65px);line-height:1.14}.history-hero p{max-width:650px;color:var(--muted);margin:0;font-size:17px;line-height:1.8}.history-connection{color:#596f62;background:#ddefe2d1;border-radius:999px;align-items:center;gap:8px;margin-top:25px;padding:9px 13px;font-size:12px;font-weight:700;display:inline-flex}.history-connection:before{content:"";background:#79a386;border-radius:50%;width:8px;height:8px}.history-connection-checking,.history-connection-disconnected,.history-connection-error{color:var(--muted);background:#eee8f0e0}.history-connection-checking:before,.history-connection-disconnected:before,.history-connection-error:before{background:var(--lavender-deep)}.today-summary{background:#fffdf8d1;border:1px solid #ffffffc2;border-radius:28px;grid-template-columns:repeat(2,1fr);gap:12px;padding:24px;display:grid;box-shadow:0 16px 42px #50405817}.today-summary>span{color:var(--rose);letter-spacing:.14em;grid-column:1/-1;font-size:12px;font-weight:750}.today-summary>div{background:#f2e8edb8;border-radius:20px;justify-items:center;padding:16px 10px;display:grid}.today-summary strong{font-family:var(--font-display);font-size:47px;font-weight:400;line-height:1}.today-summary small{color:var(--muted);margin-top:5px}.family-share-panel{background:#fffdf8c7;border:1px solid #8d81ad2b;border-radius:28px;justify-content:space-between;align-items:center;gap:30px;margin-top:26px;padding:28px 32px;display:flex;box-shadow:0 13px 36px #5b454b0f}.family-share-panel>div:first-child{align-items:center;gap:20px;display:flex}.family-share-mark{color:#fff;background:var(--lavender-deep);border-radius:19px;flex:none;place-items:center;width:58px;height:58px;font-size:25px;display:grid}.family-share-panel h2{margin:8px 0 5px;font-size:29px}.family-share-panel p{max-width:700px;color:var(--muted);margin:0;font-size:13px;line-height:1.7}.family-share-actions{flex:none;justify-items:center;gap:8px;display:grid}.family-share-actions .button{min-height:48px;padding-inline:22px;font-size:13px}.family-share-actions .text-button{min-height:38px;color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:12px}.family-link-help{background:#eee8f0b8;border-radius:16px;padding:13px 15px;max-width:250px!important}.history-notice{color:#426b55;background:#e6f4ebcc;border:1px solid #5d8f7133;border-radius:15px;margin:18px 0 0;padding:13px 16px}.history-book{margin-top:58px}.history-book .record-section-heading h2{margin-top:12px}.history-loading,.history-empty{color:var(--muted);text-align:center;background:#fffdf8ad;border:1px dashed #8d81ad4d;border-radius:28px;justify-items:center;gap:12px;margin-top:24px;padding:48px 30px;display:grid}.history-loading i{background:linear-gradient(90deg,#8d81ad1f,#c77c8917);border-radius:999px;width:min(100%,620px);height:12px;display:block}.history-loading i:nth-child(2){width:min(82%,510px)}.history-loading i:nth-child(3){width:min(65%,410px)}.history-empty strong{color:var(--ink);font-size:29px}.history-empty p{max-width:600px;margin:0;line-height:1.7}.history-empty>div{gap:10px;margin-top:8px;display:flex}.history-days{gap:20px;margin-top:25px;display:grid}.history-day{background:#fffdf8de;border:1px solid #5d4a5e1a;border-radius:28px;overflow:hidden;box-shadow:0 14px 38px #5b454b12}.history-day-heading{border-bottom:1px solid #5b454b14;justify-content:space-between;align-items:center;gap:20px;padding:22px 27px 17px;display:flex}.history-day-heading h3{margin:0;font-size:27px}.history-day-heading>span{color:var(--muted);font-size:12px}.history-day ol{margin:0;padding:9px 22px 18px;list-style:none}.history-row{border-bottom:1px solid #5b454b12;grid-template-columns:54px 12px minmax(0,1fr);align-items:center;gap:14px;padding:15px 5px;display:grid}.history-row:last-child{border-bottom:0}.history-row time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.history-dot{background:var(--rose);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 5px #c77c891a}.history-row-song .history-dot{background:var(--lavender-deep);box-shadow:0 0 0 5px #8d81ad1a}.history-row>div{grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.history-row small{color:var(--rose);font-size:12px;font-weight:750}.history-row-song small{color:var(--lavender-deep)}.history-row strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;overflow:hidden}.history-row>div>span{max-width:280px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}@media (max-width:800px){.history-hero{grid-template-columns:1fr;gap:28px;padding:40px 32px}.family-share-panel{display:grid}.family-share-actions{grid-template-columns:1fr auto;justify-items:stretch}}@media (max-width:700px){.history-hero{border-radius:28px;padding:34px 23px}.history-hero h1{font-size:clamp(33px,10.7vw,42px)}.history-hero p{font-size:15px}.today-summary{border-radius:23px;padding:19px}.family-share-panel{border-radius:23px;padding:24px 21px}.family-share-panel>div:first-child{align-items:flex-start}.family-share-mark{border-radius:16px;width:49px;height:49px}.family-share-panel h2{font-size:25px}.family-share-actions{grid-template-columns:1fr}.family-share-actions .button,.family-share-actions .text-button{width:100%}.family-link-help{max-width:none!important}.history-book{margin-top:47px}.history-day{border-radius:23px}.history-day-heading{gap:7px;padding:20px 20px 15px;display:grid}.history-day ol{padding:7px 15px 14px}.history-row{grid-template-columns:46px 10px minmax(0,1fr);gap:10px;padding:14px 2px}.history-row>div{grid-template-columns:1fr;gap:3px}.history-row strong,.history-row>div>span{white-space:normal}.history-row small{order:-1}.history-empty{padding:38px 20px}.history-empty>div{width:100%;display:grid}}
.cloud-story-section{margin-top:76px}.cloud-story-heading{align-items:end}.cloud-story-add{border:1px solid var(--line);min-height:45px;color:var(--ink);background:#fffdf8c7;border-radius:999px;justify-content:center;align-items:center;padding:0 18px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.cloud-story-state,.cloud-story-empty{background:#fffdf8b8;border:1px dashed #8d81ad4d;border-radius:28px;margin-top:28px}.cloud-story-state{color:var(--muted);text-align:center;justify-items:center;gap:10px;padding:42px 24px;display:grid}.cloud-story-state a,.cloud-story-state button{color:var(--rose);cursor:pointer;background:0 0;border:0;font-weight:700;text-decoration:none}.cloud-story-empty{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;padding:28px 31px;display:grid}.cloud-story-empty>span{color:#fff;background:var(--lavender-deep);border-radius:18px;place-items:center;width:54px;height:54px;font-size:23px;display:grid}.cloud-story-empty strong{font-size:18px}.cloud-story-empty p{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.7}.cloud-story-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:28px;display:grid}.cloud-story-card{color:inherit;background:#fffdf8e6;border:1px solid #5d4a5e1c;border-radius:28px;text-decoration:none;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 17px 44px #5b454b14}.cloud-story-card:hover{transform:translateY(-3px);box-shadow:0 22px 52px #5b454b1f}.cloud-story-cover{aspect-ratio:4/3;background:linear-gradient(145deg,#f4e5ec,#e6e0f2 60%,#f7d9bd);display:block;position:relative;overflow:hidden}.cloud-story-cover img{object-fit:cover}.cloud-story-cover>em{color:#665b72;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffdf8e0;border-radius:999px;padding:7px 10px;font-size:10px;font-style:normal;font-weight:700;position:absolute;bottom:13px;left:14px}.cloud-story-text-cover{text-align:center;align-content:center;justify-items:center;gap:11px;padding:26px;display:grid;position:absolute;inset:0}.cloud-story-text-cover:before,.cloud-story-text-cover:after{content:"";background:#ffffff59;border-radius:50%;position:absolute}.cloud-story-text-cover:before{width:130px;height:130px;top:-42px;right:-35px}.cloud-story-text-cover:after{width:76px;height:76px;bottom:18px;left:-20px}.cloud-story-text-cover small,.cloud-story-text-cover i,.cloud-story-text-cover strong{z-index:1;position:relative}.cloud-story-text-cover small{color:var(--rose);letter-spacing:.14em;font-size:11px;font-weight:750}.cloud-story-text-cover strong{font-family:var(--font-display);font-size:clamp(27px,3vw,39px);font-weight:400;line-height:1.25}.cloud-story-text-cover i{color:var(--muted);font-size:11px;font-style:normal}.cloud-story-card-copy{padding:22px 23px 24px;display:grid}.cloud-story-card-copy small{color:var(--rose);font-size:11px;font-weight:700}.cloud-story-card-copy>strong{font-family:var(--font-display);margin-top:8px;font-size:28px;font-weight:400}.cloud-story-card-copy>span{min-height:43px;color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;font-size:13px;line-height:1.65;display:-webkit-box;overflow:hidden}.cloud-story-card-copy b{color:var(--lavender-deep);margin-top:18px;font-size:12px}.upload-story-shell{width:min(100%,720px);min-height:100dvh}.upload-story-breadcrumb{color:#89a;flex-wrap:wrap;align-items:center;gap:8px;min-height:24px;margin:8px 0 24px;font-size:14px;display:flex}.upload-story-breadcrumb a{color:var(--rose);padding:4px 0;text-decoration:none}.upload-story-breadcrumb a:hover{text-decoration:underline}.upload-story-breadcrumb>span{color:#c3ccd6}.upload-story-breadcrumb strong{color:#2c3e50;font-weight:600}.upload-story-heading{text-align:center;margin:0 0 32px}.upload-story-heading h1{color:#2c3e50;font-family:var(--font-body);margin:0;font-size:26px;font-weight:700;line-height:1.25}.upload-story-heading p{color:#89a;margin:8px 0 0;font-size:15px;line-height:1.6}.upload-story-form{background:#fff;border:1px solid #e6ebf1;border-radius:14px;gap:20px;padding:28px 24px;display:grid}.upload-story-form label{gap:9px;display:grid}.upload-story-form label>span{color:#2c3e50;font-size:14px;font-weight:600}.upload-story-form input,.upload-story-form textarea{width:100%;color:var(--ink);font:inherit;background:#fff;border:1px solid #e6ebf1;border-radius:12px}.upload-story-form input:focus,.upload-story-form textarea:focus{border-color:var(--rose);outline:3px solid #c77c891f}.upload-story-form input{min-height:50px;padding:0 15px}.upload-story-form textarea{resize:vertical;min-height:340px;padding:15px;line-height:1.75}.upload-story-body-field small{color:var(--muted);justify-self:end;font-size:11px}.upload-story-error{color:#8a4752;background:#fce6e8db;border-radius:15px;margin:0;padding:13px 16px}.upload-story-savebar{padding-top:2px;display:grid}.upload-story-savebar .button{border-radius:12px;width:100%;min-height:50px}.cloud-reader-shell{width:min(100%,780px);min-height:100dvh}.cloud-reader-breadcrumb{color:#89a;flex-wrap:wrap;align-items:center;gap:8px;min-height:24px;margin:8px 0 24px;font-size:14px;display:flex}.cloud-reader-breadcrumb a{color:var(--rose);padding:4px 0;text-decoration:none}.cloud-reader-breadcrumb a:hover{text-decoration:underline}.cloud-reader-breadcrumb>span{color:#c3ccd6}.cloud-reader-breadcrumb strong{color:#2c3e50;overflow-wrap:anywhere;min-width:0;font-weight:600}.cloud-reader-heading{text-align:center;justify-items:center;margin:0 0 30px;display:grid}.cloud-reader-heading h1{color:#2c3e50;max-width:100%;font-family:var(--font-body);overflow-wrap:anywhere;margin:0;font-size:clamp(28px,5vw,40px);font-weight:750;line-height:1.3}.cloud-reader-heading p{color:#89a;margin:9px 0 0;font-size:14px}.cloud-reader-start{color:#fff;background:var(--rose);min-width:min(100%,240px);min-height:52px;font:inherit;cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:9px;margin-top:24px;padding:0 24px;font-size:15px;font-weight:700;display:inline-flex;box-shadow:0 10px 24px #c77c8933}.cloud-reader-start:disabled,.cloud-playback-toggle:disabled,.cloud-story-management button:disabled{cursor:not-allowed;opacity:.55}.cloud-reading-panel{background:#fff;border:1px solid #e6ebf1;border-radius:14px;padding:22px 24px}.cloud-playback-status{color:#77899a;justify-content:space-between;align-items:center;gap:18px;font-size:13px;line-height:1.5;display:flex}.cloud-playback-status strong{color:var(--rose);flex:none;font-size:13px}.cloud-reading-panel .reading-progress{background:#f0edf1;height:7px;margin:16px 0 20px}.cloud-playback-toolbar{justify-content:space-between;align-items:center;gap:18px;display:flex}.cloud-playback-toggle{min-width:116px;min-height:44px;color:var(--rose);font:inherit;cursor:pointer;background:#fff7f7;border:1px solid #c77c8938;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:700;display:inline-flex}.cloud-playback-toggle.is-playing{color:#fff;background:var(--rose)}.cloud-rate-control{color:#77899a;align-items:center;gap:9px;font-size:13px;display:flex}.cloud-rate-control select{max-width:150px;min-height:40px;color:var(--ink);background:#fff;border:1px solid #e6ebf1;border-radius:12px;padding:0 30px 0 12px}.cloud-story-body{background:#fff;border:1px solid #e6ebf1;border-radius:14px;margin-top:22px;padding:34px 36px}.cloud-story-body h2{color:#2c3e50;font-family:var(--font-body);margin:0 0 24px;font-size:18px;font-weight:700}.cloud-story-body p{color:#3d4b59;letter-spacing:.012em;overflow-wrap:anywhere;margin:0 0 1.25em;font-size:17px;line-height:2}.cloud-story-body p:last-child{margin-bottom:0}.cloud-story-management{flex-wrap:wrap;justify-content:center;gap:18px;padding:24px 0 0;display:flex}.cloud-story-management button{color:#89a;min-height:40px;font:inherit;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:0 10px;font-size:12px;text-decoration:underline}.cloud-reader-state{color:#89a;text-align:center;background:#fff;border:1px solid #e6ebf1;border-radius:14px;justify-items:center;gap:14px;padding:54px 24px;display:grid}.cloud-reader-state h1,.cloud-reader-state p{margin:0}.cloud-reader-state h1{color:#2c3e50;font-size:26px}@media (max-width:900px){.cloud-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.cloud-story-section{margin-top:55px}.cloud-story-heading{align-items:start;display:grid}.cloud-story-add{justify-self:start}.cloud-story-empty{grid-template-columns:auto minmax(0,1fr);padding:24px 20px}.cloud-story-empty .button{grid-column:1/-1;width:100%}.cloud-story-grid{grid-template-columns:1fr}.upload-story-form{padding:22px 18px}.upload-story-form textarea{min-height:300px}.cloud-reader-breadcrumb{margin-top:0;font-size:13px}.cloud-reader-heading{margin-bottom:24px}.cloud-reader-heading h1{font-size:29px}.cloud-reader-start{width:100%;margin-top:20px}.cloud-reading-panel{padding:20px 18px}.cloud-playback-status{align-items:flex-start}.cloud-playback-toolbar{display:grid}.cloud-playback-toggle,.cloud-rate-control,.cloud-rate-control select{width:100%}.cloud-rate-control select{flex:1;max-width:none}.cloud-story-body{padding:27px 20px}.cloud-story-body h2{margin-bottom:20px;font-size:17px}.cloud-story-body p{font-size:16px;line-height:1.95}}
.catalog-shell{width:min(100%,720px);min-height:100dvh}.root-directory-shell{align-content:start;display:grid}.root-directory{margin-top:0}.root-directory .catalog-book-row{text-decoration:none}.root-directory .root-song-number{background:var(--lavender-deep)}.root-directory .app-download-row{background:linear-gradient(112deg,#fffdf8f2,#f4eaf2e0);border-color:#c77c893d}.root-directory .app-download-number{color:var(--rose);background:#fff8fb;box-shadow:inset 0 0 0 1px #c77c8929}.app-download-shell{padding-bottom:76px}.app-download-hero-icon{object-fit:cover;border-radius:23px;width:62px;height:62px;margin-bottom:14px;box-shadow:0 9px 24px #8d81ad29}.app-download-card{background:#fffdf8e0;border:1px solid #c77c892e;border-radius:24px;grid-template-columns:70px minmax(0,1fr);gap:17px;padding:22px;display:grid;box-shadow:0 14px 36px #5c434b14}.app-download-card-mark{object-fit:cover;border-radius:25px;width:70px;height:70px;box-shadow:0 10px 22px #8d81ad38}.app-download-card-copy{align-content:center;gap:5px;min-width:0;display:grid}.app-download-card-copy strong{color:#2c3e50;font-size:17px}.app-download-card-copy small{color:#8998aa;font-size:12px;line-height:1.55}.app-download-button{color:#fff;background:var(--rose);border-radius:16px;grid-column:1/-1;justify-content:center;align-items:center;min-height:52px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 10px 22px #c77c893b}.app-release-notes{background:#fff8faad;border:1px solid #c77c892e;border-radius:24px;grid-template-columns:112px minmax(0,1fr);gap:18px;margin-top:22px;padding:22px;display:grid}.app-release-notes p{color:var(--rose);margin:0 0 3px;font-size:12px;font-weight:700}.app-release-notes h2{color:#2c3e50;margin:0;font-size:23px}.app-release-notes ul{color:#667385;gap:9px;margin:0;padding:0;font-size:13px;line-height:1.65;list-style:none;display:grid}.app-release-notes li{padding-left:17px;position:relative}.app-release-notes li:before{color:var(--rose);content:"●";font-size:9px;position:absolute;left:1px}.app-install-steps{background:#ffffff80;border:1px solid #8d81ad1f;border-radius:24px;gap:18px;margin-top:30px;padding:26px 22px;display:grid}.app-install-steps h2{color:#2c3e50;margin:0;font-size:18px}.app-install-steps ol{gap:15px;margin:0;padding:0;list-style:none;display:grid}.app-install-steps li{color:#6d7786;align-items:flex-start;gap:12px;font-size:14px;line-height:1.7;display:flex}.app-install-steps li b{width:24px;height:24px;color:var(--rose);background:#fff4f5;border-radius:9px;flex:none;place-items:center;font-size:12px;display:grid}.app-install-steps p{color:#8d7e99;margin:0;font-size:12px;line-height:1.7}@media (max-width:500px){.app-release-notes{grid-template-columns:1fr;gap:12px}}.home-favorites{border-top:1px solid #c77c892e;gap:16px;margin-top:38px;padding-top:30px;display:grid}.home-favorites>header{align-items:center;gap:13px;display:flex}.favorite-heart{color:#fff;background:var(--rose);border-radius:14px;place-items:center;width:42px;height:42px;font-size:19px;display:grid;box-shadow:0 8px 20px #c77c8933}.home-favorites h2{color:#2c3e50;margin:0;font-size:21px}.home-favorites header p{color:#99a5b3;margin:3px 0 0;font-size:12px}.home-favorite-list{gap:12px;display:grid}.home-favorite-row{background:#fff;border:1px solid #eadde1;border-radius:14px;grid-template-columns:minmax(0,1fr) 48px;display:grid;overflow:hidden;box-shadow:0 5px 18px #434d590a}.home-favorite-row>a{min-width:0;min-height:82px;color:inherit;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:14px;padding:16px 12px 16px 18px;text-decoration:none;display:grid}.home-favorite-number{color:#fff;background:var(--rose-soft);border-radius:12px;place-items:center;width:42px;height:42px;font-size:12px;font-weight:700;display:grid}.home-favorite-copy{min-width:0;display:grid}.home-favorite-copy strong,.home-favorite-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-favorite-copy strong{color:#2c3e50;font-size:15px}.home-favorite-copy small{color:#99a5b3;margin-top:4px;font-size:11px}.home-favorite-row>button,.catalog-favorite-button,.catalog-detail-favorite{color:var(--rose);font:inherit;cursor:pointer;background:#fff8f8;border:0}.home-favorite-row>button{border-left:1px solid #f2e6e8;font-size:18px}.home-favorite-row>button:disabled,.catalog-favorite-button:disabled,.catalog-detail-favorite:disabled{cursor:wait;opacity:.55}.home-favorites-state{color:#99a5b3;text-align:center;background:#ffffffad;border:1px dashed #e3d4d9;border-radius:14px;justify-items:center;gap:7px;padding:26px 20px;font-size:13px;display:grid}.home-favorites-state strong{color:#657486;font-size:14px}.home-favorites-state a{color:var(--rose);margin-top:5px;font-weight:700}.home-favorites-error{color:#b4435b;margin:0;font-size:12px}.catalog-breadcrumb{color:#89a;flex-wrap:wrap;align-items:center;gap:8px;min-height:24px;margin:8px 0 24px;font-size:14px;display:flex}.catalog-breadcrumb :is(a,button){color:var(--rose);font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 0;text-decoration:none}.catalog-breadcrumb :is(a,button):hover{text-decoration:underline}.catalog-breadcrumb .is-current{color:#2c3e50;font-weight:600}.catalog-breadcrumb .catalog-row-chevron{color:#c3ccd6;width:12px}.catalog-simple-heading{text-align:center;justify-items:center;margin:0 0 32px;display:grid}.catalog-simple-heading h1,.catalog-story-article h1{color:#2c3e50;font-family:var(--font-body);letter-spacing:0;text-shadow:none;margin:0;font-size:26px;font-weight:700;line-height:1.25}.catalog-simple-heading p{color:#89a;margin:8px 0 0;font-size:15px;line-height:1.6}.catalog-simple-heading>a,.catalog-heading-actions a,.catalog-heading-actions button,.catalog-read-button{color:#fff;background:var(--rose);min-height:48px;font:inherit;cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;margin-top:18px;padding:0 22px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-flex;box-shadow:0 10px 24px #c77c8933}.catalog-simple-heading>a:hover,.catalog-heading-actions a:hover,.catalog-heading-actions button:hover,.catalog-read-button:hover{transform:translateY(-2px);box-shadow:0 12px 28px #c77c8942}.catalog-read-button.is-playing{background:var(--lavender-deep)}.catalog-read-button:disabled{cursor:wait;opacity:.65;transform:none}.catalog-speech-error{color:#b4435b;margin-top:12px;font-size:12px;display:block}.catalog-heading-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.catalog-heading-actions button{color:#fff;background:var(--rose);min-height:48px;font:inherit;cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;margin-top:18px;padding:0 22px;font-size:14px;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 10px 24px #c77c8933}.catalog-reading-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.catalog-reading-actions .catalog-read-button{margin-top:0}.catalog-read-from-start{color:#657486;min-height:48px;font:inherit;cursor:pointer;background:#fff;border:1px solid #e1e6ec;border-radius:14px;padding:0 20px;font-size:14px;font-weight:700}.catalog-read-from-start:hover{color:var(--rose);background:snow;border-color:#c77c897a}.catalog-read-from-start:disabled{cursor:wait;opacity:.6}.catalog-resume-status{color:#8a7781;margin-top:12px;font-size:12px}.catalog-directory,.catalog-story-directory{gap:16px;display:grid}.catalog-book-row,.catalog-story-row{color:#2c3e50;width:100%;font:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #e6ebf1;border-radius:14px;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;box-shadow:0 5px 18px #434d590a}.catalog-story-entry{grid-template-columns:minmax(0,1fr) 52px;gap:10px;display:grid}.catalog-favorite-button{border:1px solid #eadde1;border-radius:14px;place-items:center;min-height:100px;font-size:21px;display:grid;box-shadow:0 5px 18px #434d590a}.catalog-favorite-button[aria-pressed=true]{color:#fff;background:var(--rose)}.catalog-detail-favorite{border:1px solid #c77c8947;border-radius:999px;justify-content:center;align-items:center;min-height:38px;margin-top:13px;padding:0 15px;font-size:12px;font-weight:700;display:inline-flex}.catalog-detail-favorite[aria-pressed=true]{color:#fff;background:var(--rose)}.catalog-favorite-error{color:#b4435b;text-align:center;margin:12px auto 0;font-size:12px}.catalog-book-row:hover,.catalog-story-row:hover{border-color:var(--rose);background:#fff;transform:translateY(-3px);box-shadow:0 10px 30px #c77c8938}.catalog-book-row:active,.catalog-story-row:active{border-color:var(--rose);transform:scale(.98)}.catalog-book-row{grid-template-columns:52px minmax(0,1fr) 24px;align-items:center;gap:20px;min-height:110px;padding:28px 24px;display:grid}.catalog-book-cover,.catalog-story-number{color:#fff;background:var(--rose);width:52px;height:52px;box-shadow:none;border-radius:12px;place-items:center;display:grid}.catalog-book-cover b{color:inherit;font-family:var(--font-body);font-size:24px;font-weight:700}.catalog-book-copy,.catalog-story-row>span:nth-child(2){min-width:0;display:grid}.catalog-book-copy strong,.catalog-story-row strong{color:#2c3e50;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:600;overflow:hidden}.catalog-book-copy small,.catalog-story-row small{color:#99a5b3;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:13px;line-height:1.5;overflow:hidden}.catalog-row-chevron{color:#c3ccd6;place-items:center;width:22px;display:grid}.catalog-row-chevron svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:auto;display:block}.catalog-story-row{grid-template-columns:52px minmax(0,1fr) 24px;align-items:center;gap:20px;min-height:100px;padding:23px 24px;display:grid}.catalog-story-number{font-size:14px;font-weight:700}.catalog-story-number.is-recording{background:var(--lavender-deep)}.catalog-state{color:#89a;text-align:center;background:#ffffffc7;border:1px dashed #d8dee7;border-radius:14px;justify-items:center;gap:14px;padding:48px 28px;display:grid}.catalog-state a{color:var(--rose);font-weight:700}.catalog-state.is-error{color:#b4435b}.catalog-story-article{background:#fff;border:1px solid #e6ebf1;border-radius:14px;overflow:hidden;box-shadow:0 10px 30px #c77c891a}.catalog-story-article header{text-align:center;background:#fff;border-bottom:1px solid #eef1f5;padding:36px 32px 30px}.catalog-story-article header>small{color:var(--rose);font-size:12px;font-weight:700}.catalog-story-article h1{margin-top:10px;font-size:clamp(28px,6vw,42px)}.catalog-story-article header>p{color:#89a;max-width:600px;margin:12px auto 0;font-size:14px;line-height:1.7}.catalog-story-body{padding:36px 32px 44px}.catalog-story-body p{color:#405264;white-space:pre-wrap;margin:0 0 1.35em;font-size:clamp(17px,2vw,19px);line-height:2;transition:color .18s,background .18s,box-shadow .18s}.catalog-story-body p:last-child{margin-bottom:0}.catalog-story-body p.is-reading{color:#2c3e50;background:#efb9ba3d;border-radius:10px;margin-inline:-12px;padding-inline:12px;box-shadow:0 0 0 6px #c77c8914}.catalog-chapter-neighbors{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 32px 22px;display:grid}.catalog-chapter-neighbors button{color:#405264;text-align:left;cursor:pointer;background:snow;border:1px solid #e6ebf1;border-radius:14px;gap:5px;min-width:0;min-height:70px;padding:16px 18px;display:grid}.catalog-chapter-neighbors button.is-next{text-align:right}.catalog-chapter-neighbors span{color:#99a5b3;font-size:11px}.catalog-chapter-neighbors strong{overflow-wrap:anywhere;font-size:14px}.catalog-chapter-position{color:#a3adba;text-align:center;margin:0;padding:0 32px 28px;font-size:12px}.catalog-recording-player{padding:30px 32px 34px}.catalog-recording-player audio{width:100%}@media (max-width:700px){.catalog-shell{padding-inline:max(20px, env(safe-area-inset-left));padding-right:max(20px, env(safe-area-inset-right))}.catalog-breadcrumb{margin:4px 0 20px}.catalog-simple-heading{margin-bottom:26px}.catalog-simple-heading h1{font-size:25px}.catalog-simple-heading p{font-size:14px}.catalog-heading-actions{width:100%}.catalog-heading-actions a,.catalog-heading-actions button{flex:180px}.catalog-directory,.catalog-story-directory{gap:14px}.home-favorites{margin-top:30px;padding-top:24px}.home-favorite-row{grid-template-columns:minmax(0,1fr) 44px}.home-favorite-row>a{grid-template-columns:38px minmax(0,1fr) 16px;gap:11px;min-height:76px;padding:14px 10px 14px 14px}.home-favorite-number{width:38px;height:38px}.catalog-story-entry{grid-template-columns:minmax(0,1fr) 46px;gap:8px}.catalog-favorite-button{min-height:92px;font-size:19px}.catalog-book-row,.catalog-story-row{grid-template-columns:48px minmax(0,1fr) 20px;gap:15px;min-height:92px;padding:20px 17px}.catalog-book-cover,.catalog-story-number{border-radius:12px;width:48px;height:48px}.catalog-book-cover b{font-size:22px}.catalog-book-copy strong,.catalog-story-row strong{font-size:16px}.catalog-book-copy small,.catalog-story-row small{font-size:12px}.catalog-story-article header{padding:30px 22px 25px}.catalog-story-article h1{font-size:30px}.catalog-story-body{padding:28px 22px 36px}.catalog-story-body p{font-size:17px;line-height:1.95}.catalog-chapter-neighbors{grid-template-columns:1fr;padding:0 22px 18px}.catalog-chapter-neighbors button.is-next{text-align:left}.catalog-chapter-position{padding:0 22px 24px}.catalog-reading-actions{grid-template-columns:minmax(0,1.45fr) minmax(118px,.75fr);display:grid}.catalog-reading-actions>button{width:100%;min-width:0;padding-inline:12px}.catalog-recording-player{padding:25px 20px 30px}}@media (prefers-reduced-motion:reduce){.catalog-book-row,.catalog-story-row,.catalog-read-button{transition:none}}
.record-shell{width:min(100%,720px);min-height:100dvh}.record-breadcrumb{color:#89a;flex-wrap:wrap;align-items:center;gap:8px;min-height:24px;margin:8px 0 24px;font-size:14px;display:flex}.record-breadcrumb a{color:var(--rose);padding:4px 0;text-decoration:none}.record-breadcrumb a:hover{text-decoration:underline}.record-breadcrumb>span{color:#c3ccd6}.record-breadcrumb strong{color:#2c3e50;font-weight:600}.record-heading{text-align:center;margin:0 0 32px}.record-heading h1{color:#2c3e50;font-family:var(--font-body);letter-spacing:0;margin:0;font-size:26px;font-weight:700;line-height:1.25}.record-heading p{color:#89a;margin:8px 0 0;font-size:15px;line-height:1.6}.record-panel{background:#fff;border:1px solid #e6ebf1;border-radius:14px}.record-controls{justify-items:center;gap:20px;padding:28px 24px;display:grid}.record-controls label{gap:8px;width:100%;display:grid}.record-controls label span{color:#2c3e50;font-size:14px;font-weight:600}.record-controls input{width:100%;min-height:50px;color:var(--ink);font:inherit;background:#fff;border:1px solid #e6ebf1;border-radius:12px;padding:0 15px}.record-controls input:focus{border-color:var(--rose);outline:3px solid #c77c891f}.record-primary,.record-stop,.record-actions button,.record-upload,.record-change-source button{color:#fff;background:var(--rose);min-height:48px;font:inherit;cursor:pointer;border:0;border-radius:12px;padding:0 21px;font-size:14px;font-weight:650}.record-stop{background:#a84d5e}.record-file-input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.record-source-actions{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.record-source-actions button{width:100%}.record-upload{color:var(--rose);background:#fff;border:1px solid #c77c8959}.record-preview{gap:8px;width:100%;display:grid}.record-preview audio{width:100%}.record-preview strong{color:var(--ink);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;overflow:hidden}.record-preview small{color:var(--muted);text-align:center;font-size:12px}.record-change-source{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;display:flex}.record-change-source button{min-height:42px;color:var(--ink);background:#f7f3f6}.record-actions{width:100%;display:grid}.record-actions button{width:100%}.record-actions button:disabled,.record-change-source button:disabled{opacity:.62;cursor:wait}.record-error{color:#a84d5e;text-align:center;font-size:12px}.record-saved{gap:12px;margin-top:32px;display:grid}.record-saved h2{color:#2c3e50;margin:0 0 4px;font-size:20px}.record-saved-row{background:#fff;border:1px solid #e6ebf1;border-radius:14px;grid-template-columns:minmax(150px,1fr) minmax(240px,1.6fr) auto;align-items:center;gap:16px;padding:18px;display:grid}.record-saved-row>div{display:grid}.record-saved-row strong{font-size:14px}.record-saved-row small{color:var(--muted);margin-top:5px;font-size:11px}.record-saved-row audio{width:100%;height:38px}.record-saved-row button{color:#a84d5e;min-height:40px;font:inherit;cursor:pointer;background:0 0;border:0;padding:0 10px;font-size:12px}@media (max-width:700px){.record-breadcrumb{margin:4px 0 20px}.record-heading{margin-bottom:26px}.record-heading h1{font-size:24px}.record-heading p{font-size:14px}.record-controls{padding:22px 18px}.record-source-actions{grid-template-columns:1fr}.record-change-source{grid-template-columns:1fr 1fr;display:grid}.record-change-source button{width:100%;padding-inline:10px}.record-saved-row{grid-template-columns:1fr auto}.record-saved-row audio{grid-area:2/1/auto/-1}}