:root{--text:#222;--muted:#666;--ground:#fff;--hairline:#ccc;--hover:#f5f5f5;--skeleton:#eee;--link:#00e;--link-visited:#551a8b;--status-written:#060;--status-writing:#551a8b;--status-failed:#b00;--notice:#fff3a8;--font-body:Montserrat, Helvetica, Arial, sans-serif;--font-heading:Georgia, "Times New Roman", serif;--column:720px;--tap:44px}*{box-sizing:border-box}body{background:var(--ground);color:var(--text);font-family:var(--font-body);margin:0;font-size:16px;line-height:1.4}a{color:var(--link);text-decoration:none}a:visited{color:var(--link-visited)}a:hover{text-decoration:underline}.page{width:100%;max-width:var(--column);margin:0 auto;padding:0 16px 36px}.page-fill{flex-direction:column;height:100dvh;padding-bottom:16px;display:flex}.page-fill>main{flex-direction:column;flex:1;min-height:0;display:flex}.page-action{flex-wrap:wrap;column-gap:12px;margin:0 0 4px;display:flex}.masthead{border-bottom:1px solid var(--hairline)}.masthead-name{min-height:var(--tap);color:var(--text);align-items:center;font-size:18px;font-weight:600;display:inline-flex}.masthead-name:visited{color:var(--text)}.top-links{border-bottom:1px solid var(--hairline);flex-wrap:wrap;column-gap:4px;display:flex}.top-links .active{color:var(--text);font-weight:600}.action{min-height:var(--tap);color:var(--link);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;display:inline-flex}.action:before{content:"[ "}.action:after{content:" ]"}.action:hover{text-decoration:underline}.action:disabled{color:var(--muted);cursor:default;text-decoration:none}.actions{flex-wrap:wrap;column-gap:12px;display:flex}.back{min-height:var(--tap);align-items:center;display:inline-flex}.heading{font-family:var(--font-heading);margin:12px 0 2px;font-size:22.4px;font-weight:400}.meta{color:var(--muted);margin:0 0 12px;font-size:14px}.notice{background:var(--notice);border:1px solid var(--hairline);margin:8px 0 0;padding:4px 8px}.pill{border:1px solid;padding:0 6px;font-size:14px;display:inline-block}.written{color:var(--status-written)}.writing{color:var(--status-writing)}.failed{color:var(--status-failed)}.rows{margin:0;padding:0;list-style:none}.row{min-height:var(--tap);border-bottom:1px solid var(--hairline);flex-wrap:wrap;align-items:center;column-gap:8px;padding:4px 0;display:flex}.row .meta{flex-basis:100%;margin:0}.row>a{min-width:var(--tap);min-height:var(--tap);align-items:center;display:inline-flex}.section-heading,.note h2{margin:16px 0 4px;font-size:16px;font-weight:600}.note h3{margin:12px 0 4px;font-size:16px;font-style:italic;font-weight:400}.note p,.note ul{margin:0 0 8px}.note ul{padding-left:20px}.timer{font-variant-numeric:tabular-nums;margin:8px 0;font-size:32px}.length{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px}.transcript{margin:16px 0 0}.transcript summary{list-style:none}.transcript summary::-webkit-details-marker{display:none}.turn{border-bottom:1px solid var(--hairline);margin:0;padding:6px 0}.speaker{color:var(--muted);font-weight:600}.field{margin:12px 0 0;display:block}.field-label{font-weight:600;display:block}.field-hint{color:var(--muted);margin:0 0 4px;font-size:14px;display:block}.input{width:100%;min-height:var(--tap);border:1px solid var(--hairline);background:var(--ground);color:var(--text);font:inherit;border-radius:0;padding:8px;display:block}textarea.input{resize:vertical}.input[aria-invalid=true]{border-color:var(--status-failed)}.field-error{margin:4px 0 0;font-size:14px;display:block}.check{min-height:var(--tap);align-items:center;column-gap:8px;margin:12px 0 0;display:flex}.check input{width:20px;height:20px;margin:0}.save-status{align-items:center;font-size:14px;display:inline-flex}.facts{grid-template-columns:max-content 1fr;column-gap:12px;margin:0;display:grid}.facts dt{color:var(--muted)}.facts dt,.facts dd{border-bottom:1px solid var(--hairline);margin:0;padding:4px 0}.voice{align-items:center;gap:10px;margin:8px 0;font-size:18px;display:flex}.talking{color:var(--link-visited)}.your-turn{color:var(--status-written)}.voice-bars{align-items:flex-end;gap:3px;height:18px;display:flex}.voice-bars span{transform-origin:bottom;background:currentColor;width:4px;height:18px;animation:.9s ease-in-out infinite alternate voice-bar}.voice-bars span:first-child{animation-delay:-.6s}.voice-bars span:nth-child(2){animation-delay:-.2s}.voice-bars span:nth-child(3){animation-delay:-.4s}@keyframes voice-bar{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.voice-bars span{animation:none}}.voice-dot{background:currentColor;border-radius:6px;width:12px;height:12px}.skeleton{flex-direction:column;gap:10px;margin:4px 0 12px;display:flex}.skeleton-line{background:var(--skeleton);height:14px}.section-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;column-gap:12px;display:flex}.text-box{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);margin:4px 0 12px;padding:8px 0;font-size:15px;line-height:1.45;overflow-y:auto}.text-box-fill{flex:0 auto;min-height:5rem}.text-box-short{max-height:20dvh}.page-fill .transcript[open]{flex:none}.page-fill .transcript[open] .text-box{max-height:30dvh}.page-fill .grow{flex-direction:column;flex:0 auto;min-height:0;display:flex}.rows-fill{flex:1;min-height:0;overflow-y:auto}.rows-fixed{max-height:calc(var(--tap) * 3.5);overflow-y:auto}.text-box .note h2:first-child{margin-top:0}.text-box .turn:last-child{border-bottom:0}.skeleton-field{background:var(--skeleton);margin-top:4px}.hook-row{border-bottom:1px solid var(--hairline);padding-bottom:8px}.hook-sample{border:1px solid var(--hairline);margin:8px 0;padding:8px;font-size:13px;overflow-x:auto}.hooks{min-width:0}
