:root{color-scheme:light;--accent-hue: 257deg;--accent-50: hsl(calc(var(--accent-hue) - .26deg) 100% 98.63%);--accent-75: hsl(calc(var(--accent-hue) - .26deg) 100% 97.25%);--accent-100: hsl(calc(var(--accent-hue) - 7deg) 100% 97.65%);--accent-150: hsl(calc(var(--accent-hue) - 5.97deg) 91.3% 95.49%);--accent-200: hsl(calc(var(--accent-hue) - 6.9deg) 95.24% 91.76%);--accent-300: hsl(calc(var(--accent-hue) - 4.9deg) 94.74% 85.1%);--accent-350: hsl(calc(var(--accent-hue) - 2.58deg) 91.4% 81.76%);--accent-400: hsl(calc(var(--accent-hue) - 2.26deg) 91.74% 76.27%);--accent-500: hsl(calc(var(--accent-hue) + .91deg) 89.53% 66.27%);--accent-600: hsl(calc(var(--accent-hue) + 4.72deg) 83.26% 57.84%);--accent-650: hsl(calc(var(--accent-hue) + 1.98deg) 100% 61.76%);--accent-700: hsl(var(--accent-hue) 100% 60.78%);--accent-725: hsl(calc(var(--accent-hue) + 2.26deg) 79.37% 56.27%);--accent-750: hsl(calc(var(--accent-hue) + .73deg) 78.45% 54.51%);--accent-800: hsl(calc(var(--accent-hue) + 5.99deg) 69.96% 50.39%);--accent-850: hsl(calc(var(--accent-hue) + 5.96deg) 69.3% 42.16%);--accent-900: hsl(calc(var(--accent-hue) + 6.1deg) 67.42% 34.9%);--accent-muted: hsl(calc(var(--accent-hue) + 3.89deg) 88.57% 93.14%);--accent-shadow: hsl(calc(var(--accent-hue) - .83deg) 50.72% 40.59%);--accent-shadow-deep: hsl(calc(var(--accent-hue) - .07deg) 37.82% 23.33%);--ink: #050b1a;--muted: #7e8698;--purple: var(--accent-700);--green: #00c86b;--green-soft: #e8fff4;--track: #d9dce1;--glass: rgba(255, 255, 255, .62)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:#fff;color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;border:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.stage{--play-icon-x: 2px;--play-icon-y: 1px;--play-icon-size: 30px;--hero-top-space: 168px;position:relative;width:min(100%,1440px);min-height:900px;margin:0 auto;overflow:hidden;background:#fff;isolation:isolate}.upload-slot{position:absolute;z-index:2;top:30px;left:50%;transform:translate(-50%)}.upload-button{display:flex;align-items:center;justify-content:center;gap:9px;width:200px;height:44px;padding:0;border:1px solid var(--accent-800);border-radius:999px;color:#fff;background:var(--accent-600);box-shadow:inset 0 1px #ffffff47,0 8px 18px color-mix(in srgb,var(--accent-600) 14%,transparent),0 2px 5px #232a3b0a;font-size:14px;font-weight:700;cursor:pointer;backdrop-filter:blur(26px) saturate(1.45);transition:color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}.upload-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.upload-button:focus{outline:none}.upload-button:hover{background:var(--accent-725);box-shadow:inset 0 1px #ffffff4d,0 10px 22px color-mix(in srgb,var(--accent-600) 18%,transparent),0 3px 7px #232a3b0d;transform:translateY(-1px)}.upload-button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent-700) 24%,transparent);outline-offset:4px}.examples-slot{position:absolute;z-index:2;top:30px;right:238px;left:calc(50% + 100px);display:flex;height:44px;align-items:center;justify-content:center;pointer-events:none}.examples-link{display:inline-flex;align-items:center;justify-content:center;color:var(--ink);font-size:14px;font-weight:700;line-height:20px;text-decoration:none;white-space:nowrap;cursor:pointer;pointer-events:auto;transition:color .16s ease,text-shadow .16s ease,transform .16s ease}.examples-link:hover{color:var(--ink);text-shadow:0 8px 18px color-mix(in srgb,var(--accent-700) 28%,transparent);transform:translateY(-2px) scale(1.04)}.examples-link:focus-visible{border-radius:4px;outline:3px solid color-mix(in srgb,var(--accent-700) 24%,transparent);outline-offset:4px}.auth-slot{position:absolute;z-index:12;top:30px;right:62px;display:flex;height:44px;align-items:center;gap:44px}.auth-slot.is-signed-in{right:62px}.library-link{position:relative;display:inline-flex;height:46px;align-items:center;justify-content:center;overflow:hidden;padding:0 18px;border:1px solid rgb(255 255 255 / 96%);border-radius:999px;color:#3b455a;background:radial-gradient(circle at 28% 18%,#fffffffa,#ffffff6b 42%,#f5f7fc7f),#ffffff8f;box-shadow:inset 0 1px #fff,inset 0 -5px 12px #7e86980f,0 10px 24px #232a3b17,0 2px 6px #232a3b0d;font-size:14px;font-weight:800;letter-spacing:-.03em;text-decoration:none;backdrop-filter:blur(26px) saturate(1.45);transition:transform .16s ease,box-shadow .16s ease}.library-link:after{position:absolute;top:5px;left:11px;width:34px;height:10px;border-radius:999px;background:#ffffff8f;content:"";filter:blur(4px);pointer-events:none;transform:rotate(-12deg)}.library-link>span{position:relative;z-index:1}.library-link:hover{box-shadow:inset 0 1px #fff,0 20px 40px color-mix(in srgb,var(--accent-shadow) 15%,transparent),0 3px 8px #232a3b0f;transform:translateY(-2px) scale(1.025)}.library-link:focus-visible{outline:3px solid color-mix(in srgb,var(--accent-700) 24%,transparent);outline-offset:3px}.auth-button{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;min-width:176px;height:44px;padding:0 16px;border:1px solid transparent;border-radius:999px;color:var(--ink);background:transparent;box-shadow:none;font-size:14px;font-weight:700;cursor:pointer;backdrop-filter:none;transition:color .16s ease,transform .16s ease}.auth-button:hover:not(:disabled){color:var(--ink);transform:translateY(-2px) scale(1.04)}.auth-button:hover:not(:disabled) .auth-button-label{text-shadow:0 8px 18px color-mix(in srgb,var(--accent-700) 28%,transparent)}.auth-button>*{position:relative;z-index:1}.auth-button:focus-visible,.auth-sign-out:focus-visible{outline:3px solid rgba(113,55,255,.24);outline-offset:3px}.auth-button:disabled{color:#7e8698;cursor:wait}.auth-button.is-signed-in{min-width:44px;width:44px;max-width:44px;height:44px;justify-content:center;gap:0;padding:0;border-color:transparent;color:#111827;background:transparent;box-shadow:none;backdrop-filter:none}.auth-button.is-signed-in:hover:not(:disabled){border-color:transparent;background:transparent;box-shadow:none;transform:translateY(-1px)}.auth-button.is-signed-in .auth-method-icon{display:none}.auth-method-icon{flex:0 0 auto;width:16px;height:16px}.auth-apple-icon{fill:#676767}.auth-avatar,.auth-menu-avatar{display:grid;flex:0 0 auto;place-items:center;border-radius:999px;color:#fff;background:var(--accent-700);font-weight:800}.auth-avatar{width:44px;height:44px;box-shadow:0 8px 22px color-mix(in srgb,var(--accent-700) 20%,transparent);font-size:12px;font-weight:800;line-height:16px}.auth-button-photo{width:44px;height:44px;flex:0 0 auto;border-radius:999px;box-shadow:0 8px 22px #11182724;object-fit:cover}.auth-button-label{white-space:nowrap;transition:text-shadow .16s ease}.auth-button-label:empty{display:none}.auth-menu{position:absolute;top:52px;right:0;width:290px;padding:10px;border:1px solid #e5e7eb;border-radius:18px;background:#fff;box-shadow:0 22px 54px #11182729}.auth-menu-user{display:flex;align-items:center;gap:11px;min-width:0;padding:8px 8px 12px;border-bottom:1px solid #eef0f3}.auth-menu-photo,.auth-menu-avatar{width:38px;height:38px}.auth-menu-photo{flex:0 0 auto;border-radius:999px;object-fit:cover}.auth-menu-avatar{font-size:12px}.auth-menu-copy{display:flex;min-width:0;flex-direction:column;gap:2px}.auth-menu-copy strong,.auth-menu-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-menu-copy strong{color:#111827;font-size:14px}.auth-menu-copy span{color:#7e8698;font-size:12px}.auth-sign-out{width:100%;margin-top:7px;padding:10px 11px;border:0;border-radius:10px;color:#374151;background:#fff;font-size:13px;font-weight:700;text-align:left;cursor:pointer}.auth-sign-out:hover{color:var(--accent-850);background:var(--accent-100)}.auth-status{position:absolute;top:51px;right:0;width:max-content;max-width:320px;margin:0;padding:8px 11px;border:1px solid #e5e7eb;border-radius:10px;color:#4b5563;background:#fff;box-shadow:0 12px 30px #1118271a;font-size:12px;font-weight:400;line-height:17px}.sign-in-dialog-backdrop{position:fixed;z-index:40;inset:0;background:#050b1a2e;backdrop-filter:blur(6px)}.sign-in-dialog{position:fixed;z-index:41;top:50%;left:50%;display:flex;width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 32px);flex-direction:column;overflow:auto;padding:24px;border:1px solid rgb(255 255 255 / 96%);border-radius:28px;background:radial-gradient(circle at 18% 0%,#fffffffa,#ffffffad 42%,#f5f7fcb8),#ffffffd6;box-shadow:inset 0 1px #fff,inset 0 -10px 28px #7e869812,0 34px 90px #11182738,0 8px 24px #232a3b14;backdrop-filter:blur(36px) saturate(1.35);transform:translate(-50%,-50%)}.sign-in-dialog.is-options{min-height:300px}.sign-in-dialog.is-email{min-height:332px}.sign-in-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:18px}.sign-in-dialog-header h2{margin:0;color:#111827;font-size:22px;font-weight:800;letter-spacing:-.035em;line-height:28px}.sign-in-dialog-close{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;padding:0;border:1px solid rgb(255 255 255 / 96%);border-radius:999px;color:#596174;background:radial-gradient(circle at 28% 18%,#fffffffa,#ffffff6b 42%,#f5f7fc7f),#ffffff8f;box-shadow:inset 0 1px #fff,inset 0 -5px 12px #7e86980f,0 10px 24px #232a3b17;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.sign-in-dialog-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8}.sign-in-options,.sign-in-email-form{display:flex;width:100%;flex-direction:column;gap:10px;padding-top:18px}.sign-in-choice{position:relative;display:flex;width:100%;height:50px;flex:0 0 auto;align-items:center;justify-content:center;border-radius:999px;font-size:13px;font-weight:750;cursor:pointer;transition:color .16s ease,background-color .16s ease,transform .16s ease,box-shadow .16s ease}.sign-in-choice svg{position:absolute;left:18px;width:16px;height:16px;flex:0 0 auto}.sign-in-choice-apple{border:1px solid rgb(17 24 39 / 94%);color:#fff;background:#111827;box-shadow:inset 0 1px #ffffff1f,0 10px 24px #11182724}.sign-in-choice-apple svg{fill:#676767}.sign-in-choice-google{border:1px solid rgb(255 255 255 / 96%);color:#111827;background:radial-gradient(circle at 28% 18%,#fffffffa,#ffffff6b 42%,#f5f7fc7f);box-shadow:inset 0 1px #fff,inset 0 -5px 12px #7e86980f,0 10px 24px #232a3b17}.sign-in-choice-email{border:1px solid transparent;color:#596174;background:transparent;box-shadow:none}.sign-in-choice-email svg,.sign-in-field svg{fill:none;stroke:var(--accent-700);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.sign-in-choice:hover:not(:disabled),.sign-in-dialog-close:hover:not(:disabled){box-shadow:inset 0 1px #fff3,0 16px 32px color-mix(in srgb,var(--accent-shadow) 15%,transparent);transform:translateY(-1px)}.sign-in-choice-email:hover:not(:disabled){color:#111827;background:#ffffff7a;box-shadow:none}.sign-in-field{display:flex;width:100%;height:48px;flex:0 0 auto;align-items:center;gap:11px;padding:0 16px;border:1px solid rgb(126 134 152 / 22%);border-radius:16px;background:#ffffffb8;box-shadow:inset 0 1px #fff;transition:border-color .15s ease,box-shadow .15s ease}.sign-in-field:focus-within{border-color:color-mix(in srgb,var(--accent-700) 46%,transparent);box-shadow:inset 0 1px #fff,0 0 0 3px color-mix(in srgb,var(--accent-700) 12%,transparent)}.sign-in-field svg{width:18px;height:18px;flex:0 0 auto}.sign-in-field input{width:100%;min-width:0;padding:0;border:0;outline:0;color:#111827;background:transparent;font-size:13px;font-weight:500}.sign-in-field input::placeholder{color:#7e8698;opacity:1}.sign-in-email-submit{display:flex;width:100%;height:48px;flex:0 0 auto;align-items:center;justify-content:center;gap:9px;border:1px solid color-mix(in srgb,var(--accent-800) 92%,transparent);border-radius:999px;color:#fff;background:var(--accent-700);box-shadow:inset 0 1px #ffffff47,0 12px 26px color-mix(in srgb,var(--accent-700) 22%,transparent);font-size:13px;font-weight:750;cursor:pointer}.sign-in-email-submit svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.sign-in-back{width:100%;height:38px;padding:0;border:0;color:#596174;background:transparent;font-size:13px;font-weight:650;cursor:pointer}.sign-in-dialog-status{display:flex;align-items:center;justify-content:center;gap:10px;margin:10px 0 0;padding:9px 12px;border-radius:12px;color:#596174;background:#f3f4f6;font-size:13px;font-weight:400;line-height:20px;text-align:center}.sign-in-dialog-status[data-kind=busy]{color:var(--accent-750);background:var(--accent-75)}.sign-in-cancel{padding:0;border:0;color:#596174;background:transparent;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.sign-in-cancel:hover{color:#111827}.sign-in-choice:disabled,.sign-in-dialog-close:disabled,.sign-in-email-submit:disabled,.sign-in-back:disabled,.sign-in-field:has(input:disabled){cursor:wait;opacity:.62}.sign-in-dialog-close:focus-visible,.sign-in-choice:focus-visible,.sign-in-email-submit:focus-visible,.sign-in-back:focus-visible,.sign-in-cancel:focus-visible{outline:3px solid color-mix(in srgb,var(--accent-700) 24%,transparent);outline-offset:3px}.upload-dialog-backdrop{position:fixed;z-index:30;inset:0;background:#050b1a2e;backdrop-filter:blur(6px)}.upload-dialog{position:fixed;z-index:31;top:50%;left:50%;width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:24px;border:1px solid rgb(255 255 255 / 96%);border-radius:28px;background:radial-gradient(circle at 18% 0%,#fffffffa,#ffffffad 42%,#f5f7fcb8),#ffffffd6;box-shadow:inset 0 1px #fff,inset 0 -10px 28px #7e869812,0 34px 90px #11182738,0 8px 24px #232a3b14;backdrop-filter:blur(36px) saturate(1.35);transform:translate(-50%,-50%)}body.is-sign-in-dialog-open,body.is-upload-dialog-open{overflow:hidden}.upload-dialog.is-drop-target{outline:3px solid color-mix(in srgb,var(--accent-700) 30%,transparent);outline-offset:5px}.upload-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:18px}.upload-dialog-heading{display:flex;flex-direction:column;gap:2px}.upload-dialog-header h2{margin:0;color:#111827;font-size:22px;font-weight:800;letter-spacing:-.035em;line-height:28px}.upload-dialog-heading p{margin:0;color:#7e8698;font-size:12px;font-weight:650;line-height:17px}.upload-dialog-close{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;padding:0;border:1px solid rgb(255 255 255 / 96%);border-radius:999px;color:#596174;background:radial-gradient(circle at 28% 18%,#fffffffa,#ffffff6b 42%,#f5f7fc7f),#ffffff8f;box-shadow:inset 0 1px #fff,inset 0 -5px 12px #7e86980f,0 10px 24px #232a3b17;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.upload-dialog-close:hover{box-shadow:inset 0 1px #fff,0 16px 32px color-mix(in srgb,var(--accent-shadow) 13%,transparent);transform:translateY(-1px)}.upload-dialog-close:focus-visible,.upload-language-header-back:focus-visible,.upload-option-card:focus-visible,.upload-language-row:focus-visible,.upload-language-choice:focus-visible,.upload-chapter-choice:focus-visible,.upload-back-button:focus-visible,.upload-submit-button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent-700) 24%,transparent);outline-offset:3px}.upload-dialog-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8}.upload-option-card:disabled,.upload-language-header-back:disabled,.upload-language-row:disabled,.upload-language-choice:disabled,.upload-chapter-choice:disabled,.upload-back-button:disabled,.upload-submit-button:disabled{cursor:wait;opacity:.62}.upload-file-view{display:flex;flex-direction:column;gap:14px;padding-top:14px}.upload-options-view,.upload-step-view{display:flex;width:100%;flex-direction:column;gap:14px}.upload-selected-file{display:flex;width:100%;min-height:26px;flex:0 0 auto;align-items:center;gap:10px}.upload-selected-file-icon{display:grid;width:26px;height:26px;flex:0 0 auto;place-items:center;border-radius:999px;color:var(--accent-700);background:var(--accent-75)}.upload-selected-file-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.upload-selected-file-copy{display:flex;min-width:0;flex:1;align-items:center;gap:7px}.upload-selected-file-copy strong{overflow:hidden;color:#111827;font-size:13px;font-weight:700;line-height:18px;text-overflow:ellipsis;white-space:nowrap}.upload-selected-file-copy span{flex:0 0 auto;color:#7e8698;font-size:12px;font-weight:500;line-height:16px}.upload-option-group{display:flex;width:100%;flex-direction:column;gap:8px}.upload-option-group h3{margin:0;color:#111827;font-size:13px;font-weight:750;line-height:18px}.upload-option-pair{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.upload-option-card{position:relative;display:flex;min-height:78px;flex-direction:column;justify-content:center;gap:4px;padding:12px 40px 12px 14px;border:1px solid rgb(126 134 152 / 18%);border-radius:18px;color:#7e8698;background:#ffffff9e;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.upload-option-card:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent-700) 30%,transparent);transform:translateY(-1px)}.upload-option-card.is-selected{border-color:color-mix(in srgb,var(--accent-700) 38%,transparent);background:color-mix(in srgb,var(--accent-75) 82%,transparent);box-shadow:inset 0 1px #ffffffd1}.upload-option-card.is-locked:disabled{cursor:not-allowed;opacity:.46}.upload-option-heading{display:flex;align-items:center;gap:8px}.upload-option-heading svg{width:17px;height:17px;flex:0 0 auto;fill:none;stroke:var(--accent-700);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.upload-option-heading strong{color:#111827;font-size:13px;font-weight:750;line-height:18px}.upload-option-card>span:last-child{font-size:12px;font-weight:500;line-height:16px}.upload-option-radio{position:absolute;top:12px;right:12px;display:grid;width:16px;height:16px;place-items:center;border:2px solid rgb(126 134 152 / 38%);border-radius:999px}.upload-option-radio i{display:none;width:7px;height:7px;border-radius:999px;background:var(--accent-700)}.upload-option-card.is-selected .upload-option-radio{border-color:var(--accent-700)}.upload-option-card.is-selected .upload-option-radio i{display:block}.upload-dialog-actions{display:flex;width:100%;align-items:center;gap:10px}.upload-back-button,.upload-submit-button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;border-radius:999px;font-size:13px;font-weight:750;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.upload-back-button{width:92px;height:48px;padding:0 18px;border:1px solid rgb(126 134 152 / 18%);color:#596174;background:#ffffff9e;box-shadow:inset 0 1px #fff}.upload-back-button:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent-700) 25%,transparent);color:var(--accent-700);transform:translateY(-1px)}.upload-submit-button{flex:1;height:48px;gap:9px;padding:0 20px;border:1px solid color-mix(in srgb,var(--accent-800) 92%,transparent);color:#fff;background:var(--accent-700);box-shadow:inset 0 1px #ffffff47,0 12px 26px color-mix(in srgb,var(--accent-700) 22%,transparent)}.upload-step-help{margin:0;color:#596174;font-size:13px;font-weight:500;line-height:19px}.upload-chapter-choices{display:flex;width:100%;flex-direction:column;gap:10px}.upload-chapter-choice{position:relative;display:flex;width:100%;min-height:82px;align-items:center;gap:12px;padding:14px 42px 14px 14px;border:1px solid rgb(126 134 152 / 18%);border-radius:18px;color:#7e8698;background:#ffffff9e;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.upload-chapter-choice:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent-700) 30%,transparent);transform:translateY(-1px)}.upload-chapter-choice.is-selected{border-color:color-mix(in srgb,var(--accent-700) 38%,transparent);background:color-mix(in srgb,var(--accent-75) 82%,transparent);box-shadow:inset 0 1px #ffffffd1}.upload-chapter-choice>.upload-option-radio{top:50%;transform:translateY(-50%)}.upload-chapter-choice.is-selected .upload-option-radio{border-color:var(--accent-700)}.upload-chapter-choice.is-selected .upload-option-radio i{display:block}.upload-chapter-choice>span:last-child{display:flex;min-width:0;flex-direction:column;gap:3px}.upload-chapter-choice strong{color:#111827;font-size:13px;font-weight:750;line-height:18px}.upload-chapter-choice small{font-size:12px;font-weight:500;line-height:17px}.upload-submit-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.upload-submit-button:hover:not(:disabled){background:var(--accent-725);box-shadow:inset 0 1px #ffffff4d,0 16px 34px color-mix(in srgb,var(--accent-600) 30%,transparent);transform:translateY(-1px)}.upload-submit-button.is-credit-blocked{min-width:188px;flex-direction:column;gap:1px;border:1px solid #c6ccd6;color:#4f596a;background:#dfe3e9;box-shadow:inset 0 1px #ffffffd1,0 10px 24px #232a3b26;cursor:default;opacity:1}.upload-submit-button.is-credit-blocked:hover{color:#4f596a;background:#dfe3e9;box-shadow:inset 0 1px #ffffffd1,0 10px 24px #232a3b26;transform:none}.upload-submit-button small{color:#b0b5bf;font-size:9px;font-weight:600;line-height:11px}.upload-submit-button.is-credit-blocked small{color:#7b8493}.upload-progress{display:flex;width:100%;align-items:center;gap:12px}.upload-progress-track{height:7px;flex:1;margin-left:1px;overflow:hidden;border-radius:999px;background:#e8e5ee}.upload-progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:var(--accent-700);transition:width .12s linear}.upload-progress>span{min-width:86px;color:#596174;font-size:12px;font-weight:700;text-align:right}.upload-dialog-status{margin:14px 0 0;padding:10px 12px;border-radius:12px;color:#4b5563;background:#ffffff9e;font-size:12px;font-weight:650;line-height:17px;text-align:center}.upload-dialog-status[data-kind=error]{color:#596174;border:1px solid #e3e6eb;background:#f3f4f6}.upload-dialog-status[data-kind=credits]{color:#596174;border:0;background:transparent;padding:0}.upload-dialog-status.has-buy-credits{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.credits-buy-link{color:var(--accent-800, #5b2bd9);font-weight:750;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.credits-buy-link:hover{color:var(--accent-900, #4820ad)}.upload-dialog{width:min(640px,calc(100vw - 32px));padding:28px;border-radius:26px;background:#ffffffe5;box-shadow:inset 0 1px #fff,0 26px 74px color-mix(in srgb,var(--accent-shadow-deep) 17%,transparent);backdrop-filter:blur(34px) saturate(1.32)}.upload-dialog.is-step-two{width:min(540px,calc(100vw - 32px));padding:26px;border-radius:28px;background:radial-gradient(circle at 28% 12%,#fffffffa,#ffffffdb 48%,#f8fafce0);box-shadow:inset 0 1px #fff,0 24px 70px color-mix(in srgb,var(--accent-shadow-deep) 18%,transparent);backdrop-filter:blur(36px) saturate(1.35)}.upload-dialog-header{align-items:flex-start;gap:20px;padding-bottom:10px}.upload-dialog-heading{gap:5px}.upload-dialog-header-actions,.upload-dialog-step-bars{display:flex;align-items:center}.upload-dialog-description{margin:0}.upload-dialog-header h2{font-size:26px;letter-spacing:-.035em;line-height:31px}.upload-dialog-description{color:#687084;font-size:13px;font-weight:500;line-height:19px}.upload-dialog-header-actions{flex:0 0 auto;gap:12px}.upload-dialog-step-bars{gap:5px}.upload-dialog-step-bars span,.upload-dialog-step-bars i{display:block;width:28px;height:5px;border-radius:999px}.upload-dialog-step-bars span{background:var(--accent-700)}.upload-dialog-step-bars i{background:#e6e9ef}.upload-dialog-close{width:34px;height:34px;border-color:#7e86982e;background:transparent;box-shadow:none}.upload-dialog-close:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent-700) 22%,transparent);background:color-mix(in srgb,var(--accent-75) 64%,transparent);box-shadow:none}.upload-dialog-close svg{width:16px;height:16px}.upload-dialog.is-step-two .upload-dialog-header{padding-bottom:10px}.upload-dialog.is-step-two .upload-dialog-step-bars span{background:#e6e9ef}.upload-dialog.is-step-two .upload-dialog-step-bars i{background:var(--accent-700)}.upload-dialog.is-step-two .upload-dialog-header h2{font-size:22px;letter-spacing:-.03em;line-height:28px}.upload-file-view,.upload-options-view,.upload-step-view{gap:0;padding-top:0}.upload-selected-file:not([hidden]){margin:0 0 12px}.upload-dialog:not(.is-step-two) .upload-selected-file:not([hidden]){margin-bottom:19px}.upload-choice-trays{display:flex;width:100%;flex-direction:column;gap:10px;padding:16px 0}.upload-option-group{flex-direction:row;align-items:center;gap:14px}.upload-option-label{display:flex;width:88px;min-height:33px;flex:0 0 88px;flex-direction:column;justify-content:flex-start;gap:2px}.upload-option-group h3{font-size:12px;font-weight:700;line-height:16px}.upload-option-pair{display:flex;min-width:0;flex:1;grid-template-columns:none;gap:4px;padding:4px;border:1px solid rgb(126 134 152 / 14%);border-radius:18px;background:#f3f5f8}.upload-option-card{min-width:0;min-height:55px;flex:1;flex-direction:row;align-items:center;justify-content:flex-start;gap:9px;padding:10px 11px;border-color:transparent;border-radius:14px;color:#111827;background:transparent;box-shadow:none}.upload-option-card:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent-700) 18%,transparent);background:#ffffff8f;transform:none}.upload-option-card.is-selected{border-color:#fffffff5;background:#fff;box-shadow:0 5px 15px #232a3b14}.upload-option-check{display:grid;width:17px;height:17px;flex:0 0 auto;place-items:center;border-radius:6px}.upload-option-check svg{width:11px;height:11px;fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.6;opacity:0}.upload-option-card.is-selected .upload-option-check{background:var(--accent-700)}.upload-option-card.is-selected .upload-option-check svg{opacity:1}.upload-option-copy{display:flex;min-width:0;flex-direction:column;gap:1px;text-align:left}.upload-option-copy strong{color:#111827;font-size:13px;font-weight:700;line-height:17px}.upload-option-note-marker{position:relative;top:-.2em;padding-left:2px;color:var(--accent-700);font-size:8px;line-height:0}.upload-option-copy small{color:#687084;font-size:11px;font-weight:500;line-height:15px}.upload-option-card.is-unavailable:not(.is-selected){border-color:#7e869821}.upload-option-card.is-unavailable:not(.is-selected) .upload-option-copy strong{color:#596174}.upload-language-row{display:flex;min-width:0;min-height:63px;flex:1;align-items:center;gap:11px;padding:10px 13px;border:1px solid rgb(126 134 152 / 14%);border-radius:18px;color:#111827;background:#f3f5f8;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.upload-language-row:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent-700) 24%,transparent);background:var(--accent-75);box-shadow:0 5px 15px #232a3b0f}.upload-language-flag{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border-radius:12px;background:#fff;box-shadow:0 3px 9px #232a3b12;font-size:19px}.upload-language-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:1px}.upload-language-copy strong{font-size:13px;font-weight:700;line-height:17px}.upload-language-copy small{color:#687084;font-size:11px;font-weight:500;line-height:15px}.upload-language-row>svg{width:17px;height:17px;flex:0 0 auto;fill:none;stroke:#7e8698;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.upload-language-header-back{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;padding:0;border:1px solid rgb(126 134 152 / 18%);border-radius:999px;color:#596174;background:transparent;cursor:pointer;transition:border-color .15s ease,background .15s ease}.upload-language-header-back:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent-700) 22%,transparent);color:var(--accent-700);background:color-mix(in srgb,var(--accent-75) 64%,transparent)}.upload-language-header-back svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}.upload-dialog.is-language-view{width:min(560px,calc(100vw - 32px))}.upload-language-view{gap:8px;padding:16px 0 0}.upload-language-note{margin:0;color:#687084;font-size:12px;font-weight:500;line-height:17px}.upload-language-list{display:grid;max-height:292px;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;overflow-y:auto;padding:8px;border:1px solid color-mix(in srgb,var(--accent-700) 13%,transparent);border-radius:17px;background:#eef3fc;scrollbar-color:rgb(126 134 152 / 46%) transparent;scrollbar-width:thin}.upload-language-choice{display:inline-flex;min-width:0;min-height:43px;align-items:center;gap:9px;padding:9px 10px;border:0;border-radius:11px;color:#4f586c;background:transparent;font-family:inherit;font-size:13px;font-weight:550;line-height:18px;text-align:left;cursor:pointer;transition:color .14s ease,background .14s ease}.upload-language-choice:hover:not(:disabled){color:#111827;background:#ffffffb8}.upload-language-choice.is-selected{color:var(--accent-700);background:var(--accent-muted);font-weight:700}.upload-language-choice:disabled{cursor:not-allowed;opacity:.38}.upload-language-choice-flag{font-size:16px;line-height:1}.upload-language-note{color:#7e8698}.upload-multi-speaker-hint{display:flex;width:100%;align-items:center;justify-content:flex-end;gap:7px;margin:0;padding:10px 0 0 102px;color:var(--accent-700);font-size:12px;font-weight:600;line-height:17px;text-align:right;transform-origin:right center}.upload-multi-speaker-hint[hidden]{display:none}.upload-multi-speaker-hint sup{position:relative;top:-.18em;flex:0 0 auto;font-size:8px;line-height:1}.upload-dialog-actions{justify-content:space-between;gap:12px;padding-top:19px}.upload-dialog:not(.is-step-two) .upload-dialog-actions{justify-content:flex-end}.upload-dialog.is-language-view .upload-dialog-actions{justify-content:flex-start;padding-top:17px}.upload-dialog.is-language-view .upload-back-button{width:40px;padding:0;border-radius:999px;background:#f3f5f8}.upload-back-button{width:auto;height:40px;padding:0 12px;border:0;color:#596174;background:transparent;box-shadow:none}.upload-back-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}.upload-submit-button{min-height:44px;height:44px;flex:0 0 auto;padding:0 21px;border:0;font-size:13px;font-weight:700}.upload-submit-button svg{width:15px;height:15px;stroke-width:1.9}.upload-dialog.is-step-two .upload-dialog-actions{padding-top:18px}.upload-chapter-choices{gap:9px;padding:16px 0}.upload-chapter-choice{min-height:69px;gap:13px;padding:15px;border-color:#7e869829;border-radius:17px;color:#687084;background:#ffffff7a}.upload-chapter-choice:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent-700) 28%,transparent);transform:none}.upload-chapter-choice.is-selected{border-color:color-mix(in srgb,var(--accent-700) 28%,transparent);background:var(--accent-75);box-shadow:none}.upload-chapter-check{display:grid;width:24px;height:24px;flex:0 0 auto;place-items:center;border:1px solid rgb(126 134 152 / 28%);border-radius:999px;background:#fff}.upload-chapter-check svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4;opacity:0;transform:translateY(1px)}.upload-chapter-choice.is-selected .upload-chapter-check{border-color:var(--accent-700);background:var(--accent-700)}.upload-chapter-choice.is-selected .upload-chapter-check svg{opacity:1}.upload-chapter-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}.upload-chapter-choice strong{font-size:14px;font-weight:700;line-height:18px}.upload-chapter-choice small{color:#687084;font-size:12px;line-height:17px}.upload-option-card.is-requirement-wiggle{animation:upload-multiple-wiggle .52s ease-in-out}.upload-multi-speaker-hint.is-requirement-pulse{animation:upload-requirement-pulse .68s ease-out}@keyframes upload-multiple-wiggle{0%,to{transform:translate(0)}18%{transform:translate(-5px) rotate(-.35deg)}36%{transform:translate(4px) rotate(.3deg)}54%{transform:translate(-3px) rotate(-.2deg)}72%{transform:translate(2px) rotate(.1deg)}}@keyframes upload-requirement-pulse{0%,to{opacity:1;text-shadow:0 0 0 color-mix(in srgb,var(--accent-700) 0%,transparent);transform:scale(1)}42%{opacity:.82;text-shadow:0 0 14px color-mix(in srgb,var(--accent-700) 34%,transparent);transform:scale(1.025)}}@media(max-width:560px){.upload-dialog,.upload-dialog.is-step-two,.upload-dialog.is-language-view{padding:20px}.upload-dialog-header h2{font-size:22px;line-height:28px}.upload-option-group{flex-direction:column;align-items:stretch;gap:6px}.upload-option-label{width:100%;min-height:0;flex-basis:auto;flex-direction:row;align-items:center;justify-content:space-between}.upload-multi-speaker-hint{padding-left:0}}@media(max-width:420px){.upload-language-list{max-height:310px;grid-template-columns:1fr}}.hero{position:absolute;left:12.7%;top:var(--hero-top-space);width:680px}.eyebrow{margin:0 0 25px;color:var(--muted);font-size:16px;font-weight:700;letter-spacing:.26em;line-height:19px;white-space:nowrap}.hero h1{margin:0;min-height:132px;color:var(--ink);font-size:61px;font-weight:800;letter-spacing:-.045em;line-height:66px}.purple-stop{color:var(--purple)}.segment-track{display:flex;width:546px;height:25px;gap:6px;margin:19px 0 -8px 6px}.segment{position:relative;flex:1;min-width:0;height:25px;padding:8px 0;border:0;border-radius:999px;background:transparent;cursor:pointer}.segment-bar{display:block;width:100%;height:9px;overflow:hidden;border-radius:999px;background:var(--track);transition:background .18s ease,box-shadow .16s ease}.segment-fill{display:block;width:0;height:100%;border-radius:inherit;background:var(--green);will-change:width}.segment.is-current .segment-bar{background:var(--green-soft)}.segment:not(.is-current):hover .segment-bar{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-700) 16%,transparent)}.segment.is-complete .segment-fill{width:100%}.segment:focus-visible{outline:0}.segment:focus-visible .segment-bar{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-700) 28%,transparent)}.hero-section{display:flex;flex-direction:column;width:674px;min-height:236px;margin:50px 0 0 6px;transition:opacity .14s ease,transform .18s ease}.hero-section.is-switching{opacity:.2;transform:translateY(5px)}.section-copy{display:flex;flex-direction:column;gap:5px}.landing-sentence{width:100%;padding:0;border:0;border-radius:4px;margin:0;color:#1f2937;background:transparent;font-size:18px;font-weight:600;letter-spacing:-.015em;line-height:27px;text-align:left;cursor:pointer;transition:color .1s ease;-webkit-tap-highlight-color:transparent}.landing-sentence:hover{color:var(--purple)}.landing-sentence:focus-visible{outline:3px solid color-mix(in srgb,var(--accent-700) 28%,transparent);outline-offset:4px}#autoButton{position:relative}.auto-play-hand{position:absolute;z-index:2;top:23px;right:72px;display:block;width:48px;height:48px;opacity:0;pointer-events:none;transform:translateY(-50%) translate(-210px);user-select:none}#autoButton.is-auto-play-cued .auto-play-hand{animation:auto-play-hand-glide 1.45s cubic-bezier(.18,.72,.24,1) both}@keyframes auto-play-hand-glide{0%{opacity:1;transform:translateY(-50%) translate(-210px)}78%,to{opacity:1;transform:translateY(-50%) translate(0)}}#repeatButton,#nextButton,#askButton,#explainButton{position:relative}.repeat-cue-hand,.next-cue-hand{position:absolute;z-index:2;bottom:50px;left:50%;display:block;width:48px;height:48px;opacity:0;pointer-events:none;transform:translate(-50%) translateY(-170px);user-select:none}#repeatButton.is-repeat-cued .repeat-cue-hand,#nextButton.is-next-cued .next-cue-hand{animation:control-cue-hand-glide 1.35s cubic-bezier(.18,.72,.24,1) both}@keyframes control-cue-hand-glide{0%{opacity:1;transform:translate(-50%) translateY(-170px)}78%,to{opacity:1;transform:translate(-50%) translateY(0)}}.ask-cue-hand,.explain-cue-hand{position:absolute;z-index:2;bottom:48px;left:50%;display:block;width:48px;height:48px;opacity:0;pointer-events:none;transform:translate(-50%) translateY(-170px);user-select:none}#askButton.is-ask-cued .ask-cue-hand,#explainButton.is-explain-cued .explain-cue-hand{animation:control-cue-hand-glide 1.35s cubic-bezier(.18,.72,.24,1) both}.action-row{position:relative;display:flex;align-items:center;justify-content:space-between;width:680px;min-height:64px;margin-top:24px}.speak-pill:focus-visible{outline:3px solid rgba(113,55,255,.28);outline-offset:4px}[hidden]{display:none!important}@media(max-width:1050px){.stage{min-height:1050px}.hero{left:7vw}.tool-rail{right:24px}.auth-slot,.auth-slot.is-signed-in{right:38px}.examples-slot{right:214px}}@media(max-width:820px){.stage{min-height:1040px;overflow:visible}.hero{position:relative;left:auto;top:auto;width:auto;padding:var(--hero-top-space) 28px 0}.upload-slot{top:20px;left:20px;transform:none}.upload-button{width:180px}.examples-slot{top:20px;right:170px;left:200px}.auth-slot{top:20px;right:20px}.auth-slot.is-signed-in{right:20px}.auth-button{min-width:0;width:150px;padding:0 10px}.auth-button.is-signed-in{min-width:44px;width:44px;max-width:44px;padding:0}.auth-status{max-width:min(300px,calc(100vw - 40px))}.sign-in-dialog{width:min(520px,calc(100vw - 32px));padding:20px;border-radius:24px}.upload-dialog{width:min(640px,calc(100vw - 32px));padding:20px;border-radius:24px}.upload-dialog.is-step-two{width:min(540px,calc(100vw - 32px));padding:20px}.sign-in-dialog.is-options{min-height:292px}.sign-in-dialog.is-email{min-height:324px}.sign-in-dialog-header h2{font-size:20px}.upload-option-card{padding:9px 10px}.upload-option-radio{right:10px}.eyebrow{font-size:12px;letter-spacing:.2em}h1{min-height:0;font-size:clamp(45px,12vw,61px);line-height:1.06}.segment-track,.hero-section,.action-row{width:100%}.segment{flex:1}.hero-section{min-height:290px}.action-row{flex-wrap:wrap;gap:18px}.player-controls{order:-1;width:100%}.speak-pill:not(.is-feature-active){width:calc(50% - 9px)}.speed-picker{position:fixed;inset:auto 20px 20px;width:auto;max-height:calc(100vh - 40px)}.tool-rail{position:relative;top:auto;right:auto;display:flex;flex-direction:row;justify-content:center;width:auto;margin:54px 20px 0}}@media(max-width:520px){.examples-slot{display:none}}@media(max-width:360px){.upload-slot{left:16px}.upload-button{width:150px}.auth-slot,.auth-slot.is-signed-in{right:16px}.auth-button{min-width:150px;width:150px;max-width:150px}.auth-button.is-signed-in{min-width:44px;width:44px;max-width:44px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}#autoButton.is-auto-play-cued .auto-play-hand{animation:none;opacity:1;transform:translateY(-50%) translate(0)}#repeatButton.is-repeat-cued .repeat-cue-hand,#nextButton.is-next-cued .next-cue-hand,#askButton.is-ask-cued .ask-cue-hand,#explainButton.is-explain-cued .explain-cue-hand{animation:none;opacity:1;transform:translate(-50%) translateY(0)}}