.page{max-width:760px;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-7);display:flex;flex-direction:column;gap:var(--space-5)}.site-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2) var(--space-3)}.brand{font-size:1.6rem}.hint{font-size:.8125rem}.button-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.message{margin-top:var(--space-4);font-size:.875rem;color:var(--text-muted)}.message:empty{display:none}.message.error{color:var(--danger)}.auth{display:flex;flex-direction:column;gap:var(--space-3)}.auth>:empty{display:none}.auth-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4)}.auth-row>.hint{flex-basis:100%}#auth-button{flex:none}.auth-identity{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:600;list-style:none}.settings summary::-webkit-details-marker{display:none}.settings summary:after{content:"▾";color:var(--text-faint);transition:transform .15s ease}.settings[open] summary:after{transform:rotate(180deg)}.settings[open] summary{margin-bottom:var(--space-4)}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);margin:var(--space-4) 0}.field.wide{grid-column:1 / -1}.field .hint{margin-top:var(--space-1)}.settings-actions{display:flex;align-items:center;gap:var(--space-3)}#recording-status:empty{display:none}.stage{display:flex;flex-direction:column;gap:var(--space-4)}.record-button{padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);font-size:1.05rem}.record-glyph{width:.7em;height:.7em;border-radius:50%;background:currentColor}.toggle{display:flex;align-items:center;gap:var(--space-2);margin:0;color:var(--text);font-size:.9375rem;font-weight:450;cursor:pointer}.recording-row{display:flex;align-items:center;gap:var(--space-3)}.rec-dot{flex:none;width:12px;height:12px;border-radius:50%;background:var(--recording);animation:rec-pulse 1.4s ease-in-out infinite}@keyframes rec-pulse{50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.rec-dot{animation:none}}.timer{flex:1;font-family:var(--font-mono);font-size:1.75rem;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.preview-video{display:block;width:100%;max-height:55vh;border-radius:var(--radius-md);background:#000}.progress{height:10px;border-radius:999px;background:var(--surface-sunken);overflow:hidden}.progress-fill{width:0%;height:100%;border-radius:inherit;background:var(--accent);transition:width .15s ease}.recovery{display:flex;flex-direction:column;gap:var(--space-3)}.button-link{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-weight:550;line-height:1.4;text-decoration:none}.button-link:hover{background:var(--surface-sunken);border-color:var(--text-faint);color:var(--text)}.link-row{display:flex;gap:var(--space-2)}.link-row input{font-size:.8125rem}.link-row button{flex:none}.library-list{margin:0;padding:0;list-style:none}.library-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) 0;border-top:1px solid var(--border)}.library-item:first-child{border-top:none;padding-top:var(--space-4)}.library-details{flex:1;min-width:0}.library-title{display:block;overflow:hidden;color:var(--text);font-weight:550;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.library-title:hover{color:var(--accent);text-decoration:underline}.library-sub{font-size:.8125rem}.library-item{flex-wrap:wrap}.analytics,.analytics-hint{flex-basis:100%;margin-top:var(--space-2)}.analytics>summary{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--text-muted);cursor:pointer;font-size:.8125rem;font-weight:550;list-style:none}.analytics>summary::-webkit-details-marker{display:none}.analytics>summary:after{content:"▾";color:var(--text-faint);transition:transform .15s ease}.analytics[open]>summary:after{transform:rotate(180deg)}.analytics>summary:hover{color:var(--accent)}.analytics-body{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-sunken)}.analytics-summary{font-size:.875rem}.analytics-body .hint:empty{display:none}.link-button{align-self:flex-start;padding:0;border:none;background:none;color:var(--text-faint);font-size:.75rem;text-decoration:underline;cursor:pointer}.link-button:hover{color:var(--accent);background:none}.heatmap{display:flex;align-items:flex-end;gap:1px;height:72px;padding:2px;border-radius:var(--radius-sm);background:var(--surface)}.heat-bar{flex:1;min-width:0;min-height:2px;border-radius:1px 1px 0 0;background:var(--accent);background:color-mix(in srgb,var(--recording) var(--heat-mix, 0%),var(--accent))}.heat-bar.hot{background:var(--recording)}.heat-axis{display:flex;justify-content:space-between;font-size:.6875rem}.viewers{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.viewer-row{display:grid;grid-template-columns:9ch 5.5rem minmax(0,1fr) 3.5rem auto;align-items:center;gap:var(--space-3);font-size:.8125rem}.viewer-row .heatmap{height:34px}.viewer-id{overflow:hidden;color:var(--text-muted);font-family:var(--font-mono);font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.viewer-coverage{font-variant-numeric:tabular-nums;text-align:right}.viewer-when{font-size:.75rem;white-space:nowrap}@media(max-width:560px){.fields{grid-template-columns:1fr}.library-details{flex-basis:100%}.viewer-row{grid-template-columns:9ch minmax(0,1fr) 3.5rem}.viewer-row .heatmap{grid-column:1 / -1}.viewer-when{grid-column:2 / -1;text-align:right}}