.app-shell{--app-header-height: 64px;--app-sidebar-width: 240px;position:relative;height:calc(100dvh - var(--app-host-footer, 0px));min-height:0;padding-top:var(--app-header-height);padding-left:var(--app-sidebar-width);overflow:hidden;background:var(--tell-canvas)}.app-shell--collapsed{--app-sidebar-width: 64px}.app-navigation{display:contents}.app-topbar{position:fixed;inset:0 0 auto;z-index:35;height:var(--app-header-height);display:flex;align-items:center;gap:28px;padding:0 24px;background:color-mix(in srgb,var(--tell-bg) 94%,transparent);border-bottom:1px solid var(--tell-quaternary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.shell-brand{color:var(--tell-theme);font:28px/1 var(--font-display);text-decoration:none;flex-shrink:0}.app-primary-navigation{display:flex;align-items:center;gap:4px;height:100%}.app-primary-navigation a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:8px 18px;border-radius:14px;color:var(--tell-text);font:600 16px/1.4 var(--font-latin);text-decoration:none}.app-primary-navigation a.selected{background:var(--tell-peach);color:#ad2b00}.app-primary-navigation a:hover,.app-sidebar :is(button,a):hover{background:var(--tell-summary)}.app-route-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--tell-text);font-size:14px}.app-account-label{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--tell-text);font:600 14px/1.4 var(--font-latin)}.app-sidebar{position:fixed;top:var(--app-header-height);bottom:var(--app-host-footer, 0px);left:0;z-index:30;width:var(--app-sidebar-width);display:flex;flex-direction:column;background:var(--tell-bg);border-right:1px solid var(--tell-quaternary)}.app-sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding:10px 14px}.app-sidebar-caption{font:600 18px/1.4 var(--font-latin)}.app-sidebar .sidebar-toggle{width:40px;min-height:40px;height:40px;padding:0;border-radius:12px;color:var(--tell-text)}.app-sidebar-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 10px 20px}.app-sidebar :is(button:not(.sidebar-toggle),a){display:flex;align-items:center;gap:12px;min-height:44px;width:100%;margin:2px 0;padding:10px 12px;border:0;border-radius:12px;background:transparent;color:var(--tell-text);font:14px/1.5 var(--font-latin);text-align:left;text-decoration:none;cursor:pointer}.app-sidebar :is(button,a) span:not(.tell-icon){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-sidebar a.active{background:var(--tell-summary)}.sidebar-stories{margin-top:28px}.sidebar-stories h2{margin:0 12px 8px;color:var(--tell-text);font:600 13px/1.5 var(--font-latin)}.app-sidebar-footer{padding:12px 10px;border-top:1px solid var(--tell-quaternary)}.app-shell--collapsed .app-sidebar-header{justify-content:center;padding-inline:8px}.app-shell--collapsed :is(.app-sidebar-caption,.sidebar-stories h2){display:none}.app-shell--collapsed .app-sidebar :is(button:not(.sidebar-toggle),a){justify-content:center;padding-inline:10px}.app-shell--collapsed .app-sidebar :is(button,a) span:not(.tell-icon){display:none}.app-shell--collapsed :is(.app-sidebar-scroll,.app-sidebar-footer){padding-inline:8px}.app-content{position:relative;height:100%;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-color:var(--tell-secondary) transparent;scrollbar-width:thin;outline:none;--recording-host-top: calc(var(--app-header-height) + var(--app-host-footer, 0px))}.app-sidebar-backdrop{position:fixed;inset:var(--app-header-height) 0 var(--app-host-footer, 0px) 64px;z-index:25;padding:0;border:0;background:#332e2b1f;cursor:pointer}.app-content>[hidden]{display:none}.app-content>:is(.formal-library,.detail-view){min-height:100%}.app-content>:is(.today-view,.completed-story,.video-share),.app-content>.guide-route,.app-content>.runtime-session{height:100%;min-height:0}.app-content>.recording-workspace,.app-content>.runtime-recording{height:100%;min-height:0}.app-skip-link{position:fixed;top:8px;left:8px;z-index:120;padding:10px 16px;border-radius:12px;background:var(--tell-elevated);color:var(--tell-text);transform:translateY(-200%)}.app-skip-link:focus{transform:none}@media(max-width:700px){.app-topbar{gap:12px;padding-inline:14px}.app-primary-navigation a{padding-inline:12px;font-size:14px}.app-route-title,.app-account-label{display:none}.app-shell:not(.app-shell--collapsed){padding-left:64px}.app-shell:not(.app-shell--collapsed) .app-sidebar{box-shadow:8px 0 24px #332e2b1f}}.formal-library{container-type:inline-size;min-height:calc(100dvh - 54px);padding:20px 0 40px;background:var(--tell-canvas)}.library-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px}.library-heading h1{font:700 34px/1.2 system-ui;margin:12px 0}.library-heading>div{display:flex;gap:10px}.library-heading .tell-button{width:44px;height:44px;padding:0}.library-subtitle{margin:4px 20px 28px;color:var(--tell-tertiary);font:16px var(--font-display)}.library-pending h2,.completed-group h2{font:16px var(--font-display);color:var(--tell-secondary);margin:0 16px 16px}.pending-scroll{display:flex;gap:8px;overflow-x:auto;padding:0 16px 16px}.pending-item{position:relative;flex:0 0 min(340px,100%);border-radius:32px;background:var(--tell-elevated)}.pending-open{display:flex;gap:16px;min-height:190px;width:100%;padding:14px;text-align:left;border:0;border-radius:32px;background:none;cursor:pointer;color:inherit}.pending-open>.tell-artwork{width:102px;height:162px;border-radius:18px;object-fit:cover}.pending-info{display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:8px;padding-top:4px}.pending-info strong{font:18px/1.35 var(--font-display);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding-right:10px}.pending-info small{font:12px system-ui;color:var(--tell-text)}.pending-info .pending-date{font-size:11px}.continue-tell{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;margin-top:auto;border-radius:24px;color:var(--tell-theme);background:var(--tell-peach);font:14px var(--font-display)}.library-delete{position:absolute;top:10px;right:10px;width:32px;height:32px;border:0;border-radius:50%;color:var(--tell-text);background:#fffdfadd;cursor:pointer}.completed-group{margin-top:32px}.completed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;padding:0 16px}.completed-item{position:relative}.completed-open{display:block;position:relative;width:100%;aspect-ratio:177/273.333;max-height:420px;overflow:hidden;border:0;border-radius:24px;cursor:pointer;background:var(--tell-summary);text-align:left;padding:0}.completed-open>.tell-artwork{width:100%;height:100%;object-fit:cover}.completed-open>span:not(.tell-artwork){position:absolute;inset:48% 0 0;padding:12px 12px 16px;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;background:linear-gradient(transparent,#352626b3);color:#fff}.completed-open strong{font:18px/1.4 var(--font-display);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.completed-open small{font:12px system-ui}.library-empty,.library-unavailable{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;min-height:55dvh;color:var(--tell-tertiary)}.library-empty img{width:205px;height:137px;object-fit:contain}.library-empty p{font:16px var(--font-display);margin:0}.library-refresh-error{margin:16px;font-size:13px}@media(max-width:600px){.library-subtitle{line-height:1.6}.completed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width: 400px){.pending-open{gap:12px;min-height:166px;padding:12px}.pending-open>.tell-artwork{width:76px;height:142px}.pending-info strong{font-size:16px}.continue-tell{gap:6px;min-height:44px;font-size:12px}}.today-view{container-type:size;position:relative;width:100%;height:100%;min-height:0;overflow:hidden;background:var(--tell-canvas);font-family:system-ui,sans-serif;isolation:isolate}.today-home{height:100%;overflow:auto;padding:7px 16px 36px;scrollbar-width:thin}.today-home-header{padding-left:7px}.today-home-header h1{height:58px;margin:0;overflow:hidden;color:var(--tell-quaternary);font-family:ui-rounded,system-ui,sans-serif;font-size:48px;font-weight:900;line-height:58px;white-space:nowrap;text-overflow:ellipsis}.today-home-header>p{min-height:24px;margin:14px 0 0;color:var(--tell-tertiary);font-family:var(--font-display);font-size:16px;font-weight:700;line-height:24px}.today-grid{display:grid;align-items:start;justify-items:center;gap:16px;margin-top:23px}.today-card-source{max-width:100%}.today-topic-card{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;border-radius:32px;color:var(--today-copy, var(--tell-text));background:#fff;box-shadow:0 4px 20px #fc3f051f;transition:transform .16s ease-out}.today-topic-card:has(.today-card-select:active){transform:scale(.98)}.today-artwork,.today-card-select{position:absolute;inset:0}.today-artwork{overflow:hidden;background:#fff}.today-artwork>.tell-artwork,.today-artwork img{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none}.today-card-select{z-index:2;width:100%;border:0;border-radius:inherit;background:transparent;cursor:pointer}.today-card-select:focus-visible{outline-offset:-6px}.today-topic-copy{position:absolute;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:16px;padding:20px;pointer-events:none}.today-topic-heading{display:flex;align-items:center;gap:12px}.today-topic-title-group{display:flex;flex:1;flex-direction:column;gap:16px;min-width:0}.today-topic-label{font-size:14px;line-height:20px;opacity:var(--today-secondary-opacity)}.today-topic-title-group h2{display:-webkit-box;overflow:hidden;margin:0;font-family:var(--font-display);font-size:56px;font-weight:700;line-height:1.08;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical}.today-topic-card--long .today-topic-copy,.today-topic-card--long .today-topic-title-group{gap:8px}.today-topic-card--long .today-topic-title-group h2{font-size:48px}.today-topic-quote{display:flex;align-items:flex-start;gap:8px;opacity:var(--today-secondary-opacity)}.today-quote-mark{flex:none;font-family:ui-rounded,system-ui,sans-serif;font-size:32px;font-weight:900;line-height:36px}.today-description{position:relative;flex:1;min-width:0;margin-top:4px;font-size:16px;font-weight:500;line-height:24px}.today-description-reserve{display:grid;visibility:hidden}.today-description-reserve>span,.today-description-visible{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}.today-description-reserve>span{grid-area:1 / 1}.today-description-visible{position:absolute;inset:0}.today-expanded{position:absolute;z-index:3;inset:0;overflow:hidden;background:var(--tell-canvas);transform-origin:top left}.today-expanded-scroll{height:calc(100% - 64px);margin-top:64px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.today-expanded:not(.today-expanded--settled) .today-expanded-scroll{overflow:hidden}.today-expanded--side .today-expanded-scroll{padding-left:var(--today-hero-width)}.today-hero{width:100%;aspect-ratio:3 / 4}.today-expanded--side .today-hero{position:absolute;top:0;bottom:0;left:0;width:var(--today-hero-width);aspect-ratio:auto}.today-topic-card--expanded{height:100%;aspect-ratio:auto;border-radius:0;box-shadow:none}.today-topic-card--expanded .today-topic-copy,.today-topic-card--expanded .today-topic-title-group{gap:12px}.today-topic-card--expanded .today-topic-title-group h2{font-size:24px;line-height:1.2;-webkit-line-clamp:3}.today-remix-icon{display:inline-block;flex:none;background:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.today-remix{pointer-events:auto}.today-remix--hero.tell-button{height:53px;min-height:53px;padding:0 19px;color:var(--today-accent, var(--tell-theme));background:#fff;box-shadow:0 4px 10px color-mix(in srgb,var(--today-accent) 12%,transparent);font-size:16px;opacity:0;pointer-events:none;transition:opacity .18s ease-out}.today-remix--hero.today-remix--settled{opacity:1;pointer-events:auto}.today-details{padding-bottom:32px;opacity:0;transition:opacity .18s ease-out}.today-expanded--settled .today-details{opacity:1}.today-expanded--stacked .today-details{padding-bottom:calc(32px + var(--today-accessory-height, 0px))}.today-example{display:flex;flex-direction:column;gap:16px;padding:24px 16px 0;color:var(--tell-text)}.today-example-label{color:var(--tell-tertiary);font-size:14px;line-height:20px}.today-example>h2{margin:0;font-family:var(--font-display);font-size:24px;font-weight:700;line-height:1.4}.today-example-summary{display:flex;flex-direction:column;gap:16px;padding:16px;border-radius:22px;background:var(--tell-summary)}.today-example-summary dl{display:flex;flex-wrap:wrap;gap:12px 24px;margin:0}.today-example-summary dt{color:var(--tell-tertiary);font-size:12px;line-height:18px}.today-example-summary dd{margin:0;font-family:var(--font-display);font-size:16px;font-weight:700;line-height:24px}.today-example-summary p{margin:0;font-size:16px;line-height:24px}.today-record.tell-button{gap:4px;width:100%;height:53px;min-height:53px;padding:0 12px;border-radius:22px;color:var(--today-accent, var(--tell-theme));background:var(--tell-elevated);font-size:14px}.today-example-lines{display:flex;flex-direction:column;gap:20px;padding:16px 0}.today-example-lines section{display:flex;flex-direction:column;gap:8px}.today-example-lines p{margin:0;overflow-wrap:anywhere}.today-example-original{font-family:var(--font-latin);font-size:18px;font-weight:600;line-height:27px}.today-example-translation{font-family:var(--font-body);font-size:16px;font-weight:400;line-height:25px}.today-close.tell-button{position:absolute;z-index:2;top:16px;right:16px;width:44px;height:44px;min-height:44px;padding:0}.today-expanded--side .today-example-label,.today-expanded--side .today-example>h2{padding-right:52px}.today-expanded--closing .today-close{visibility:hidden}.today-floating-accessory{position:absolute;right:0;bottom:0;left:0;padding:0 16px calc(16px + env(safe-area-inset-bottom,0px));pointer-events:none}.today-floating-remix{position:relative;display:flex;align-items:center;gap:12px;padding:16px;border:2px solid color-mix(in srgb,var(--today-accent) 25%,#fff);border-radius:24px;background:color-mix(in srgb,var(--today-accent) 10%,rgb(255 255 255 / 82%));box-shadow:0 8px 12px color-mix(in srgb,var(--today-accent) 12%,transparent);backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%);pointer-events:auto}.today-floating-remix>div{flex:1;min-width:0}.today-floating-remix h2,.today-floating-remix p{display:block;display:-webkit-box;overflow:hidden;margin:0;-webkit-line-clamp:2;-webkit-box-orient:vertical}.today-floating-remix h2{font-family:var(--font-display);font-size:20px;font-weight:700;line-height:26px}.today-floating-remix p{margin-top:4px;font-size:14px;line-height:20px}.today-floating-remix .today-description{display:block;margin-top:0;font-size:14px;font-weight:400;line-height:20px}.today-floating-remix .today-description-reserve>span,.today-floating-remix .today-description-visible{-webkit-line-clamp:2}.today-remix--floating.tell-button{height:56px;min-height:56px;padding:0 24px;color:#fff;background:var(--today-accent);font-size:14px}.today-floating-remix--vertical{flex-direction:column;align-items:stretch}.today-floating-remix--vertical .today-remix--floating{align-self:flex-end}@container (max-height: 400px){.today-expanded--stacked:has(>.today-floating-accessory) .today-expanded-scroll{height:calc(100% - 64px - var(--today-accessory-height, 0px))}.today-expanded--stacked:has(>.today-floating-accessory) .today-details{padding-bottom:32px}.today-expanded--stacked>.today-floating-accessory{max-height:40%;overflow-y:auto;overscroll-behavior:contain}}.today-spinner{display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:today-spin .8s linear infinite}.today-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@keyframes today-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.today-topic-card,.today-remix--hero.tell-button,.today-details{transition:none}.today-spinner{animation:none}}.guide-view{container-type:inline-size;position:relative;isolation:isolate;height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--tell-canvas);color:var(--tell-text);font-family:var(--font-latin)}.guide-column{width:min(100%,720px);margin-inline:auto}.guide-header{width:min(100%,760px);margin-inline:auto;padding:24px 20px 12px;display:flex;align-items:start;justify-content:space-between;gap:16px;flex-shrink:0}.guide-header h1{overflow-wrap:anywhere;font-family:var(--font-display);font-size:32px;line-height:1.25;margin:0}.guide-header>div{min-width:0}.guide-header p{font-family:var(--font-body);font-size:11px;color:var(--tell-tertiary);margin:8px 0 0}.guide-header>button{width:44px;height:44px;min-height:44px;flex:0 0 44px}.guide-draft-popup[data-ending-style]{animation:guide-draft-dismiss .18s ease-out}@keyframes guide-draft-dismiss{to{opacity:0;transform:translate(-50%) translateY(8px)}}.guide-history{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.guide-messages{padding:20px 20px 12px;display:flex;flex-direction:column;gap:24px}.guide-message{display:flex;animation:guide-message-arrive .22s ease-out}.guide-message p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.6;-webkit-user-select:text;user-select:text}.guide-message--guide{padding:4px 16px 4px 0}.guide-message--user{padding-left:21px;justify-content:flex-end}.guide-message--user p{border-radius:24px;background:var(--tell-peach);padding:14px 18px}.guide-response{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;line-height:1.5;min-height:24px}.guide-response--error{color:var(--tell-text)}.guide-status-dot{display:inline-block;flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:var(--tell-theme);animation:guide-status-pulse 1.1s ease-in-out infinite alternate}.guide-ready-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;border:2px solid var(--tell-peach);border-radius:32px;padding:16px;background:linear-gradient(135deg,var(--tell-cream),var(--tell-peach-pale),var(--tell-blush));box-shadow:0 8px 12px var(--tell-terracotta-shadow);font-size:14px}.guide-organize{flex-shrink:0;height:40px;min-height:40px;padding-inline:16px;font-family:var(--font-display);font-size:14px}.guide-composer-wrap{flex-shrink:1;min-height:0;overflow-y:auto;padding:12px 20px calc(16px + env(safe-area-inset-bottom,0px))}.guide-composer-wrap>.guide-column{display:flex;flex-direction:column;gap:10px}.guide-composer{border:1px solid var(--tell-quaternary);border-radius:28px;padding:14px 16px 10px;background:#fffdfae5;box-shadow:0 4px 16px #5028140a}.guide-composer textarea{display:block;width:100%;min-height:52px;max-height:160px;resize:vertical;border:0;background:transparent;color:inherit;font:16px/1.5 var(--font-latin);padding:0}.guide-composer textarea:focus-visible{outline-offset:4px;border-radius:8px}.guide-composer-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;flex-wrap:wrap}.guide-composer-actions select{min-width:0;max-width:160px;padding:8px;border:1px solid var(--tell-quaternary);border-radius:12px;background:transparent;color:inherit;font:12px var(--font-body)}.guide-composer-actions>button:first-child{font-family:var(--font-body);font-size:12px}.guide-dictation-label,.guide-conversation-locked{font-family:var(--font-body);font-size:12px;color:var(--tell-tertiary);line-height:1.5;margin:8px 0;text-align:center}.guide-latest{position:absolute;bottom:190px;left:calc(50% - 22px);z-index:2}.guide-organizing{position:absolute;bottom:0;left:0;right:0;height:286px;display:flex;flex-direction:column;align-items:center;justify-content:end;padding-bottom:30px;gap:12px;background:linear-gradient(transparent,var(--tell-canvas) 40%);pointer-events:none;font-size:14px}.guide-organizing img{width:58px;height:68px;object-fit:contain}.guide-overlay-host{position:absolute;inset:0;pointer-events:none;z-index:10}.guide-draft-backdrop{position:absolute;inset:0;background:#34303033;pointer-events:auto}.guide-draft-popup{position:absolute;left:50%;bottom:8px;transform:translate(-50%);width:min(420px,calc(100% - 16px));height:min(540px,82%);border:3px solid var(--tell-peach);border-radius:40px;padding:20px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(145deg,var(--tell-canvas),var(--tell-peach-pale),var(--tell-blush));box-shadow:0 8px 24px var(--tell-terracotta-shadow);pointer-events:auto;overflow:hidden}.guide-draft-popup:focus{outline:none}.guide-draft-close{position:absolute;top:12px;right:12px;width:44px;height:44px;border-radius:50%;border:0;background:#ffffffa6;color:var(--tell-text);display:grid;place-items:center;z-index:1;cursor:pointer}.guide-draft-close:disabled{opacity:.4;cursor:default}.guide-draft-scroll{flex:1;min-height:0;overflow-y:auto;padding-top:4px}.guide-draft-mascot{display:block;width:108px;height:84px;object-fit:contain;margin:0 auto 12px}.guide-draft-title{text-align:center;font-family:var(--font-display);font-size:24px;margin:0 28px 12px;line-height:1.3}.guide-draft-facts{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-family:var(--font-latin);font-size:16px;line-height:1.5;margin:0 0 16px}.guide-draft-option{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;border-radius:28px;background:var(--tell-summary);padding:10px 20px;margin-top:12px;font-size:14px}.guide-draft-option select{max-width:60%;border:0;background:transparent;color:var(--tell-text);font:inherit;padding:8px 0}.guide-draft-option select:disabled{opacity:.7}.guide-generate{width:100%;min-height:56px;font-family:var(--font-display);flex-shrink:0}.guide-generate--busy{color:var(--tell-text);background:transparent;opacity:1}.guide-draft-error{font-size:13px;line-height:1.5;margin-bottom:0}.guide-open-saved{min-height:44px;flex-shrink:0}@keyframes guide-message-arrive{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}@keyframes guide-status-pulse{to{opacity:.3}}@container (max-width: 560px){.guide-header{padding-top:16px}.guide-header h1{font-size:28px}.guide-ready-banner{align-items:start;flex-direction:column}.guide-organize{align-self:flex-end}.guide-messages,.guide-composer-wrap{padding-inline:16px}}@media(prefers-reduced-motion:reduce){.guide-message{animation:guide-message-arrive .18s}.guide-status-dot{animation:none}@keyframes guide-message-arrive{0%{opacity:0}to{opacity:1}}@keyframes guide-draft-dismiss{to{opacity:0}}}.video-share{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;background:#332e2b;color:#fff}.video-share-stage{position:absolute;left:50%;top:50%;width:375px;height:812px;transform:translate(-50%,-50%) scale(var(--stage-scale));transform-origin:center}.video-cover-preload{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.video-share-close.tell-button{position:absolute;z-index:10;top:16px;right:16px;width:44px;height:44px;color:var(--tell-text)}.video-share-more.tell-button{position:absolute;z-index:10;top:16px;right:68px;width:44px;height:44px;color:var(--tell-text)}.video-backdrops{position:absolute;inset:0;opacity:.1;pointer-events:none}.video-backdrops img{position:absolute;width:256px;height:455px;border-radius:20px;object-fit:cover;transform:rotate(var(--backdrop-angle, 2deg));transition:left .5s ease-in-out,top .5s ease-in-out,width .5s ease-in-out,height .5s ease-in-out,transform .5s ease-in-out,opacity .5s ease-in-out}.video-share-card{position:absolute;left:var(--landing-card-left);top:var(--landing-card-top);width:var(--landing-card-width);height:var(--landing-card-height);overflow:hidden;border:0;border-radius:20px;box-shadow:0 4px 32px #ac8f7c66;transform:rotate(var(--landing-card-angle));background:#332e2b;transition:width .5s ease-in-out,height .5s ease-in-out,left .5s ease-in-out,top .5s ease-in-out,transform .5s ease-in-out}.video-share-cover,.video-share-card video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.video-share-card video{opacity:0;transition:opacity .25s ease-in-out}.video-share-card video.is-preview-visible{opacity:1}.video-composition-preview{position:absolute;inset:0;width:100%;height:100%}.video-composition-preview>div{width:100%!important;height:100%!important}@property --video-ring-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.video-share-card:after{content:"";position:absolute;inset:0;padding:5px;border-radius:inherit;background:conic-gradient(from var(--video-ring-angle),var(--tell-theme),var(--tell-peach),white,var(--tell-theme));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:video-rendering-border 3s linear infinite;pointer-events:none}.is-content-ready .video-share-card:after{padding:3px;background:#ffffffd9;animation:none}@keyframes video-rendering-border{to{--video-ring-angle: 360deg}}.is-opening .video-share-card:after{animation:video-border-reveal 3.25s linear forwards,video-rendering-border 3s linear infinite}.is-opening .video-backdrops{animation:video-backdrop-reveal 3.25s linear forwards}@keyframes video-border-reveal{0%,78.462%{opacity:0}to{opacity:1}}@keyframes video-backdrop-reveal{0%,78.462%{opacity:0}to{opacity:.1}}.video-share-footer{position:absolute;left:20px;top:610px;width:335px;text-align:center;font-family:var(--font-body);font-size:calc(12px / var(--stage-scale));line-height:1.5}.video-share-footer h2{margin:0 0 12px;font-family:var(--font-display);font-size:calc(18px / var(--stage-scale))}.video-share-footer p{margin:0;padding:8px 12px}.is-content-ready .video-share-footer p{display:inline-block;border-radius:999px;background:#ffffff1a;font-weight:700}.video-share-actions{position:absolute;left:48px;top:671.5px}.video-download-hero.tell-button{width:237px;height:79px;padding:0;border:0;border-radius:12px;font-family:var(--font-display);font-size:24px;background:transparent;box-shadow:none}.video-download-hero-visual{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:100%;padding:12px;border-radius:inherit;pointer-events:none;background:var(--tell-theme);box-shadow:7px 10px 0 var(--tell-text);transform:rotate(2deg);animation:video-hero-breathe 2.4s ease-in-out infinite}@keyframes video-hero-breathe{0%,to{transform:rotate(2deg) scale(1)}50%{transform:rotate(2deg) scale(1.02)}}.video-download-hero.tell-button:active .video-download-hero-visual{animation:none;opacity:.9;transform:rotate(2deg) scale(.9)}.is-downloading .video-download-hero-visual{animation:none}.video-rendering-runner{position:absolute;left:50%;top:calc(50% + 319px * var(--stage-scale));transform:translate(-50%,-50%) scale(var(--stage-scale))}.video-rendering-runner .video-runner{width:53px;height:69.45px}.video-ready-mascot{position:absolute;z-index:1;left:190px;top:-38px;width:120px;height:120px;object-fit:contain;pointer-events:none}.video-share-actions.is-saved{display:flex;gap:8px;left:16px;top:724px;width:343px}.video-share-actions.is-saved .tell-button{flex:1;min-width:0;height:48px;padding:8px;font-size:16px;box-shadow:none}.video-code-button.tell-button{color:var(--tell-text);background:var(--tell-summary)}.video-cancel-download.tell-button{position:absolute;left:100px;top:776px;width:175px;height:28px;min-height:28px;padding:0;color:#fff;font-size:12px}.video-loading{position:absolute;inset:0;z-index:4;background:#332e2b}.video-loading-content{position:absolute;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;gap:11px;width:343px;text-align:center;transform:translate(-50%,-50%) scale(var(--stage-scale))}.video-loading-content p{margin:0;color:#fff;font-family:var(--font-display);font-size:24px}.video-runner{display:block;width:57.889px;height:76.137px;background-repeat:no-repeat;background-size:1000% 600%;animation:video-runner-frames 2.5s steps(1,end) infinite}.video-curtain{position:absolute;z-index:4;inset:0;pointer-events:none}.video-curtain-left,.video-curtain-right{position:absolute;inset:0;background:#353433;animation:video-left-curtain 3.25s linear forwards}.video-curtain-right{animation-name:video-right-curtain}.video-opening-figure{position:absolute;left:50%;top:57.5%;width:calc(53px * var(--stage-scale));aspect-ratio:185 / 242.423;transform:translate(-50%,-50%);animation:video-opening-figure 3.25s linear forwards}.video-opening-figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;animation:video-pose-left 3.25s linear forwards}.video-opening-figure .video-pose-right{transform:scaleX(-1);animation-name:video-pose-right}.video-opening-figure .video-pose-jump{animation-name:video-pose-jump}.video-opening-figure .video-pose-enlarged{animation-name:video-pose-enlarged}.video-opening-figure .video-pose-landing{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;animation:video-pose-ready 3.25s linear forwards}.video-pose-landing .video-runner{width:100%;height:100%}.video-pose-landing img{animation:none}.video-opening-figure .video-pose-ready{animation-name:video-pose-ready}.is-opening .video-share-card{animation:video-card-contract 3.25s linear forwards}.is-opening .video-share-actions,.is-opening .video-share-footer{opacity:0}.video-fixture-note{position:absolute;z-index:6;bottom:5px;left:12px;right:12px;margin:0;color:#ffffffa6;text-align:center;font:10px/1.4 var(--font-body)}.is-downloading .video-fixture-note{top:16px;bottom:auto;right:128px;text-align:left;pointer-events:none}.video-static-code{-webkit-user-select:text;user-select:text}.video-share-message{position:absolute;z-index:9;left:50%;bottom:38px;max-width:calc(100% - 32px);margin:0;padding:8px 16px;border-radius:18px;color:var(--tell-text);background:var(--tell-bg);font:13px/1.5 var(--font-body);text-align:center;transform:translate(-50%)}.video-recovery{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px;text-align:center}.video-recovery p{max-width:320px}.video-recovery .tell-button--ghost{color:#fff}.shared-video-player{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;background:#000;color:#fff}.shared-video-player>video{max-width:100%;height:calc(100% - 40px);max-height:calc(100dvh - 40px);aspect-ratio:9 / 16;object-fit:contain}@keyframes video-left-curtain{0%,4.615%{clip-path:polygon(0 0,50% 0,50% 100%,0 100%)}21.538%,60%{clip-path:polygon(0 0,50% 0,22.316% 100%,0 100%)}78.462%,to{clip-path:polygon(0 0,-4% 0,-4% 100%,0 100%)}}@keyframes video-right-curtain{0%,32.308%{clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%)}49.231%,60%{clip-path:polygon(50% 0,100% 0,100% 100%,72% 100%)}78.462%,to{clip-path:polygon(104% 0,100% 0,100% 100%,104% 100%)}}@keyframes video-opening-figure{0%{left:50%;top:57.5%}4.615%{left:var(--left-grip-start)}21.538%{left:var(--left-grip)}32.308%{left:var(--right-grip-start)}49.231%{left:var(--right-grip);top:57.5%;width:calc(53px * var(--stage-scale))}55.385%{top:59.4%}56.923%{left:50%}63.077%{top:50%;width:calc(56px * var(--stage-scale))}78.462%{top:56.5%;width:calc(194px * var(--stage-scale));opacity:1}to{left:var(--landing-x);top:var(--landing-y);width:var(--landing-figure-width);opacity:1}}@keyframes video-pose-left{0%,26.46%{opacity:1}28.92%,to{opacity:0}}@keyframes video-pose-right{0%,26.46%{opacity:0}28.92%,49.85%{opacity:1}52.31%,to{opacity:0}}@keyframes video-pose-jump{0%,49.85%{opacity:0}52.31%,60%{opacity:1}62.46%,to{opacity:0}}@keyframes video-pose-enlarged{0%,60%{opacity:0}62.46%,78.462%{opacity:1}to{opacity:0}}@keyframes video-pose-ready{0%,78.462%{opacity:0}to{opacity:1}}@keyframes video-card-contract{0%,78.462%{width:var(--full-width);height:var(--full-height);left:calc((375px - var(--full-width)) / 2);top:calc((812px - var(--full-height)) / 2);border-radius:0;transform:rotate(0)}to{width:var(--landing-card-width);height:var(--landing-card-height);left:var(--landing-card-left);top:var(--landing-card-top);border-radius:20px;transform:rotate(var(--landing-card-angle))}}@media(prefers-reduced-motion:reduce){.video-share-card:after,.is-opening .video-share-card:after,.video-download-hero-visual,.video-runner{animation:none}.video-curtain{background:#332e2b;animation:video-reduced-fade .25s linear forwards}.video-curtain-left,.video-curtain-right,.video-opening-figure{display:none}.is-opening .video-share-card{animation:none}.video-share-card,.video-download-hero-visual{transform:none}.video-share-card,.video-share-card video{transition:none}.is-opening .video-backdrops{animation:none}.video-backdrops img{transform:none}}@keyframes video-reduced-fade{0%{opacity:1}to{opacity:0}}@keyframes video-runner-frames{0.000000%{background-position:0% 0%}1.666667%{background-position:11.111111% 0%}3.333333%{background-position:22.222222% 0%}5.000000%{background-position:33.333333% 0%}6.666667%{background-position:44.444444% 0%}8.333333%{background-position:55.555556% 0%}10.000000%{background-position:66.666667% 0%}11.666667%{background-position:77.777778% 0%}13.333333%{background-position:88.888889% 0%}15.000000%{background-position:100% 0%}16.666667%{background-position:0% 20%}18.333333%{background-position:11.111111% 20%}20.000000%{background-position:22.222222% 20%}21.666667%{background-position:33.333333% 20%}23.333333%{background-position:44.444444% 20%}25.000000%{background-position:55.555556% 20%}26.666667%{background-position:66.666667% 20%}28.333333%{background-position:77.777778% 20%}30.000000%{background-position:88.888889% 20%}31.666667%{background-position:100% 20%}33.333333%{background-position:0% 40%}35.000000%{background-position:11.111111% 40%}36.666667%{background-position:22.222222% 40%}38.333333%{background-position:33.333333% 40%}40.000000%{background-position:44.444444% 40%}41.666667%{background-position:55.555556% 40%}43.333333%{background-position:66.666667% 40%}45.000000%{background-position:77.777778% 40%}46.666667%{background-position:88.888889% 40%}48.333333%{background-position:100% 40%}50.000000%{background-position:0% 60%}51.666667%{background-position:11.111111% 60%}53.333333%{background-position:22.222222% 60%}55.000000%{background-position:33.333333% 60%}56.666667%{background-position:44.444444% 60%}58.333333%{background-position:55.555556% 60%}60.000000%{background-position:66.666667% 60%}61.666667%{background-position:77.777778% 60%}63.333333%{background-position:88.888889% 60%}65.000000%{background-position:100% 60%}66.666667%{background-position:0% 80%}68.333333%{background-position:11.111111% 80%}70.000000%{background-position:22.222222% 80%}71.666667%{background-position:33.333333% 80%}73.333333%{background-position:44.444444% 80%}75.000000%{background-position:55.555556% 80%}76.666667%{background-position:66.666667% 80%}78.333333%{background-position:77.777778% 80%}80.000000%{background-position:88.888889% 80%}81.666667%{background-position:100% 80%}83.333333%{background-position:0% 100%}85.000000%{background-position:11.111111% 100%}86.666667%{background-position:22.222222% 100%}88.333333%{background-position:33.333333% 100%}90.000000%{background-position:44.444444% 100%}91.666667%{background-position:55.555556% 100%}93.333333%{background-position:66.666667% 100%}95.000000%{background-position:77.777778% 100%}96.666667%{background-position:88.888889% 100%}98.333333%{background-position:100% 100%}to{background-position:100% 100%}}.settings-list{padding:12px 20px 24px;font:16px/1.5 system-ui}.settings-list section{overflow:hidden;margin-bottom:28px;border-radius:12px;background:#fff}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:48px;padding:10px 16px;border:0;border-bottom:1px solid #ddd9;background:transparent;text-align:left}.settings-row:last-child{border-bottom:0}.settings-row input{min-width:0;width:50%;text-align:right;border:0;background:transparent}.settings-row select{min-width:0;max-width:48%;border:0;color:var(--tell-tertiary);background:transparent}.settings-action{color:var(--tell-theme);cursor:pointer;justify-content:flex-start}.settings-action>.tell-icon:last-child{margin-left:auto}.settings-action.end{justify-content:flex-end}.settings-sign-out{color:#ff3b30}.secondary-caption{color:var(--tell-tertiary);font:12px/1.6 system-ui}@font-face{font-family:Tell Noto Sans SC;src:url(/assets/noto-sans-sc-Dz1u1FRy.ttf) format("truetype");font-weight:100 900;font-display:swap}.conversations-sheet{display:flex;flex-direction:column;overflow:hidden;height:min(760px,calc(100dvh - 32px));background:var(--tell-bg)}.conversations-sheet>header{flex:none;justify-content:flex-start;padding:48px 72px 30px 31px;background:var(--tell-bg);-webkit-backdrop-filter:none;backdrop-filter:none}.conversations-sheet>header h2{font:32px/1.2 var(--font-display)}.conversations-sheet>header .tell-button{top:10px;right:16px;background:url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Close'%3e%3cpath%20id='Vector'%20d='M5%205L15%2015M15%205L5%2015'%20stroke='%23FC3F05'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3c/svg%3e") center / 24px 24px no-repeat}.conversations-sheet>header .tell-button .tell-icon{display:none}.session-list{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;padding:0 20px 36px}.session-row{position:relative;margin-bottom:16px;border-radius:28px;background:var(--tell-cream)}.session-row>button:first-child{display:flex;width:100%;min-width:0;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;border:0;border-radius:inherit;text-align:left;color:var(--tell-text);background:transparent;cursor:pointer}.session-topic{max-width:calc(100% - 30px);padding:5.5px 10px;border-radius:24px;color:var(--tell-tertiary);background:var(--tell-bg);font:500 12px/1.5 Tell Noto Sans SC,sans-serif;overflow-wrap:anywhere}.session-row strong{min-height:28px;font:18px/1.55 var(--font-display);overflow-wrap:anywhere}.session-meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-height:18px;width:100%;font:400 12px/1.5 Tell Noto Sans SC,sans-serif}.session-status{display:inline-flex;align-items:baseline;gap:4px;min-width:0;overflow-wrap:anywhere}.session-status.status-attention{color:var(--tell-theme)}.session-status.status-ready{color:var(--tell-secondary)}.session-status.status-working{color:var(--tell-tertiary)}.session-ready-check{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;flex:none;border-radius:50%;color:#fff;background:var(--tell-secondary)}.session-updated{flex:none;max-width:44%;color:var(--tell-tertiary);text-align:right;overflow-wrap:anywhere}.session-row>.tell-button{position:absolute;top:10px;right:10px;padding:8px;color:var(--tell-tertiary)}.conversations-controls{padding:0 20px;flex:none}.conversations-footer{flex:none;padding:18px 0 46px;pointer-events:none}.conversations-footer img{display:block;width:100%;height:auto}@media(max-width:420px){.conversations-sheet>header{padding-left:24px}.conversations-sheet>header h2{font-size:28px}}.story-code-sheet{width:min(370px,calc(100vw - 24px));border-radius:32px;border:2px solid white;background:var(--tell-bg);box-shadow:0 8px 24px var(--tell-alert-shadow)}.story-code-sheet>header{background:transparent;padding:20px 20px 8px}.story-code-sheet>header h2{font:16px var(--font-display)}.story-code-sheet>header .tell-button{display:none}.story-code-content{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:12px 20px 20px}.story-code-input{min-width:0;height:56px;padding:10px;border-radius:20px;border:0;background:var(--tell-blush);color:var(--tell-text);text-align:center;font:24px var(--font-display)}.code-actions{display:flex;gap:8px;margin-top:8px}.code-actions>button{flex:1}.recording-workspace[data-scroll-locked=true] .recording-article{overflow-y:hidden}.recording-controls[data-size-transitioning=true]{justify-content:flex-end}.native-recording-panel{--action-motion: .32s;--action-curve: cubic-bezier(.4, 0, .2, 1);gap:0}.native-recording-panel .native-capture-row{position:relative;width:100%;height:68px;flex-shrink:0}.native-recording-panel .native-button-cluster{--cluster-width: 68px;position:absolute;top:0;left:max(0px,calc((100% - var(--cluster-width)) / 2));width:var(--cluster-width);height:68px;display:flex;gap:0;justify-content:flex-start;transition:left var(--action-motion) var(--action-curve),width var(--action-motion) var(--action-curve)}.native-recording-panel .native-button-cluster[data-expanded="2"]{--cluster-width: min(166px, 100%)}.native-recording-panel .native-button-cluster[data-expanded="3"]{--cluster-width: min(264px, 100%)}.native-recording-panel .has-live-waveform .native-button-cluster{left:calc(100% - 68px)}.native-recording-panel .native-button-cluster>.tell-button,.native-recording-panel .native-secondary-slot>.tell-button{width:68px;height:68px;min-height:68px;flex-shrink:0;border-radius:50%;background:var(--feedback-accent);color:#fff;box-shadow:inset 0 1px 1px #fff6,0 2px 5px #3526260a;transition:transform .16s ease-out,background .18s}.native-recording-panel.is-celebrating .tell-button:disabled,.native-recording-panel.is-celebrating .playback-waveform-control:disabled,.native-recording-panel[data-phase=arming] .reference-button:disabled{opacity:1}.native-recording-panel[data-phase=arming] .reference-button[data-reference-unavailable=true]{opacity:.5}.native-recording-panel .tell-button:active:not(:disabled){transform:scale(.9)}.native-recording-panel .native-secondary-slot{flex:0 0 0;min-width:0;pointer-events:none;display:flex;align-items:center;justify-content:flex-end;transition:flex-grow var(--action-motion) var(--action-curve)}.native-recording-panel .native-secondary-slot.is-visible{flex-grow:1;pointer-events:auto}.native-recording-panel .native-secondary-slot>.tell-button{opacity:0;transform:translateY(18px) scale(.94);filter:blur(2px);transition:opacity .1s,transform var(--action-motion) var(--action-curve),filter var(--action-motion),background .18s}.native-recording-panel .native-secondary-slot.is-visible>.tell-button{opacity:1;transform:none;filter:none;transition-delay:.16s,0ms,0ms,0ms}.native-recording-panel.good .record-button,.native-recording-panel.perfect .record-button,.native-recording-panel.action-card .reference-button,.native-recording-panel.miss .next-button{background:#fffdfa;color:var(--feedback-accent);border:1px solid #f2b05426}.native-recording-panel[data-phase=recording] .record-button,.native-recording-panel[data-phase=draining] .record-button,.native-recording-panel[data-phase=recognizing] .record-button,.native-recording-panel[data-phase=processing] .record-button{background:linear-gradient(145deg,#fffdfa66,#fffdfa26);color:var(--tell-theme);border:1px solid #d4c9bf38;box-shadow:inset 0 1px 2px #ffffffa6,0 3px 8px #35262608}.native-recording-panel .record-button{position:relative;overflow:visible}.recording-symbol{display:grid;place-items:center;animation:recording-symbol-in .25s ease-out}@keyframes recording-symbol-in{0%{opacity:0;transform:scale(.65)}}.recording-arming-ring{position:absolute;inset:-6px;width:80px;height:80px;overflow:visible;transform:rotate(-90deg);color:var(--feedback-accent);pointer-events:none;opacity:0;transition:opacity .12s}.record-button.is-arming .recording-arming-ring{opacity:1}.recording-arming-ring circle{fill:none;stroke:currentColor;stroke-width:5px;stroke-linecap:round;stroke-dasharray:1;filter:blur(8px) drop-shadow(0 0 6px currentColor)}.recording-arming-ring .ring-core{stroke-width:2px;filter:none}.native-live-waveform{position:absolute;inset:26px 76px auto 0;height:16px;display:flex;align-items:center;justify-content:center;gap:3px;flex:1;min-width:0;overflow:hidden;color:#352626;-webkit-mask-image:linear-gradient(to right,transparent,black 8px,black calc(100% - 8px),transparent);mask-image:linear-gradient(to right,transparent,black 8px,black calc(100% - 8px),transparent);animation:waveform-appear .2s ease-out;transition:right var(--action-motion) var(--action-curve)}@starting-style{.native-live-waveform{right:calc((100% + 166px)/2 + 8px)}}.native-live-waveform i{flex:0 0 3px;min-width:3px;background:currentColor;border-radius:4px;transition:height 50ms linear}@keyframes waveform-appear{0%{opacity:0}}.native-recording-panel[data-phase=draining] .native-live-waveform,.native-recording-panel[data-phase=recognizing] .native-live-waveform,.native-recording-panel[data-phase=processing] .native-live-waveform{opacity:.5}.playback-waveform-control{flex:1;padding:0;min-width:0;border:none;background:none;color:inherit;cursor:pointer}.playback-waveform-control:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:4px}.playback-waveform-control .playback-bars{width:100%}.native-recording-panel .recording-feedback{position:relative;height:0;min-height:0;margin-bottom:0;transition:height var(--action-motion) var(--action-curve),margin-bottom var(--action-motion) var(--action-curve)}.native-recording-panel .recording-feedback[data-visible=true]{height:30px;margin-bottom:12px}.native-recording-panel[data-quality-destination=deferred] .recording-feedback{height:0;margin-bottom:0}.recording-playback-slot{width:100%;height:0;margin-bottom:0;overflow:hidden;transition:height var(--action-motion) var(--action-curve),margin-bottom var(--action-motion) var(--action-curve)}.native-recording-panel[data-shows-take=true] .recording-playback-slot{height:64px;margin-bottom:12px}.native-recording-panel[data-quality-destination=deferred] .recording-feedback>.tell-quality-artwork,.native-recording-panel[data-quality-destination=deferred] .recording-pico{visibility:hidden}.native-recording-panel.is-celebrating .recording-feedback>.tell-quality-artwork,.native-recording-panel.is-celebrating .perfect-ornaments{visibility:hidden}.native-recording-panel.is-celebrating .recording-pico{animation:none;opacity:0}.native-recording-panel .recording-pico{animation:pico-settle .2s ease-out}@keyframes pico-settle{0%{opacity:0;transform:translate(100%)}}.native-recording-panel .playback-bars{height:24px}.native-recording-panel.perfect{--quality-initial: .5;--quality-rotation: -4deg;--quality-peak: 2.5}.native-recording-panel.good{--quality-initial: .35;--quality-rotation: -4deg;--quality-peak: 1.22}.native-recording-panel.miss{--quality-initial: .55;--quality-rotation: -7deg;--quality-peak: 1.12}.perfect-ornaments{position:absolute;left:50%;top:50%;width:184px;height:66px;transform:translate(-50%,-50%);pointer-events:none}.perfect-ornaments span{position:absolute;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.quality-line-flight{position:fixed;z-index:20;pointer-events:none;transform-origin:top left;animation:quality-line-handoff .4s cubic-bezier(.34,1.25,.64,1) both}@keyframes quality-line-handoff{to{transform:translate(var(--flight-x),var(--flight-y)) scale(var(--flight-scale))}}.recording-line .line-original .karaoke-word{background:linear-gradient(to right,var(--tell-theme) 0%,var(--tell-theme) var(--karaoke-fill),var(--tell-text, #352626) var(--karaoke-fill),var(--tell-text, #352626) 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.native-finish-reveal{animation:native-finish-card .3s both}.native-finish-reveal h2{animation:native-finish-title .36s .24s both}.native-finish-reveal .finish-score{animation:native-finish-row 1.17s both}.native-finish-reveal .finish-score.perfect{animation-delay:1.15s;--row-rotation: 11deg}.native-finish-reveal .finish-score.good{animation-delay:1.36s;--row-rotation: -9deg;animation-duration:.96s}.native-finish-reveal .finish-score.miss{animation-delay:1.57s;--row-rotation: 8deg;animation-duration:.75s}.native-finish-reveal>p{animation:native-finish-control .3s 2.84s both}.native-finish-reveal>.tell-button--ghost{animation:native-finish-control .3s 2.68s both}.native-finish-reveal>.finish-submit{animation:native-finish-control .3s 2.84s both}.native-finish-reveal .finish-decorations img{animation:native-decoration-reveal .12s both}.native-finish-reveal .finish-decorations img:nth-child(1){animation-delay:.31s}.native-finish-reveal .finish-decorations img:nth-child(2){animation-delay:.46s}.native-finish-reveal .finish-decorations img:nth-child(3){animation-delay:.35s}.native-finish-reveal .finish-decorations img:nth-child(4){animation-delay:.52s}.native-finish-reveal .finish-decorations img:nth-child(5){animation-delay:.27s}.native-finish-reveal .finish-decorations img:nth-child(6){animation-delay:.42s}.native-finish-reveal .finish-decorations img:nth-child(7){animation-delay:.38s}.native-finish-reveal .finish-decorations img:nth-child(8){animation-delay:.55s}.native-finish-reveal .finish-decorations img:nth-child(9){animation-delay:.29s}.native-finish-reveal .finish-decorations img:nth-child(10){animation-delay:.48s}.native-finish-reveal .finish-decorations img:nth-child(11){animation-delay:.34s}@keyframes native-finish-card{0%{opacity:0;transform:scale(.94)}66%{opacity:1;transform:scale(1.015)}to{transform:scale(1)}}@keyframes native-finish-title{0%{opacity:0;transform:translate(48px)}55%{opacity:1;transform:translate(-6px)}80%{transform:translate(2px)}to{transform:translate(0)}}@keyframes native-finish-row{0%{opacity:0;transform:translateY(126px) scale(.88) rotate(var(--row-rotation))}40%{opacity:1;transform:translateY(-28px) scale(1.025)}85%{transform:translateY(5px)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes native-finish-control{0%{opacity:0;transform:translateY(22px)}73%{opacity:1;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@keyframes native-decoration-reveal{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.native-recording-panel *,.native-finish-reveal,.native-finish-reveal *{animation:none!important;transition:none!important}.native-recording-panel .native-secondary-slot{transform:none;filter:none}.recording-controls,.shared-recording-surface,.shared-recording-surface:before,.shared-recording-surface:after{transition:none!important}}.recording-line.is-current .take-result>.tell-quality-artwork,.native-recording-panel.is-handoff .recording-feedback>.tell-quality-artwork,.native-recording-panel.is-handoff .perfect-ornaments,.native-recording-panel.is-handoff .recording-pico{visibility:hidden}.shared-recording-surface{border:3px solid transparent;border-radius:42px;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;transition:backdrop-filter .32s;padding:0;gap:0;justify-content:flex-end;flex-shrink:0}.shared-recording-surface:before{content:"";position:absolute;inset:-3px;padding:var(--surface-border-width, 1px);border-radius:inherit;background:var(--surface-border, linear-gradient(white, white));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;transition:opacity .32s}.shared-recording-surface:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--surface-fill, linear-gradient(#fffdfab3, #fffdfab3));pointer-events:none;opacity:0;transition:opacity .32s}.shared-recording-surface:is(.action-card,.finish-card){-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.shared-recording-surface.finish-card{border-width:2px;border-radius:40px}.shared-recording-surface:is(.action-card,.finish-card):before,.shared-recording-surface:is(.action-card,.finish-card):after{opacity:1}.shared-recording-surface>.native-recording-panel,.shared-recording-surface>.finish-card{width:100%;padding:20px;border:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;z-index:1}.shared-recording-surface>.native-recording-panel:before,.shared-recording-surface>.finish-card:before{display:none}.shared-recording-surface>.native-finish-reveal{animation:none}.quality-celebration-overlay{position:fixed;z-index:30;pointer-events:none;transform-origin:center;animation:workspace-quality-celebration .9s both}.quality-celebration-overlay.is-landing{animation:workspace-quality-landing .28s cubic-bezier(.25,.8,.25,1) both}.quality-celebration-overlay img{width:100%;height:100%;object-fit:contain}.quality-celebration-overlay.perfect{--quality-initial: .5;--quality-rotation: -4deg;--quality-peak: 2.5;color:var(--tell-theme)}.quality-celebration-overlay.good{--quality-initial: .35;--quality-rotation: -4deg;--quality-peak: 1.22;color:var(--tell-green-deep)}.quality-celebration-overlay.miss{--quality-initial: .55;--quality-rotation: -7deg;--quality-peak: 1.12;color:var(--tell-purple-deep)}@keyframes workspace-quality-celebration{0%{opacity:0;transform:scale(var(--quality-initial)) rotate(var(--quality-rotation))}11.11%{opacity:1;transform:scale(1) rotate(0)}20%{transform:translateY(-25px) rotate(-18deg) scale(calc(var(--quality-peak) * .9),calc(var(--quality-peak) * .7))}28.89%{transform:translateY(-50px) rotate(9deg) scale(var(--quality-peak))}43.7%{transform:translateY(15px) rotate(18deg) scale(calc(var(--quality-peak) * .85),calc(var(--quality-peak) * 1.15))}58.52%{transform:translateY(-20px) rotate(-12deg) scale(calc(var(--quality-peak) * 1.08),calc(var(--quality-peak) * .92))}70.37%{transform:translateY(6px) rotate(6deg) scale(var(--quality-peak))}to{opacity:1;transform:translateY(0) rotate(0) scale(var(--quality-peak))}}@keyframes workspace-quality-landing{0%{opacity:1;transform:scale(var(--quality-peak))}to{opacity:1;transform:translate(var(--destination-x),var(--destination-y)) scale(1)}}.celebration-sparkles,.celebration-miss-marks{position:absolute;inset:0;animation:celebration-decoration .9s both}.celebration-sparkles span{position:absolute;display:block;background:currentColor;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:18px;height:18px}.celebration-sparkles span:nth-child(1){left:-8px;top:-32px}.celebration-sparkles span:nth-child(2){right:-8px;top:-24px;width:14px;height:14px}.celebration-sparkles span:nth-child(3){left:-20px;bottom:-34px;width:12px;height:12px}.celebration-sparkles span:nth-child(4){right:-32px;bottom:-30px;width:17px;height:17px}.celebration-miss-marks{display:flex;align-items:center;justify-content:space-between;left:-55px;right:-55px;font:700 20px system-ui}@keyframes celebration-decoration{0%{opacity:0}11%{opacity:1}85%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.quality-celebration-overlay{display:none}}.completed-story{position:relative;height:100%;min-height:0;overflow:hidden;background:var(--tell-bg);isolation:isolate;font-family:system-ui,sans-serif}.completed-backdrop{position:absolute;z-index:-1;inset:0;width:max(100%,465px);height:max(100%,818px);object-fit:cover;opacity:.5;filter:blur(65px);transform:translate(31.5px);pointer-events:none}.completed-story-header{position:absolute;z-index:3;top:16px;right:16px;left:16px;display:flex;justify-content:space-between;align-items:center;gap:12px;pointer-events:none}.completed-story-header>div{display:flex;align-items:center;gap:12px;margin-left:auto}.completed-story-header .tell-button{min-height:44px;padding:10px 14px;pointer-events:auto}.completed-story-header>.tell-button,.completed-story-header .completed-close,.completed-story-header .completed-share{width:44px;height:44px;padding:0}.completed-story-layout{display:grid;grid-template-columns:var(--completed-left-width) minmax(0,1fr);gap:24px;height:100%;padding:0 24px}.completed-fixed-cover{display:flex;align-items:center;justify-content:center;min-width:0;padding-top:76px;padding-bottom:16px}.completed-video{position:relative;display:block;flex:none;width:var(--completed-cover-width);aspect-ratio:9 / 16;overflow:hidden;padding:0;border:2px solid var(--tell-elevated);border-radius:32px;background:var(--tell-peach);box-shadow:0 4px 16px #c354243d;cursor:pointer}.completed-video>.tell-artwork{display:block;width:100%;height:100%;object-fit:cover}.completed-video-play{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:56px;height:56px;border:4px solid #fff;border-radius:50%;color:#fff;filter:drop-shadow(0 0 4px rgb(0 0 0 / 20%));transform:translate(-50%,-50%)}.completed-video-play .tell-icon{width:26px!important;height:26px!important;margin-left:4px}.completed-reading{display:flow-root;position:relative;min-width:0;min-height:0}.completed-reading-scroll{height:calc(100% - 76px);margin-top:76px;overflow:auto;overscroll-behavior:contain;scrollbar-width:none}.completed-reading-content{position:relative;padding-bottom:16px}.completed-split-topic{padding:0 16px 20px}.completed-topic{display:flex;flex-direction:column;align-items:flex-start;gap:4px;color:var(--tell-text)}.completed-topic>span{font-size:14px;line-height:20px}.completed-topic h2{margin:0;font-family:var(--font-display);font-size:16px;font-weight:700;line-height:24px;overflow-wrap:anywhere}.completed-topic p{display:flex;align-items:flex-start;gap:4px;margin:0;font-size:16px;font-weight:500;line-height:24px}.completed-topic p>span:last-child{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.completed-topic p>span:first-child{flex:none;color:var(--tell-theme);font-size:20px;font-weight:900}.completed-compact-header{display:none}.completed-reading .story-paper{display:flex;flex-direction:column;gap:16px;width:100%;max-width:none;margin:0;padding:20px 16px;border:0;border-radius:32px;background:var(--tell-canvas);box-shadow:none}.completed-reading .story-paper h1{margin:0;font-size:24px;line-height:1.4}.completed-reading .story-summary{margin:0;border-radius:22px}.completed-reading .story-summary dt{font-family:system-ui,sans-serif}.completed-reading .story-description{font-family:system-ui,sans-serif;line-height:24px}.completed-record.tell-button{gap:4px;width:100%;height:53px;min-height:53px;padding:0 12px;border-radius:22px;color:var(--tell-theme);background:var(--tell-elevated);font-size:14px}.completed-reading .story-paper-lines{display:flex;flex-direction:column;gap:20px;padding:16px 0}.completed-reading .story-paper-lines section{display:flex;flex-direction:column;gap:8px;margin:0}.completed-reading .story-paper-lines p{margin:0}.completed-reading .story-paper-lines .line-original{line-height:27px}.completed-reading .story-paper-lines .line-translation{line-height:25px}.completed-story--compact .completed-story-layout{display:block;padding:0}.completed-story--compact .completed-fixed-cover,.completed-story--compact .completed-split-topic{display:none}.completed-story--compact .completed-reading{height:100%}.completed-story--compact .completed-reading-content{padding:172px 16px 24px}.completed-story--compact .completed-compact-header{position:absolute;top:54px;right:32px;left:16px;z-index:1;display:flex;align-items:flex-start;gap:16px}.completed-compact-header .completed-topic{flex:1;min-width:0;max-width:242px;margin-right:auto}.completed-compact-header .completed-video{width:96px;height:171px;border-radius:12px}.completed-compact-header .completed-video-play{width:26px;height:26px;border-width:2px}.completed-compact-header .completed-video-play .tell-icon{width:12px!important;height:12px!important;margin-left:2px}.completed-story--compact .story-paper h1{padding-right:112px}.completed-story--shared .completed-reading-content{padding-bottom:calc(var(--completed-accessory-height) + 32px)}.completed-shared-remix{--shared-remix-tint: var(--tell-theme);position:absolute;right:16px;bottom:16px;left:16px;display:flex;align-items:center;gap:12px;padding:16px;border:0;border-radius:24px;background:color-mix(in srgb,var(--shared-remix-tint) 10%,rgb(255 255 255 / 82%));box-shadow:0 8px 12px color-mix(in srgb,var(--shared-remix-tint) 12%,transparent);backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%)}.completed-shared-remix:before{content:"";position:absolute;inset:0;padding:2px;border-radius:inherit;background:linear-gradient(to bottom right,color-mix(in srgb,var(--shared-remix-tint) 75%,transparent),color-mix(in srgb,var(--shared-remix-tint) 28%,transparent),color-mix(in srgb,var(--shared-remix-tint) 60%,transparent));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.completed-shared-remix>div{flex:1;min-width:0}.completed-shared-remix h2,.completed-shared-remix p{display:-webkit-box;overflow:hidden;margin:0;-webkit-line-clamp:2;-webkit-box-orient:vertical}.completed-shared-remix h2{font-family:var(--font-display);font-size:20px;font-weight:700;line-height:26px}.completed-shared-remix p{margin-top:4px;font-size:14px;line-height:20px}.completed-remix.tell-button{flex:none;gap:4px;height:56px;min-height:56px;padding:0 24px;border:0;border-radius:999px;background:var(--shared-remix-tint);box-shadow:0 8px 16px color-mix(in srgb,var(--shared-remix-tint) 30%,transparent);font-size:14px}.completed-shared-remix--vertical{flex-direction:column;align-items:stretch}.completed-shared-remix--vertical .completed-remix{align-self:flex-end}.completed-remix-icon{width:18px;height:18px;background:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center}@media(prefers-reduced-motion:reduce){.completed-story .tell-button{transition:none}}.onboarding-preview-surface{height:calc(100dvh - 28px);overflow:auto}@font-face{font-family:Tell Baloo2;src:url(/assets/baloo2-BcePNZ8p.ttf) format("truetype");font-weight:400 800;font-display:swap}.onboarding{position:relative;width:100%;height:100%;min-height:550px;background:var(--tell-bg);color:var(--tell-text);overflow:hidden}.onboarding button{cursor:pointer;border:0}.onboarding button:disabled{cursor:default}.onboarding button:active:not(:disabled){transform:scale(.95)}.onboarding-ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none}.onboarding-ambient img{position:absolute;left:50%}.onboarding-ambient-top{width:611px;height:379px;top:21%;transform:translate(-50%,-50%) rotate(19.63deg)}.onboarding-ambient-center{width:624px;height:561px;top:49%;opacity:.6;transform:translate(-50%,-50%) rotate(16.9deg)}.onboarding-welcome-hero{position:absolute;width:171px;height:129px;left:50%;top:30%;transform:translate(-50%);overflow:hidden}.onboarding-hole{position:absolute;left:50%;bottom:0;width:50px;height:50px;border-radius:50%;background:#674433;transform:translate(-50%);animation:onboarding-hole .45s ease-in-out both}@keyframes onboarding-hole{to{width:171px}}.onboarding-welcome-hero>img{position:absolute;width:143px;height:152px;left:14px;top:0;object-fit:contain;animation:onboarding-hero .4s .45s ease-in-out both}@keyframes onboarding-hero{0%{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}.onboarding-slogan{position:absolute;left:20px;right:20px;top:calc(30% + 153px);margin:0;font:700 24px/1.5 var(--font-display);text-align:center;filter:drop-shadow(0 0 20px var(--tell-alert-shadow))}.onboarding-slogan-reveal{white-space:pre-line}.onboarding-slogan-reveal>span{white-space:pre;display:inline-block;animation:onboarding-glyph .16s calc(1.05s + var(--glyph-index) / var(--glyph-count) * .69s) ease-out both}@keyframes onboarding-glyph{0%{opacity:0;transform:scale(.65)}to{opacity:1;transform:none}}.onboarding-welcome-footer{position:absolute;bottom:40px;left:20px;right:20px;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;animation:onboarding-auth .81s ease-out both}@keyframes onboarding-auth{0%{opacity:0;transform:translateY(78.5px)}to{opacity:1;transform:none}}.onboarding-auth{display:flex;align-items:center;justify-content:center;gap:8px;width:min(295px,100%);min-height:48px;border-radius:999px;background:var(--tell-text);color:#fff;font:500 14px/1.4 system-ui,sans-serif}.onboarding-auth>span:not(.spinner){font-size:22px}.onboarding-welcome-footer>p{margin:0;font:12px/1.5 system-ui,sans-serif;color:var(--tell-secondary)}.onboarding-welcome-footer p button{padding:0;background:transparent;color:var(--tell-theme)}.onboarding-bubbles{position:absolute;top:10px;left:0;right:0;height:min(27%,220px);display:flex;flex-direction:column;gap:20px;overflow:hidden;pointer-events:none;animation:onboarding-bubble-entrance .35s 1.3s both}@keyframes onboarding-bubble-entrance{0%{opacity:0}to{opacity:1}}.onboarding-bubble-row{display:flex;flex-shrink:0;gap:24px;width:max-content;--bubble-period: -669px;animation:onboarding-bubble-loop 16.52s 1.3s linear infinite}.onboarding-bubble-row>span{display:grid;place-items:center;width:199px;height:40px;padding:0 16px;border-radius:999px;background:var(--tell-elevated);white-space:nowrap;font:700 12px/1.3 var(--font-display)}.onboarding-bubble-row.row-1{margin-left:-90px;--bubble-period: -822px}.onboarding-bubble-row.row-1>span{width:181.5px}.onboarding-bubble-row.row-2{margin-left:-40px;--bubble-period: -798px}.onboarding-bubble-row.row-2>span{width:175.5px}@keyframes onboarding-bubble-loop{to{transform:translate(var(--bubble-period))}}.onboarding-profile{display:flex;flex-direction:column}.onboarding-profile-scroll{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none}.onboarding-profile-content{width:min(402px,100%);margin:0 auto;padding:64px 20px 20px}.onboarding-headline{height:72px;margin-bottom:20px;text-align:center;animation:onboarding-content .55s ease-out both}.onboarding-headline h1{margin:0;font:700 32px/1.15 "Tell Baloo2",var(--font-body);white-space:nowrap}.onboarding-headline p{margin:8px 0 0;color:var(--tell-secondary);font:400 16px/1.2 var(--font-body);white-space:nowrap}.onboarding-mascot{position:relative;width:124px;height:135px;margin:0 auto}.onboarding-mascot-art{position:absolute;left:0;top:0;width:124px;height:135px;object-fit:contain}.onboarding-mascot-shadow{position:absolute;left:13.5px;bottom:0;width:97px;height:17px}.onboarding-profile-mascot{margin-bottom:60px;animation:onboarding-content .22s .1s ease-out both}@keyframes onboarding-content{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.onboarding-question{margin:0 0 32px;text-align:center;font:700 24px/1.5 var(--font-display)}.onboarding-question-reveal>span{white-space:pre;animation:onboarding-question-letter 1ms calc(var(--glyph-index) / var(--glyph-count) * .56s) both}@keyframes onboarding-question-letter{0%{opacity:0}to{opacity:1}}.onboarding-language-grid{display:grid;grid-template-columns:1fr;gap:16px;animation:onboarding-options .42s .64s ease-out both}.onboarding-language-grid.is-two-columns{grid-template-columns:1fr 1fr}@keyframes onboarding-options{0%{opacity:0;transform:translateY(28px);visibility:hidden}to{opacity:1;transform:none;visibility:visible}}.onboarding-language-grid button{min-height:56px;padding:8px;border-radius:25px;background:var(--tell-summary);color:var(--tell-text);font:700 16px/1.4 var(--font-display);border:2.5px solid transparent}.onboarding-language-grid button[aria-pressed=true]{border-color:var(--tell-theme);color:var(--tell-theme)}.onboarding-back{position:absolute;top:0;left:20px;z-index:2;display:grid;place-items:center;width:44px;height:44px;background:transparent;color:var(--tell-secondary)}.onboarding-profile-footer{width:100%;margin:0 auto;padding:0 20px 56px;text-align:center}.onboarding-next{display:block;margin:0 auto;width:min(362px,100%);min-height:56px;border-radius:999px;color:#fff;background:var(--tell-theme);font:700 16px/1.4 var(--font-display);box-shadow:0 2px 4px var(--tell-alert-shadow);animation:onboarding-next .39s ease-out both}.onboarding-next[aria-hidden=true]{visibility:hidden}@keyframes onboarding-next{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.onboarding-profile.is-nickname .onboarding-profile-content{padding-top:44px}.onboarding-profile.is-nickname .onboarding-headline{margin-bottom:40px}.onboarding-profile.is-nickname .onboarding-profile-mascot{margin-bottom:28px}.onboarding-profile.is-nickname .onboarding-profile-footer{padding-bottom:16px}.onboarding-name{text-decoration-line:underline;text-decoration-style:dotted;text-underline-offset:4px}.onboarding-name.is-learning{color:var(--tell-theme)}.onboarding-nickname-form{width:100%;margin:0 auto}.onboarding-nickname-form input{width:100%;height:60px;padding:0 20px;border:.5px solid var(--tell-tertiary);border-radius:999px;color:var(--tell-text);background:#ffffffa6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font:600 18px/1.3 var(--font-latin)}.onboarding-error{color:var(--tell-theme);font:14px/1.5 var(--font-body)}.onboarding-error p{margin:0}.onboarding-profile-preparing{position:absolute;inset:0;display:flex;gap:8px;align-items:center;justify-content:center;font:16px/1.5 var(--font-body);color:var(--tell-secondary)}.onboarding-profile.is-busy .onboarding-profile-mascot,.onboarding-profile.is-busy .onboarding-question,.onboarding-profile.is-busy .onboarding-nickname-form{opacity:0;transition:opacity .2s ease-out;pointer-events:none}.onboarding-first-speech{position:relative;width:100%;height:100%;min-height:0}.onboarding-skip{position:absolute;top:0;right:0;z-index:5;padding:20px;background:transparent;border:0;color:var(--tell-secondary);font:16px/1.5 var(--font-body);cursor:pointer}.onboarding-video{min-height:550px}.onboarding-video-stage{position:absolute;left:50%;top:50%;width:375px;height:812px;transform:translate(-50%,-50%) scale(var(--stage-scale))}.onboarding-video-backdrops{position:absolute;inset:0;opacity:.1;pointer-events:none}.onboarding-video-backdrops img{position:absolute;width:256px;height:455px;border-radius:20px;transform:rotate(2deg);object-fit:cover}.onboarding-video-card{position:absolute;left:59.5px;top:60px;width:256px;height:455px;border:1px solid rgb(194 172 165 / 70%);border-radius:20px;box-shadow:0 4px 32px var(--tell-alert-shadow);transform:rotate(2deg);overflow:hidden}.onboarding-video-card>img,.onboarding-video-card>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.onboarding-video-card>video,.onboarding-composition-player{opacity:0}.onboarding-video.is-opened .onboarding-video-card>video,.onboarding-video.is-opened .onboarding-composition-player{opacity:1}.onboarding-video.is-waiting .onboarding-video-stage{visibility:hidden}.onboarding-video.is-opening .onboarding-video-card{animation:onboarding-card-contract 3.25s linear both}@keyframes onboarding-card-contract{0%,78.462%{left:calc(187.5px - var(--full-width) / 2);top:calc(406px - var(--full-height) / 2);width:var(--full-width);height:var(--full-height);border-radius:0;transform:none}to{left:59.5px;top:60px;width:256px;height:455px;border-radius:20px;transform:rotate(2deg)}}.onboarding-room-actions{position:absolute;left:40px;top:565px;width:295px;display:flex;flex-direction:column;gap:16px;text-align:center}.onboarding-room-actions h1{min-height:40px;margin:0 0 30px;font:700 20px/2 var(--font-display)}.onboarding-room-actions button{height:56px;border-radius:28px;border:0;font:700 16px/1.4 var(--font-display);cursor:pointer}.onboarding-room-code{background:var(--tell-theme);color:#fff}.onboarding-room-home{background:var(--tell-bg);color:var(--tell-theme)}.onboarding-room-actions button:disabled{cursor:default;opacity:.5}.onboarding-room-actions[aria-hidden=true]{opacity:0;pointer-events:none}.onboarding-room-actions[aria-hidden=false]{animation:onboarding-auth .2s ease-out both}.onboarding-video-stage[aria-hidden=true]{visibility:hidden}.onboarding-video .video-recovery{background:var(--tell-bg)}@media(prefers-reduced-motion:reduce){.onboarding *,.onboarding-video *{animation:none!important;transition:none!important}.onboarding-hole{width:171px}.onboarding-slogan-reveal>span,.onboarding-question-reveal>span{opacity:1;transform:none}.onboarding-video-card{transform:none}}.onboarding-welcome-recovery{position:absolute;bottom:40px;left:20px;right:20px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.onboarding-composition-player{position:absolute;inset:0}.product-preview{--app-host-footer: 28px;min-height:100dvh;background:var(--tell-canvas)}.product-preview>.fixture-controls{position:fixed;z-index:45;top:12px;right:16px;border:0;border-radius:12px;background:var(--tell-summary)}.product-preview>.fixture-controls summary{min-height:40px;display:flex;align-items:center;padding:8px 12px}.product-preview>.fixture-controls[open]{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 56px);overflow:auto;box-shadow:0 8px 24px #332e2b24}.product-preview:has(>.fixture-controls) .app-topbar{padding-right:120px}.guide-route{height:100%;min-height:0}.shared-video-backdrop{position:fixed;inset:0;z-index:101;background:#000}.shared-video-overlay{position:fixed;inset:0;z-index:102;width:100%;height:100dvh;background:#000;outline:none}@media(max-width:700px){.product-preview>.fixture-controls{right:8px;top:14px}.product-preview>.fixture-controls summary{min-height:36px;padding:8px;font-size:11px}.product-preview:has(>.fixture-controls) .app-topbar{padding-right:88px}.product-preview .app-primary-navigation a{padding-inline:8px}.preview-identity{font-size:10px}}.runtime-login{min-height:100dvh;display:grid;place-content:center;padding:32px;background:var(--tell-background, #faf9f5)}.runtime-login form{width:min(360px,calc(100vw - 64px));display:grid;gap:18px}.runtime-login h1,.runtime-login p{margin:0}.runtime-login label{display:grid;gap:8px}.runtime-login input{padding:14px;border:1px solid #ddd;border-radius:14px;font:inherit;background:#fff}.runtime-pagination{display:flex;justify-content:center;padding:24px}.runtime-player{padding:56px 32px;max-width:900px;margin:auto}.runtime-player video{width:100%;max-height:70dvh;border-radius:24px;background:#000}.onboarding-settings{position:fixed;bottom:12px;left:12px;z-index:15;font-size:12px}.onboarding-speech-content{height:100%}.runtime-onboarding{height:100dvh;overflow:auto}@font-face{font-family:Tell Alimama;src:url(/assets/alimama-shuheiti-bold-D7QvcWOf.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Tell PuHuiTi;src:url(/assets/alibaba-puhuiti-regular-v0Jvxhj3.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Tell Figtree;src:url(/assets/figtree-regular-kp3AmmyB.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Tell Figtree;src:url(/assets/figtree-semibold-BkmwCudo.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}:root{color-scheme:light;--font-display: "Tell Alimama", "Tell PuHuiTi", sans-serif;--font-latin: "Tell Figtree", "Tell PuHuiTi", sans-serif;--font-body: "Tell PuHuiTi", system-ui, sans-serif;--tell-theme: #fc3f05;--tell-text: #332e2b;--tell-secondary: #c2aca5;--tell-tertiary: #9e8f85;--tell-quaternary: #eee2db;--tell-on-tint: #fff;--tell-bg: #faf7f3;--tell-canvas: #fcf3eb;--tell-summary: #f2eae2;--tell-elevated: #fffeff;--tell-peach: #ffeade;--tell-blush-pale: #fbedea;--tell-peach-pale: #fff1e9;--tell-mint-pale: #e0ffde;--tell-lilac: #f5e7ff;--tell-cream: #fffdfa;--tell-lemon-pale: #ffffde;--tell-coral: #d66565;--tell-blush: #f7e6e0;--tell-amber: #f2b054;--tell-green: #89fd6c;--tell-green-deep: #2fae66;--tell-cyan: #60caff;--tell-lemon: #faee69;--tell-purple: #9448c4;--tell-purple-deep: #5a1d88;--tell-blue: #60b6fd;--tell-glow: #ff7246;--tell-alert-shadow: rgb(190 151 126 / 24%);--tell-terracotta-shadow: rgb(195 84 36 / 32%)}*{box-sizing:border-box}body{margin:0;background:var(--tell-bg);color:var(--tell-text);font-family:var(--font-body);font-size:16px;font-weight:400;line-height:1.5}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--tell-theme) 55%,transparent);outline-offset:4px}.tell-display{font-family:var(--font-display);font-weight:700}.tell-latin{font-family:var(--font-latin);font-weight:600}.tell-body{font-family:var(--font-body);font-weight:400}.tell-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:8px;border:1px solid transparent;border-radius:999px;cursor:pointer;font-family:var(--font-display);font-weight:700;font-size:14px;line-height:1.2;text-align:center;text-decoration:none;-webkit-user-select:none;user-select:none;transition:transform .14s ease-out,opacity .14s ease-out,background-color .14s ease-out}.tell-button--default{min-height:48px;padding:12px 22px}.tell-button--large{min-height:56px;padding:16px 28px;font-size:16px}.tell-button--icon{width:68px;height:68px;padding:0}.tell-button--primary{color:var(--tell-on-tint);background:var(--tell-theme);border-color:#ffffff59;box-shadow:inset 0 1px 1px #ffffff3d,0 2px 6px #3d512a14}.tell-button--glass{color:var(--tell-theme);background:#fffeffa3;border-color:#ffffffd9;box-shadow:inset 0 1px 2px #ffffffe5,0 3px 12px #00000014;backdrop-filter:blur(16px) saturate(130%);-webkit-backdrop-filter:blur(16px) saturate(130%)}.tell-button--ghost{color:var(--tell-theme);background:transparent}.tell-button--quality{color:var(--tell-theme);border-color:#d6656573;background:linear-gradient(155deg,#ffeade99,#fbedea99 72%);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.tell-button:not(:disabled,[data-disabled]):active{transform:scale(.96)}.tell-button:disabled,.tell-button[data-disabled]{opacity:.4;cursor:default}.tell-icon{display:inline-block;flex-shrink:0;vertical-align:middle;pointer-events:none}.tell-icon--mask{background:currentColor;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}.tell-pico{display:block;width:67.5px;height:auto;object-fit:contain}.tell-quality-artwork{display:inline-block;width:auto;height:30px;object-fit:contain;transform:rotate(-3deg)}.tell-dialog-backdrop{position:fixed;inset:0;z-index:100;background:#0003;transition:opacity .16s ease-out}.tell-dialog{position:fixed;top:50%;left:50%;z-index:101;width:min(359px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;padding:20px;border:2px solid var(--tell-elevated);border-radius:40px;background:var(--tell-bg);color:var(--tell-text);box-shadow:0 8px 16px var(--tell-alert-shadow);transform:translate(-50%,-50%);outline:none;transition:opacity .16s ease-out,scale .16s ease-out}.tell-dialog-title{margin:0;min-height:24px;color:var(--tell-theme);font-family:var(--font-body);font-weight:500;font-size:16px;line-height:1.5;text-align:center}.tell-dialog-description{margin:12px 0 0;font-family:var(--font-body);font-weight:400;font-size:16px;line-height:1.5}.tell-dialog-actions{display:flex;gap:4px;margin-top:20px}.tell-dialog-actions>.tell-button{flex:1;min-width:0;padding-inline:8px}.tell-dialog-actions>.tell-button--glass{color:var(--tell-text);border-color:transparent;background:var(--tell-elevated);box-shadow:0 2px 4px #3d512a14;backdrop-filter:none;-webkit-backdrop-filter:none}.tell-dialog[data-starting-style],.tell-dialog[data-ending-style]{opacity:0;scale:.96}.tell-dialog-backdrop[data-starting-style],.tell-dialog-backdrop[data-ending-style]{opacity:0}.tell-menu-positioner{z-index:80}.tell-menu{min-width:210px;padding:6px;border:1px solid rgb(255 255 255 / 85%);border-radius:18px;color:var(--tell-text);background:#fffefff0;box-shadow:0 8px 24px #0000001f;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);outline:none}.tell-menu-item{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 12px;border-radius:12px;color:var(--tell-theme);font-family:var(--font-body);font-size:16px;outline:none;cursor:default;-webkit-user-select:none;user-select:none}.tell-menu-item[data-highlighted]{background:var(--tell-peach-pale)}.foundation-preview{width:100%;max-width:1100px;min-height:100dvh;margin:0 auto;padding:32px}.foundation-type-specimen{margin-bottom:32px}.foundation-type-specimen h1,.foundation-type-specimen p{margin:8px 0}.foundation-caption{color:var(--tell-tertiary);font:12px/1.5 system-ui,sans-serif}.foundation-row{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:36px}.foundation-color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-content:start;gap:28px}.foundation-color{display:flex;flex-direction:column;gap:4px;font:13px/1.5 system-ui,sans-serif}.foundation-swatch{height:90px;margin-bottom:8px;border:1px solid var(--tell-quaternary);border-radius:20px}.foundation-icon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));align-content:start;gap:28px}.foundation-icon-specimen{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--tell-theme);font:12px/1.5 system-ui,sans-serif}.foundation-quality-specimen{display:flex;flex-direction:column;align-items:center;gap:16px}.foundation-pico-expression{width:auto;height:122px}.foundation-finish-specimen{display:flex;align-items:center;gap:8px;width:277px;height:56px;padding:0 12px;border-radius:16px;box-shadow:0 8px 10px var(--tell-alert-shadow)}.foundation-finish-specimen>img:first-child{width:60px;height:48px;object-fit:contain}.foundation-finish-specimen .tell-quality-artwork{max-width:92px;height:25px}.foundation-finish-specimen--perfect{background:var(--tell-peach-pale)}.foundation-finish-specimen--good{background:var(--tell-mint-pale)}.foundation-finish-specimen--miss{background:var(--tell-lilac)}@media(prefers-reduced-motion:reduce){.tell-button,.tell-dialog,.tell-dialog-backdrop{transition:none}.tell-button:not(:disabled,[data-disabled]):active{transform:none}.tell-dialog[data-starting-style],.tell-dialog[data-ending-style]{scale:1}}.tell-sheet{position:fixed;z-index:101;top:50%;left:50%;transform:translate(-50%,-50%);width:min(540px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow-y:auto;border-radius:28px;background:#f2f2f7;box-shadow:0 24px 70px #332e2b25;outline:none}.tell-sheet>header{position:sticky;top:0;display:flex;align-items:center;justify-content:center;padding:14px 54px;background:#f2f2f7ed;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:1;min-height:64px}.tell-sheet>header h2{margin:0;font:600 17px system-ui}.tell-sheet>header .tell-button{position:absolute;right:10px;width:44px;height:44px;padding:0;color:var(--tell-text)}.tell-toast{position:fixed;z-index:110;top:12px;left:50%;transform:translate(-50%);width:min(420px,calc(100% - 32px));border-radius:999px;padding:14px 16px;display:flex;align-items:center;gap:8px;background:#fffdf7f2;box-shadow:0 8px 30px #be977e3d;font:14px/1.6 var(--font-body);pointer-events:none}.tell-toast button{pointer-events:auto}.tell-artwork{display:block;position:relative;overflow:hidden;flex-shrink:0;background:var(--tell-peach)}.tell-artwork>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--spacing:.25rem;--container-sm:24rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--font-weight-medium:500;--tracking-widest:.1em;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--blur-xs:4px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.right-2{right:calc(var(--spacing) * 2)}.left-1\/2{left:50%}.isolate{isolation:isolate}.z-50{z-index:50}.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}}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.-mx-4{margin-inline:calc(var(--spacing) * -4)}.my-1{margin-block:var(--spacing)}.-mb-4{margin-bottom:calc(var(--spacing) * -4)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-px{height:1px}.max-h-\(--available-height\){max-height:var(--available-height)}.w-\(--anchor-width\){width:var(--anchor-width)}.w-auto{width:auto}.w-full{width:100%}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.min-w-32{min-width:calc(var(--spacing) * 32)}.min-w-\[96px\]{min-width:96px}.shrink-0{flex-shrink:0}.origin-\(--transform-origin\){transform-origin:var(--transform-origin)}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.resize{resize:both}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded-\[min\(var\(--radius-md\)\,10px\)\]{border-radius:min(var(--radius-md),10px)}.rounded-\[min\(var\(--radius-md\)\,12px\)\]{border-radius:min(var(--radius-md),12px)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-b-xl{border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-transparent{border-color:#0000}.bg-black\/10{background-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.bg-black\/10{background-color:color-mix(in oklab,var(--color-black) 10%,transparent)}}.bg-clip-padding{background-clip:padding-box}.p-1{padding:var(--spacing)}.p-4{padding:calc(var(--spacing) * 4)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.py-1{padding-block:var(--spacing)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pl-1\.5{padding-left:calc(var(--spacing) * 1.5)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.lowercase{text-transform:lowercase}.underline-offset-4{text-underline-offset:4px}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media(hover:hover){.hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover{background-color:color-mix(in oklch,var(--secondary),var(--foreground) 5%)}}.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:ring-3:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]){--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}:where([data-slot=button-group]) .in-data-\[slot\=button-group\]\:rounded-lg{border-radius:var(--radius-lg)}.has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-end\]\:pr-2:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 2)}.has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-start\]\:pl-2:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 2)}.aria-invalid\:ring-3[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-closed\:overflow-hidden[data-closed]{overflow:hidden}.data-disabled\:pointer-events-none[data-disabled]{pointer-events:none}.data-disabled\:opacity-50[data-disabled]{opacity:.5}.data-inset\:pl-7[data-inset]{padding-left:calc(var(--spacing) * 7)}@supports ((-webkit-backdrop-filter:var(--tw)) or (backdrop-filter:var(--tw))){.supports-backdrop-filter\:backdrop-blur-xs{--tw-backdrop-blur:blur(var(--blur-xs));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}}@media(min-width:40rem){.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}:is(.\*\:\[a\]\:underline>*):is(a){text-decoration-line:underline}:is(.\*\:\[a\]\:underline-offset-3>*):is(a){text-underline-offset:3px}}.preview-host{background:var(--tell-bg);min-height:100dvh}.product-surface{min-height:calc(100dvh - 28px);position:relative}.preview-identity{color:#77685d;z-index:30;text-align:center;bottom:0;background:#faf7f3ed;border-top:1px solid #eee2db;min-height:24px;padding:5px 12px;font:11px system-ui;position:fixed;inset-inline:0}.preview-host:has(>.product-surface>.recording-workspace){flex-direction:column;height:100dvh;min-height:0;display:flex}.preview-host:has(>.product-surface>.recording-workspace)>.fixture-controls{flex:none}.preview-host:has(>.product-surface>.recording-workspace)>.product-surface{flex:1;min-height:0}.preview-host:has(>.product-surface>.recording-workspace)>.preview-identity{flex:none;margin:0;position:relative;inset:auto}.preview-host>.product-surface>.recording-workspace{height:100%}.fixture-controls{z-index:40;background:#f2eae2;border-bottom:1px solid #e6d9cc;font:12px system-ui;position:relative}.fixture-controls summary{cursor:pointer;width:max-content;padding:6px 16px}.fixture-fields{flex-wrap:wrap;align-items:center;gap:12px;padding:8px 16px 12px;display:flex}.fixture-fields label{align-items:center;gap:6px;display:flex}.fixture-fields select{background:#fffdfa;border:1px solid #c2aca5;border-radius:8px;padding:7px 10px}.fixture-fields p{color:#77685d;flex-basis:100%;margin:0}.fixture-checkbox input{appearance:auto}.page-header{align-items:center;height:80px;padding:20px 24px;display:flex}.page-header h1{font:24px var(--font-display)}.library-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;padding:0 16px 48px;display:grid}.story-card{text-align:left;cursor:pointer;color:var(--tell-text);background:0 0;border:0;max-width:280px;padding:0}.story-card h2{font:18px/1.5 var(--font-display);margin:12px 4px 4px}.story-card p{font:13px var(--font-body);color:var(--tell-tertiary);margin:4px}.story-cover{aspect-ratio:9/12;background:#f2eae2;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex;overflow:hidden}.story-cover .tell-pico{width:100px;height:130px}.story-cover>span{font:36px var(--font-display);color:var(--tell-theme)}.detail-view{background:#fff;min-height:calc(100dvh - 54px);padding-bottom:190px;position:relative;overflow:hidden}.story-backdrop{object-fit:cover;opacity:.5;filter:blur(65px);pointer-events:none;width:100%;height:100%;position:absolute}.detail-view .page-header{z-index:1;position:relative}.story-detail-layout{justify-content:center;padding:0 16px;display:flex;position:relative}.story-paper{background:var(--tell-canvas);border-radius:32px;width:100%;max-width:370px;padding:20px 16px;box-shadow:0 8px 36px #be977e0d}.story-paper h1{font:24px/1.3 var(--font-display);overflow-wrap:anywhere;margin:20px 0 8px}.story-byline{color:var(--tell-tertiary);font:14px system-ui}.story-summary{background:var(--tell-summary);border-radius:24px;margin:16px 0 32px;padding:16px}.story-summary dl{gap:24px;margin:0 0 16px;display:flex}.story-summary dt{font:12px var(--font-body);color:var(--tell-tertiary)}.story-summary dd{font:16px var(--font-display);margin:0}.story-description{font:16px/1.3 var(--font-body);margin:0}.story-paper-lines section{margin:24px 0}.line-original{font-family:var(--font-latin);overflow-wrap:anywhere;font-weight:600}.story-paper .line-original{margin-bottom:8px;font-size:18px;line-height:1.35}.line-translation{font:16px/1.5 var(--font-body);overflow-wrap:anywhere;color:var(--tell-secondary)}.story-paper .line-translation{color:var(--tell-text)}.story-invitation{z-index:5;flex-direction:column;align-items:center;gap:10px;width:min(340px,100% - 32px);padding:8px;display:flex;position:fixed;bottom:35px;left:50%;transform:translate(-50%)}.story-start{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;padding:0;display:flex}.story-start .tell-pico{width:100px;height:auto;margin-bottom:-15px}.story-start>img{object-fit:contain;width:240px;height:62px;position:relative}.story-start:focus-visible{outline:3px solid var(--tell-theme);outline-offset:6px;border-radius:24px}.story-invitation>p{font:12px/1.5 var(--font-body);text-align:center;background:var(--tell-bg);border-radius:16px;padding:8px}.recording-workspace{height:calc(100dvh - var(--recording-host-top,54px));grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(391px,35%);min-height:0;display:grid;position:relative;overflow:hidden}.recording-header{grid-column:1/-1;justify-content:space-between;align-items:flex-start;gap:16px;max-height:192px;padding:64px 48px 32px;display:flex;overflow-y:auto}.recording-header h1{font:28px/1.25 var(--font-display);overflow-wrap:anywhere;max-width:80%;margin:0}.recording-header>[data-slot=button]{position:absolute;top:8px;right:16px}.recording-article{min-width:0;min-height:0;padding:12px 48px 64px;scroll-padding:32px 0;overflow-y:auto}.recording-line{margin-bottom:24px}.recording-line-heading{align-items:center;gap:8px;min-height:20px;margin-bottom:8px;display:flex}.line-number{font:14px/1.3 var(--font-display);color:var(--tell-secondary);cursor:pointer;background:0 0;border:0;padding:0}.line-number[aria-current]>span:first-child{color:var(--tell-theme)}.line-number:disabled{cursor:default}.line-total{color:var(--tell-secondary)}.recording-line .line-original{-webkit-user-select:text;user-select:text;margin:0 0 12px;font-size:24px;line-height:1.3}.recording-line .line-original span[role=button]{cursor:pointer}.recording-line .line-original span:focus-visible{outline:2px solid var(--tell-theme);outline-offset:2px;border-radius:3px}.highlighted-word{color:var(--tell-theme)}.recording-line .line-translation{margin:0}.recording-line .line-original,.recording-line .line-translation,.recording-line .take-result{opacity:.1;transition:opacity .25s}.recording-line.is-current .line-original,.recording-line.is-current .line-translation,.recording-line.is-current .take-result{opacity:1}.recording-article.is-browsing .recording-line:not(.is-current) .line-original,.recording-article.is-browsing .recording-line:not(.is-current) .line-translation,.recording-article.is-browsing .recording-line:not(.is-current) .take-result{opacity:.7}.is-finish .recording-line .line-original,.is-finish .recording-line .line-translation,.is-finish .recording-line .take-result{opacity:.1}.take-result{font:12px var(--font-body);color:var(--tell-tertiary);align-items:center;display:inline-flex}.take-result img{max-width:100px;height:20px}.recording-controls{flex-direction:column;justify-content:safe flex-end;align-items:center;gap:16px;min-width:0;min-height:0;padding:64px 24px 100px;display:flex;overflow-y:auto}.is-finish .recording-controls{pointer-events:none;justify-content:safe flex-end;width:max(343px,35% - 48px);padding:0;position:absolute;top:16px;bottom:100px;right:24px}.is-finish .recording-controls>*{pointer-events:auto}.recording-action{--feedback-accent:var(--tell-theme);flex-direction:column;align-items:center;gap:12px;width:100%;display:flex;position:relative}.recording-action.good{--feedback-accent:#2fae66;--surface-fill:linear-gradient(145deg, #ffffde66, #fffdfa66 72%);--surface-border:conic-gradient(from 3deg at 59% 47%, #bafa6b, #89fd6c 20%, #60caff 44%, #faee69 75%, #bafa6b)}.recording-action.miss{--feedback-accent:#5a1d88;--surface-fill:linear-gradient(145deg, #f5e7ff66, #fffdfa66 72%);--surface-border:conic-gradient(from 84deg, #60b6fd 2%, #9448c4 40%, #60b6fd)}.recording-action.perfect,.finish-card{--surface-fill:linear-gradient(145deg, #ffeade99, #fbedea99 72%);--surface-border:linear-gradient(155deg, #d66565, #f7e6e0 51%, #f2b054 94%)}.recording-pico{object-fit:contain;z-index:2;pointer-events:none;width:auto;height:122px;position:absolute;top:-60px;right:8px}.action-card,.finish-card{--surface-border-width:3px;border:var(--surface-border-width) solid transparent;background:var(--surface-fill,linear-gradient(#fffdfab3, #fffdfab3)) padding-box;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:42px;flex-direction:column;flex-shrink:0;align-items:center;gap:12px;width:100%;padding:20px;display:flex;position:relative}.shared-recording-surface.action-card:not(.good,.perfect,.miss){--surface-border-width:1px;--surface-border:linear-gradient(155deg, #ffffffa6, #d4c9bf38 55%, #fff6);--surface-fill:linear-gradient(145deg, #fffdfa52, #fffdfa38);box-shadow:inset 0 1px 3px #ffffff8c,0 8px 15px #3526260d}.action-card:before,.finish-card:before{content:"";inset:calc(0px - var(--surface-border-width));padding:var(--surface-border-width);border-radius:inherit;background:var(--surface-border,linear-gradient(white, white));pointer-events:none;position:absolute;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.recording-feedback{min-height:30px;font:14px var(--font-body);color:var(--feedback-accent);align-items:center;display:flex}.recording-feedback img{object-fit:contain;width:auto;max-width:160px;height:30px}.user-playback{width:100%;min-height:44px;color:var(--feedback-accent);background:#fffdfab3;border-radius:40px;align-items:center;gap:8px;margin:4px 0 16px;padding:6px 12px 6px 6px;display:flex}.user-playback .tell-button{width:32px;height:32px;min-height:32px;color:var(--feedback-accent);background:#fffdfa;border:1px solid #f2b05426}.playback-bars{flex:1;align-items:center;gap:3px;min-width:0;height:30px;display:flex;overflow:hidden}.playback-bars i{background:currentColor;border-radius:3px;flex:1;min-width:2px}.action-buttons{justify-content:center;align-items:center;gap:28px;display:flex}.action-buttons>.tell-button{background:var(--feedback-accent);color:#fff;width:68px;height:68px;min-height:68px;box-shadow:none;border-radius:50%}.action-card .action-buttons{gap:28px}.action-card .reference-button,.action-card.good .record-button,.action-card.perfect .record-button,.action-card.miss .next-button{color:var(--feedback-accent);background:#fffdfa;border:1px solid #f2b05426;box-shadow:0 8px 12px #be977e0d}.recording-workspace[data-state=busy] .record-button{color:var(--tell-theme);background:0 0;border:1px solid #fc3f0526}.preparation-state{text-align:center;min-height:100px;font:14px var(--font-body);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.return-to-line{flex-shrink:0;margin-bottom:16px;position:static}.operation-error{font:13px/1.5 var(--font-body);color:var(--tell-theme);text-align:center;margin:0;padding:12px}.finish-card{--surface-border-width:2px;border-radius:40px;align-items:flex-start;gap:0;box-shadow:0 -4px 12px #c3542452}.finish-heading{width:100%;position:relative}.finish-card h2{z-index:1;font:28px/1.25 var(--font-display);color:var(--tell-theme);margin:0;padding:30px 0 44px;position:relative}.finish-decorations{pointer-events:none;width:260px;height:94px;position:absolute;top:0;left:0}.finish-decorations img{object-fit:contain;width:8px;height:8px;position:absolute}.finish-decorations img:first-child{width:5px;height:5.48px;top:15px;left:156px}.finish-decorations img:nth-child(2){width:5px;height:5.48px;top:33px;left:246px}.finish-decorations img:nth-child(3){top:16px;left:26px}.finish-decorations img:nth-child(4){top:73px;left:148px}.finish-decorations img:nth-child(5){top:61px;left:56px}.finish-decorations img:nth-child(6){width:3px;height:3.29px;top:66px;left:49px}.finish-decorations img:nth-child(7){width:12px;height:12px;top:0;left:71px;transform:rotate(-12deg)}.finish-decorations img:nth-child(8){width:12.76px;height:13.88px;top:73px;left:0;transform:rotate(-13.12deg)}.finish-decorations img:nth-child(9){width:12px;height:13.16px;top:65px;left:228px}.finish-decorations img:nth-child(10){width:9px;height:9px;top:27px;left:199px}.finish-decorations img:nth-child(11){width:9px;height:9px;top:85px;left:117px}.finish-card>p{font:14px var(--font-body);color:var(--tell-secondary);margin:12px 0 0}.finish-scores{flex-direction:column;gap:8px;width:100%;padding:10px 0;display:flex}.finish-score{border-radius:16px;flex-shrink:0;align-items:center;gap:8px;width:100%;max-width:277px;height:56px;padding:0 12px;display:flex;overflow:hidden;transform:rotate(-4deg);box-shadow:0 8px 10px #be977e3d}.finish-score.good{color:#2fae66;background:#e0ffde;transform:rotate(4deg)}.finish-score.perfect{color:var(--tell-theme);background:#fff1e9}.finish-score.miss{color:#9448c4;background:#f5e7ff}.finish-score>img:first-child{object-fit:contain;align-self:flex-end;width:80px;height:48px;transform:translateY(9px)}.finish-score.good>img:first-child{padding:0 14px}.finish-score.miss>img:first-child{padding:0 18px}.finish-score>img:nth-child(2){width:78px;height:25px}.finish-score.perfect>img:nth-child(2){width:92px}.finish-score>span{font:20px var(--font-display);white-space:nowrap}.finish-score strong{font-size:32px}.finish-card>.tell-button--ghost{width:100%;font:16px var(--font-display);min-height:44px;margin:23px 0 20px}.finish-submit{width:100%;min-height:50px}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin;display:inline-block}.recording-pulse{animation:1.4s ease-in-out infinite pulse}.not-found{padding:48px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@media(max-width:800px){.recording-workspace{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.recording-header{grid-column:1;max-height:184px;padding:64px 16px 24px}.recording-header h1{max-width:calc(100% - 48px);max-height:96px;font-size:28px;overflow-y:auto}.recording-article{padding:12px 16px 24px}.recording-controls{max-height:52dvh;padding:60px 16px 32px;transition:padding-top .32s cubic-bezier(.4,0,.2,1);overflow-y:auto}.recording-workspace[data-state=ready] .recording-controls,.recording-workspace[data-state=preparing] .recording-controls{padding-top:16px}.recording-action{max-width:343px}.recording-line .line-original{font-size:24px}.action-buttons,.action-card .action-buttons{gap:28px}.return-to-line{margin:0 0 12px}.is-finish{grid-template-rows:auto minmax(0,1fr)}.is-finish .recording-controls{pointer-events:none;justify-content:safe flex-end;width:100%;max-height:none;padding:16px 16px 32px;position:absolute;inset:120px 0 0;overflow-y:auto}.is-finish .recording-controls>*{pointer-events:auto}.finish-card{max-width:343px}.finish-card h2{padding-top:20px;padding-bottom:32px}}@media(max-width:600px){.detail-view .page-header{height:68px}}@media(max-height:650px)and (min-width:801px){.recording-header{max-height:140px;padding-top:32px;padding-bottom:20px}.recording-controls{padding-bottom:24px}.is-finish .recording-controls{bottom:24px}}@media(max-height:650px)and (max-width:800px){.recording-header{max-height:112px;padding-top:24px;padding-bottom:12px}.recording-header h1{max-width:calc(100% - 88px);max-height:60px;font-size:24px}}@media(prefers-reduced-motion:reduce){.recording-line .line-original,.recording-line .line-translation,.recording-line .take-result{transition:none}.recording-pulse{animation:none}.spinner{animation-duration:2s}*{scroll-behavior:auto}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}