@font-face{font-family:Pretendard;src:url('assets/cosmic/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'Noto Serif KR';src:url('assets/cosmic/NotoSerifKR.ttf') format('truetype');font-weight:200 900;font-display:swap}
:root{color-scheme:dark;--space-950:#080D1B;--space-900:#0B1020;--space-750:#20283E;--nebula-500:#8A83D9;--signal-500:#FF7A84;--orbit-400:#D9BD8B;--safe-500:#57CFBF;--light-100:#EEF3FF;--light-0:#fff;--ink-900:#202538;--green:var(--signal-500);--line:#35405a;--soft:#20283e;--muted:#b3bed4;font-family:Pretendard,system-ui,'Malgun Gothic',sans-serif;color:var(--light-100);background:var(--space-950)}
body{background:radial-gradient(ellipse at 95% 8%,#35214566,transparent 42%),radial-gradient(ellipse at 0 75%,#221b3c66,transparent 45%),var(--space-950);color:var(--light-100)}
.demohead{background:#080d1b;border-bottom:1px solid #2a3046;color:#d9bd8b}.demohead span{color:var(--muted)}.layout{max-width:1400px}.workspace{padding:28px 32px 48px}aside{border-color:#262d42}aside h2,aside p,nav small{color:var(--muted)}nav button{color:#bdc7db}nav button.current{background:#20283e;color:#f3d9af;border:1px solid #66553f}nav button:hover{background:#1a2236}
.product{border-color:#34374f;background:var(--space-900);box-shadow:0 18px 70px #0003}.brandbar{border-bottom-color:#30354b;background:#0b1020}.brand{color:#f3dfbe;display:flex;gap:8px;align-items:center;font-size:26px;letter-spacing:-.03em;font-weight:650}.brand img{width:42px;height:36px;object-fit:contain}.brand small{font-size:12px;letter-spacing:.16em;font-weight:500}.brandbar>span{color:#c2c7d8}.stepmeta,.demofoot{color:var(--muted)}
main{max-width:860px;padding:36px}h1{font-family:'Noto Serif KR',Batang,serif;font-size:29px;font-weight:500;line-height:1.55;letter-spacing:-.04em}h2,h3{color:#edf1fc;font-weight:600}p{line-height:1.75}.eyebrow{color:var(--orbit-400);letter-spacing:.09em}.sub{color:var(--muted)}
button{background:#11192b;border-color:#50516a;color:var(--light-100);border-radius:12px;transition:background .15s,border-color .15s}button:hover{background:#232b43;border-color:#d9bd8b}.primary{background:var(--signal-500);border-color:#ffabb0;color:#11182b;font-weight:650;box-shadow:0 3px 20px #ff7a8414}.primary:hover{background:#ff939b;border-color:#ffc3c8;color:#11182b}.ghost{color:#d9bd8b;border-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--orbit-400);outline-offset:3px}button:disabled{opacity:.45}
input,select{background:var(--space-750);color:var(--light-100);border-color:#536078}input::placeholder{color:#b5bfd1;opacity:1}input:focus,select:focus{border-color:#d9bd8b}input[type=checkbox]{accent-color:#ff7a84}option{background:#20283e;color:#eef3ff}.error{color:#ffafb8}
.role,.proposal,.person{background:#121a2b;border-color:#3a4057}.role{border-color:#71624f;position:relative}.role:hover{background:#1d243b}.role strong{color:#f1dfc0;font-weight:550}.role span{color:#c4cede}.role .symbol{color:#d9bd8b;font-size:30px}.roles{margin:26px 0;gap:16px}.note{background:#181f33;border-color:#d9bd8b;color:#e2e7f4}.viewer{background:#121a2b;border-color:#59617d;color:#bbc6db}.viewer button{background:#171f33;color:#d9bd8b}.avatar{background:#252c46;color:#d9bd8b}.status{background:#243346;color:#c3efe4}.resultline,.selection,.timespanel{border-color:#35405a}.resultline span{color:var(--muted)}.invitecode{background:#1b2439;color:#f1d5a6;border:1px solid #695e4b}.complete{background:#57cfbf1c;color:var(--safe-500)}
.switcher button.selected,.monthtabs button.selected,.times button.selected{background:#ff7a84;color:#11182b;border-color:#ffb4b9}.day{background:transparent;color:#edf1fc}.weekday{color:#c0c8d8}.day.picked{background:#342f4d;border-color:#8a83d9}.day.active{background:#ff7a84;color:#11182b;border-color:#ffacb4}.day:disabled{opacity:.28}.selection button{color:#ead4ad}
.hostbottom{background:#0d1425;border-color:#3a4057}.hostbottom button,.hostbottom button[aria-current=page]{background:transparent;color:#c1cbe0}.hostbottom button[aria-current=page]{color:#ff9a9f;background:#ff7a840d}.hostbottom button:hover{background:#20283e}.host-directory .host-card{background:#121a2b;border-color:#414962}.host-card strong{color:#f2deba}.host-card span{color:#c0c9db}
.dialog{background:#11192b;color:#eef3ff;border-color:#51546d!important;box-shadow:0 16px 80px #0008}.dialog::backdrop,.dialogshade{background:#030713cc}.dialog .note{background:#20283e}.graph-route{background:#131b2c;border-color:#5a5d78}.graph-route li{color:#d6dfef}.beta-credits{border-color:#75624a;background:linear-gradient(125deg,#171d31,#242034)}.beta-credits h2{font-family:'Noto Serif KR',Batang,serif;color:#efd6ad;font-size:30px}
.ontology-legend{color:#c1cada}.ontology-legend i{border-color:#9ba7c1}.ontology-legend .legend-host{background:#d9bd8b;border-color:#d9bd8b}.ontology-legend .legend-male{background:#a6c8f5}.ontology-legend .legend-female{background:#f7bad2}.ontology-legend .legend-intro{border-color:#ff7a84}.ontology-legend .legend-path{border-color:#57cfbf}.graph-scopes button[aria-pressed=true]{background:#d9bd8b;border-color:#e8cea5;color:#101729}.map-summary{color:#c1cbe0}.ontology-map{border-color:#5b5263;background:#0b1020}.map-toolbar{background:#12182a;border-color:#3b4058}.map-toolbar output{color:#e2c89e}.map-footer{background:#0e1528;border-color:#343b55}.map-hint,.map-footer .map-hint{background:transparent;color:#bfc8dc}
#graphOverviewV3{background-image:radial-gradient(ellipse at 75% 35%,#45305b55,transparent 55%),radial-gradient(#64718b55 .8px,transparent .8px);background-size:auto,36px 36px;background-color:#0b1020}.map-orbit{stroke:#675b7855;stroke-dasharray:none}.ontology-node rect{fill:#20283e;stroke:#d9bd8b}.ontology-node.self rect{fill:#332a43;stroke:#ff9b9e}.ontology-node.host .node-glyph{fill:#f3dcba}.ontology-node .node-label{fill:#eef3ff;stroke:#0b1020}.ontology-node .node-glyph{fill:#121b2b}.ontology-node.locked circle{stroke:#9ea7c0}.ontology-node.chosen circle,.ontology-node.chosen rect{stroke:#57cfbf}.ontology-node.focused circle,.ontology-node.focused rect,.ontology-node:focus-visible circle,.ontology-node:focus-visible rect{stroke:#ff9a9f}.ontology-edge path{stroke:#8899b0}.ontology-edge.host-host path{stroke:#cfb487}.ontology-edge.solo-solo path{stroke:#a59dd9}.ontology-edge.introduction path{stroke:#ff7a84}.ontology-edge.chosen path{stroke:#57cfbf}.ontology-edge .edge-caption{fill:#e8d4af;stroke:#0b1020}.map-context{background:#141c30;border-color:#d9bd8b}.map-context p,.map-context li{color:#d0daeb}.map-footer #mapMinimap{background:#11192b;border-color:#69718d}#mapMiniWindow{fill:#ff7a8418;stroke:#ff9b9f}
.map-list-panel{max-height:340px;overflow:auto;padding:18px;background:#11192b;border-top:1px solid #414960}.map-list-panel[hidden]{display:none}.map-list-panel h3{color:#d9bd8b}.map-list-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.map-list-items button{display:grid;gap:5px;text-align:left;min-width:0}.map-list-items small{color:#c3cde0;font-size:12px}.map-list-items span{font-weight:600}
.cosmic-intro{position:relative;isolation:isolate;text-align:center;overflow:hidden;margin:-36px -36px 28px;padding:44px 26px 0;background:radial-gradient(ellipse at 90% 55%,#44274e55,transparent 55%),linear-gradient(145deg,#080d1b,#17152e 70%,#34244c)}.cosmic-intro .intro-logo{width:88px;height:66px;margin:0 auto 14px}.cosmic-intro h1{font-size:clamp(34px,3.2vw,48px);font-weight:400;line-height:1.65;letter-spacing:-.06em;margin:0 0 22px;color:#faf4e9}.cosmic-intro h1 em{font-style:normal;color:#ff8a91}.cosmic-intro .intro-description{font-size:16px;color:#e3e7f2;max-width:32em;margin:0 auto 18px}.cosmic-intro .intro-slogan{font-family:'Noto Serif KR',Batang,serif;color:#e5d0ac;font-size:15px;margin:0 0 24px}.cosmic-intro .primary{min-width:225px;border-radius:28px;padding:14px 24px}.cosmic-scene{height:190px;margin:22px -26px 0;overflow:hidden;position:relative}.cosmic-scene img{width:100%;height:100%;object-fit:cover;object-position:center bottom;display:block}.cosmic-scene:before{content:'';position:absolute;inset:0;background:linear-gradient(#141429,transparent 35%);z-index:1}.cosmic-intro:before{content:'';position:absolute;z-index:-1;inset:0;background-image:radial-gradient(circle at 10% 13%,#eef3ff 1px,transparent 2px),radial-gradient(circle at 83% 9%,#d9bd8b 1px,transparent 2px),radial-gradient(circle at 25% 60%,#8a83d9 1px,transparent 2px),radial-gradient(circle at 88% 47%,#eef3ff 1px,transparent 2px)}.role-heading{font-size:20px;color:#f0ddbf;text-align:center;font-family:'Noto Serif KR',Batang,serif;margin:20px 0 10px}.cosmic-intro+ .role-heading{scroll-margin-top:24px}
.consent-signal{border:1px solid #576976;background:#57cfbf0d;border-radius:12px;padding:16px;margin-bottom:24px;display:flex;gap:14px;align-items:center}.consent-signal img{width:65px;flex:0 0 65px;animation:signal-arrive .35s ease-out}.consent-signal h3{color:#9de4d8;margin:0 0 6px}.consent-signal p{font-size:13px;margin:0;color:#d6e2ec}@keyframes signal-arrive{from{opacity:.25;transform:scale(.9)}to{opacity:1;transform:scale(1)}}
@media(max-width:850px){.workspace{padding:16px 12px 32px}aside{border-color:#30364d}main{padding:28px 20px}.brandbar{padding:16px 18px}.brandbar>span{max-width:48%;font-size:10px;text-align:right}.cosmic-intro{margin:-28px -20px 24px;padding:30px 20px 0}.cosmic-intro .intro-logo{width:76px;height:54px}.cosmic-scene{margin-left:-20px;margin-right:-20px;height:160px}.cosmic-intro h1{font-size:34px}.cosmic-intro .intro-description{font-size:14px}.cosmic-intro .intro-slogan{font-size:13px}.brand small{font-size:10px}.map-list-items{grid-template-columns:minmax(0,1fr)}}
@media(max-width:430px){main{padding:26px 20px}.cosmic-intro{margin-top:-26px}.cosmic-intro h1{font-size:32px}.cosmic-intro .primary{min-width:0;width:100%}.roles{gap:10px}.role{padding:20px 14px}.role strong{font-size:20px}.map-toolbar button{font-size:12px}.hostbottom{padding:10px 12px}main:has(#graphOverviewV3){padding:24px 12px}.consent-signal{padding:12px;gap:9px}.consent-signal img{width:45px;flex-basis:45px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.brandbar .brand>span{font-size:26px;line-height:1.2;color:#f3dfbe}.brandbar .brand small{font-size:11px;color:#f3dfbe}@media(max-width:430px){.brandbar .brand>span{font-size:24px}.brandbar .brand small{font-size:10px}}

.consent-signal:not(.is-new) img{animation:none}

/* Selection is not consent: reserve mint for actual two-party acceptance. */
.ontology-node.chosen circle,.ontology-node.chosen rect{stroke:#d9bd8b}
.ontology-edge.chosen path{stroke:#eef3ff;stroke-width:7}
.ontology-legend .legend-path{border-color:#eef3ff}
.ontology-legend .legend-consent{width:23px;height:0;border:0;border-top:3px dashed #57cfbf;border-radius:0}
.ontology-edge.introduction.consented path{stroke:#57cfbf}
.ontology-node:focus-visible circle,.ontology-node:focus-visible rect{stroke:#eef3ff;stroke-width:9;stroke-dasharray:3 3}

#graphOverviewV3:focus-visible,#mapMinimap:focus-visible{outline:3px solid #d9bd8b;outline-offset:-4px}
.single-universe{display:flex;gap:20px;align-items:center;padding:22px;margin:24px 0;border:1px solid #64596c;border-radius:14px;background:radial-gradient(ellipse at 0 100%,#41315255,transparent 70%),#12192b}.single-universe>img{width:90px;flex:0 0 90px}.single-universe p{margin:0 0 5px}.single-universe .sub{font-size:13px}.single-universe h3{font-family:'Noto Serif KR',Batang,serif;color:#ecd7b6;line-height:1.7}@media(max-width:430px){.single-universe{padding:18px;gap:12px}.single-universe>img{width:52px;flex-basis:52px}.single-universe h3{font-size:16px}}

h1,h2,h3{word-break:keep-all;overflow-wrap:anywhere}
@media(max-width:430px){.people{grid-template-columns:minmax(0,1fr)}}

.map-list-items button.is-picked{border-color:#d9bd8b;background:#2d293c}.map-list-items button.is-picked>span{color:#efd7b0}