:root{color-scheme:light;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#ffffff;color:#334155}*{box-sizing:border-box}body,html{width:100%;min-height:100%;margin:0;background:#f6f7fb}button,input,select,textarea{font:inherit}.intro-page{position:relative;width:100%;height:100dvh;overflow:hidden;background:#050505}.intro-video{display:block;width:100%;height:100%;object-fit:cover}.intro-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgb(0 0 0/38%));pointer-events:none}.demo-button{position:absolute;left:50%;bottom:clamp(28px,5vw,64px);display:inline-flex;align-items:center;justify-content:center;gap:14px;min-width:min(280px,calc(100vw - 40px));border:1px solid rgb(255 255 255/40%);border-radius:999px;padding:17px 28px;transform:translateX(-50%);background:rgb(255 255 255/94%);box-shadow:0 16px 44px rgb(0 0 0/28%);color:#172033;cursor:pointer;font-size:clamp(18px,2vw,24px);font-weight:800;letter-spacing:-.025em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .16s ease,background-color .16s ease}.demo-button:hover{transform:translateX(-50%) translateY(-2px);background:#ffffff}.demo-button:focus-visible{outline:4px solid rgb(181 38 198/45%);outline-offset:4px}.demo-button span{font-size:1.2em;line-height:1}.video-button{position:absolute;z-index:1;top:18px;left:22px;display:inline-flex;align-items:center;gap:8px;border:1px solid #e2e8f0;border-radius:999px;padding:8px 13px;background:rgb(255 255 255/90%);color:#475569;cursor:pointer;font-size:14px;font-weight:700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .16s ease,color .16s ease,transform .16s ease}.video-button:hover{border-color:#cbd5e1;color:#1e293b;transform:translateY(-1px)}.video-button:focus-visible{outline:3px solid rgb(181 38 198/35%);outline-offset:3px}.graph-page{width:100%;min-height:100dvh;padding:20px;background:#f6f7fb}.experience-layout{display:grid;width:min(100%,1640px);min-height:calc(100dvh - 40px);margin:0 auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.experience-column{display:grid;min-width:0;grid-template-rows:minmax(420px,1fr) auto;gap:14px}.graph-card,.guide-card,.help-card{border:1px solid #e2e8f0;border-radius:24px;background:#ffffff;box-shadow:0 12px 36px rgb(15 23 42/6%)}.graph-card,.help-card{position:relative;min-height:0;overflow:hidden}.graph-card{padding:8px}.graph{display:block;width:100%;height:100%}.guide-card{display:flex;align-items:center;min-height:112px;padding:28px 36px}.guide-card p{margin:0;color:#27364b;font-size:clamp(20px,2.2vw,30px);font-weight:700;line-height:1.45;letter-spacing:-.025em;text-wrap:balance}.help-guide{background:linear-gradient(145deg,#fff,#fff8f6)}.help-card{display:flex;align-items:center;justify-content:center;padding:72px 34px 42px;background:radial-gradient(circle at 50% 36%,rgb(181 38 198/8%),transparent 38%),#ffffff;transition:background .26s ease,border-color .26s ease,box-shadow .26s ease}.help-card[data-detected=true]{border-color:#f6a897;background:radial-gradient(circle at 50% 36%,rgb(239 92 67/15%),transparent 42%),#fffdfc;box-shadow:0 16px 44px rgb(206 70 45/12%)}.help-content{display:flex;width:min(100%,560px);flex-direction:column;align-items:center;text-align:center}.help-icon{position:relative;display:grid;width:112px;height:112px;margin-bottom:30px;place-items:center;border-radius:50%;background:#f6ebf8;color:#a915bb;transition:background .26s ease,color .26s ease,transform .26s ease}.help-card[data-detected=true] .help-icon{background:#fff0ec;color:#e34f35;transform:scale(1.05)}.help-icon svg{position:relative;z-index:1;width:50px;height:50px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.help-wave{position:absolute;inset:0;border:2px solid rgb(169 21 187/24%);border-radius:50%;animation:help-pulse 2.4s ease-out infinite}.help-wave-two{animation-delay:1.2s}.help-card[data-detected=true] .help-wave{border-color:rgb(227 79 53/38%);animation-duration:1.2s}.help-kicker{margin:0 0 12px;color:#a915bb;font-size:15px;font-weight:800;letter-spacing:.08em}.help-card[data-detected=true] .help-kicker{color:#d7472e}.help-content h2{margin:0;color:#1e293b;font-size:clamp(28px,3vw,44px);line-height:1.2;letter-spacing:-.04em;text-wrap:balance}.help-description{margin:18px 0 0;color:#64748b;font-size:clamp(16px,1.5vw,20px);line-height:1.5;text-wrap:balance}@keyframes help-pulse{0%{opacity:.8;transform:scale(.92)}75%,to{opacity:0;transform:scale(1.45)}}.status{position:absolute;top:18px;right:22px;display:flex;align-items:center;gap:8px;border:1px solid #e2e8f0;border-radius:999px;padding:7px 11px;background:rgb(255 255 255/88%);color:#64748b;font-size:13px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.status-dot{width:8px;height:8px;border-radius:50%;background:#94a3b8}.status[data-state=live]{color:#15803d}.status[data-state=live] .status-dot{background:#22c55e;box-shadow:0 0 0 4px rgb(34 197 94/14%)}.status[data-state=error]{color:#b45309}.status[data-state=error] .status-dot{background:#f59e0b}@media (min-width:640px){.graph-page{padding:24px}.experience-layout{min-height:calc(100dvh - 48px)}}@media (max-width:960px){.experience-layout{grid-template-columns:1fr}.experience-column{min-height:min(720px,calc(100dvh - 48px))}}@media (max-width:639px){.graph-page{padding:12px}.experience-layout{min-height:calc(100dvh - 24px);gap:10px}.experience-column{min-height:600px;grid-template-rows:minmax(360px,1fr) auto;gap:10px}.graph-card,.guide-card,.help-card{border-radius:18px}.guide-card{min-height:96px;padding:22px 24px}.help-card{padding:72px 24px 36px}.help-icon{width:92px;height:92px;margin-bottom:24px}.help-icon svg{width:42px;height:42px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important}.demo-button,.video-button{transition:none}.help-wave{animation:none}}