:root{--scouter-bg: #fdfdfd;--scouter-intro-title: rgba(0, 0, 0, .82);--scouter-intro-copy: rgba(0, 0, 0, .52);--scouter-card-bg: rgba(255, 255, 255, .88);--scouter-card-border: rgba(0, 0, 0, .06);--scouter-card-shadow: 0 8px 28px rgba(0, 0, 0, .06);--scouter-status-text: rgba(0, 0, 0, .5);--scouter-btn-bg: #282c34;--scouter-btn-bg-hover: #282c34;--scouter-btn-text: #ffffff;--scouter-hint-bg: #ffffffb3;--scouter-hint-border: rgba(0, 0, 0, .05);--scouter-hint-shadow: 0 4px 12px rgba(0, 0, 0, .05);--scouter-hint-text: #333333;--scouter-status-dot-idle: rgba(0, 0, 0, .1);--scouter-status-dot-active: #4ade80;--scouter-status-dot-shadow: 0 0 8px rgba(74, 222, 128, .5)}body.page-signal-scouter{margin:0;padding:0;width:100%;max-width:100vw;min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;overflow:hidden;background-color:var(--scouter-bg);font-family:var(--font-body, "Synonym-Regular", sans-serif);display:flex;flex-direction:column}.sst-top-spacer{flex-shrink:0;height:calc(36px + 1.25em);font-size:14px;pointer-events:none}.sst-canvas-wrap{flex:1 1 auto;min-height:0;position:relative;width:100%}#scouter-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.sst-page-intro{position:absolute;top:clamp(72px,12vmin,120px);left:50%;transform:translate(-50%);z-index:40;width:min(36rem,calc(100vw - 48px));margin:0;padding:0;text-align:center;pointer-events:none}.sst-page-intro__title{font-family:var(--font-subheading, "Synonym-Medium", sans-serif);margin:0 0 .5rem;font-weight:500;font-size:clamp(1.1rem,2.8vw,1.35rem);letter-spacing:-.02em;color:var(--scouter-intro-title)}.sst-page-intro__copy{margin:0;font-size:14px;line-height:1.55;color:var(--scouter-intro-copy)}.absolute-nav.hidden-nav{opacity:.98}.absolute-nav.hidden-nav:hover{opacity:1}.sst-intro-center{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;pointer-events:none}.sst-intro-center .sst-start-primary{pointer-events:auto}.sst-bottom-bar{position:fixed;left:24px;right:24px;bottom:24px;z-index:100;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:flex-start;gap:12px;pointer-events:none}.sst-bottom-bar>*{pointer-events:auto}.sst-start-primary{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;max-width:min(320px,100%);padding:12px 16px;border-radius:12px;background:var(--scouter-card-bg);border:1px solid var(--scouter-card-border);box-shadow:var(--scouter-card-shadow)}.sst-start-primary.hidden{display:none}.sst-status{margin:0;font-size:12px;color:var(--scouter-status-text);font-family:var(--font-body, "Synonym-Regular", sans-serif);line-height:1.4}.sst-start-btn{background:var(--scouter-btn-bg);color:var(--scouter-btn-text);border:none;padding:12px 22px;border-radius:999px;font-weight:500;font-size:14px;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s;width:auto;align-self:center;box-shadow:0 2px 8px #0000001f;transform:translateY(0) scale(1)}.sst-start-btn.hidden{display:none}.sst-start-btn:disabled{opacity:.5;cursor:not-allowed}.sst-start-btn:hover:not(:disabled){background:var(--scouter-btn-bg-hover, var(--scouter-btn-bg));box-shadow:0 4px 14px #0000002e;transform:translateY(-1px) scale(1.03)}.sst-start-btn:active{transform:translateY(0) scale(.97)}.sst-bottom-bar .interaction-hint{position:relative;bottom:auto;left:auto;flex:0 1 420px;min-width:min(200px,100%);max-width:420px}.interaction-hint{display:flex;align-items:center;gap:12px;background:var(--scouter-hint-bg);padding:8px 16px;border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--scouter-hint-shadow);border:1px solid var(--scouter-hint-border);transition:opacity .5s}.interaction-hint.hidden{display:none}.interaction-hint p{margin:0;color:var(--scouter-hint-text);font-size:13px;font-weight:500;letter-spacing:.05em}.status-dot{width:8px;height:8px;flex-shrink:0;background:var(--scouter-status-dot-idle);border-radius:50%;transition:background .3s}.status-dot.active{background:var(--scouter-status-dot-active);box-shadow:var(--scouter-status-dot-shadow)}@media (max-width: 640px){.sst-intro-center{padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.sst-start-primary{max-width:min(320px,calc(100vw - 24px));padding:14px}.sst-status{font-size:11px}.sst-start-btn{width:100%;max-width:280px;padding:14px 20px;font-size:15px}.sst-bottom-bar{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}.interaction-hint{flex:1 1 100%;max-width:none}.interaction-hint p{font-size:11px;line-height:1.35}}@media (min-width: 1200px){.sst-start-primary{max-width:min(380px,90vw);padding:16px 20px}.sst-bottom-bar{left:max(32px,env(safe-area-inset-left));right:max(32px,env(safe-area-inset-right));bottom:max(28px,env(safe-area-inset-bottom))}}
