@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#100e1b;--surface:#181422;--line:#b9a0e329;--text:#eee9f6;--muted:#a89eb9;--cyan:#71e6d0;--gold:#e5c583;--purple:#aa8bea;--rose:#ee92af;font-family:'DM Sans',system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:14px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 6% 23%,#4f276516,transparent 43%),radial-gradient(ellipse at 90% 65%,#2d50501a,transparent 50%)}button,input,select,textarea{font:inherit}button,.file-button{cursor:pointer;color:var(--text);border:1px solid var(--line);background:#211a30;padding:10px 15px;border-radius:5px;transition:background .18s,border-color .18s}button:hover,.file-button:hover{background:#30243e;border-color:#b19bd16b}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}input,select,textarea{background:#110e1c;color:var(--text);border:1px solid var(--line);border-radius:4px;padding:10px 12px;min-width:0}input[type=color]{height:42px;width:100%;padding:5px}label{display:grid;gap:8px;font-size:12px;color:var(--muted)}p{line-height:1.65}h1,h2,h3{font-family:'Space Grotesk',system-ui,sans-serif}h1,h2,h3,p{margin-top:0}h2{font-size:25px;letter-spacing:-.7px}h3{font-size:16px}small{color:var(--muted)}[hidden]{display:none!important}.skip-link{position:absolute;top:-70px;left:20px;z-index:100;background:var(--cyan);color:#111;padding:15px}.skip-link:focus{top:10px}main{max-width:1700px;margin:auto;padding:0 4.3%}.intro{min-height:328px;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:45px 0 39px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:var(--cyan);display:flex;align-items:center;gap:10px}.live-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px #71e6d059;flex-shrink:0}.version{color:#776d8b;letter-spacing:1px;margin-left:5px}h1{font-size:clamp(36px,4vw,61px);font-weight:500;letter-spacing:-2.6px;line-height:1.04;margin:22px 0 17px;position:relative;width:max-content;max-width:100%}h1>span{color:#bba4e9}h1 svg{position:absolute;right:-77px;top:25px;width:64px;height:64px;stroke:var(--gold);stroke-width:1.6;fill:none}.intro-copy>p{font-size:13px;color:var(--muted);line-height:1.65;margin:0}.site-note{border:1px solid #d4bd7f44;background:linear-gradient(145deg,#c5a87509,#c5a87502);padding:22px 25px;width:306px;flex-shrink:0;transform:rotate(2deg);box-shadow:6px 9px 0 #00000019;position:relative}.site-note:before,.site-note:after{content:'+';position:absolute;color:#d2b9848c;top:4px;left:7px;font-size:12px}.site-note:after{left:auto;right:7px}.note-number{font-size:9px;letter-spacing:2px;color:var(--gold)}.site-note p{font-family:'Space Grotesk',sans-serif;font-size:20px;line-height:1.45;margin:16px 0}.site-note em{color:var(--gold);font-style:normal}.note-rule{height:1px;background:#d4bd7f33;margin:15px 0}.site-note>span:not(.note-number){font-size:10px;color:var(--muted)}.site-note>a{display:block;font-size:11px;margin-top:14px}.site-note>small{display:block;font-size:9px;margin-top:6px;color:#8c829a}.office{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#15111f;box-shadow:0 12px 65px #0003}.office-topline{height:38px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;background:#20192c;font-size:9px;letter-spacing:1.4px;color:#c4b5da;border-bottom:1px solid var(--line)}.office-topline>span:first-child{display:flex;align-items:center;gap:9px}#sync-status{color:#9e93b1;font-size:10px;letter-spacing:.2px}.tabs{display:flex;border-bottom:1px solid var(--line);padding:0 18px;gap:5px;overflow:auto}.tabs button{border:0;background:transparent;white-space:nowrap;border-radius:0;padding:20px 13px 17px;color:var(--muted);font-size:12px;position:relative}.tabs button>span{color:#756687;font-size:9px;margin-right:7px}.tabs button[aria-selected=true]{color:var(--cyan)}.tabs button[aria-selected=true]:after{content:'';height:2px;position:absolute;bottom:0;left:12px;right:12px;background:var(--cyan)}.tabs button[aria-selected=true]>span{color:var(--cyan)}.tabs .own-tab{margin-left:auto;color:var(--gold)}.toolbar{display:flex;gap:10px;padding:17px 22px 0;align-items:center}.search{flex:1;display:flex;align-items:center;position:relative}.search>span{position:absolute;left:12px;font-size:25px;color:#9b8fae}.search input{width:100%;padding-left:39px;font-size:11px;height:37px;background:#100d19}.search input::placeholder{color:#897e99}.toolbar>button{font-size:10px;white-space:nowrap;padding:10px 12px;background:#1d1728}.view-select{display:flex;align-items:center;gap:8px;max-width:29%}.view-select>span{font-size:8px;letter-spacing:1px;color:#8c7f9d;white-space:nowrap}.view-select>select{font-size:10px;height:37px;max-width:215px}.workspace-heading{display:flex;justify-content:space-between;align-items:center;padding:23px 24px 17px;gap:16px}.workspace-heading h2{font-size:21px;font-weight:500;margin:0 0 5px}.workspace-heading p{font-size:11px;color:#9d91ae;margin:0}.count-badge{border:1px solid var(--line);border-radius:4px;color:#b9accb;font-size:9px;letter-spacing:1px;white-space:nowrap;padding:7px 10px}#workspace{position:relative;min-height:500px;background:radial-gradient(ellipse at 50% 100%,#3020432e,transparent 70%),#100e1b;border-top:1px solid #b9a0e312;border-bottom:1px solid #b9a0e312;isolation:isolate}#scene{height:560px;width:100%;position:relative;touch-action:none}#scene canvas{width:100%;height:100%;display:block}.scene-compass{position:absolute;left:22px;bottom:25px;pointer-events:none;opacity:.6;display:grid;justify-items:center;gap:6px;font-size:7px;letter-spacing:1px;color:#ad9fc0}.scene-compass>div{font-size:29px;border:1px solid #b9a0e332;border-radius:50%;width:43px;height:43px;display:grid;place-items:center}.site-stamp{position:absolute;right:22px;bottom:23px;font-size:9px;line-height:1.5;letter-spacing:2px;color:#8a779b6b;text-align:right;pointer-events:none}.site-stamp b{color:#bfa36e6b}.workspace-footer{padding:12px 23px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);gap:14px}.legend{display:flex;flex-wrap:wrap;gap:12px;font-size:9px;color:#9d91ad}.legend>span{display:flex;align-items:center;gap:6px}.legend i{height:5px;width:5px;border-radius:50%}.cyan{background:var(--cyan)}.purple{background:var(--purple)}.gold{background:var(--gold)}.rose{background:var(--rose)}.scene-controls{display:flex;align-items:center;gap:7px}.scene-controls button{padding:5px 9px;font-size:11px;background:none}.scene-controls span{font-size:9px;color:#b3a4c6;margin:0 5px}.scene-controls #reset-camera{margin-left:10px;padding:6px 10px}.office-caption{background:#1c1627;padding:10px 23px;display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:1.2px;color:#8f809f}.office-caption>span:last-child{letter-spacing:.2px;color:#a89a91}.bottom-note{display:flex;align-items:center;gap:20px;padding:32px 3px}.tiny-mark{font-family:Georgia,serif;font-size:36px;color:#9e86bf}.bottom-note p{font-size:11px;color:#9587a3;margin:0;line-height:1.7}.bottom-note strong{color:#b8a8ca;font-weight:500}.bottom-note button{margin-left:auto;background:none;border:0;color:var(--gold);font-size:11px}.page-footer{max-width:1700px;margin:auto;padding:20px 4.3% 27px;border-top:1px solid #b9a0e31c;display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#84758f}.page-footer>span:last-child{font-size:8px;letter-spacing:1px;color:#a18daf}.page-footer a{color:#a69aaf}dialog{background:#1b1528;color:var(--text);border:1px solid #bca3ee55;border-radius:12px;max-width:620px;width:calc(100% - 30px);padding:40px;box-shadow:0 30px 100px #000a;max-height:88dvh}dialog::backdrop{background:#090611bc;backdrop-filter:blur(9px)}dialog h2{font-size:34px;line-height:1.12;margin:20px 0}dialog p{font-size:13px;color:#bbafca}dialog strong{color:#eee4fa}dialog details{border-top:1px solid var(--line);margin-top:24px;padding-top:17px}summary{cursor:pointer;color:var(--cyan);font-size:12px}.dialog-close,#close-detail{position:absolute;right:14px;top:12px;border:0;background:none;font-size:23px;color:#b6a6c7;padding:2px 8px}.text-link{font-size:13px}.warning{border:1px solid #e3bf734a;border-radius:5px;background:#e3bf7309;color:#e5cb9d!important;padding:12px}.house-options{display:grid;gap:22px;margin-top:24px}.house-options section{border-top:1px solid var(--line);padding-top:18px}.house-options h3{color:#c7b1e4;font-size:16px}.house-options label{margin-top:15px}.house-options button{margin-top:12px}.house-options p{font-size:12px}.accent-button{background:#71e6d0;color:#102922;border-color:#71e6d0}.accent-button:hover{background:#9df5e5;color:#102922}form{display:grid;gap:16px}.editor-tools{padding:0 23px 17px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.editor-tools button,.file-button{font-size:11px;padding:8px 12px}.editor-tools>span{font-size:10px;color:#a190b4;margin-left:auto}.file-button{display:block;color:var(--text)}.file-button input{display:none}#list-view{padding:24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:13px;max-height:560px;overflow:auto;min-height:300px}.list-card{text-align:left;padding:17px;display:flex;flex-direction:column;gap:12px;border-left:2px solid var(--card-color,var(--purple));background:linear-gradient(135deg,#271c37,#1c1727);min-height:130px}.list-card>strong{font-size:13px;font-weight:500;line-height:1.4}.list-card>small{font-size:9px;color:#bcaccb}.list-card>span{font-size:9px;color:var(--cyan);margin-top:auto}.scene-notice{position:absolute;left:50%;top:22px;transform:translateX(-50%);font-size:11px;background:#20182fef;border:1px solid var(--line);padding:10px;border-radius:4px;max-width:90%;z-index:3}#tooltip{position:absolute;z-index:5;pointer-events:none;max-width:280px;font-size:11px;line-height:1.5;padding:12px 15px;background:#21182ff5;border:1px solid #b89ae47a;border-radius:6px;box-shadow:0 8px 22px #0006}#detail-panel{position:fixed;right:0;top:0;bottom:0;z-index:50;width:440px;max-width:100%;padding:54px 28px 28px;overflow:auto;background:#1b1529f7;backdrop-filter:blur(20px);border-left:1px solid #b899e65c;box-shadow:-20px 0 80px #0007}#detail-panel h2{font-size:27px;line-height:1.2;overflow-wrap:anywhere}#detail-panel .eyebrow{margin-bottom:15px}#detail-panel dl{display:grid;grid-template-columns:95px 1fr;gap:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:20px;font-size:11px}#detail-panel dt{color:#9f8db6}#detail-panel dd{margin:0;overflow-wrap:anywhere;line-height:1.5}#detail-panel .markdown{padding-top:14px;border-top:1px solid var(--line);margin-top:22px}.markdown{overflow-wrap:anywhere;font-size:12px;color:#bdb0cc;line-height:1.65}.markdown h2{font-size:21px!important}.markdown h3{font-size:17px}.markdown h4,.markdown h5{font-size:14px}.markdown p{font-size:12px}.markdown code{background:#100c1b;padding:2px 4px;border-radius:3px}.markdown pre{overflow:auto;white-space:pre-wrap;background:#100c1b;padding:12px}.markdown .md-bullet{margin:5px 0}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.detail-actions button{font-size:11px}.detail-note{font-size:11px;color:#e5c583}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);padding:14px 22px;border:1px solid #71e6d066;background:#1c2730;z-index:100;max-width:90%;font-size:12px;box-shadow:0 6px 25px #0008}html[data-reduced=true] *,html[data-reduced=true] *:before{animation:none!important;transition:none!important}.list-mode .scene-compass,.list-mode .site-stamp{display:none}body:has(dialog[open]){overflow:hidden}@media(min-width:1500px){#scene{height:620px}}@media(max-width:1100px){.view-select>span{display:none}.tabs button{padding-inline:9px;font-size:11px}.tabs{padding-inline:10px}.intro{min-height:310px}h1 svg{right:-60px;width:47px}h1{font-size:48px}.site-note{width:270px;padding:20px}.site-note p{font-size:18px}.view-select{max-width:25%}}@media(max-width:760px){main{padding:0 18px}.intro{padding:34px 0;min-height:unset}.site-note{display:none}h1{font-size:clamp(30px,9vw,43px);letter-spacing:-1.7px}.eyebrow{font-size:8px;letter-spacing:1.2px}h1 svg{right:-57px;top:24px}.toolbar{flex-wrap:wrap;padding:14px 14px 0;gap:8px}.search{flex-basis:100%}.view-select{max-width:55%;flex:1}.view-select select{width:100%;max-width:none}.toolbar>button{padding:9px}.workspace-heading{padding:19px 15px 15px;align-items:start}.workspace-heading h2{font-size:19px}.workspace-heading p{font-size:10px;max-width:300px}.count-badge{font-size:8px}.office-topline{padding-inline:14px;font-size:8px;letter-spacing:.7px}#sync-status{font-size:8px}#scene{height:470px}.workspace-footer{padding:12px 14px;flex-wrap:wrap}.legend{gap:14px}.scene-controls{width:100%;justify-content:flex-end}.office-caption{padding:10px 14px;font-size:7px;letter-spacing:.5px}.office-caption>span:last-child{display:none}.scene-compass{left:12px}.site-stamp{right:12px}.page-footer{padding:18px;flex-wrap:wrap;line-height:1.6}.page-footer>span:last-child{width:100%}.bottom-note{gap:12px}.bottom-note button{max-width:120px;text-align:right;font-size:10px;padding:4px}dialog{padding:30px 24px}dialog h2{font-size:28px}#list-view{padding:15px;max-height:550px}.editor-tools{padding:0 15px 15px}.editor-tools>span{width:100%}.version{display:none}#workspace{min-height:400px}}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}}

@media(max-width:480px){h1 svg{display:none}}
