:root{--ink: #171511;--muted: #6f665b;--panel: rgba(241, 235, 223, .88);--panel-strong: rgba(241, 235, 223, .96);--line: rgba(23, 21, 17, .16);--accent: #0d8f78;--accent-2: #f4c542;--danger: #c8392f;--canvas: #eee8dc;color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden;background:var(--canvas);color:var(--ink)}button,input{font:inherit}input[type=range]{width:100%}a{color:var(--muted);text-decoration:none}a:hover{color:var(--ink)}.app-shell,.scene-wrap{position:relative;width:100vw;height:100vh}.app-shell{background:var(--canvas)}body:after{content:"";position:fixed;inset:0;z-index:10;pointer-events:none;background:radial-gradient(circle at 50% 48%,#17151100 42%,#1715110e 72%,#17151129)}.scene-wrap{position:absolute;inset:0}.flow-canvas{display:block;width:100%;height:100%}.confetti-canvas{position:fixed;inset:0;z-index:11;width:100vw;height:100vh;pointer-events:none}.topbar{position:absolute;z-index:2;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.topbar{left:0;top:0;right:0;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 18px;background:linear-gradient(180deg,#f1ebdff5,#f1ebdfb8);border-bottom:1px solid rgba(23,21,17,.1)}.brand{display:flex;align-items:center;gap:12px;min-width:260px;max-width:54vw}.brand-mark{width:36px;height:36px;object-fit:contain;object-position:center;flex:0 0 auto}h1{margin:0;font-size:18px;line-height:1.1;letter-spacing:0}.brand p,.top-stats small,.inspiration-credit,.built-credit,.match-description{margin:0;color:var(--muted);font-size:12px;line-height:1.35}.brand p{max-width:760px}.source-citation a{color:var(--ink);font-weight:650}.top-stats{display:grid;grid-template-columns:1fr;gap:3px;width:74px}.top-stats div{display:flex;align-items:baseline;justify-content:space-between;gap:9px;min-width:0}.top-stats span{display:block;font-size:15px;font-weight:700;line-height:1.05;white-space:nowrap}.top-stats small{font-size:11px}.bottom-ui{position:absolute;z-index:2;left:0;right:0;bottom:0;min-height:92px;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto;align-items:center;gap:8px 18px;padding:13px 18px 14px}.match-description{grid-column:2;grid-row:1;justify-self:center;max-width:min(760px,82vw);color:var(--ink);font-weight:650;text-align:center;padding:5px 10px;border:1px solid rgba(23,21,17,.22);border-radius:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inspiration-credit{grid-column:1;grid-row:2;justify-self:start;align-self:end;text-align:left;white-space:nowrap}.built-credit{grid-column:3;grid-row:2;justify-self:end;align-self:end;text-align:right;white-space:nowrap}.inspiration-credit a,.built-credit a{color:var(--ink);font-weight:650}.timeline-controls{grid-column:2;grid-row:2;justify-self:center;width:clamp(320px,calc(100vw - 40rem),820px);display:grid;grid-template-columns:30px minmax(0,1fr) 30px;align-items:end;gap:10px}.timeline-button{width:30px;height:18px;align-self:end;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:0;background:transparent;color:#171511c7;cursor:pointer}.timeline-button:hover{color:var(--ink);background:transparent}.timeline-button:focus-visible{outline:2px solid rgba(13,143,120,.35);outline-offset:3px}.timeline-button svg{width:15px;height:15px;fill:currentColor}.timeline-wrap{position:relative;width:100%;height:30px;display:flex;align-items:flex-end}.timeline-date{position:absolute;left:var(--progress);top:0;transform:translate(-50%);min-width:44px;padding:1px 5px;border-radius:4px;color:var(--muted);font-size:10px;font-weight:650;line-height:1.1;text-align:center;white-space:nowrap;pointer-events:none}.video-timeline{width:100%;height:18px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.video-timeline:focus-visible{outline:2px solid rgba(13,143,120,.35);outline-offset:4px}.video-timeline::-webkit-slider-runnable-track{height:5px;border-radius:999px;background:linear-gradient(90deg,rgba(23,21,17,.54) 0 var(--progress),rgba(23,21,17,.18) var(--progress) 100%)}.video-timeline::-moz-range-track{height:5px;border-radius:999px;background:#17151133}.video-timeline::-moz-range-progress{height:5px;border-radius:999px;background:#1715118a}.video-timeline::-webkit-slider-thumb{width:15px;height:15px;margin-top:-5px;appearance:none;-webkit-appearance:none;border:2px solid var(--canvas);border-radius:50%;background:var(--ink);box-shadow:0 1px 4px #17151147}.video-timeline::-moz-range-thumb{width:15px;height:15px;border:2px solid var(--canvas);border-radius:50%;background:var(--ink);box-shadow:0 1px 4px #17151147}@media(max-width:980px){.topbar{align-items:flex-start;min-height:86px}.top-stats{width:70px}}@media(max-width:680px){.topbar{padding:10px}.brand{min-width:0}.source-citation{display:block;max-width:210px;font-size:10px;line-height:1.2}.top-stats{width:60px;gap:6px}.top-stats span{font-size:14px}.bottom-ui{min-height:96px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto;justify-items:center;gap:6px;padding:8px 10px 10px}.match-description{grid-column:1 / -1;grid-row:1;max-width:calc(100vw - 22px);font-size:11px}.timeline-controls{grid-column:1 / -1;grid-row:2;width:calc(100vw - 20px);grid-template-columns:28px minmax(0,1fr) 28px;gap:8px}.timeline-button{width:28px;height:18px}.timeline-button svg{width:14px;height:14px}.inspiration-credit{grid-column:1;grid-row:3;justify-self:start;font-size:10px;white-space:normal}.built-credit{grid-column:2;grid-row:3;justify-self:end;font-size:10px;white-space:normal}}