@import"https://use.typekit.net/wbg7ill.css";@font-face{font-family:Synonym-Bold;src:url(./Synonym-Bold-B2vtheRn.woff) format("woff")}@font-face{font-family:Synonym-Medium;src:url(./Synonym-Medium-DmiU8nEw.woff) format("woff")}@font-face{font-family:Synonym-Regular;src:url(./Synonym-Regular-Cwih90yn.woff) format("woff")}:root{--bg-color: #f8f9fa;--ink-color: rgba(0, 0, 0, .75);--ui-bg: rgba(255, 255, 255, .4);--ui-border: rgba(0, 0, 0, .1);--ui-border-active: rgba(0, 0, 0, .3);--radar-line: rgba(0, 0, 0, .05);--radar-scanner: rgba(112, 247, 141, .764);--accent: #4a5568;--panel-bg: rgba(255, 255, 255, .55);--panel-border: rgba(0, 0, 0, .12);--panel-shadow: 0 18px 55px rgba(0, 0, 0, .08);--panel-width: 320px;--panel-gap: 28px;--font-heading: "Synonym-Bold", sans-serif;--font-script: "pf-pixelscript", sans-serif;--font-body: "Synonym-Regular", sans-serif;--font-size-h1: clamp(2rem, 5vw, 3rem);--font-size-h2: clamp(1.5rem, 4vw, 2.5rem);--font-size-h3: clamp(1.25rem, 3vw, 2rem);--font-size-h4: clamp(1rem, 2vw, 1.75rem);--font-size-paragraph: clamp(.875rem, 1.5vw, 1.5rem)}body,html{margin:0;padding:0;width:100%;max-width:100vw;min-height:100vh;min-height:100dvh;overflow:hidden;background-color:var(--bg-color);color:var(--ink-color);-webkit-user-select:none;user-select:none}.radar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:repeating-linear-gradient(0deg,transparent,transparent 95px,rgba(0,0,0,.018) 120px),repeating-linear-gradient(120deg,transparent,transparent 120px,rgba(0,0,0,.018) 120px);opacity:.65;-webkit-mask-image:radial-gradient(ellipse 72% 68% at 50% 50%,black 18%,transparent 72%);mask-image:radial-gradient(ellipse 72% 68% at 50% 50%,black 18%,transparent 72%)}.page-home #radar-container{max-width:min(120vh,100vmin);max-height:min(120vh,100vmin);opacity:.85;--orbit-f: .33}.page-home .radar-grid{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;background:repeating-conic-gradient(from 0deg at 50% 50%,transparent 0deg 34deg,rgba(0,0,0,.035) 34deg 35deg);opacity:.55}.page-home .radar-crosshair{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none}.page-home .radar-crosshair:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;transform:translate(-50%);background:#00000012}.page-home .radar-blip{position:absolute;left:50%;top:50%;width:9px;height:9px;border-radius:50%;transform:translate(-50%,-50%);z-index:3;pointer-events:none;background:radial-gradient(circle at 35% 35%,#fffffff2,#70f78df2 45%,#4a556859);box-shadow:0 0 6px #70f78dbf,0 0 12px #70f78d59;transition:left .65s cubic-bezier(.4,0,.2,1),top .65s cubic-bezier(.4,0,.2,1);animation:radar-blip-blink 1.05s ease-in-out infinite}@keyframes radar-blip-blink{0%,to{opacity:1;filter:brightness(1)}50%{opacity:.22;filter:brightness(.85)}}.page-home .radar-orbit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.page-home .radar-orbit__slot{position:absolute;left:50%;top:50%;width:max-content;max-width:min(44vw,220px);pointer-events:auto;transform:translate(-50%,-50%) rotate(var(--orbit-angle)) translateY(calc(-1 * var(--orbit-f) * min(100vmin,120vh))) rotate(calc(0deg - var(--orbit-angle)))}.page-home .radar-orbit__btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.25;padding:clamp(8px,1.8vw,11px) clamp(10px,2.2vw,16px);font-size:clamp(11px,2.6vw,14px);max-width:min(44vw,220px)}@media (max-width: 520px){.page-home .radar-orbit__slot{max-width:min(48vw,200px)}}.radar-mode-hint{position:fixed;left:50%;bottom:clamp(18px,4vmin,36px);transform:translate(-50%);z-index:30;width:min(520px,calc(100vw - 40px));margin:0;padding:12px 18px;border-radius:14px;font-family:var(--font-body, "Synonym-Regular", sans-serif);font-size:clamp(12px,2.4vw,14px);line-height:1.45;text-align:center;color:#0000009e;background:#ffffff8c;border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 28px #0000000f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);pointer-events:none;transition:color .2s ease,background .2s ease}.title-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;text-align:center}h1{font-family:var(--font-heading);font-size:var(--font-size-h1);line-height:1.2;text-align:center;margin:0;padding:0}.special-font{font-family:var(--font-script);font-size:var(--font-size-h1);color:var(--accent);line-height:1.2;text-align:center;margin:0;padding:0}#main-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}#radar-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:100vw;max-width:min(120vh,calc(100vw - var(--panel-width) - (var(--panel-gap) * 3)));max-height:min(120vh,calc(100vw - var(--panel-width) - (var(--panel-gap) * 3)));z-index:1;pointer-events:none;opacity:.8}.radar-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:3px solid var(--radar-line);border-radius:50%}.radar-outer{width:90%;height:90%}.radar-middle{width:60%;height:60%}.radar-inner{width:30%;height:30%}.radar-scanner{position:absolute;top:50%;left:50%;width:45%;height:45%;transform-origin:0% 0%;background:conic-gradient(from 0deg at 0% 0%,var(--radar-scanner) 0%,transparent 40%);border-radius:0 100% 0 0;animation:sweep 8s linear infinite}@keyframes sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}.zone{position:absolute;display:flex;flex-direction:column;pointer-events:auto}.zone-tl{top:40px;left:250px;align-items:flex-end}.zone-tr{top:40px;right:290px;align-items:flex-start}.zone-bl{bottom:290px;left:270px;align-items:flex-end}.zone-br{bottom:80px;right:340px;align-items:flex-end}.translucent-btn{background:var(--ui-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--ui-border);border-radius:20px;padding:10px 24px;font-family:var(--font-body, "Synonym-Regular", sans-serif);font-weight:400;font-size:14px;color:var(--ink-color);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000005}a.translucent-btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.translucent-btn:hover{background:#186dff99;border-color:var(--ui-border-active);transform:translateY(-1px)}.translucent-btn.active{background:#8583cecc;border-color:var(--accent)}.info-popover{position:absolute;top:clamp(14px,2.5vmin,28px);right:clamp(14px,2.5vmin,28px);left:auto;bottom:auto;transform:none;z-index:25;pointer-events:auto}.info-popover__trigger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:1px solid var(--ui-border);border-radius:50%;background:var(--ui-bg);color:var(--accent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 16px #0000000f;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s,color .2s}.info-popover__trigger:hover,.info-popover__trigger:focus-visible{outline:none;background:#ffffffa6;border-color:var(--ui-border-active);box-shadow:0 6px 20px #00000014;color:var(--ink-color)}.info-popover__panel{position:absolute;top:calc(100% + 12px);right:0;left:auto;bottom:auto;transform:translateY(6px);width:min(var(--panel-width),calc(100vw - 32px));padding:14px 14px 12px;border-radius:18px;background:var(--panel-bg);border:1px solid var(--panel-border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--panel-shadow);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease,transform .22s ease}.info-popover:hover .info-popover__panel,.info-popover:focus-within .info-popover__panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.info-panel__header{display:grid;gap:6px;padding:2px 2px 10px;border-bottom:1px solid rgba(0,0,0,.08)}.info-panel__kicker{font-family:var(--font-body);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#0000008c}.info-panel__title{font-family:var(--font-heading);font-size:16px;letter-spacing:.01em;color:#000000d1}.info-panel__body{font-family:var(--font-body);padding:12px 2px 10px;font-size:13px;line-height:1.45;color:#000000b8}.info-panel__body ul{margin:8px 0 0 18px;padding:0}.info-panel__body li{margin:6px 0}.info-panel__footer{font-family:var(--font-body);padding:10px 2px 0;border-top:1px solid rgba(0,0,0,.08);font-size:12px;color:#0000008c}.info-panel__modes{font-family:var(--font-body);padding:8px 2px 2px;font-size:11px;letter-spacing:.04em;color:#00000073}.machine{position:absolute;bottom:20px;right:20px;z-index:20;width:min(var(--panel-width),calc(100vw - (var(--panel-gap) * 2)));padding:14px 14px 12px;border-radius:18px;background:var(--panel-bg);border:1px solid var(--panel-border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--panel-shadow);pointer-events:auto}.machine_screen{box-shadow:var(--panel-shadow);border-radius:18px;background:var(--panel-bg);border:1px solid var(--panel-border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}@media (max-width: 720px){.page-home #radar-container{max-width:min(120vh,100vmin);max-height:min(120vh,100vmin)}.page-home .info-popover{top:max(12px,env(safe-area-inset-top,8px));right:max(12px,env(safe-area-inset-right,8px));left:auto}.page-home .info-popover__panel{width:min(calc(100vw - 24px),var(--panel-width));max-height:min(40vh,340px);overflow:auto}}@media (max-width: 480px){.radar-mode-hint{bottom:max(12px,env(safe-area-inset-bottom,12px));width:min(520px,calc(100vw - 20px));padding:10px 14px;font-size:12px}.title-container{width:min(100%,calc(100vw - 24px));padding:0 12px;box-sizing:border-box}}@media (max-width: 380px){.page-home .radar-orbit__btn{padding:7px 8px;font-size:clamp(10px,3.2vw,12px)}}@media (min-width: 1400px){#radar-container{max-width:min(120vh,min(100vw - 420px,95vmin));max-height:min(120vh,min(100vw - 420px,95vmin))}}@media (min-width: 1800px){#radar-container{max-width:min(120vh,88vmin);max-height:min(120vh,88vmin)}}#sensor-status{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:20px;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#00000080}.status-indicator{display:flex;align-items:center;gap:6px}.dot{width:6px;height:6px;border-radius:50%;background-color:#ccc;transition:background-color .3s}.dot.active{background-color:#4ade80;box-shadow:0 0 8px #4ade80}.zone-content{margin-top:15px;opacity:1;transform:translateY(0);transition:all .4s ease}.zone-content.hidden{opacity:0;transform:translateY(-10px);pointer-events:none}#thought-input{background:transparent;border:none;border-bottom:1px solid var(--ui-border);font-family:inherit;font-size:18px;font-weight:300;color:var(--ink-color);padding:8px 4px;width:250px;outline:none;transition:border-color .3s}#thought-input:focus{border-color:var(--accent)}#thought-input::placeholder{color:#0000004d}