:root{--readalong-font-display: "ZCOOL KuaiLe", "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--readalong-font-body: "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--primary: 217 86% 54%;--primary-deep: 217 72% 42%;--primary-glow: 217 92% 72%;line-height:1.55}html{min-height:100%;min-height:100dvh;background-color:hsl(var(--background))}body{margin:0;padding:0;min-height:100dvh;font-family:var(--readalong-font-body);color:hsl(var(--foreground));background-color:hsl(var(--background))}.readalong-layout-shell{min-height:100dvh;padding-top:max(20px,env(safe-area-inset-top,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-bottom:max(44px,env(safe-area-inset-bottom,0px));padding-left:max(16px,env(safe-area-inset-left,0px));background-color:hsl(var(--background));background-image:radial-gradient(ellipse 120% 90% at 6% -8%,hsl(328 76% 94% / .75),transparent 52%),radial-gradient(ellipse 100% 70% at 96% 4%,hsl(217 92% 94% / .65),transparent 48%),linear-gradient(185deg,hsl(var(--background)),#e8ecf5);background-attachment:fixed;color:hsl(var(--foreground))}.readalong-shell-inner{margin-left:auto;margin-right:auto;max-width:48rem;width:100%}@media(hover:none)and (pointer:coarse){.readalong-layout-shell{background-attachment:scroll}}.readalong-tool-ui{font-family:var(--readalong-font-body)}.readalong-tool-ui.readalong-annotation-visual-hidden .a9s-annotation,.readalong-tool-ui.readalong-annotation-visual-hidden .a9s-annotation *,.readalong-tool-ui.readalong-annotation-visual-hidden .a9s-annotationlayer .a9s-annotation,.readalong-tool-ui.readalong-annotation-visual-hidden .a9s-annotationlayer .a9s-annotation *{opacity:0!important}.readalong-tool-ui.readalong-annotation-visual-hidden .a9s-annotation,.readalong-tool-ui.readalong-annotation-visual-hidden .a9s-annotationlayer{pointer-events:auto}.readalong-site-brand{margin:0 0 1.15rem;padding:0}.readalong-site-brand__name{display:inline-block;font-family:var(--readalong-font-display);font-size:1.4rem;font-weight:400;letter-spacing:.04em;text-transform:none;padding:.45rem 1.1rem;border-radius:9999px;color:hsl(var(--primary-deep));background:hsl(var(--card));border:none;box-shadow:6px 6px 14px #a3b1c652,-5px -5px 12px #fffffff5,inset 0 1px #ffffffe0}.readalong-start-placeholder{margin:0 0 1.25rem}.readalong-start-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1.35rem;min-height:17.5rem;padding:2.1rem 1.5rem;border-radius:1.35rem;border:none;background:hsl(var(--card));color:hsl(var(--card-foreground));box-shadow:10px 10px 24px #a3b1c657,-9px -9px 20px #fffffffa,inset 0 1px #fffc}.readalong-start-card.readalong-start-card--app{min-height:auto;align-items:stretch;justify-content:flex-start;text-align:left;gap:0;padding:1rem .9rem 1.2rem;border-radius:1.25rem}.readalong-app-root{width:100%;min-width:0}#readalong-static-intro{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.15rem;width:100%}.readalong-start-card__icon-wrap{display:flex;align-items:center;justify-content:center;width:4.75rem;height:4.75rem;border-radius:1.1rem;background:hsl(var(--accent));color:hsl(var(--primary));border:none;box-shadow:inset 3px 3px 8px #ffffffa6,inset -2px -2px 6px #e0b8cd40,4px 4px 12px #a3b1c638}.readalong-start-card__icon-wrap svg{width:2.15rem;height:2.15rem;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.readalong-start-card__title{margin:0;font-family:var(--readalong-font-display);font-size:1.65rem;font-weight:400;line-height:1.3;letter-spacing:.02em;color:hsl(var(--primary-deep))}.readalong-start-card__desc{margin:0;max-width:26rem;font-size:1rem;line-height:1.65;font-weight:500;color:hsl(var(--muted-foreground))}.readalong-start-card__hints{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.55rem;margin:0;padding:0;list-style:none;font-size:.8125rem;color:hsl(var(--foreground))}.readalong-start-card__hints li{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .75rem;border-radius:9999px;font-weight:600;background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:none;box-shadow:3px 3px 8px #a3b1c633,-2px -2px 6px #ffffffd9}.readalong-start-card__hints svg{width:.9rem;height:.9rem;flex-shrink:0;stroke:hsl(var(--primary-deep));stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:1}.readalong-start-card__hints svg :is(path,rect){fill:none}.readalong-start-card__hints svg circle{fill:currentColor;stroke:none}.readalong-start-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;max-width:22rem;min-height:3rem;padding:.55rem 1.25rem;border-radius:9999px;border:none;background:linear-gradient(165deg,hsl(var(--primary-glow)),hsl(var(--primary)) 42%,hsl(var(--primary-deep)));color:hsl(var(--primary-foreground));font-family:var(--readalong-font-body);font-size:1rem;font-weight:700;letter-spacing:.02em;cursor:pointer;box-shadow:5px 5px 14px hsl(var(--primary-deep) / .35),-3px -3px 10px #ffffff73 inset,0 2px hsl(var(--primary-glow) / .5) inset;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.readalong-start-btn:hover:not(:disabled){filter:brightness(1.04) saturate(1.05);transform:translateY(-2px)}.readalong-start-btn:active:not(:disabled){transform:translateY(0);box-shadow:2px 2px 8px hsl(var(--primary-deep) / .4) inset,0 1px hsl(var(--primary-glow) / .35) inset}.readalong-start-btn:focus-visible{outline:none;box-shadow:5px 5px 14px hsl(var(--primary-deep) / .35),-3px -3px 10px #ffffff73 inset,0 2px hsl(var(--primary-glow) / .5) inset,0 0 0 3px hsl(var(--ring) / .45)}.readalong-start-btn:disabled{opacity:.5;cursor:wait;pointer-events:none;transform:none}.readalong-start-btn[aria-busy=true]{cursor:wait}.readalong-start-btn svg{width:1.15rem;height:1.15rem;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media(prefers-reduced-motion:reduce){.readalong-start-btn{transition:none}.readalong-start-btn:hover:not(:disabled),.readalong-start-btn:active:not(:disabled){transform:none}}.readalong-tool-ui .readalong-toolbar-card{border-radius:1rem!important;border:none!important;box-shadow:6px 6px 14px #a3b1c647,-4px -4px 12px #ffffffeb,inset 0 1px #ffffffbf}.readalong-toolbar-actions{scrollbar-width:thin;scrollbar-color:hsl(var(--border)) transparent}.readalong-toolbar-actions::-webkit-scrollbar{height:4px}.readalong-toolbar-actions::-webkit-scrollbar-thumb{border-radius:9999px;background:hsl(var(--muted-foreground) / .35)}.readalong-tool-ui .readalong-word-editor:not(.hidden){border-width:1px;border-color:hsl(var(--border));border-radius:.75rem!important;background:hsl(var(--card));box-shadow:inset 2px 2px 6px #a3b1c61f,inset -1px -1px 4px #ffffffe6}.readalong-images-zoom-host{--readalong-zoom: 1}.readalong-zoom-root #readalong-images{align-items:flex-start}.readalong-session-outer{flex-shrink:0;overflow-x:auto;overflow-y:visible;width:100%;max-width:100%;-webkit-overflow-scrolling:touch}.readalong-session-container{display:flex;flex-shrink:0;align-items:flex-start;gap:.5rem}.readalong-tool-ui .readalong-session-outer .a9s-annotationlayer{touch-action:auto}.readalong-tool-ui.readalong-annotator-draw-capture .readalong-session-outer .a9s-annotationlayer{touch-action:none}.readalong-session-zoom-inner{display:block;box-sizing:border-box;width:calc(100% * var(--readalong-zoom, 1));flex-shrink:0}.readalong-session-zoom-inner .readalong-session{box-sizing:border-box;width:100%;max-width:none}.readalong-zoom-range{touch-action:manipulation}.row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:.75rem}.panel{background:hsl(var(--card));border:none;border-radius:1rem;padding:.9rem;margin-bottom:1rem;box-shadow:5px 5px 12px #a3b1c638,-3px -3px 10px #ffffffd9}.img-wrap{overflow:hidden;border:2px dashed hsl(var(--primary) / .22);border-radius:1rem;background:linear-gradient(165deg,hsl(var(--card)),hsl(var(--muted)));box-shadow:inset 2px 2px 6px #a3b1c614,inset -1px -1px 5px #ffffffb3}.readalong-tool-ui.readalong-annotator-draw-capture .readalong-session.panel.img-wrap{overflow:visible}.readalong-ocr-overlay{position:absolute;inset:0;z-index:12;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1rem;text-align:center;background:linear-gradient(180deg,#ffffffad,#ffffffd6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);pointer-events:all}.readalong-ocr-overlay__spinner{width:2.25rem;height:2.25rem;border-radius:9999px;border:3px solid hsl(var(--primary) / .18);border-top-color:hsl(var(--primary));animation:readalong-ocr-spin .9s linear infinite}.readalong-ocr-overlay__text{margin:0;font-size:.95rem;font-weight:700;color:hsl(var(--primary-deep))}@keyframes readalong-ocr-spin{to{transform:rotate(360deg)}}.readalong-tool-ui .readalong-session.panel.img-wrap{padding:0;line-height:0}.readalong-tool-ui .readalong-session.panel.img-wrap>div:first-child{display:block!important;width:100%}.img-wrap img{display:block;width:100%;max-width:100%;height:auto;vertical-align:top}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#readalong-toast,.readalong-toast-node{position:fixed;bottom:1.35rem;left:50%;z-index:2147483646;max-width:min(90vw,28rem);padding:.85rem 1.2rem;border-radius:1rem;font-family:var(--readalong-font-body);font-size:1.05rem;font-weight:700;line-height:1.4;color:hsl(var(--primary-deep));background:hsl(var(--card));border:2px solid hsl(var(--primary) / .35);box-shadow:6px 6px 16px #a3b1c64d,-4px -4px 12px #fffffff2;word-break:break-word;pointer-events:none;transform:translate(-50%) translateY(120%);opacity:0;transition:transform .22s ease,opacity .22s ease}#readalong-toast.readalong-toast--visible,.readalong-toast-node.readalong-toast--visible{transform:translate(-50%) translateY(0);opacity:1}.readalong-site-brand__name.svelte-q4m171{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1.15rem;border-radius:9999px;background:hsl(var(--card));color:hsl(var(--primary-deep));font-family:var(--readalong-font-display);font-size:1.4rem;line-height:1.05;box-shadow:6px 6px 14px #a3b1c63d,-5px -5px 12px #ffffffe6,inset 0 1px #ffffffdb}