:root{font-family:Inter,Montserrat,Arial,sans-serif;color:#fbfaff;background:#121521;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#121521}button,label{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible+i{outline:2px solid #a8c0ff;outline-offset:3px}#app{position:relative;width:100vw;height:100vh;height:100svh;overflow:hidden;background:radial-gradient(circle at 75% 5%,#3a57915c,transparent 38%),radial-gradient(circle at 15% 40%,#8a39633d,transparent 36%),#121521}#scene{position:absolute;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none}.topbar{position:absolute;z-index:5;top:0;left:0;right:0;height:76px;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff22;background:linear-gradient(180deg,#121521f7,#121521bf 72%,transparent);pointer-events:none}.brand{display:flex;align-items:center;gap:11px;letter-spacing:.1em}.project-home{pointer-events:auto;color:#d1cfda;text-decoration:none;font-size:8px;font-weight:900;letter-spacing:.13em;transition:.2s}.project-home:hover{color:#fff}.brand-mark{pointer-events:auto;display:grid;place-items:center;width:44px;height:44px;border-radius:13px;transform:rotate(-5deg);color:#fff8e9;text-decoration:none;font-weight:950;background:linear-gradient(135deg,#f078a0,#f0d981);box-shadow:0 10px 28px #05071066}.brand strong{display:block;font-size:14px;line-height:1}.brand small{display:block;margin-top:5px;color:#a9a7b6;font-size:7px;font-weight:800}.view-buttons{pointer-events:auto;padding:4px;display:flex;gap:3px;border:1px solid #ffffff26;border-radius:11px;background:#1b202df2;box-shadow:0 14px 34px #05071066;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}button{color:#c1bfcd;border:0;border-radius:8px;background:transparent;padding:9px 12px;font-size:9px;font-weight:850;cursor:pointer;transition:color .2s,background .2s,transform .2s}button:hover{color:#fff;background:#ffffff0d}button:active{transform:translateY(1px)}button.active{color:#111528;background:#b5c8ff}button.print{margin-left:4px;color:#17111a;background:linear-gradient(90deg,#f0d981,#ed719a)}.controls{position:absolute;z-index:5;left:20px;top:94px;width:174px;padding:16px;border:1px solid #ffffff26;border-radius:16px;background:#1b202df0;box-shadow:0 18px 48px #05071066;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.controls>span{display:block;margin-bottom:10px;color:#a8c0ff;font-size:8px;font-weight:900;letter-spacing:.18em}.controls label{display:flex;align-items:center;gap:9px;padding:7px 0;color:#e1dfe7;font-size:10px;font-weight:650;cursor:pointer}.controls input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.controls i{flex:0 0 auto;width:27px;height:15px;padding:2px;border:1px solid #ffffff16;border-radius:9px;background:#343a49;transition:.2s}.controls i:after{content:"";display:block;width:9px;height:9px;border-radius:50%;background:#999aaa;transition:.2s}.controls input:checked+i{border-color:#77cfb1;background:#3b8c72}.controls input:checked+i:after{transform:translate(12px);background:#fff}.hint{position:absolute;z-index:4;left:50%;bottom:18px;max-width:calc(100vw - 32px);transform:translate(-50%);padding:10px 16px;border:1px solid #ffffff24;border-radius:12px;background:#1b202deb;text-align:center;pointer-events:none;box-shadow:0 12px 34px #05071066;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hint b{display:block;margin-bottom:4px;color:#f2dd8d;font-size:8px;letter-spacing:.17em}.hint span{color:#c2bfcb;font-size:9px;white-space:nowrap}.legend{position:absolute;z-index:4;right:20px;bottom:20px;display:flex;gap:13px;padding:10px 13px;color:#c4c1cc;border:1px solid #ffffff1c;border-radius:11px;background:#1b202dce;font-size:8px;font-weight:750;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.legend span{display:flex;align-items:center;gap:5px}.dot{width:8px;height:8px;border-radius:50%;background:#e8665e}.dot.green{background:#55aa87}.diamond{width:8px;height:8px;background:#bd905d;transform:rotate(45deg)}#tooltip{position:absolute;z-index:8;min-width:170px;opacity:0;pointer-events:none;padding:11px 13px;color:#f9f8fd;border:1px solid #ffffff2b;border-radius:11px;background:#252b3a;box-shadow:0 15px 36px #050710aa;transform:translate(12px,-110%);transition:opacity .15s}#tooltip.show{opacity:1}#tooltip b{display:block;margin-bottom:4px;font-size:11px}#tooltip span{display:block;color:#c1bfca;font-size:8px;line-height:1.45}#exit-print{position:absolute;z-index:10;top:18px;right:18px;display:none;color:#111522;background:linear-gradient(90deg,#f0d981,#ed719a);box-shadow:0 12px 32px #0006}#exit-print span{margin-left:8px;font-size:15px}.print-mode .topbar,.print-mode .controls,.print-mode .hint,.print-mode .legend,.print-mode #tooltip{opacity:0;pointer-events:none}.print-mode #exit-print{display:block}.print-mode #app{background:#e8e1d4!important}@media(max-width:760px){.topbar{height:68px;padding:10px}.controls{top:82px;left:10px;width:152px;padding:14px}.project-home,.brand small{display:none}.brand-mark{width:40px;height:40px}.brand strong{font-size:12px}.view-buttons button{padding:8px 7px;font-size:8px}.legend{display:none}.hint{bottom:10px}.hint span{white-space:normal}.view-buttons{gap:1px}}@media(max-width:520px){.brand>div{display:none}.view-buttons button{padding-inline:6px}.controls{width:146px}.hint{width:max-content;max-width:calc(100vw - 20px)}}@media(max-height:500px){.topbar{height:58px}.brand-mark{width:36px;height:36px}.controls{top:66px;padding:10px 12px}.controls label{padding:4px 0}.hint{right:10px;left:auto;bottom:8px;transform:none}.hint b{margin:0}.hint span{display:none}}#tooltip{transform:none}