:root { --bg:#f6f8f7; --panel:#ffffff; --panel-2:#f2f6f3; --text:#26342d; --muted:#68766e; --line:#e2e8e4; --accent:#247755; --accent-dark:#eaf4ed; --danger:#bd4a42; --danger-dark:#fff1ef; --shadow:0 18px 45px rgba(29,53,39,.04); font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--text); background:radial-gradient(circle at 85% -10%,#f6f8f7 0,transparent 32rem),var(--bg); line-height:1.55; } button,input,textarea,select { font:inherit; } button { cursor:pointer; } a { color:inherit; } :focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
.skip-link { position:fixed; z-index:10; transform:translateY(-120%); top:8px; left:16px; padding:.5rem .8rem; color:#ffffff; background:var(--accent); border-radius:5px; } .skip-link:focus { transform:translateY(0); }
.site-header { min-height:72px; display:flex; align-items:center; gap:2rem; justify-content:space-between; padding:0 clamp(1.25rem,4vw,5rem); border-bottom:1px solid var(--line); background:rgba(17,23,19,.82); backdrop-filter:blur(18px); position:sticky; top:0; z-index:5; }.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;font-weight:800;letter-spacing:-.05em;font-size:1.22rem}.brand small{display:block;color:var(--muted);font-size:.53rem;letter-spacing:.18em}.brand-mark{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:50% 50% 50% 12%;background:var(--accent);color:#ffffff;font-weight:900}.site-header nav{display:flex;gap:1.25rem;color:var(--muted);font-size:.94rem}.site-header nav a{text-decoration:none}.site-header nav a:hover{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:.65rem}.session-label{font-size:.78rem;color:var(--muted)}.mobile-nav-toggle{display:none;border:1px solid var(--line);border-radius:5px;padding:.5rem .65rem;background:var(--panel);color:var(--text);font-weight:700;gap:.38rem;align-items:center}
.section-shell{width:min(1160px,calc(100% - 2.5rem));margin:0 auto;padding:5.3rem 0}.hero{min-height:490px;display:grid;grid-template-columns:1fr 290px;gap:4rem;align-items:center}.eyebrow{margin:0 0 .65rem;color:var(--accent);font-size:.72rem;letter-spacing:.16em;font-weight:750}.hero h1{font-size:clamp(2.6rem,6vw,5.7rem);letter-spacing:-.075em;line-height:.95;margin:0}.hero h1 em{font-style:normal;color:var(--accent)}.hero-copy{max-width:650px;color:var(--muted);margin:1.5rem 0}.hero-actions,.account-actions,.dialog-actions{display:flex;gap:.65rem;flex-wrap:wrap}.hero-rule{border-left:1px solid var(--accent);padding:1.3rem 0 1.3rem 1.3rem;display:grid;gap:.35rem}.hero-rule span{font-size:.72rem;color:var(--accent)}.hero-rule strong{font-weight:600;margin-bottom:1rem}
.section-heading,.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.section-heading{margin-bottom:1.4rem}.section-heading h2{font-size:clamp(1.75rem,3vw,2.5rem);letter-spacing:-.05em;margin:0}.panel-heading h3,.form-stack h3{margin:0;font-size:1.05rem}.button{border:1px solid var(--accent);border-radius:5px;padding:.6rem .9rem;background:var(--accent);color:#ffffff;font-weight:750;font-size:.88rem;text-decoration:none}.button:hover{filter:brightness(1.08)}.button-quiet{background:transparent;color:var(--text);border-color:var(--line)}.button-danger{background:var(--danger-dark);border-color:var(--danger);color:#a93430}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin-bottom:1.5rem}.stat{padding:1rem;background:var(--panel);border:1px solid var(--line);border-radius:8px}.stat strong{display:block;font-size:1.65rem;color:var(--accent)}.stat span{font-size:.78rem;color:var(--muted)}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.panel{border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,var(--panel),#ffffff);padding:1.15rem;box-shadow:var(--shadow)}.panel-heading{padding-bottom:.75rem;border-bottom:1px solid var(--line)}.panel-heading label{font-size:.82rem;color:var(--muted)}select,input,textarea{width:100%;color:var(--text);background:#f7f9f8;border:1px solid var(--line);border-radius:5px;padding:.6rem}.panel-heading select{width:auto;margin-left:.35rem;padding:.3rem}.timeline{list-style:none;margin:1rem 0 0;padding:0}.timeline li{border-left:2px solid var(--line);padding:0 0 1.1rem 1rem;position:relative}.timeline li:before{content:"";position:absolute;width:.56rem;height:.56rem;border-radius:50%;left:-.29rem;top:.32rem;background:var(--accent)}.timeline button{color:var(--text);background:transparent;border:0;padding:0;text-align:left;font-weight:700}.timeline time,.muted{color:var(--muted);font-size:.84rem}.evidence-empty{padding:2rem .2rem;color:var(--muted)}.evidence-chain{display:grid;gap:.8rem;padding-top:1rem}.evidence-step{border-left:2px solid var(--accent);padding:.15rem 0 .15rem .7rem}.evidence-step strong{display:block;font-size:.77rem;color:var(--accent);letter-spacing:.09em}.evidence-step p{margin:.22rem 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.community-tabs{display:flex;gap:.4rem;margin-bottom:1rem}.tab{color:var(--muted);border:0;border-bottom:2px solid transparent;padding:.5rem .2rem;background:transparent}.tab[aria-selected="true"]{color:var(--accent);border-color:var(--accent)}.post-list,.queue-list,.audit-list{display:grid;gap:.75rem}.post{padding:1.15rem;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.post-head{display:flex;align-items:start;justify-content:space-between;gap:1rem}.post h3{margin:0;font-size:1.1rem}.post p{white-space:pre-wrap;overflow-wrap:anywhere}.post-meta{font-size:.78rem;color:var(--muted)}.post-actions{display:flex;gap:.5rem;flex-wrap:wrap}.text-button{color:var(--accent);background:transparent;border:0;padding:.2rem 0;font-size:.84rem}.badge{display:inline-block;padding:.13rem .42rem;border:1px solid var(--line);border-radius:99px;color:var(--muted);font-size:.72rem}.badge.warn{border-color:#b78b37;color:#806016}.badge.danger{border-color:var(--danger);color:var(--danger)}.queue-item,.audit-item{padding:.75rem 0;border-bottom:1px solid var(--line)}.queue-item:last-child,.audit-item:last-child{border:0}.queue-item p{margin:.4rem 0}.queue-actions{display:flex;gap:.4rem;flex-wrap:wrap}.appeal-panel,.audit-panel{margin-top:1rem}.form-stack{display:grid;gap:.9rem}.form-stack label{display:grid;gap:.32rem;font-size:.88rem}.account-section{border-top:1px solid var(--line)}
.live-read-section{scroll-margin-top:4rem}.live-read-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:1rem;align-items:start}.live-read-feed{display:grid;gap:.9rem}.live-read-card{position:relative;overflow:hidden;padding:1.25rem 1.3rem;border:1px solid #d9e5dd;border-radius:14px;background:radial-gradient(circle at 95% 0,rgba(183,226,91,.12),transparent 13rem),linear-gradient(145deg,#f0f6f2,#ffffff);box-shadow:var(--shadow)}.live-read-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent)}.live-read-card-top,.live-read-card-foot{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.live-read-card-top time{font-size:.76rem;color:var(--muted)}.live-read-kicker{font-weight:850;color:var(--accent);letter-spacing:-.04em}.live-read-card h3{margin:.65rem 0 .35rem;font-size:1.28rem;letter-spacing:-.035em}.live-read-card>p{margin:.25rem 0 1rem;white-space:pre-wrap}.context-cloud,.context-options{display:flex;gap:.45rem;flex-wrap:wrap}.context-cloud{margin-bottom:.9rem}.context-chip,.context-choice span{display:inline-flex;align-items:center;gap:.38rem;padding:.32rem .55rem;border:1px solid var(--line);border-radius:999px;background:#f6f9f7;font-size:.8rem}.context-chip small,.context-choice small{color:var(--accent);font-size:.65rem}.fandom-context-lens-chip{color:var(--text);font:inherit;text-align:left;cursor:pointer}.fandom-context-lens-chip:hover,.fandom-context-lens-chip:focus-visible{border-color:var(--accent);background:#f0f6f2}.live-read-context-history{display:grid;gap:.45rem;margin:-.25rem 0 .9rem}.live-read-context-history>p{margin:0}.live-read-reaction{font-size:.78rem;color:var(--muted)}.live-read-activity-actions{margin-left:auto}.live-read-activity{display:grid;gap:.65rem;flex-basis:100%;padding:.7rem .8rem;border:1px solid var(--line);border-radius:7px;background:#f7f9f8}.live-read-activity section{display:grid;gap:.25rem}.live-read-activity h4{margin:0;color:var(--muted);font-size:.75rem}.live-read-activity ol{display:grid;gap:.35rem;margin:0;padding:0;list-style:none}.live-read-activity li{display:flex;justify-content:space-between;gap:.7rem;font-size:.8rem}.live-read-activity li span{color:var(--muted);text-align:right}.live-read-activity p{margin:0}.live-read-compose{position:sticky;top:5.5rem}.live-read-empty{min-height:190px;display:grid;place-content:center;text-align:center;border:1px dashed var(--line);border-radius:14px;background:rgba(25,35,28,.55);padding:2rem}.live-read-empty p{margin:.35rem 0}.context-fieldset{margin:0;padding:.75rem;border:1px solid var(--line);border-radius:7px}.context-fieldset legend{padding:0 .3rem;font-size:.88rem}.context-choice{display:inline-flex!important;cursor:pointer}.context-choice input{width:auto;accent-color:var(--accent)}.context-choice:has(input:checked) span{border-color:var(--accent);background:var(--accent-dark)}
.fandom-lineage-panel{margin-bottom:1rem;box-shadow:none}.lineage-list{display:grid;gap:.55rem;padding-top:.8rem}.lineage-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:.55rem;border:1px solid var(--line);border-radius:7px;background:#f7f9f8}.lineage-item>span{overflow-wrap:anywhere}.lineage-item>strong{color:var(--accent)}.lineage-item>small{color:var(--muted);font-size:.7rem}.fandom-independent-cell{grid-template-columns:minmax(0,1fr) auto}.fandom-explorer-action{grid-column:2/-1;display:grid;justify-items:start;gap:.45rem}.fandom-independent-cell .fandom-explorer-action{grid-column:auto}.fandom-explorer{width:100%;display:grid;gap:.55rem;padding:.65rem;border:1px solid var(--line);border-radius:6px;background:rgba(25,35,28,.7)}.fandom-explorer p{margin:0}.fandom-explorer section{display:grid;gap:.25rem}.fandom-explorer h4{margin:0;color:var(--muted);font-size:.75rem}.fandom-explorer ol{display:grid;gap:.35rem;margin:0;padding:0;list-style:none}.fandom-explorer li{display:flex;align-items:baseline;justify-content:space-between;gap:.65rem;font-size:.79rem}.fandom-explorer li span,.fandom-explorer li time{color:var(--muted);text-align:right;font-size:.75rem}
.fandom-context-lens-panel{margin-bottom:1rem;border-color:#d9e5dd;background:radial-gradient(circle at 96% 0,rgba(183,226,91,.11),transparent 17rem),linear-gradient(145deg,#f4f7f5,#ffffff)}.fandom-context-lens{display:grid;gap:.9rem;padding-top:.95rem}.fandom-context-lens-read{display:grid;gap:1rem}.fandom-context-lens-heading{display:flex;align-items:start;justify-content:space-between;gap:1rem}.fandom-context-lens-heading h3{margin:.16rem 0 .35rem;font-size:1.12rem}.fandom-context-lens-heading p{margin:.15rem 0 0}.fandom-context-lens-actions{display:flex;align-items:start;gap:.75rem;flex-wrap:wrap;padding:.8rem;border:1px solid rgba(122,157,112,.55);border-radius:8px;background:#f7f9f8}.fandom-context-lens-actions>.queue-actions{align-items:center}.fandom-context-lens-explorer,.fandom-context-lens-feed{padding:.9rem;border:1px solid var(--line);border-radius:8px;background:rgba(16,24,18,.82)}.fandom-context-lens-feed{border-color:#d9e5dd}.fandom-context-lens-feed .fandom-scoped-feed-items{margin-top:.8rem}.fandom-context-lens-action{justify-self:start}
.advanced-tools{margin-bottom:1rem;border:1px solid var(--line);border-radius:8px;background:rgba(25,35,28,.48);padding:0 1.15rem}.advanced-tools>summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3.4rem;cursor:pointer;font-weight:750}.advanced-tools>summary::marker{color:var(--accent)}.advanced-tools[open]{padding-top:.35rem}.advanced-tools[open]>summary{margin-bottom:1rem;border-bottom:1px solid var(--line)}
.fandom-context-lens-relationship-centers{display:grid;gap:.55rem;flex:1 1 300px;margin:0;padding:.7rem .8rem;border:1px solid var(--line);border-radius:7px;background:#f6f9f7}.fandom-context-lens-relationship-centers p{margin:0}.fandom-context-lens-relationship-centers label{display:grid;gap:.32rem;font-size:.82rem;color:var(--muted)}.fandom-context-lens-relationship-centers select{font-size:.82rem}
.notice{position:fixed;z-index:20;right:1rem;top:5rem;max-width:min(420px,calc(100% - 2rem));padding:.8rem 1rem;border:1px solid var(--accent);background:#edf5ef;color:var(--text);border-radius:7px;box-shadow:var(--shadow)}.notice.error{border-color:var(--danger);background:#fff1ef}.dialog{width:min(510px,calc(100% - 2rem));color:var(--text);border:1px solid var(--line);border-radius:10px;padding:1.4rem;background:var(--panel);box-shadow:var(--shadow)}.dialog::backdrop{background:rgba(0,0,0,.65)}.dialog-close{display:flex;justify-content:flex-end;margin:-.55rem -.55rem 0}.dialog-close button{border:0;background:transparent;color:var(--muted);font-size:1.5rem}.auth-switch{display:flex;gap:1rem;margin-bottom:1rem}.is-hidden{display:none!important}.role-section{scroll-margin-top:5rem}
.soop-preview-meta{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin:1rem 0 .6rem}.soop-preview-list{display:grid;gap:.45rem;list-style:none;margin:.4rem 0;padding:0}.soop-preview-list li{display:flex;justify-content:space-between;gap:1rem;padding:.45rem .55rem;border:1px solid var(--line);border-radius:5px;background:#f7f9f8}.soop-preview-list li span{text-align:right}.soop-atlas-section+ .soop-atlas-section{margin-top:1.15rem;padding-top:.8rem;border-top:1px solid var(--line)}.soop-atlas-section h4{margin:0 0 .4rem}.soop-oembed-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem;margin:0}.soop-oembed-fields div{padding:.6rem;border:1px solid var(--line);border-radius:5px;background:#f7f9f8}.soop-oembed-fields dt{font-size:.74rem;color:var(--muted)}.soop-oembed-fields dd{margin:.15rem 0 0;overflow-wrap:anywhere}.panel h4{margin:1rem 0 .35rem;font-size:.88rem;color:var(--muted)}
@media(max-width:780px){.site-header{gap:.8rem;min-height:62px;position:sticky;flex-wrap:wrap;padding-block:.65rem}.mobile-nav-toggle{display:inline-flex;order:2;margin-left:auto}.site-header nav{display:none;order:4;flex:0 0 100%;width:100%;gap:.2rem;padding:.55rem 0 .1rem;border-top:1px solid var(--line);font-size:1rem}.site-header nav.is-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.site-header nav a{min-height:44px;display:flex;align-items:center;padding:.45rem .6rem;border-radius:5px}.site-header nav a:hover,.site-header nav a:focus-visible{background:var(--panel-2)}.header-actions{order:3}.session-label{display:none}.section-shell{width:min(100% - 1.5rem,1160px);padding:3.6rem 0}.hero{grid-template-columns:1fr;gap:2rem;min-height:unset}.hero-rule{grid-template-columns:auto 1fr;gap:.25rem 1rem}.hero-rule strong{margin:0}.stats-grid{grid-template-columns:repeat(2,1fr)}.two-column,.live-read-layout{grid-template-columns:1fr}.live-read-compose{position:static}.section-heading{align-items:end}.section-heading .button{white-space:nowrap}.advanced-tools{padding-inline:.85rem}.advanced-tools>summary{align-items:flex-start;flex-direction:column;padding:.8rem 0}.lineage-item{grid-template-columns:auto 1fr auto}.lineage-item>small{grid-column:2/-1}.lineage-item>span:nth-of-type(2){grid-column:2/-1}}
@media(max-width:430px){.brand small{display:none}.site-header{padding:0 .75rem}.header-actions .button{padding:.45rem .6rem}.hero h1{font-size:2.6rem}.stats-grid{gap:.5rem}.stat{padding:.7rem}.post-head{display:block}.post-actions{margin-top:.6rem}}
.fandom-overlap-contrast-action,.fandom-flow-action{grid-column:1/-1;display:grid;gap:.45rem;width:100%}.fandom-overlap-contrast,.fandom-flow{display:grid;gap:.65rem;width:100%;padding:.65rem;border:1px solid var(--line);border-radius:6px;background:rgba(25,35,28,.7)}.fandom-overlap-contrast section{display:grid;gap:.4rem}.fandom-overlap-contrast h4,.fandom-overlap-contrast p,.fandom-flow p{margin:0}
.my-live-read-submissions-control{display:grid;gap:.65rem;padding-top:.15rem;border-top:1px solid var(--line)}.my-live-read-submissions-actions{align-items:flex-start}.my-live-read-submissions{display:grid;gap:.65rem}.my-live-read-submissions>h4{margin:0;color:var(--accent)}.my-live-read-submission{display:grid;gap:.45rem;padding:.75rem;border:1px solid var(--line);border-radius:8px;background:#f6f9f7}.my-live-read-submission>div{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.my-live-read-submission time{font-size:.76rem;color:var(--muted)}.my-live-read-submission h4,.my-live-read-submission p{margin:0}.my-live-read-submission>ul{display:grid;gap:.25rem;margin:0;padding-left:1.1rem;color:var(--muted);font-size:.8rem}
.fandom-scoped-feed-action{grid-column:2/-1;display:grid;justify-items:start;gap:.45rem}.fandom-independent-cell .fandom-scoped-feed-action{grid-column:auto}.live-read-context-history .fandom-scoped-feed-action{grid-column:auto;width:100%}.fandom-scoped-feed{width:100%;display:grid;gap:.65rem;padding:.65rem;border:1px solid var(--line);border-radius:6px;background:rgba(25,35,28,.7)}.fandom-scoped-feed p{margin:0}.fandom-scoped-feed-items{display:grid;gap:.65rem}.fandom-scoped-feed-card{box-shadow:none}.fandom-scoped-feed-triple-actions{display:grid;gap:.45rem;margin-top:.65rem;padding:.65rem;border:1px solid rgba(122,157,112,.55);border-radius:6px;background:#f7f9f8}.fandom-scoped-feed-triple-actions p{margin:0}.fandom-scoped-feed-triple-actions .queue-actions{align-items:end}.fandom-scoped-feed-triple-actions label{display:grid;gap:.2rem;min-width:10rem;color:var(--muted);font-size:.78rem}.fandom-scoped-feed-triple-actions select{width:auto;min-width:10rem;padding:.35rem .45rem;font-size:.82rem}
.live-read-reply-actions{margin-left:auto}.live-read-replies{display:grid;gap:.65rem;flex-basis:100%;padding:.7rem .8rem;border:1px solid var(--line);border-radius:7px;background:#f7f9f8}.live-read-reply-list{display:grid;gap:.55rem}.live-read-reply{padding:.7rem .8rem;border:1px solid rgba(122,157,112,.45);border-radius:7px;background:#f6f8f7}.live-read-reply time{font-size:.74rem;color:var(--muted)}.live-read-reply p{margin:.35rem 0 0;white-space:pre-wrap}.live-read-reply-form{display:grid;gap:.45rem}.live-read-reply-form label{display:grid;gap:.35rem;font-size:.82rem;color:var(--muted)}.live-read-reply-form textarea{width:100%;min-height:4.75rem;resize:vertical}.live-read-replies>.muted{margin:0}
.community-post-replies{display:grid;gap:.65rem;margin-top:.7rem;padding:.7rem .8rem;border:1px solid var(--line);border-radius:7px;background:#f7f9f8}.community-post-reply-list{display:grid;gap:.55rem}.community-post-reply{padding:.7rem .8rem;border:1px solid rgba(122,157,112,.45);border-radius:7px;background:#f6f8f7}.community-post-reply time{font-size:.74rem;color:var(--muted)}.community-post-reply p{margin:.35rem 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.community-post-reply-form{display:grid;gap:.45rem}.community-post-reply-form label{display:grid;gap:.35rem;font-size:.82rem;color:var(--muted)}.community-post-reply-form textarea{width:100%;min-height:4.75rem;resize:vertical}.community-post-replies>.muted{margin:0}
.community-post-context{display:grid;gap:.65rem;margin-top:.7rem;padding:.7rem .8rem;border:1px solid var(--line);border-radius:7px;background:#f7f9f8}.community-post-context-list{display:grid;gap:.6rem}.community-post-context-list section{padding:.65rem .75rem;border:1px solid rgba(122,157,112,.45);border-radius:7px;background:#f6f8f7}.community-post-context-list h4{margin:0;color:var(--accent);font-size:.8rem}.community-post-context-list p{margin:.35rem 0;color:var(--muted);font-size:.82rem}.community-post-context>.muted{margin:0}
.host-read-section{scroll-margin-top:4rem}.host-read-panel,.host-preparation{display:grid;gap:1.2rem}.host-session-list,.host-deck-cards,.host-candidate-list{display:grid;gap:.7rem}.host-session-item{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;padding:.75rem .85rem;border:1px solid var(--line);border-radius:7px;background:#f7f9f8}.host-session-item .text-button{margin-left:auto}.host-preparation{padding:1rem;border:1px solid #d9e5dd;border-radius:10px;background:#f7f9f8}.host-candidate-fieldset{display:grid;gap:.7rem}.host-candidate{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:start;gap:.65rem;padding:.85rem;border:1px solid var(--line);border-radius:8px;background:#ffffff;cursor:pointer}.host-candidate:has(input:checked){border-color:#36734d;background:#f0f6f2}.host-candidate input{margin-top:.28rem}.host-candidate-index{display:grid;place-items:center;min-width:1.55rem;height:1.55rem;border-radius:999px;background:#e7f0e9;color:var(--muted);font-size:.78rem}.host-candidate-copy{display:grid;gap:.35rem;min-width:0}.host-candidate-copy>span{white-space:pre-wrap}.host-candidate-copy time{font-size:.76rem;color:var(--muted)}.host-deck{display:grid;gap:.8rem;padding-top:1rem;border-top:1px solid var(--line)}.host-deck-heading,.host-deck-card-top,.host-deck-card-foot{display:flex;align-items:center;justify-content:space-between;gap:.7rem;flex-wrap:wrap}.host-deck-heading h3{margin:0}.host-deck-heading p{margin:.25rem 0 0}.host-deck-card{padding:1rem 1.05rem;border:1px solid #d9e5dd;border-radius:10px;background:linear-gradient(145deg,#f0f6f2,#ffffff)}.host-deck-card h3{margin:.6rem 0 .35rem;font-size:1.12rem}.host-deck-card>p{margin:.3rem 0 .8rem;white-space:pre-wrap}.host-deck-card-foot{padding-top:.8rem;border-top:1px solid rgba(122,157,112,.35)}.host-deck-card-foot time{font-size:.76rem;color:var(--muted)}.host-deck-withdrawn{border-style:dashed;border-color:var(--line);background:#ffffff}.host-deck-withdrawn p{margin:.55rem 0 0}
.live-read-follow-actions{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;padding-top:.15rem}.live-read-follow-status{font-size:.76rem}
.public-evidence-review-card{display:grid;gap:.45rem}.public-evidence-review-card p{margin:0}.public-evidence-reject{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.public-evidence-reject select{width:auto;min-width:10rem;padding:.28rem .45rem;font-size:.8rem}
.host-community-post-reference-panel{display:grid;gap:1.2rem;padding:1rem;border:1px solid #d9e5dd;border-radius:10px;background:#f7f9f8}.host-community-post-reference-list{display:grid;gap:.7rem}.host-community-post-reference{display:grid;gap:.5rem;padding:1rem 1.05rem;border:1px solid #d9e5dd;border-radius:10px;background:#ffffff}.host-community-post-reference .eyebrow{margin:0}.host-community-post-reference>strong{font-size:1.04rem}.host-community-post-reference>p{margin:0;white-space:pre-wrap}.host-community-post-reference time{font-size:.76rem;color:var(--muted)}
.evidence-staging{display:grid;gap:1rem}.evidence-staging .section-heading{margin-bottom:0}.format-note{margin:0;padding:.6rem .7rem;border-left:2px solid var(--accent);background:#f7f9f8;color:var(--muted);font-size:.82rem}.structured-rows{display:grid;gap:.5rem}.structured-row{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(120px,1fr) auto;align-items:center;gap:.45rem;padding:.5rem;border:1px solid var(--line);border-radius:6px;background:#f7f9f8}.structured-row:has([data-stage-placement]){grid-template-columns:minmax(0,1.35fr) minmax(110px,1fr) 5rem auto}.structured-row:has([data-stage-context-ref]){grid-template-columns:7rem minmax(0,1fr) auto}.structured-row input,.structured-row select{min-width:0}.structured-row .text-button{white-space:nowrap}
@media(max-width:560px){.structured-row,.structured-row:has([data-stage-placement]),.structured-row:has([data-stage-context-ref]){grid-template-columns:1fr}.structured-row .text-button{justify-self:start}}
.relationship-neighborhood-read{display:grid;gap:1rem}.relationship-constellation{display:grid;gap:.75rem;margin:0;padding:.9rem;border:1px solid var(--line);border-radius:9px;background:linear-gradient(145deg,#f5f8f6,#ffffff)}.relationship-constellation figcaption{display:grid;gap:.18rem}.relationship-constellation figcaption strong{color:var(--accent)}.relationship-constellation figcaption span{font-size:.8rem;color:var(--muted)}.relationship-constellation svg{display:block;width:100%;min-height:310px;overflow:visible}.relationship-constellation-edge{stroke:#84998d;stroke-linecap:round;opacity:.85}.relationship-constellation-node circle{fill:#e3eee7;stroke:#247755;stroke-width:2}.relationship-constellation-node[role=button]{cursor:pointer}.relationship-constellation-node[role=button]:hover circle{fill:#d1e5d8}.relationship-constellation-node[role=button]:focus-visible circle{fill:#d1e5d8;stroke:#1c6949;stroke-width:4}.relationship-constellation-center circle{fill:#247755;stroke:#bddbc8;stroke-width:2}.relationship-constellation-node text,.relationship-constellation-center text{fill:var(--text);font-size:12px;paint-order:stroke;stroke:#f6f8f7;stroke-width:4px;stroke-linejoin:round}.relationship-constellation-center text{font-weight:750}.relationship-axis-matrices{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem}.relationship-neighbor-card{display:grid;gap:.75rem;padding:.85rem;border:1px solid var(--line);border-radius:8px;background:#f6f9f7}.relationship-neighbor-heading{display:grid;gap:.45rem}.relationship-neighbor-heading h4{margin:0;color:var(--text);font-size:.88rem;overflow-wrap:anywhere}.relationship-neighbor-heading p{margin:0;color:var(--muted);font-size:.76rem}.relationship-neighbor-heading .text-button{justify-self:start}.relationship-axis-matrix{display:grid;gap:.48rem;margin:0;padding:0;list-style:none}.relationship-axis-row{display:grid;grid-template-columns:5.2rem minmax(3rem,1fr) 3.2rem;gap:.4rem;align-items:center}.relationship-axis-label,.relationship-axis-value{font-size:.76rem}.relationship-axis-value{text-align:right;color:var(--accent);font-variant-numeric:tabular-nums}.relationship-axis-bar{height:.48rem;overflow:hidden;border:1px solid var(--line);border-radius:999px;background:#e6eeea}.relationship-axis-bar>span{display:block;height:100%;min-width:1px;border-radius:inherit;background:linear-gradient(90deg,#85b298,#247755)}.relationship-axis-evidence{grid-column:2/-1;color:var(--muted);font-size:.69rem;overflow-wrap:anywhere}
.relationship-pair-semantics,.relationship-pair-exclusions{display:grid;gap:.5rem;padding:.75rem .8rem;border:1px solid var(--line);border-radius:7px;background:#f6f9f7}.relationship-pair-semantics>strong,.relationship-pair-exclusions>strong{color:var(--accent);font-size:.82rem}.relationship-pair-semantics>p,.relationship-pair-exclusions>p{margin:0;color:var(--muted);font-size:.78rem}.relationship-pair-semantics ul,.relationship-pair-exclusions ul{display:grid;gap:.36rem;margin:0;padding:0;list-style:none}.relationship-pair-semantics li,.relationship-pair-exclusions li{display:grid;gap:.12rem;font-size:.78rem}.relationship-pair-semantics li span,.relationship-pair-exclusions li span{color:var(--muted);font-size:.74rem}
@media(max-width:560px){.relationship-constellation svg{min-height:250px}.relationship-constellation-node text,.relationship-constellation-center text{font-size:10px}.relationship-axis-matrices{grid-template-columns:1fr}}
.fandom-explorer-read{display:grid;gap:.8rem}.fandom-explorer-read>p{margin:0}.fandom-explorer-constellation{display:grid;gap:.65rem;margin:0;padding:.8rem;border:1px solid var(--line);border-radius:8px;background:#f6f9f7}.fandom-explorer-constellation figcaption{display:grid;gap:.18rem}.fandom-explorer-constellation figcaption strong,.fandom-explorer-constellation-notice strong{color:var(--accent)}.fandom-explorer-constellation figcaption span{font-size:.77rem;color:var(--muted)}.fandom-explorer-constellation-notice p{margin:0}.fandom-explorer-constellation svg{display:block;width:100%;min-height:300px;overflow:visible}.fandom-explorer-edges line{stroke:#84998d;stroke-width:1.5;stroke-linecap:round;opacity:.9}.fandom-explorer-arrowhead{fill:#84998d}.fandom-explorer-node circle{fill:#e3eee7;stroke:#68766e;stroke-width:2}.fandom-explorer-node text,.fandom-explorer-transition text{fill:var(--text);font-size:11px;paint-order:stroke;stroke:#f6f8f7;stroke-width:4px;stroke-linejoin:round}.fandom-explorer-transition path{fill:#e3eee7;stroke:#68766e;stroke-width:1.5}.fandom-explorer-matrix{width:100%;border-collapse:collapse;font-size:.76rem}.fandom-explorer-matrix th,.fandom-explorer-matrix td{padding:.45rem;border:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:anywhere}.fandom-explorer-matrix th{color:var(--muted);font-weight:650;background:#f7f9f8}.fandom-explorer-cell-table,.fandom-explorer-transition-table{display:grid;gap:.45rem}.fandom-explorer-cell-table h4,.fandom-explorer-transition-table h4{margin:0;font-size:.82rem;color:var(--muted)}
@media(max-width:560px){.fandom-explorer-constellation svg{min-height:240px}.fandom-explorer-node text,.fandom-explorer-transition text{font-size:9px}.fandom-explorer-matrix{font-size:.7rem}}
@media(max-width:560px){.fandom-context-lens-heading{flex-direction:column}.fandom-context-lens-actions{align-items:stretch}.fandom-context-lens-actions>.queue-actions{align-items:flex-start;flex-direction:column}.fandom-context-lens-actions>.button{align-self:start}}
.host-outcome-timeline{display:grid;gap:.35rem;margin:.8rem 0;padding:.7rem .8rem;border:1px solid var(--line);border-radius:7px;background:#f7f9f8}.host-outcome-timeline h4{margin:0;font-size:.76rem;color:var(--muted)}.host-outcome-timeline ol{display:grid;gap:.35rem;margin:0;padding:0;list-style:none}.host-outcome-timeline li{display:flex;justify-content:space-between;gap:.65rem;font-size:.79rem}.host-outcome-timeline time{color:var(--muted);font-size:.74rem;text-align:right}.host-outcome-empty{margin:.8rem 0 0;font-size:.78rem}
.fandom-context-lens-community-feed{border-color:#dbe2ed;background:#f6f8fa}.fandom-scoped-community-post-card{box-shadow:none}.fandom-scoped-community-post-card .context-cloud{margin-bottom:0}


/* SOOPOOLIM product shell: quiet surfaces, readable stories, contextual tools. */
:root {
  --bg: #f6f8f7;
  --panel: #fff;
  --panel-2: #f0f5f2;
  --text: #25342c;
  --muted: #65756c;
  --line: #e3e9e5;
  --accent: #247755;
  --accent-dark: #eaf4ed;
  --surface: #fff;
  --surface-raised: #f0f5f2;
  --surface-inset: #f8faf9;
  --radius: 16px;
  --shadow: 0 6px 24px rgba(31, 55, 41, .035);
  font-family: -apple-system, BlinkMacSystemFont, "Pretendard", "Noto Sans CJK KR", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
  font-synthesis: none;
}
html { min-width: 320px; scroll-behavior: auto; }
body.workspace-ui { background: var(--bg); font-size: 14px; line-height: 1.65; min-height: 100dvh; }
body.workspace-ui :where(h1,h2,h3,h4,p,button,a,span,label,td,th) { overflow-wrap: anywhere; }
body.workspace-ui :where(h1,h2,h3,h4) { color: var(--text); letter-spacing: -.035em; text-wrap: balance; }
body.workspace-ui svg { flex-shrink: 0; }
body.workspace-ui :where(button,input,textarea,select) { font-family: inherit; }
body.workspace-ui :where(button,a,input,textarea,select,summary):focus-visible { outline: 3px solid #74a68b; outline-offset: 3px; }
body.workspace-ui :where(h1,h2,main,section,div)[tabindex="-1"]:focus { outline: none; }
body.workspace-ui [hidden], body.workspace-ui .is-hidden { display: none !important; }
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
body.workspace-ui .site-header { position: sticky; top: 0; z-index: 30; display: block; min-height: 76px; padding: 0 32px; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.97); backdrop-filter: blur(14px); }
.header-inner { max-width: 1320px; min-height: 76px; margin: auto; display: flex; align-items: center; gap: 44px; }
body.workspace-ui .brand { display: flex; flex: 0 0 190px; align-items: center; gap: 10px; text-decoration: none; color: #254d38; }
body.workspace-ui .brand-mark { display: grid; place-items: center; height: 36px; width: 36px; border-radius: 13px 13px 13px 4px; color: white; background: var(--accent); }
.brand-mark svg { width: 23px; height: 23px; }
.brand-wordmark { font-size: 23px; font-weight: 760; letter-spacing: -.055em; line-height: 1; }
.brand-korean { display: block; margin-top: 5px; color: #718478; font-size: 9px; letter-spacing: .12em; font-weight: 500; }
.header-search { display: flex; align-items: center; gap: 10px; width: min(100%, 450px); padding: 0 14px; background: #f3f6f4; border: 1px solid transparent; border-radius: 11px; }
.header-search:focus-within { border-color: #a6c9b4; background: #fff; }
.header-search > svg { width: 18px; height: 18px; color: #75877a; }
body.workspace-ui .header-search input { background: transparent; border: 0; outline: none; box-shadow: none; min-width: 0; min-height: 42px; padding: 0; font-size: 13px; }
.header-search input::placeholder { color: #718077; }
.header-search button { display: grid; place-items: center; padding: 8px 0 8px 8px; border: 0; background: transparent; color: #6e8174; cursor: pointer; }
.header-search button svg { width: 18px; height: 18px; }
body.workspace-ui .header-actions { display: flex; gap: 10px; margin-left: auto; align-items: center; }
body.workspace-ui .session-label { color: var(--muted); font-size: 12px; white-space: nowrap; }
body.workspace-ui .header-actions .button { min-height: 38px; padding: 6px 18px; border-radius: 9px; font-size: 12px; }
body.workspace-ui .mobile-nav-toggle { display: none; }
.app-shell { display: grid; grid-template-columns: 190px minmax(0, 1fr); align-items: start; gap: 44px; max-width: 1320px; margin: 0 auto; padding: 0 0 48px; }
.product-sidebar { position: sticky; top: 110px; padding-top: 32px; min-height: calc(100dvh - 130px); display: flex; flex-direction: column; }
body.workspace-ui .workspace-nav { display: grid; gap: 5px; width: 100%; margin: 0; }
body.workspace-ui .workspace-nav a, .sidebar-link { display: flex; align-items: center; gap: 13px; width: 100%; min-height: 46px; padding: 11px 16px; border-radius: 10px; color: #5f7165; text-decoration: none; font-size: 14px; font-weight: 560; }
body.workspace-ui .workspace-nav a svg,.sidebar-link svg { width: 21px; height: 21px; }
body.workspace-ui .workspace-nav a:hover,.sidebar-link:hover { background: #edf3ee; color: #285c3e; }
body.workspace-ui .workspace-nav a[aria-current="page"] { background: #e7f0e9; color: #226a46; font-weight: 720; }
.sidebar-divider { height: 1px; background: var(--line); margin: 23px 16px; }
.sidebar-caption { color: #7c887e; font-size: 11px; font-weight: 650; padding: 0 16px; margin-bottom: 8px; }
.sidebar-link { min-height: 42px; font-size: 12px; gap: 12px; }
.sidebar-link svg { width: 18px; height: 18px; }
.sidebar-bottom { margin: auto 16px 0; padding-top: 80px; color: #849087; font-size: 10px; line-height: 1.8; }
.sidebar-mini-brand { color: #7b8c7f; font-size: 17px; font-weight: 700; letter-spacing: -.05em; }
.sidebar-bottom p { margin: 9px 0 24px; }
#main { min-width: 0; padding-top: 34px; }
body.workspace-ui .section-shell { width: 100%; margin: 0; padding: 0; scroll-margin-top: 100px; }
body.workspace-ui .workspace-view[hidden] { display: none !important; }
.community-layout { display: grid; grid-template-columns: minmax(0, 1fr) 268px; gap: 26px; align-items: start; }
.community-main { min-width: 0; }
.page-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 25px; }
.page-kicker { margin: 0 0 6px; color: #78867b; font-size: 11px; letter-spacing: .015em; }
.page-heading h1 { font-size: 27px; margin: 0; font-weight: 740; line-height: 1.4; }
.page-heading > svg { width: 32px; height: 32px; color: #68967a; }
.page-heading-mark { color: #6e997b; font-size: 35px; font-weight: 400; }
.page-description { color: var(--muted); font-size: 14px; margin: 10px 0 0; }
.compose-prompt { display: flex; align-items: center; gap: 13px; min-height: 80px; margin-bottom: 19px; padding: 16px 20px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.compose-avatar { width: 40px; height: 40px; flex: 0 0 40px; display: grid; place-items: center; border-radius: 50%; color: #85a18e; background: #edf3ee; }
.compose-avatar svg { height: 21px; width: 21px; }
.compose-prompt > button { flex: 1; min-width: 0; min-height: 44px; padding: 0; border: 0; text-align: left; background: none; font-size: 13px; color: #78877c; cursor: pointer; }
.compose-prompt-icon { display: grid; place-items: center; height: 34px; width: 34px; border-radius: 9px; color: #527960; background: #f1f6f2; }
.compose-prompt-icon svg { width: 17px; height: 17px; }
.feed-surface { overflow: hidden; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); }
.feed-toolbar { min-height: 63px; display: flex; align-items: center; justify-content: space-between; padding: 0 23px; border-bottom: 1px solid #edf0ed; }
body.workspace-ui .community-tabs { display: flex; gap: 22px; align-items: stretch; margin: 0; }
body.workspace-ui .tab { min-height: 62px; border: 0; border-bottom: 2px solid transparent; border-radius: 0; padding: 0 2px; font-size: 13px; color: #7b867e; font-weight: 500; background: transparent; }
body.workspace-ui .tab[aria-selected="true"] { color: #26744e; border-color: #26744e; font-weight: 700; }
.icon-button { display: grid; place-items: center; width: 36px; height: 36px; padding: 8px; color: #829085; border: 0; border-radius: 8px; background: transparent; cursor: pointer; }
.icon-button svg { width: 18px; height: 18px; }
.icon-button:hover { color: #286442; background: #f2f6f2; }
.feed-filterbar { display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 15px 23px 0; }
.feed-search { display: flex; align-items: center; gap: 7px; width: 190px; min-width: 0; }
.feed-search svg { width: 15px; height: 15px; color: #8a968d; }
body.workspace-ui .feed-search input { padding: 0; min-height: 28px; min-width: 0; border: 0; background: transparent; font-size: 12px; }
.feed-sort { color: #7f8a83; font-size: 11px; }
body.workspace-ui .community-feed-personalization-control { padding: 0 23px; margin: 0; }
body.workspace-ui .community-feed-personalization-control p { margin: 10px 0 0; color: #7b897e; font-size: 11px; line-height: 1.65; }
body.workspace-ui .post-list { display: grid; gap: 0; }
body.workspace-ui .post-list > .post { border: 0; border-bottom: 1px solid #edf0ed; border-radius: 0; background: #fff; padding: 24px; box-shadow: none; }
body.workspace-ui .post-list > .post:last-child { border-bottom: 0; }
body.workspace-ui .post h3 { font-size: 17px; font-weight: 680; line-height: 1.5; }
body.workspace-ui .post p { font-size: 14px; line-height: 1.85; color: #55685b; }
body.workspace-ui .post-meta { font-size: 11px; color: #7e8c81; }
body.workspace-ui .post-head { align-items: flex-start; }
body.workspace-ui .badge { border-color: #e0e9e2; background: #f4f8f5; color: #577261; font-size: 10px; }
body.workspace-ui .feed-empty, body.workspace-ui .feed-error { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 290px; gap: 9px; padding: 40px 28px 50px; text-align: center; border: 0; background: #fff; }
body.workspace-ui .feed-empty .feed-empty-icon, body.workspace-ui .feed-error .feed-empty-icon { position: relative; display: grid; place-items: center; width: 60px; height: 60px; margin-bottom: 10px; border: 1px solid #d9e8dd; border-radius: 22px 22px 22px 6px; background: #edf5ef; color: #679578; font-size: 27px; }
.feed-empty-icon::after { content: ""; position: absolute; width: 30px; height: 23px; top: 37px; left: 39px; background: #fff; border: 1px solid #dbe8de; border-radius: 9px 9px 2px 9px; transform: rotate(-10deg); }
body.workspace-ui .feed-empty h3,body.workspace-ui .feed-error h3 { margin: 0; font-size: 16px; font-weight: 650; }
body.workspace-ui .feed-empty p,body.workspace-ui .feed-error p { margin: 0; max-width: 31ch; font-size: 12px; line-height: 1.8; color: #7c897f; }
.feed-empty .button { margin-top: 12px; }
.community-aside { display: grid; gap: 20px; }
.welcome-note { position: relative; overflow: hidden; min-height: 354px; padding: 25px 25px 22px; border: 1px solid #e0eade; border-radius: 18px; background: #edf3e9; }
.note-eyebrow { display: block; color: #69805c; font-size: 9px; font-weight: 700; letter-spacing: .12em; }
.welcome-note h2 { margin: 16px 0 10px; font-size: 25px; font-weight: 690; line-height: 1.45; color: #3c5b36; letter-spacing: -.065em; }
.welcome-note p { margin: 0; color: #78886d; font-size: 12px; line-height: 1.9; }
.welcome-note > a { display: flex; align-items: center; justify-content: space-between; padding-top: 18px; border-top: 1px solid #dbe5d6; color: #557447; text-decoration: none; font-size: 11px; font-weight: 650; }
.welcome-note > a svg { width: 16px; height: 16px; }
.conversation-art { position: relative; height: 105px; margin: 9px 0 5px; }
.art-chat { position: absolute; display: flex; align-items: center; justify-content: center; gap: 5px; box-shadow: 0 6px 0 rgba(111,145,98,.05); }
.art-chat-one { width: 70px; height: 53px; left: 28px; top: 15px; border-radius: 19px 19px 19px 5px; background: #93b580; color: #f3f8ed; transform: rotate(-10deg); }
.art-chat-one svg { height: 28px; width: 28px; }
.art-chat-two { width: 66px; height: 49px; left: 91px; top: 41px; border-radius: 16px 16px 5px 16px; background: #fdfefb; transform: rotate(9deg); border: 1px solid #e0e9d8; }
.art-chat-two i { width: 5px; height: 5px; border-radius: 50%; background: #adbd9f; }
.art-spark { position: absolute; color: #9dad82; font-size: 23px; left: 167px; top: 17px; }
.community-guide { padding: 3px 7px; }
.community-guide h3 { margin: 0 0 10px; color: #60735e; font-size: 12px; font-weight: 700; }
.community-guide > p { margin: 0; font-size: 11px; color: #8a9387; line-height: 1.9; }
.community-guide details { margin-top: 13px; }
.community-guide summary { display: flex; align-items: center; justify-content: space-between; gap: 8px; list-style: none; cursor: pointer; font-size: 10px; color: #74846e; min-height: 32px; }
.community-guide summary svg { width: 13px; height: 13px; }
.community-guide details p { font-size: 11px; color: #697862; }
.preview-note { margin: 0 7px; padding: 12px 0; border-top: 1px solid var(--line); color: #75816e; font-size: 11px; line-height: 1.8; }
.preview-note:empty { display: none; }
.game-note { display: flex; gap: 10px; align-items: center; padding: 17px 14px; background: #f0eff5; border: 1px solid #e9e6ef; border-radius: 12px; text-decoration: none; color: #6c6486; }
.game-note-icon { width: 30px; height: 30px; color: #8f82ac; }
.game-note-icon svg { width: 26px; height: 26px; }
.game-note > svg { width: 15px; height: 15px; margin-left: auto; }
.game-note small { display: block; color: #91899f; font-size: 9px; margin-bottom: 3px; }
.game-note strong { display: flex; align-items: center; gap: 8px; font-size: 13px; }
.game-note strong span { font-size: 9px; font-weight: 500; color: #9990a8; }
body.workspace-ui .workspace-tools,body.workspace-ui .advanced-tools, .relationship-compare { border: 1px solid var(--line); border-radius: 12px; margin: 18px 0 0; background: #fff; padding: 0; }
body.workspace-ui .workspace-tools > summary,body.workspace-ui .advanced-tools > summary,.relationship-compare > summary { display: flex; align-items: center; gap: 10px; list-style: none; min-height: 54px; padding: 15px 20px; cursor: pointer; font-size: 12px; color: #64796c; font-weight: 550; }
body.workspace-ui .workspace-tools > summary::after,body.workspace-ui .advanced-tools > summary::after { content: "+"; margin-left: auto; font-size: 19px; font-weight: 400; color: #88a08e; }
body.workspace-ui .workspace-tools[open] > summary::after,body.workspace-ui .advanced-tools[open] > summary::after { content: "−"; }
body.workspace-ui .workspace-tools > summary .muted { font-size: 10px; color: #89958b; }
body.workspace-ui .workspace-tools > :not(summary), body.workspace-ui .advanced-tools > :not(summary), .relationship-compare > :not(summary) { margin: 16px 20px; }
body.workspace-ui .workspace-tools > .panel { border: 0; padding: 0; box-shadow: none; }
body.workspace-ui .panel { padding: 22px; border-radius: 14px; background: #fff; box-shadow: none; border: 1px solid var(--line); }
body.workspace-ui .panel + .panel { margin-top: 18px; }
body.workspace-ui .panel-heading { margin-bottom: 12px; padding-bottom: 14px; border-bottom: 1px solid var(--line); }
body.workspace-ui .panel-heading h3,body.workspace-ui .form-stack h3 { font-size: 15px; font-weight: 650; }
body.workspace-ui .muted { color: var(--muted); font-size: 12px; line-height: 1.8; }
body.workspace-ui .eyebrow { color: #819083; letter-spacing: .08em; font-size: 9px; margin-bottom: 6px; }
body.workspace-ui .section-heading { margin-bottom: 22px; align-items: center; }
body.workspace-ui .section-heading h2 { margin: 0; font-size: 25px; font-weight: 700; }
body.workspace-ui .section-heading p { margin: 8px 0 0; }
body.workspace-ui .section-heading .text-button { display: inline-flex; gap: 8px; align-items: center; }
.section-heading .text-button svg { width: 16px; height: 16px; }
body.workspace-ui .button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 9px 16px; border: 1px solid var(--accent); border-radius: 9px; background: var(--accent); color: #fff; font-size: 12px; font-weight: 650; text-decoration: none; cursor: pointer; }
body.workspace-ui .button:hover { filter: none; background: #1d6245; }
body.workspace-ui .button-quiet { color: #4c6b58; border-color: #dbe5de; background: #fff; }
body.workspace-ui .button-quiet:hover { background: #f0f6f2; }
body.workspace-ui .button-danger { color: #b74741; border-color: #ecd8d5; background: #fff8f7; }
body.workspace-ui .button-danger:hover { background: #faecea; }
body.workspace-ui .text-button { display: inline-flex; align-items: center; min-height: 34px; font-size: 12px; padding: 4px 0; color: #40845a; }
body.workspace-ui :where(input,select,textarea) { min-height: 42px; min-width: 0; padding: 10px 12px; border: 1px solid #dbe4de; border-radius: 8px; background: #fff; color: #304638; font-size: 14px; }
body.workspace-ui textarea { min-height: 120px; line-height: 1.7; resize: vertical; }
body.workspace-ui :where(input,textarea)::placeholder { color: #929d94; }
body.workspace-ui .form-stack { gap: 18px; }
body.workspace-ui .form-stack label { gap: 7px; color: #566c5b; font-size: 12px; }
body.workspace-ui .two-column { gap: 20px; }
body.workspace-ui .workspace-subnav { display: flex; flex-wrap: wrap; gap: 5px 18px; padding: 0 0 16px; margin-bottom: 22px; border-bottom: 1px solid var(--line); }
body.workspace-ui .workspace-subnav a { padding: 6px 0; min-height: 32px; color: #829085; text-decoration: none; font-size: 12px; }
body.workspace-ui .workspace-subnav a[aria-current="location"],body.workspace-ui .workspace-subnav a:hover { color: var(--accent); }
body.workspace-ui .account-shortcuts a { border: 0; border-radius: 0; }
.loading-state { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 240px; padding: 30px; color: #829186; font-size: 13px; }
.loading-dot { height: 7px; width: 7px; border-radius: 50%; background: #96b39f; }
body.workspace-ui .live-read-layout { display: grid; grid-template-columns: minmax(0,1fr); gap: 20px; }
body.workspace-ui .live-read-feed { min-width: 0; background: white; border: 1px solid var(--line); border-radius: 16px; padding: 24px; min-height: 260px; }
body.workspace-ui .live-read-card { border: 1px solid var(--line); padding: 22px; border-radius: 13px; background: #fff; box-shadow: none; }
body.workspace-ui .live-read-card::before { display: none; }
body.workspace-ui .live-read-kicker { color: var(--accent); font-size: 11px; letter-spacing: 0; }
body.workspace-ui .live-read-card h3 { font-size: 19px; }
body.workspace-ui .context-chip,body.workspace-ui .context-choice span { background: #f1f6f3; border-color: #e3ece5; color: #5b7965; font-size: 11px; }
body.workspace-ui .context-chip small,body.workspace-ui .context-choice small { color: #7c8e80; }
body.workspace-ui .context-fieldset { border-color: var(--line); border-radius: 10px; }
body.workspace-ui .context-fieldset legend { font-size: 12px; }
body.workspace-ui .stats-grid { gap: 14px; }
body.workspace-ui .stat { background: #fff; border-color: var(--line); padding: 20px; }
body.workspace-ui .stat strong { color: #3b7752; font-size: 27px; }
body.workspace-ui .stat span { font-size: 11px; }
body.workspace-ui .account-section { border: 0; }
body.workspace-ui #account > .two-column { margin-top: 20px; }
body.workspace-ui .dialog { width: min(480px,calc(100% - 32px)); max-height: calc(100dvh - 48px); overflow: auto; padding: 32px; border: 1px solid #e5ebe6; border-radius: 20px; color: var(--text); background: #fff; box-shadow: 0 25px 100px #122d2530; }
body.workspace-ui .dialog::backdrop { background: #13281dc0; backdrop-filter: blur(3px); }
body.workspace-ui .dialog-close button { display: grid; place-items: center; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 50%; color: #7b8b7f; background: #f3f6f4; font-size: 24px; }
body.workspace-ui .dialog .tab { min-height: 42px; }
body.workspace-ui .dialog h2 { font-size: 25px; margin: 12px 0; }
body.workspace-ui .dialog .form-stack p { font-size: 12px; }
.dialog-brand { margin: 0; font-size: 23px; font-weight: 700; letter-spacing: -.05em; color: #2d7450; }
body.workspace-ui .notice { position: fixed; z-index: 60; top: 88px; left: 50%; width: max-content; max-width: min(560px,calc(100% - 32px)); transform: translateX(-50%); padding: 13px 18px; color: #285b3b; background: #fff; border: 1px solid #d1e2d6; border-radius: 12px; box-shadow: 0 8px 30px #25422d16; font-size: 13px; }
body.workspace-ui .notice.error { color: #ab4840; border-color: #e8cfc9; background: #fffaf8; }
.discovery-layout { display: grid; grid-template-columns: minmax(0,1fr) 268px; gap: 26px; align-items: start; }
.discovery-search { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 15px; background: #fff; border: 1px solid #dde7e0; border-radius: 11px; }
.discovery-search > svg { height: 18px; width: 18px; color: #7e9485; }
body.workspace-ui .discovery-search input { padding: 0; min-width: 0; min-height: 46px; border: 0; background: transparent; font-size: 13px; outline: none; }
.discovery-search:focus-within { outline: 2px solid #8fb99e; outline-offset: 2px; }
.discovery-main > .section-heading { margin-top: 30px; margin-bottom: 16px; }
.discovery-main > .section-heading h2 { font-size: 17px; }
.people-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(160px,1fr)); gap: 16px; }
.people-grid > .feed-empty,.people-grid > .loading-state { grid-column: 1/-1; border: 1px solid var(--line); border-radius: 14px; min-height: 330px; }
.discovery-feature { display: flex; flex-direction: column; align-items: flex-start; min-height: 322px; padding: 25px; border: 1px solid #e8e4ef; border-radius: 16px; background: #f0edf5; text-decoration: none; color: #71658a; }
.feature-icon { display: grid; place-items: center; width: 43px; height: 43px; margin-bottom: 22px; border-radius: 15px; background: #e4dcef; color: #8f7fa9; }
.feature-icon svg { height: 23px; width: 23px; }
.discovery-feature .note-eyebrow { color: #9286a4; }
.discovery-feature h2 { margin: 12px 0; color: #6b5d82; font-size: 25px; font-weight: 600; }
.discovery-feature p { margin: 0; color: #93889f; font-size: 12px; }
.feature-action { display: flex; width: 100%; align-items: center; justify-content: space-between; margin-top: 24px; padding-top: 16px; border-top: 1px solid #e1dbea; color: #7b6c90; font-size: 11px; }
.feature-action svg { height: 16px; width: 16px; }
.back-link { display: inline-flex; min-height: 34px; align-items: center; margin: -5px 0 14px; text-decoration: none; color: #829086; font-size: 11px; }
.relationship-product { background: #fff; border: 1px solid var(--line); border-radius: 18px; overflow: hidden; }
.relationship-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 24px; border-bottom: 1px solid #edf0ed; }
.relationship-toolbar .discovery-search { width: min(370px,100%); min-height: 40px; border: 0; padding: 0; }
.relationship-toolbar .discovery-search input { min-height: 40px; }
.map-legend { display: flex; align-items: center; gap: 7px; font-size: 10px; color: #8b998e; }
.map-legend i { display: block; width: 6px; height: 6px; background: #95b29c; border-radius: 50%; }
.directory-status { font-size: 11px; color: #809086; margin: 16px 24px 0; }
.directory-status:empty { display: none; }
.relationship-map { min-height: 360px; background-image: radial-gradient(#e7ede7 .8px,transparent .8px); background-size: 18px 18px; padding: 22px; }
.relationship-map > .feed-empty { min-height: 320px; background: transparent !important; }
.relationship-map svg { display: block; width: 100%; height: auto; max-height: 520px; }
.relationship-map svg text { font-family: inherit; fill: #3f604b; }
.relationship-map svg line { stroke: #c4d8cb; }
.relationship-map svg circle { fill: #f1f7f2; stroke: #92b5a0; }
.relationship-people { display: flex; flex-wrap: wrap; gap: 9px; padding: 0 24px 24px; }
.relationship-people:empty { padding: 0; }
.relationship-compare > summary { justify-content: space-between; }
.relationship-compare > summary svg { width: 16px; height: 16px; }
.relationship-compare .queue-list:empty,#relationship-neighborhood-result:empty { display: none; }
.relationship-compare form { padding: 0 0 10px; }
.mobile-bottom-nav { display: none; }

@media (max-width: 1400px) {
  .app-shell { margin-inline: 32px; gap: 30px; grid-template-columns: 175px minmax(0,1fr); }
  .header-inner { gap: 30px; }
  body.workspace-ui .brand { flex-basis: 175px; }
  .community-layout,.discovery-layout { grid-template-columns: minmax(0,1fr) 250px; gap: 22px; }
  .welcome-note { padding-inline: 22px; }
}
@media (max-width: 1120px) {
  .app-shell { grid-template-columns: 165px minmax(0,1fr); margin-inline: 24px; gap: 24px; }
  body.workspace-ui .site-header { padding-inline: 24px; }
  body.workspace-ui .brand { flex-basis: 165px; }
  .community-layout,.discovery-layout { grid-template-columns: minmax(0,1fr); }
  .community-aside { grid-template-columns: 1fr 1fr; align-items: start; }
  .welcome-note { min-height: 290px; }
  .community-guide { padding: 18px; }
  .game-note { grid-column: 2; }
  .preview-note { grid-column: 2; grid-row: 1; margin-top: 130px; }
  .welcome-note { grid-row: span 3; }
  .discovery-aside { max-width: 400px; }
  .discovery-feature { min-height: 240px; }
  .header-search { max-width: 380px; }
  body.workspace-ui .session-label { display: none; }
}
@media (max-width: 780px) {
  body.workspace-ui { padding-bottom: calc(70px + env(safe-area-inset-bottom)); background: #f7f9f7; }
  body.workspace-ui .site-header { min-height: 64px; padding-inline: 20px; }
  .header-inner { min-height: 64px; gap: 12px; }
  body.workspace-ui .brand { flex: 1; gap: 8px; }
  body.workspace-ui .brand-mark { height: 30px; width: 30px; border-radius: 10px 10px 10px 3px; }
  .brand-mark svg { height: 20px; width: 20px; }
  .brand-wordmark { font-size: 22px; }
  .brand-korean { display: none; }
  .header-search { display: none; }
  body.workspace-ui .header-actions .button { padding: 6px 13px; min-height: 36px; font-size: 11px; }
  body.workspace-ui .mobile-nav-toggle { display: grid; place-items: center; width: 36px; min-width: 36px; height: 36px; padding: 8px; border: 0; border-radius: 9px; color: #6b7f70; background: #f1f5f2; }
  .mobile-nav-toggle svg { width: 19px; height: 19px; }
  .app-shell { display: block; margin: 0; padding: 0; }
  .product-sidebar { position: static; min-height: 0; padding: 0; }
  .product-sidebar > :not(nav) { display: none; }
  body.workspace-ui .workspace-nav { display: none; position: fixed; z-index: 35; left: 12px; right: 12px; top: 72px; width: auto; margin: 0; padding: 8px; background: #fff; border: 1px solid #dfe8e0; border-radius: 13px; box-shadow: 0 14px 35px #1f39231c; }
  body.workspace-ui .workspace-nav.is-open { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  body.workspace-ui .workspace-nav a { min-height: 44px; font-size: 13px; gap: 10px; }
  #main { padding: 25px 20px 32px; }
  body.workspace-ui .section-shell { width: 100%; padding: 0; }
  .page-heading { margin-bottom: 20px; }
  .page-heading h1 { font-size: 24px; }
  .page-kicker { font-size: 10px; margin-bottom: 4px; }
  .page-heading-mark { font-size: 29px; }
  .community-layout,.discovery-layout { display: block; }
  .community-aside { display: grid; margin-top: 24px; grid-template-columns: 1fr; gap: 16px; }
  .welcome-note { min-height: 0; padding: 22px; grid-row: auto; }
  .welcome-note h2 { margin-top: 10px; font-size: 22px; }
  .welcome-note p { font-size: 11px; }
  .conversation-art { position: absolute; top: 22px; right: 8px; width: 130px; height: 100px; opacity: .9; transform: scale(.75); transform-origin: right center; }
  .art-chat-one { left: 0; }
  .art-chat-two { left: 60px; }
  .art-spark { left: 110px; }
  .welcome-note > a { margin-top: 18px; }
  .community-guide { display: none; }
  .preview-note { grid-column: auto; grid-row: auto; margin: 0 3px; padding: 0; border: 0; }
  .game-note { grid-column: auto; }
  .compose-prompt { gap: 10px; min-height: 72px; padding: 14px; margin-bottom: 17px; border-radius: 13px; }
  .compose-avatar { width: 34px; height: 34px; flex-basis: 34px; }
  .compose-avatar svg { width: 18px; height: 18px; }
  .compose-prompt > button { font-size: 12px; }
  .compose-prompt-icon { width: 29px; height: 29px; }
  .feed-surface { border-radius: 14px; }
  .feed-toolbar { min-height: 58px; padding: 0 17px; }
  body.workspace-ui .community-tabs { gap: 19px; }
  body.workspace-ui .tab { min-height: 58px; font-size: 12px; }
  .feed-filterbar { padding: 13px 17px 0; }
  body.workspace-ui .community-feed-personalization-control { padding-inline: 17px; }
  body.workspace-ui .community-feed-personalization-control p { font-size: 10px; }
  body.workspace-ui .feed-empty, body.workspace-ui .feed-error { min-height: 280px; padding: 33px 20px; }
  body.workspace-ui .feed-empty h3,body.workspace-ui .feed-error h3 { font-size: 15px; }
  body.workspace-ui .feed-empty p,body.workspace-ui .feed-error p { font-size: 11px; }
  body.workspace-ui .post-list > .post { padding: 20px 17px; }
  body.workspace-ui .post-head { display: flex; gap: 8px; }
  body.workspace-ui .post h3 { font-size: 16px; }
  body.workspace-ui .post p { font-size: 13px; }
  body.workspace-ui .workspace-tools > summary { min-height: 53px; padding-inline: 16px; font-size: 11px; flex-wrap: wrap; gap: 0 7px; }
  body.workspace-ui .workspace-tools > summary .muted { font-size: 9px; }
  body.workspace-ui .workspace-tools > :not(summary),body.workspace-ui .advanced-tools > :not(summary),.relationship-compare > :not(summary) { margin: 16px; }
  body.workspace-ui .section-heading { gap: 12px; }
  body.workspace-ui .section-heading h2 { font-size: 23px; }
  body.workspace-ui .section-heading .queue-actions { gap: 7px; }
  body.workspace-ui .section-heading .button { padding: 8px 11px; font-size: 11px; }
  body.workspace-ui .panel { padding: 18px; border-radius: 12px; }
  body.workspace-ui .two-column { grid-template-columns: 1fr; gap: 16px; }
  body.workspace-ui .live-read-feed { padding: 18px; min-height: 250px; }
  body.workspace-ui .live-read-card { padding: 18px; }
  body.workspace-ui .stats-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body.workspace-ui .graph-workspace { grid-template-columns: 1fr; }
  body.workspace-ui :where(input,select,textarea) { font-size: 16px; }
  body.workspace-ui .header-search input,body.workspace-ui .feed-search input,body.workspace-ui .discovery-search input { font-size: 16px; }
  body.workspace-ui .feed-search input { font-size: 12px; }
  body.workspace-ui .fandom-explorer-matrix { display: block; overflow-x: auto; }
  .mobile-bottom-nav { position: fixed; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); z-index: 32; bottom: 0; left: 0; right: 0; padding: 8px max(8px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left)); border-top: 1px solid #e4eae5; background: rgba(255,255,255,.97); backdrop-filter: blur(12px); }
  .mobile-bottom-nav a { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; min-height: 45px; padding: 3px; text-decoration: none; color: #93a095; font-size: 10px; font-weight: 500; line-height: 1.2; }
  .mobile-bottom-nav svg { width: 21px; height: 21px; }
  .mobile-bottom-nav a[aria-current="page"] { color: #34794f; font-weight: 750; }
  .mobile-bottom-nav a[aria-current="page"]::before { content: ""; position: absolute; top: -9px; width: 20px; height: 3px; border-radius: 0 0 3px 3px; background: #489568; }
  body.workspace-ui .notice { top: 74px; font-size: 12px; }
  .discovery-main > .section-heading h2 { font-size: 16px; }
  .discovery-main > .section-heading a { font-size: 10px; }
  .discovery-aside { margin-top: 23px; max-width: none; }
  .discovery-feature { min-height: 220px; position: relative; }
  .discovery-feature .feature-icon { position: absolute; right: 25px; top: 28px; }
  .discovery-feature h2 { font-size: 23px; }
  .relationship-toolbar { flex-wrap: wrap; gap: 10px; padding: 13px 18px; }
  .relationship-toolbar .discovery-search { width: 100%; }
  .relationship-map { padding: 8px; min-height: 310px; }
  .relationship-map > .feed-empty { min-height: 290px; }
  .directory-status { margin-inline: 18px; }
  .relationship-people { padding: 0 17px 18px; }
  .map-legend { font-size: 9px; }
  .relationship-compare > summary { font-size: 11px; }
}
@media (max-width: 370px) {
  #main { padding-inline: 14px; }
  body.workspace-ui .site-header { padding-inline: 14px; }
  .brand-wordmark { font-size: 20px; }
  .compose-prompt-icon { display: none; }
  .page-heading h1 { font-size: 22px; }
  .welcome-note { padding: 19px; }
  .conversation-art { right: -5px; transform: scale(.65); }
  .header-inner { gap: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  body.workspace-ui :where(a,button,dialog) { transition: none; animation: none; }
}
/* Readable secondary copy and complete signed-out / named-person states. */
:root { font-synthesis: weight; }
body.workspace-ui .page-kicker,body.workspace-ui .sidebar-caption,body.workspace-ui .sidebar-bottom,body.workspace-ui .feed-sort,body.workspace-ui .feed-search,body.workspace-ui .directory-status,body.workspace-ui .map-legend,body.workspace-ui .back-link { color: #66796c; }
body.workspace-ui .community-feed-personalization-control p,body.workspace-ui .feed-empty p,body.workspace-ui .feed-error p { color: #677a6b; font-size: 12px; }
body.workspace-ui .community-guide > p,body.workspace-ui .community-guide summary,body.workspace-ui .preview-note { color: #667662; }
body.workspace-ui .welcome-note p { color: #607554; }
body.workspace-ui .welcome-note .note-eyebrow { color: #567047; }
body.workspace-ui .game-note small,body.workspace-ui .game-note strong span { color: #736582; }
body.workspace-ui .discovery-feature p,body.workspace-ui .discovery-feature .note-eyebrow { color: #71607e; }
body.workspace-ui .compose-prompt > button,body.workspace-ui .feed-search input::placeholder { color: #667b6b; }
body.workspace-ui .mobile-bottom-nav a { color: #68796b; }
.account-welcome { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 410px; padding: 40px 24px; border: 1px solid var(--line); border-radius: 18px; background: #fff; text-align: center; }
.account-welcome-icon { display: grid; place-items: center; width: 66px; height: 66px; border-radius: 24px; background: #edf4ed; color: #81a18a; margin-bottom: 15px; }
.account-welcome-icon svg { width: 31px; height: 31px; }
.account-welcome h3 { font-size: 20px; margin: 7px 0; font-weight: 660; }
.account-welcome p { font-size: 13px; color: #6f7e72; max-width: 33ch; margin: 5px 0 23px; }
.account-welcome > .button { padding-inline: 35px; }
.person-card { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; min-height: 155px; width: 100%; padding: 22px 16px; border: 1px solid #e1e9e2; border-radius: 13px; background: #fff; color: #41644c; cursor: pointer; font-size: 14px; }
.person-card:hover { background: #f2f7f3; border-color: #bad2c1; }
.person-card-avatar { display: grid; place-items: center; width: 50px; height: 50px; border-radius: 19px; background: #edf4ed; color: #548466; font-size: 21px; font-weight: 600; }
.relationship-people .person-card { flex-direction: row; justify-content: flex-start; width: auto; min-height: 40px; gap: 8px; padding: 7px 12px; font-size: 11px; border-radius: 9px; }
.relationship-people .person-card-avatar { width: 24px; height: 24px; border-radius: 8px; font-size: 12px; }
body.workspace-ui .product-relationship-map { padding: 0; background: transparent; border: 0; }
body.workspace-ui .product-relationship-map > figcaption { font-size: 11px; color: #6c8574; padding: 0 6px 10px; }
body.workspace-ui .product-relationship-map svg text { paint-order: stroke; stroke: #fff; stroke-width: 4px; stroke-linejoin: round; font-size: 13px; font-weight: 600; }
body.workspace-ui .relationship-constellation-node[aria-pressed="true"] circle { fill: #327c55; stroke: #205e3c; }
@media (max-width: 780px) {
 .account-welcome { min-height: 350px; padding: 32px 20px; }
 .account-welcome h3 { font-size: 18px; }
 .account-welcome p { font-size: 12px; }
 .person-card { min-height: 130px; font-size: 13px; }
 .people-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
 body.workspace-ui .feed-empty p,body.workspace-ui .feed-error p { font-size: 12px; }
 body.workspace-ui .workspace-tools > summary .muted { color: #697e70; }
}

.person-card.is-selected { border-color: #247755; background: #eaf4ed; color: #185638; }
.relationship-constellation-node.is-selected circle { fill: #247755; stroke: #174e38; stroke-width: 3; }
.relationship-constellation-node.is-selected text { fill: #174e38; font-weight: 700; }
.person-card > span:last-child { min-width: 0; overflow-wrap: anywhere; }

body.workspace-ui .product-relationship-map .relationship-hit-area { fill: transparent !important; stroke: none !important; }
@media (max-width: 600px) {
  body.workspace-ui .product-relationship-map svg { min-height: 0; aspect-ratio: 1; }
  body.workspace-ui .product-relationship-map svg text { font-size: 15px; }
}