.flow{max-width:480px;margin:0 auto;padding:2rem 1.25rem 4rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.flow h2{margin:0}.flow .angle-hint-svg{color:var(--fg-dim);margin:1rem 0 .5rem}.flow .angle-hint-text{color:var(--fg-dim);font-size:.95rem;max-width:320px;margin:0 0 1rem}.flow button.primary.big,.flow .primary.big{width:100%;padding:1rem 1.6rem;font-size:1.05rem;background:var(--accent);color:#062019;border:0;border-radius:var(--radius);font-weight:600;text-decoration:none;display:inline-block;text-align:center}.flow button.primary.big:hover,.flow .primary.big:hover{background:var(--accent-strong)}.flow .preview{width:100%;max-width:360px;border-radius:var(--radius);border:1px solid var(--border);display:block}.flow .preview.dim{opacity:.55;filter:saturate(.8);transition:opacity .2s ease}.flow .status-line{display:inline-flex;align-items:center;gap:.5rem;color:var(--fg-dim);font-size:1rem;letter-spacing:.01em}.dot-loader{width:.6rem;height:.6rem;border-radius:50%;background:var(--accent);animation:dot-pulse 1.2s infinite ease-in-out}@keyframes dot-pulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.4);opacity:1}}.progress{width:100%;max-width:360px;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);transition:width .15s ease}.error-message{color:var(--fg-dim)}.reveal-label{color:var(--fg-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;margin-top:.5rem}.reveal-overall{font-size:clamp(4rem,16vw,6rem);font-weight:700;letter-spacing:-.05em;line-height:1;color:var(--accent);animation:drop-in .6s cubic-bezier(.2,.9,.3,1.1)}@keyframes drop-in{0%{transform:translateY(-.4em);opacity:0}to{transform:translateY(0);opacity:1}}.subscores{list-style:none;padding:0;margin:.5rem 0 1rem;width:100%;max-width:360px;display:grid;grid-template-columns:1fr 1fr;gap:.4rem 1rem}.subscores li{display:flex;justify-content:space-between;padding:.35rem .7rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elev);font-size:.95rem;animation:fade-in .4s ease-out both}.subscores li:nth-child(1){animation-delay:50ms}.subscores li:nth-child(2){animation-delay:.15s}.subscores li:nth-child(3){animation-delay:.25s}.subscores li:nth-child(4){animation-delay:.35s}.subscores li:nth-child(5){animation-delay:.45s}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sub-label{color:var(--fg-dim)}.sub-value{font-variant-numeric:tabular-nums;font-weight:600;color:var(--fg)}.confidence-note{color:var(--warn);font-size:.95rem;max-width:360px}.commentary{color:var(--fg);font-style:italic;max-width:360px;font-size:1.05rem}.reveal-actions{display:flex;gap:1rem;width:100%;max-width:360px;margin-top:.5rem}.reveal-actions .primary.big,.reveal-actions .ghost{flex:1}.auth-flow{text-align:left}.auth-flow h2{text-align:center;width:100%}.auth-box{width:100%;max-width:360px;display:flex;flex-direction:column;gap:1rem}.auth-sub{color:var(--fg-dim);text-align:center;margin:0}.auth-form{display:flex;flex-direction:column;gap:.6rem}.auth-label{color:var(--fg-dim);font-size:.85rem;letter-spacing:.02em}.auth-input{font-family:inherit;font-size:1rem;padding:.85rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elev);color:var(--fg);outline:none;transition:border-color .12s ease}.auth-input:focus{border-color:var(--accent)}.auth-input:disabled{opacity:.6}.auth-input-code{font-variant-numeric:tabular-nums;letter-spacing:.4em;text-align:center;font-size:1.4rem}.canclusion-list{list-style:none;padding:0;margin:.5rem 0 1rem;width:100%;max-width:480px;display:flex;flex-direction:column;gap:.5rem}.canclusion-row{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elev);color:var(--fg);text-decoration:none;transition:background .12s ease}.canclusion-row:hover{background:var(--bg-card);text-decoration:none}.canclusion-row-score{font-size:1.6rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--accent);min-width:3rem;text-align:right}.canclusion-row-meta{display:flex;flex-direction:column;gap:.15rem;flex:1}.canclusion-row-id{font-family:var(--font-mono);font-size:.9rem;color:var(--fg)}.canclusion-row-date{font-size:.8rem;color:var(--fg-muted)}
