.design-comparison{padding:18px 30px 12px;border-bottom:1px solid var(--line);background:#14232c}.comparison-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.comparison-heading>div{display:flex;align-items:center;gap:18px}.comparison-heading span{font-size:8px;letter-spacing:1.6px;color:var(--muted)}.comparison-heading h2{font:17px var(--serif);margin:0}.comparison-heading>button{border:0;font-size:10px;color:var(--muted)}#designPicker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.design-option{display:flex;align-items:center;gap:12px;padding:9px;text-align:left;border-radius:7px;background:#172a35;border:1px solid #36515d}.design-option[aria-pressed=true]{border-color:var(--gold);background:#d6b5750d;box-shadow:0 0 0 1px #d6b57525}.design-mini{width:37px;height:64px;display:block;flex-shrink:0;background:#10202a;border-radius:3px;overflow:hidden}.design-mini svg{width:100%;height:100%;display:block}.preview-lines{fill:none;stroke:#d6b575;stroke-width:12}.preview-king{fill:#d6b575}.preview-person{fill:#789da5}.preview-poster{fill:#789b87}.design-option-copy small{display:block;color:var(--muted);font-size:8px;line-height:1.7}.design-option-copy b{display:block;font:15px var(--serif);margin-top:5px;white-space:nowrap}.mini-tree{background:#e4decf}.mini-tree .preview-king{fill:#69532b}.mini-metro .preview-lines{stroke:#b2a0fd}.mini-gallery{background:#211418}.mini-gallery .preview-poster{fill:#c1855f}.mini-islands{background:#193c32}.mini-islands .preview-person{fill:#93b6a2}#designDescription{font-size:11px;line-height:1.8;color:var(--muted);margin:11px 0 0;max-width:980px}#viewport{height:calc(100dvh - 485px);min-height:470px;max-height:none}.comparison-collapsed #designPicker,.comparison-collapsed #designDescription{display:none}.comparison-collapsed .comparison-heading{margin-bottom:0}.comparison-collapsed #viewport{height:calc(100dvh - 350px)}.flow-ribbon{position:absolute;inset:0;pointer-events:none;z-index:-1}.flow-ribbon path{stroke:#698b8c;stroke-width:160px;opacity:.065;fill:none}.generation-guide{position:absolute;left:50px;border-top:1px dashed #a6a09270;pointer-events:none}.generation-guide span{font:10px sans-serif;letter-spacing:3px;position:absolute;left:0;top:-22px;color:#8d836c}.metro-lane{position:absolute;top:80px;width:5px;background:#96c5e618;z-index:-1}.metro-lane.lane-1{background:#ab9beb18}.metro-label{position:absolute;top:60px;font-size:11px;letter-spacing:2px;color:#97bde5}.gallery-year{position:absolute;font:140px Georgia,serif;color:#c8977212;pointer-events:none;letter-spacing:-4px;z-index:-1}.island-halo{position:absolute;width:540px;height:500px;border-radius:50%;border:1px dashed #8bc3a53b;background:radial-gradient(ellipse,#679c8420,transparent 65%);pointer-events:none;z-index:-1}
body[data-design=river] #viewport{background:radial-gradient(ellipse at 40% 40%,#33545e19,transparent 80%),#101d27}body[data-design=river] .person-main{border-radius:12px;background:#1c303c}body[data-design=river] .person-node.king .person-main{border-radius:15px 4px 15px 4px;background:linear-gradient(130deg,#354448,#1b313c)}body[data-design=river] .edge path{stroke-linecap:round}body[data-design=river] .poster-button{border-radius:9px}
body[data-design=tree]{--bg:#f2eee3;--ink:#383d32;--muted:#7c8172;--line:#d0cbbb;--gold:#8b6c35;--panel:#e6e3d5;--teal:#527963;--red:#a75d4e}body[data-design=tree] .design-comparison{background:#e9e5d8}body[data-design=tree] .design-option{background:#f3f0e8;border-color:#ccc7b7}body[data-design=tree] .design-option[aria-pressed=true]{background:#e8e0ca;border-color:#8b6c35}body[data-design=tree] #viewport{background:#f8f5ec;box-shadow:inset 0 0 80px #9d8c6710}body[data-design=tree] .person-main,body[data-design=tree] .person-node.king .person-main{background:#fffdf6;border-color:#b8b29e;box-shadow:0 7px 20px #73664612;border-radius:1px}body[data-design=tree] .person-node.king .person-main{border-top:4px solid #9a804d}body[data-design=tree] .person-main small,body[data-design=tree] .person-main .life{color:#6d7665}body[data-design=tree] .han{background:#eae4d2;color:#8b6c35}body[data-design=tree] .person-node.king .han>small{color:#8b6c35}body[data-design=tree] .expand-branch{background:#eee8d7;color:#786030;border-color:#beb49c}body[data-design=tree] .edge path{stroke:#8c927f;opacity:.65}body[data-design=tree] .edge.succession path{stroke:#967238}body[data-design=tree] .edge.conflict path{stroke:#ad5b50}body[data-design=tree] .edge text{stroke:#f8f5ec;fill:#786030}body[data-design=tree] .event-marker{background:#eae3d0;color:#5e5f46;border-color:#bbab80;box-shadow:0 0 0 10px #f8f5ec}body[data-design=tree] .map-controls,body[data-design=tree] .minimap,body[data-design=tree] #status{background:#f0ecdf;color:#6f715b;border-color:#c6bea8}body[data-design=tree] #inspector{background:#f5f0e5f8;border-color:#c6bea8}body[data-design=tree] .inspector-text{color:#505e49}body[data-design=tree] .inspector-meta{color:#76816e}body[data-design=tree] .connection-list button{background:#e8e2d4}body[data-design=tree] .canvas-hint{background:#f8f5ecc0;color:#70775f}
body[data-design=metro]{--bg:#111a30;--panel:#1b2845;--ink:#e5effb;--muted:#a2b4d1;--line:#364969;--gold:#b4a2ff;--teal:#70d2d0;--serif:'Noto Sans KR',sans-serif}body[data-design=metro] .design-comparison{background:#17223a}body[data-design=metro] #viewport{background:linear-gradient(#24385f08 1px,transparent 1px),linear-gradient(90deg,#24385f08 1px,transparent 1px),#111b31;background-size:24px 24px}body[data-design=metro] .person-main,body[data-design=metro] .person-node.king .person-main{border-radius:30px;background:#1c2c48;border:2px solid #6a84aa;box-shadow:none}body[data-design=metro] .person-node.king .person-main{border-color:#b4a2ff;background:#2a3151}body[data-design=metro] .person-main b,body[data-design=metro] .person-node.king .person-main b{font-family:'Noto Sans KR',sans-serif;font-weight:600}body[data-design=metro] .han{border-radius:50%;background:#a3bce518;width:46px;height:46px;margin-top:8px}body[data-design=metro] .edge path{stroke-width:3;stroke-linejoin:round;stroke-linecap:round}body[data-design=metro] .edge.succession path{stroke:#b4a2ff;stroke-width:6}body[data-design=metro] .edge.family path{stroke:#7dafe9}body[data-design=metro] .edge.work path{stroke:#70d2d0}body[data-design=metro] .edge.mother path{stroke:#d19ed1}body[data-design=metro] .event-marker{background:#24304c;border-color:#a092dc;box-shadow:0 0 0 9px #111b31;border-radius:8px}body[data-design=metro] .poster-button{border:3px solid #70d2d0;border-radius:12px}body[data-design=metro] .expand-branch{background:#223554;color:#c2d5f0;border-color:#657da6}
body[data-design=gallery]{--bg:#171214;--panel:#291c22;--ink:#efe4da;--muted:#b09c9c;--line:#53393f;--gold:#d19a74;--teal:#ba969c}body[data-design=gallery] .design-comparison{background:#24191e}body[data-design=gallery] #viewport{background:radial-gradient(ellipse at 50% 20%,#94544b13,transparent 70%),#151114}body[data-design=gallery] .person-node.king .person-main{height:140px;background:linear-gradient(110deg,#4f302bc4,#251b20);border:0;border-left:2px solid #c28b6a;border-radius:0;box-shadow:0 15px 30px #0003}body[data-design=gallery] .person-node.king .person-main b{font-size:27px;font-weight:400}body[data-design=gallery] .person-main{border-radius:0;background:#251e24;border-color:#57434b}body[data-design=gallery] .poster-button{border:0;border-radius:0;box-shadow:0 25px 60px #0009}body[data-design=gallery] .poster-caption b{font-size:27px}body[data-design=gallery] .poster-caption small{font-size:11px}body[data-design=gallery] .edge path{opacity:.45;stroke:#ab8889}body[data-design=gallery] .edge.succession path{stroke:#d19a74;stroke-width:2}body[data-design=gallery] .event-marker{border:0;border-bottom:1px solid #b28566;border-radius:0;background:#21171b;box-shadow:0 0 0 10px #151114}body[data-design=gallery] .map-controls,body[data-design=gallery] .minimap{background:#281d24ed;border-color:#53393f}body[data-design=gallery] .expand-branch{background:#322127;border-color:#79544e;color:#d1a589}
body[data-design=islands]{--bg:#101f1e;--panel:#203732;--ink:#e2ebe0;--muted:#9fb9aa;--line:#38594d;--gold:#d6c488;--teal:#88c4a5}body[data-design=islands] .design-comparison{background:#192d28}body[data-design=islands] #viewport{background:radial-gradient(#7fbaa52b .7px,transparent .7px),#10231f;background-size:31px 31px}body[data-design=islands] .person-main{width:160px;height:160px;transform:translate(30px,-25px);display:flex;flex-direction:column;align-items:center;text-align:center;border-radius:50%;gap:6px;padding:16px 9px;background:radial-gradient(ellipse at 30% 20%,#365d4c,#1b342c);border:1px solid #88b49b;box-shadow:0 12px 30px #0004}body[data-design=islands] .person-node.king .person-main{width:220px;height:220px;transform:translate(20px,-40px);display:flex;flex-direction:column;align-items:center;text-align:center;border-radius:50%;padding:15px;background:radial-gradient(ellipse at 30% 20%,#4c6550,#233d32);border:1px solid #c0b980;gap:4px}body[data-design=islands] .person-node.king .han{height:75px;width:50px;gap:2px}body[data-design=islands] .han{background:transparent;height:27px;font-size:17px;width:auto;margin:0}body[data-design=islands] .person-main b{font-size:16px}body[data-design=islands] .person-main .life{display:none}body[data-design=islands] .person-main small{font-size:9px;line-height:1.5}body[data-design=islands] .person-node.king .person-main b{font-size:22px}body[data-design=islands] .person-node.king .person-main small{font-size:10px}body[data-design=islands] .expand-branch{transform:translateY(-25px);background:#233d32;border-color:#77977a;color:#d8d1a8}body[data-design=islands] .edge path{stroke:#a4bda1;stroke-linecap:round;opacity:.4}body[data-design=islands] .edge.succession path{stroke:#d6c488;stroke-width:3}body[data-design=islands] .event-marker{background:#20372d;border-color:#8c9f78;box-shadow:0 0 0 10px #10231f;border-radius:30px}body[data-design=islands] .poster-button{border-radius:25px;border-color:#7fa492}body[data-design=islands] .map-controls,body[data-design=islands] .minimap{background:#183028ed;border-color:#456c55}
@media(max-width:900px){.design-comparison{padding:15px 20px 12px}.design-option{gap:7px;padding:7px}.design-mini{width:28px;height:57px}.design-option-copy b{font-size:12px}.design-option-copy small{font-size:7px}.comparison-heading>div{gap:9px}}@media(max-width:600px){.design-comparison{padding:12px 14px 10px}.comparison-heading>div{display:block}.comparison-heading span{font-size:7px}.comparison-heading h2{font-size:16px;margin-top:5px}#designPicker{display:flex;overflow:auto;scrollbar-width:none;gap:7px}.design-option{min-width:145px;padding:9px}.design-option-copy b{font-size:14px}.design-mini{width:33px;height:60px}#designDescription{font-size:10px;line-height:1.7;min-height:52px}.comparison-heading>button{font-size:9px}#viewport{height:calc(100dvh - 510px);min-height:430px}.comparison-collapsed #viewport{height:calc(100dvh - 380px);min-height:430px}.design-option-copy small{font-size:8px}}
.tree-tools{display:none}body[data-design=tree] .tree-tools{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:12px 2px;color:#6c7366;font-size:12px}.tree-tools>div,.route-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tree-tools button{border:1px solid #c9c8b9;background:#f9f7f0;color:#596251;border-radius:20px;padding:7px 12px;font:inherit;cursor:pointer}.tree-tools button[aria-pressed=true]{background:#344d45;color:#fff;border-color:#344d45}.tree-tools small{flex-basis:100%;min-height:17px}.route-summary{margin:20px 0;padding:14px;background:#eeeadd;border-radius:12px;display:grid;gap:16px}.route-summary b{font-size:12px}.route-summary>div>div{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:8px;font-size:12px}.route-summary button{background:transparent;border:0;border-bottom:1px solid currentColor;color:inherit;cursor:pointer;padding:3px 0;font:inherit}.blood-route{color:#237d70}.royal-route{color:#916720}body[data-design=tree] .edge.trace-blood{opacity:1}body[data-design=tree] .edge.trace-blood>path{stroke:#237d70;stroke-width:4.5;filter:drop-shadow(0 0 5px #237d7033)}body[data-design=tree] .edge.trace-royal{opacity:1}body[data-design=tree] .edge.trace-royal>path{stroke:#b47b20;stroke-width:5;filter:drop-shadow(0 0 5px #b47b2044)}.edge.trace-blood text,.edge.trace-royal text{display:block!important;font-weight:700}body[data-design=tree] .linked-node{box-shadow:0 0 0 3px #448a7866,0 8px 25px #344d4520}body[data-design=tree] .linked-work{outline:4px solid #448a78;outline-offset:6px}.linked-event{box-shadow:inset 0 -3px #448a78!important}.edge.hover-relevant{opacity:1!important}.edge.work.hover-relevant>path{stroke:#258b76!important;stroke-width:4!important}.person-node,.work-node{transition:box-shadow .2s,outline-color .2s}@media(max-width:600px){.tree-tools{padding-inline:12px!important}.route-controls>span{flex-basis:100%}.tree-tools button{padding:7px 10px}.tree-tools small{font-size:11px}}@media(prefers-reduced-motion:reduce){.person-node,.work-node,#world.animate{transition:none!important}}