:root{font-family:Avenir Next,Segoe UI,system-ui,sans-serif;color:#272c29;background:#f2eee5;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #272c29;--muted: #77786f;--paper: #f8f5ed;--cream: #e9e2d4;--line: #d8d0c1;--orange: #df7358;--green: #3d6254;--yellow: #efc75e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}button,select,input{font:inherit}button,label{-webkit-tap-highlight-color:transparent}button{color:inherit}.app-shell{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 82% 0%,rgba(229,207,169,.34),transparent 28rem),#f2eee5}.topbar{height:76px;max-width:1440px;margin:auto;padding:0 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(39,44,41,.12)}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-family:Georgia,serif;font-size:21px;font-weight:600}.brand em{color:var(--orange);font-weight:600}.brand-mark{width:31px;height:30px;position:relative;display:inline-flex;gap:3px;align-items:flex-end}.brand-mark i{width:5px;border-radius:5px;background:var(--ink);transform:rotate(15deg);transform-origin:bottom}.brand-mark i:nth-child(1){height:18px}.brand-mark i:nth-child(2){height:26px}.brand-mark i:nth-child(3){height:14px;background:var(--orange)}.privacy-badge{font-family:DM Mono,monospace;text-transform:uppercase;letter-spacing:.06em;font-size:10px;padding:8px 12px;border:1px solid #c7c2b7;border-radius:99px;color:#5f655f;background:#f8f5ed8c}.privacy-badge span{color:#56806b;margin-right:5px}main{max-width:1440px;margin:auto}.hero{min-height:310px;padding:62px 62px 48px;display:flex;justify-content:space-between;align-items:flex-end}.eyebrow{margin:0 0 14px;font-family:DM Mono,monospace;color:var(--orange);font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase}.hero h1{margin:0;font-family:Playfair Display,serif;font-size:clamp(42px,4.1vw,72px);line-height:1;letter-spacing:-.045em;font-weight:600}.hero h1 span{color:var(--orange);font-style:italic}.hero-copy{max-width:390px;margin:0 0 8px;color:#666a65;font-size:16px;line-height:1.7}.workspace{margin:0 32px;display:grid;grid-template-columns:minmax(0,1.75fr) minmax(330px,.72fr);border:1px solid #cfc7b8;background:var(--paper);box-shadow:0 25px 75px #342d241a}.video-card{min-width:0;padding:24px;border-right:1px solid var(--line)}.video-stage{position:relative;aspect-ratio:16 / 10;background:#29302c;overflow:hidden;display:grid;place-items:center}.video-stage video,.video-stage canvas{width:100%;height:100%;object-fit:contain;object-position:center center}.video-stage video{position:absolute;inset:0;display:block;min-width:0;min-height:0;max-width:100%;max-height:100%;background:#29302c}.video-stage canvas{position:absolute;inset:0;pointer-events:none;z-index:1}.video-stage.mirrored video,.video-stage.mirrored canvas{transform:scaleX(-1)}.empty-stage{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;text-align:center;color:#e7e3d9;background:radial-gradient(circle,#3a443f 0,#29302c 64%)}.empty-icon{font-size:64px;color:var(--yellow);transform:rotate(-12deg);height:64px}.empty-stage h2{margin:13px 0 5px;font-family:Playfair Display,serif;font-size:27px}.empty-stage p{margin:0;color:#aeb4ae;font-size:13px}.live-pill{position:absolute;top:16px;left:16px;padding:7px 10px;border-radius:3px;background:#1b1f1dc7;color:#fff;font-family:DM Mono,monospace;text-transform:uppercase;letter-spacing:.1em;font-size:9px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.live-pill span{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:var(--orange);animation:pulse 1.4s infinite}@keyframes pulse{50%{opacity:.3}}.stage-status{min-height:42px;display:flex;align-items:center;gap:9px;color:#747970;font-size:11px;font-family:DM Mono,monospace}.status-dot{width:7px;height:7px;border-radius:50%;background:#9a9d96;flex:0 0 auto}.status-dot.live{background:#51906e}.status-dot.error{background:var(--orange)}.control-card{display:flex;flex-direction:column}.control-section{padding:25px 28px;border-bottom:1px solid var(--line)}.section-heading{display:flex;align-items:center;gap:10px;margin-bottom:20px}.section-heading>span{display:grid;place-items:center;width:25px;height:25px;background:var(--ink);color:#fff;border-radius:50%;font-family:DM Mono,monospace;font-size:9px}.section-heading h2{font-size:13px;margin:0;text-transform:uppercase;letter-spacing:.08em}.source-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.source-button{min-width:0;min-height:70px;border:1px solid #d3ccbf;padding:12px;display:flex;gap:10px;align-items:center;text-align:left;background:transparent;cursor:pointer;transition:.2s ease}.source-button:hover:not(:disabled):not(.disabled){border-color:var(--orange);background:#fffaf3;transform:translateY(-1px)}.source-button:disabled,.source-button.disabled{opacity:.5;cursor:default}.source-button strong{font-size:20px;color:var(--orange);font-weight:500}.source-button span{font-size:11px;font-weight:700}.source-button small{display:block;margin-top:3px;color:#85877f;font-size:9px;font-weight:500}.source-button input{display:none}.field-label{display:block;color:#747970;font-family:DM Mono,monospace;font-size:9px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:7px}.segmented-control{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:19px;border:1px solid #d2cabd}.segmented-control button{height:52px;border:0;border-right:1px solid #d2cabd;background:transparent;font-size:15px;cursor:pointer}.segmented-control button:last-child{border:0}.segmented-control button.active{color:#fff;background:var(--green)}.segmented-control small{display:block;font-size:8px;opacity:.68;text-transform:uppercase}.field-row{display:grid;grid-template-columns:1fr 1.4fr;align-items:center;margin-bottom:18px}.field-row .field-label{margin:0}select{width:100%;padding:9px 10px;border:1px solid #d2cabd;background:#fbf8f0;font-size:10px;color:var(--ink)}.toggle-row{position:relative;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.toggle-row strong{display:block;font-size:11px}.toggle-row small{display:block;margin-top:2px;color:#898b84;font-size:8px}.toggle-row input{position:absolute;opacity:0}.toggle-row i{position:relative;width:36px;height:20px;border-radius:20px;background:#c8c7c0;transition:.2s}.toggle-row i:after{content:"";position:absolute;width:14px;height:14px;top:3px;left:3px;border-radius:50%;background:#fff;transition:.2s}.toggle-row input:checked+i{background:var(--orange)}.toggle-row input:checked+i:after{transform:translate(16px)}.tempo-control{display:grid;grid-template-columns:1fr 76px;align-items:center;gap:14px;margin-top:15px}.tempo-control>input{accent-color:var(--orange);width:100%}.tempo-control label{position:relative}.tempo-control label input{width:100%;padding:8px 29px 8px 8px;border:1px solid #d2cabd;background:#fbf8f0}.tempo-control label span{position:absolute;right:5px;top:11px;font-size:7px;color:#888}.manual-toggle{margin-top:18px;padding-top:17px;border-top:1px solid #ddd6ca}.action-section{margin-top:auto;border:0}.primary-button{width:100%;height:52px;border:0;padding:0 19px;display:flex;align-items:center;justify-content:space-between;background:var(--orange);color:#fff;font-weight:700;font-size:12px;cursor:pointer;transition:.2s ease}.primary-button:hover:not(:disabled){filter:brightness(.94);transform:translateY(-1px)}.primary-button:disabled{opacity:.45;cursor:default}.primary-button.stop{background:var(--green)}.manual-actions{display:grid;gap:8px}.secondary-button{width:100%;height:42px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border:1px solid #bfc2ba;background:transparent;color:var(--green);font-size:10px;font-weight:700;cursor:pointer}.secondary-button:hover:not(:disabled){background:#edf0ea}.secondary-button:disabled{opacity:.45;cursor:default}.microcopy{margin:11px 0 0;color:#888981;font-size:8px;line-height:1.55}.results-section{padding:105px 62px 90px}.results-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.results-heading h2{margin:0;font-family:Playfair Display,serif;font-size:38px;letter-spacing:-.025em}.session-meta{display:flex;gap:7px}.session-meta span{padding:6px 9px;border:1px solid #d3ccbf;color:#767970;font-family:DM Mono,monospace;font-size:8px;text-transform:uppercase}.score-grid{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:10px}.overall-score,.metric-card,.detail-card{background:var(--paper);border:1px solid #d6cec0}.overall-score{padding:23px;display:flex;align-items:center;gap:21px}.score-ring{--score: 0;width:90px;height:90px;flex:0 0 auto;display:grid;place-content:center;justify-items:center;border-radius:50%;background:radial-gradient(closest-side,var(--paper) 77%,transparent 79%),conic-gradient(var(--orange) calc(var(--score) * 1%),#ddd6c9 0)}.score-ring strong{font-family:Playfair Display,serif;font-size:29px;line-height:1}.score-ring span{color:#898b84;font-size:8px}.overall-score p{margin:0 0 4px;color:#777a73;font-family:DM Mono,monospace;font-size:8px;text-transform:uppercase}.overall-score h3{margin:0 0 6px;font-size:15px}.overall-score small{color:#8a8b84;font-size:8px}.metric-card{padding:21px;display:flex;flex-direction:column;justify-content:space-between}.metric-card>div:first-child{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.metric-card span{color:#666a64;font-size:10px;line-height:1.4}.metric-card strong{font-family:Playfair Display,serif;font-size:24px}.meter-track{height:4px;margin:22px 0 9px;background:#ded8cc;overflow:hidden}.meter-track i{display:block;height:100%;background:var(--green);transition:width .35s}.metric-card small{color:#92938c;font-size:7px;line-height:1.45}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.detail-card{min-width:0;padding:24px}.card-title{display:flex;align-items:flex-start;justify-content:space-between}.card-title p{margin:0 0 3px;color:#7d8078;font-family:DM Mono,monospace;text-transform:uppercase;letter-spacing:.1em;font-size:8px}.card-title h3{margin:0;font-family:Playfair Display,serif;font-size:24px}.card-title>span{padding:5px 7px;background:#ede7db;color:#797b75;font-family:DM Mono,monospace;font-size:8px}.chart{width:100%;height:142px;margin-top:17px;overflow:visible}.chart-empty{height:159px;display:grid;place-items:center;color:#999990;font-size:10px;text-align:center}.axis-line{stroke:#c7c1b5;stroke-width:1}.axis-line.faint{opacity:.45;stroke-dasharray:3 4}.target-line{stroke:var(--orange);stroke-width:1;stroke-dasharray:5 4}.tempo-line{fill:none;stroke:var(--green);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-label{fill:#90928b;font-family:DM Mono,monospace;font-size:7px}.trajectory-line{fill:none;stroke:#8a9c92;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;opacity:.8}.beat-dot{fill:var(--orange);stroke:var(--paper);stroke-width:2}.beat-label{fill:#fff;font-size:7px;font-weight:700}.chart-note{margin:5px 0 0;color:#8c8e87;font-size:8px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ddd6ca;padding-top:12px}.stat-row span{color:#898b84;font-size:7px;text-transform:uppercase}.stat-row strong{display:block;margin-top:3px;color:var(--ink);font-size:10px;text-transform:none}.warning-list{margin-top:10px;display:grid;gap:6px}.warning-list p{margin:0;padding:10px 13px;display:flex;gap:9px;align-items:center;border:1px solid #e3c7b7;background:#f7e8dc;color:#7c5548;font-size:9px}.warning-list span{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;color:#fff;background:var(--orange);font-weight:700}.how-it-works{margin:0 32px 90px;padding:55px 30px;border-top:1px solid #cbc4b7;border-bottom:1px solid #cbc4b7}.how-it-works>.eyebrow{text-align:center}.how-it-works>div{display:grid;grid-template-columns:repeat(3,1fr);max-width:980px;margin:34px auto 0}.how-it-works article{position:relative;padding:0 42px;text-align:center;border-right:1px solid #d3ccbf}.how-it-works article:last-child{border:0}.how-it-works article>span{color:var(--orange);font-family:DM Mono,monospace;font-size:9px}.how-it-works h3{margin:7px 0;font-family:Playfair Display,serif;font-size:22px}.how-it-works p{margin:0;color:#787b75;font-size:10px;line-height:1.6}footer{max-width:1376px;margin:auto;padding:20px 32px 30px;display:flex;justify-content:space-between;color:#898b84;font-family:DM Mono,monospace;font-size:8px;text-transform:uppercase;letter-spacing:.05em}@media(max-width:980px){.hero{padding:50px 32px 36px}.workspace{grid-template-columns:1fr}.video-card{border:0;border-bottom:1px solid var(--line)}.control-card{display:grid;grid-template-columns:1fr 1.25fr}.action-section{grid-column:1 / -1}.score-grid{grid-template-columns:repeat(3,1fr)}.overall-score{grid-column:1 / -1}.results-section{padding:75px 32px}}@media(max-width:680px){.topbar{height:65px;padding:0 18px}.privacy-badge{font-size:0;padding:7px 9px}.privacy-badge:after{content:"Privat";font-size:9px}.hero{min-height:290px;padding:42px 22px 28px;display:block}.hero h1{font-size:54px}.hero-copy{margin-top:28px;font-size:13px}.workspace{margin:0 12px}.video-card{padding:10px}.video-stage{aspect-ratio:4 / 3}.control-card{display:block}.control-section{padding:23px 20px}.results-section{padding:68px 16px}.results-heading{display:block}.results-heading h2{font-size:31px}.session-meta{margin-top:16px;flex-wrap:wrap}.score-grid,.detail-grid{grid-template-columns:1fr}.overall-score{grid-column:auto}.metric-card{min-height:135px}.how-it-works{margin:0 12px 60px}.how-it-works>div{grid-template-columns:1fr;gap:28px}.how-it-works article{border:0;padding:0 25px}footer{display:block;line-height:2}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}