:root{color-scheme:dark;font-family:Pretendard,"Noto Sans KR","Apple SD Gothic Neo",system-ui,sans-serif;--black:#050505;--white:#f5f5f2;--orange:#ff4d00;--line:rgba(255,255,255,.28)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--black);color:var(--white)}button{font:inherit}
#stage{position:relative;width:100vw;height:100dvh;min-height:540px;overflow:hidden;background:radial-gradient(circle at 48% 45%,rgba(255,255,255,.035),transparent 42%),var(--black);isolation:isolate}
.topbar{position:absolute;inset:0 0 auto;z-index:30;display:flex;align-items:flex-start;justify-content:space-between;padding:22px 24px;pointer-events:none}.identity{display:grid;grid-template-columns:auto auto;gap:2px 18px;font-size:.8rem;line-height:1.25;letter-spacing:-.02em}.identity strong{grid-row:1/3;font-size:1.75rem;line-height:.95;letter-spacing:-.07em}.identity span:last-child{color:rgba(255,255,255,.55)}nav{display:flex;gap:8px;pointer-events:auto}
nav button,.close-button,.project-nav button{color:var(--white);background:rgba(5,5,5,.72);border:1px solid var(--line);border-radius:999px;padding:9px 14px;cursor:pointer;font-size:.85rem;transition:background .2s,color .2s,border-color .2s}nav button:hover,.close-button:hover,.project-nav button:hover,nav button:focus-visible,.close-button:focus-visible,.project-nav button:focus-visible{background:var(--white);color:var(--black);border-color:var(--white);outline:none}
.hint{position:absolute;z-index:5;top:50%;left:50%;margin:0;transform:translate(-50%,-50%);color:rgba(255,255,255,.34);font-size:clamp(.8rem,1.2vw,1rem);transition:opacity .8s;pointer-events:none}#world{position:absolute;inset:0}
.work-card{position:absolute;left:0;top:0;display:block;padding:0;overflow:hidden;border:0;background:#222;color:white;cursor:grab;touch-action:none;user-select:none;box-shadow:0 14px 40px rgba(0,0,0,.4);will-change:transform}.work-card:active{cursor:grabbing}.work-card:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.work-card::before,.project-visual::before{content:"";position:absolute;inset:0;background:var(--art)}.work-card::after,.project-visual::after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.1) 3px 4px);mix-blend-mode:multiply;opacity:.5;pointer-events:none}
.card-label{position:absolute;inset:auto 0 0;z-index:2;display:flex;justify-content:space-between;align-items:end;gap:12px;padding:10px;background:linear-gradient(transparent,rgba(0,0,0,.86));text-align:left;opacity:0;transform:translateY(8px);transition:opacity .18s,transform .18s}.card-label strong{font-size:.82rem;line-height:1.1}.card-label span{font-size:.68rem;opacity:.68;white-space:nowrap}.work-card:hover .card-label,.work-card:focus-visible .card-label{opacity:1;transform:none}
.floor{position:absolute;z-index:20;inset:auto 18px 14px;display:flex;justify-content:flex-end;border-top:1px solid var(--line);padding-top:8px;color:rgba(255,255,255,.52);font-size:.72rem;pointer-events:none}
.panel{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#0a0a0a;color:var(--white)}.panel::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(8px)}.panel[open]{animation:reveal .38s cubic-bezier(.2,.75,.2,1)}@keyframes reveal{from{opacity:0;transform:translateY(18px)}}.panel-grid{display:grid;grid-template-columns:62% 38%;height:100%}.project-visual{position:relative;overflow:hidden;min-height:50vh}.project-copy{position:relative;display:flex;flex-direction:column;padding:24px;border-left:1px solid var(--line)}.project-copy .close-button{align-self:flex-end}.project-index,.about-number{margin-top:auto;color:rgba(255,255,255,.45);font-size:.75rem}.project-copy h1{margin:18px 0 4px;font-size:clamp(2.6rem,5vw,5.6rem);line-height:.86;letter-spacing:-.08em;word-break:keep-all}.project-kind{margin:12px 0 42px;color:var(--orange);font-size:.82rem}.project-description{max-width:34rem;margin:0;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.55;letter-spacing:-.025em}.project-nav{display:flex;gap:8px;margin-top:auto}
.about-panel{padding:24px}.about-panel .close-button{position:absolute;top:24px;right:24px}.about-panel h1{max-width:1100px;margin:28vh 0 0;font-size:clamp(2.5rem,7vw,7.4rem);line-height:.98;letter-spacing:-.075em;word-break:keep-all}.about-number{position:absolute;top:25px;left:24px;margin:0}.about-footer{position:absolute;inset:auto 24px 24px;display:flex;justify-content:space-between;padding-top:10px;border-top:1px solid var(--line);font-size:.8rem;color:rgba(255,255,255,.58)}.about-footer p{margin:0}
@media(max-width:720px){.topbar{padding:16px}.identity{grid-template-columns:1fr;gap:1px}.identity strong{grid-row:auto;font-size:1.4rem}.identity span{font-size:.68rem}nav{gap:5px}nav button{padding:8px 11px;font-size:.75rem}.floor{inset-inline:12px;bottom:10px}.panel-grid{grid-template-columns:1fr;grid-template-rows:54% 46%;overflow:auto}.project-copy{border:0;border-top:1px solid var(--line);padding:16px}.project-copy .close-button{position:absolute;right:14px;top:14px}.project-index{margin-top:0}.project-copy h1{margin-top:14px;font-size:clamp(2.5rem,14vw,4rem);max-width:72%}.project-kind{margin:7px 0 15px}.project-description{font-size:.92rem;line-height:1.45}.project-nav{margin-top:14px}.about-panel{padding:16px}.about-panel .close-button{top:16px;right:16px}.about-number{top:20px;left:16px}.about-panel h1{margin-top:27vh;font-size:clamp(2.6rem,13vw,5rem)}.about-footer{inset:auto 16px 16px;display:grid;gap:5px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}}

/* 상세 프로젝트 페이지 */
.project-panel{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--white) #111}.project-page{min-height:100%;background:#0a0a0a}.project-close{position:fixed;z-index:80;top:22px;right:24px;background:rgba(5,5,5,.78);backdrop-filter:blur(10px)}
.project-hero{display:grid;grid-template-columns:minmax(0,62fr) minmax(360px,38fr);min-height:100dvh;border-bottom:1px solid var(--line)}.project-hero .project-visual{min-height:100dvh}.project-hero .project-copy{min-height:100dvh}.project-hero .project-index{margin-top:auto}.project-hero .project-description{margin-bottom:24px}.keyword-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.keyword-list span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:rgba(255,255,255,.72);font-size:.76rem}
.project-body{display:grid;grid-template-columns:minmax(240px,30%) minmax(0,70%);border-bottom:1px solid var(--line)}.project-meta{padding:48px 24px;border-right:1px solid var(--line)}.project-meta dl{position:sticky;top:32px;margin:0}.project-meta dl>div{display:grid;grid-template-columns:86px 1fr;gap:16px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.13)}.project-meta dt{color:rgba(255,255,255,.42);font-size:.78rem}.project-meta dd{margin:0;font-size:.88rem;line-height:1.5}.project-story{padding:48px clamp(24px,6vw,96px)}.story-section{padding:0 0 72px;margin:0 0 72px;border-bottom:1px solid rgba(255,255,255,.14)}.story-section:last-child{margin-bottom:0;border-bottom:0}.section-number{margin:0 0 36px;color:var(--orange);font-size:.76rem}.story-section h2{max-width:900px;margin:0;font-size:clamp(2.2rem,5vw,5.2rem);line-height:1.03;letter-spacing:-.065em;word-break:keep-all}.two-column-story{display:grid;grid-template-columns:180px 1fr;gap:28px}.two-column-story .section-number{margin:4px 0 0}.two-column-story>p:last-child{max-width:780px;margin:0;font-size:clamp(1.15rem,2.2vw,1.7rem);line-height:1.55;letter-spacing:-.035em;word-break:keep-all}
.process-list{margin:0;padding:0;list-style:none;counter-reset:process}.process-list li{counter-increment:process;display:grid;grid-template-columns:54px 180px 1fr;gap:18px;padding:24px 0;border-top:1px solid rgba(255,255,255,.18);line-height:1.5}.process-list li::before{content:"0" counter(process);color:var(--orange);font-size:.76rem}.process-list strong{font-size:1rem}.process-list span{color:rgba(255,255,255,.62);font-size:.92rem}
.project-gallery{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border-bottom:1px solid var(--line)}.detail-art{position:relative;min-height:62vh;overflow:hidden;background:var(--art)}.detail-art::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.1) 3px 4px);mix-blend-mode:multiply;opacity:.45}.detail-art-wide{grid-column:1/-1;min-height:92vh}.detail-art:nth-child(2){filter:saturate(.7) contrast(1.15)}.detail-art:nth-child(3){filter:hue-rotate(18deg) brightness(.82)}
.project-footer{display:flex;justify-content:space-between;align-items:center;padding:70px 24px}.project-footer p{margin:0;font-size:clamp(1.8rem,4vw,4rem);letter-spacing:-.055em}.project-footer .project-nav{margin:0}
@media(max-width:720px){.project-close{top:14px;right:14px}.project-hero{grid-template-columns:1fr;grid-template-rows:55vh auto;min-height:100dvh}.project-hero .project-visual{min-height:55vh}.project-hero .project-copy{min-height:45vh;padding:18px}.project-hero .project-copy h1{max-width:78%;font-size:clamp(3rem,15vw,5.2rem)}.project-body{grid-template-columns:1fr}.project-meta{padding:30px 18px;border-right:0;border-bottom:1px solid var(--line)}.project-meta dl{position:static}.project-story{padding:44px 18px}.story-section{padding-bottom:48px;margin-bottom:48px}.section-number{margin-bottom:24px}.story-section h2{font-size:clamp(2rem,10vw,3.4rem)}.two-column-story{grid-template-columns:1fr;gap:22px}.process-list li{grid-template-columns:38px 1fr;gap:12px}.process-list li span{grid-column:2}.project-gallery{grid-template-columns:1fr}.detail-art,.detail-art-wide{grid-column:auto;min-height:54vh}.detail-art-wide{min-height:70vh}.project-footer{align-items:flex-start;gap:28px;padding:48px 18px}.project-footer p{font-size:1.45rem}.project-nav{flex-wrap:wrap;justify-content:flex-end}}

/* ONE MARK */
.mark-entry-button{border-color:var(--orange);color:var(--orange)}.mark-entry-button:hover,.mark-entry-button:focus-visible{background:var(--orange);border-color:var(--orange);color:var(--black)}
.mark-panel{overflow-y:auto;background:#090909}.mark-header{position:sticky;z-index:90;top:0;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line);background:rgba(5,5,5,.92);backdrop-filter:blur(12px)}.mark-header>div:first-child{display:flex;align-items:baseline;gap:14px}.mark-header strong{font-size:1.05rem;letter-spacing:-.04em}.mark-header span{color:rgba(255,255,255,.48);font-size:.76rem}.mark-header-actions{display:flex;gap:6px}.mark-tab,.prototype-note button{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--white);font:inherit;font-size:.78rem;cursor:pointer}.mark-tab.is-active{background:var(--white);border-color:var(--white);color:var(--black)}
.mark-create-view{display:grid;grid-template-columns:minmax(310px,28%) minmax(0,72%);min-height:calc(100dvh - 62px)}.mark-compose{display:flex;flex-direction:column;gap:36px;padding:34px 24px;border-right:1px solid var(--line)}.mark-intro .mark-kicker,.mark-kicker{margin:0 0 24px;color:var(--orange);font-size:.72rem;letter-spacing:.08em}.mark-intro h1{margin:0;font-size:clamp(2.4rem,4.2vw,5.1rem);line-height:.9;letter-spacing:-.075em}.mark-intro>p:last-child{max-width:28rem;margin:24px 0 0;color:rgba(255,255,255,.58);font-size:.9rem;line-height:1.55}
#markForm{display:grid;gap:20px}#markForm>label{position:relative;display:grid;gap:8px;color:rgba(255,255,255,.62);font-size:.76rem}#markForm input,#markForm textarea{width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:10px 0;background:transparent;color:var(--white);font:inherit;font-size:1rem;line-height:1.45;outline:none;resize:none}#markForm input:focus,#markForm textarea:focus{border-color:var(--orange)}#markForm input::placeholder,#markForm textarea::placeholder{color:rgba(255,255,255,.25)}.character-count{position:absolute;right:0;bottom:8px;color:rgba(255,255,255,.35);font-size:.7rem}.character-count b{font-weight:400}#markForm fieldset{margin:0;padding:0;border:0}#markForm legend{margin-bottom:10px;color:rgba(255,255,255,.62);font-size:.76rem}.emotion-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.emotion-grid label{cursor:pointer}.emotion-grid input{position:absolute;opacity:0;pointer-events:none}.emotion-grid span{display:block;padding:9px 10px;border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.62);font-size:.78rem;text-align:center;transition:.16s}.emotion-grid input:checked+span{border-color:var(--orange);background:var(--orange);color:#090909}.prepare-mark-button{width:100%;padding:13px;border:1px solid var(--white);background:var(--white);color:#090909;font:inherit;font-size:.86rem;cursor:pointer}.prepare-mark-button:hover{background:var(--orange);border-color:var(--orange)}.prepare-mark-button:disabled{cursor:not-allowed;opacity:.3}.mark-status{min-height:2.6em;margin:0;color:rgba(255,255,255,.45);font-size:.76rem;line-height:1.45}.prototype-note{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}.prototype-note p{margin:0;color:rgba(255,255,255,.35);font-size:.68rem}.prototype-note button{white-space:nowrap;color:rgba(255,255,255,.58)}
.mark-workspace{display:flex;flex-direction:column;min-width:0;padding:24px}.canvas-meta{display:grid;gap:12px;margin-bottom:14px}.canvas-meta>div:first-child{display:flex;justify-content:space-between;align-items:center}.canvas-meta span,.canvas-meta b{font-size:.78rem}.canvas-meta b{color:var(--orange);font-weight:500}.progress-track{height:2px;background:rgba(255,255,255,.15);overflow:hidden}.progress-track i{display:block;width:0;height:100%;background:var(--orange);transition:width .35s}.canvas-shell{position:relative;display:flex;flex:1;align-items:center;justify-content:center;min-height:420px;overflow:hidden;background:#121212;border:1px solid rgba(255,255,255,.16)}#markCanvas{display:block;width:100%;height:auto;max-height:calc(100dvh - 190px);object-fit:contain;background:#efede5;cursor:crosshair}.canvas-cursor-message{position:absolute;left:50%;bottom:16px;transform:translateX(-50%) translateY(8px);padding:8px 11px;background:#090909;color:var(--orange);font-size:.73rem;opacity:0;pointer-events:none;transition:.18s}.canvas-shell.is-placing .canvas-cursor-message{opacity:1;transform:translateX(-50%)}.mark-inspector{display:flex;align-items:center;min-height:54px;margin-top:12px;padding:10px 12px;border-top:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.5);font-size:.78rem}.mark-inspector strong{margin-right:10px;color:var(--white)}.mark-inspector em{margin-left:auto;color:var(--orange);font-style:normal}
.mark-archive-view{padding:48px 24px 80px}.archive-heading{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:end;padding-bottom:44px}.archive-heading .mark-kicker{grid-column:1/-1;margin:0}.archive-heading h1{margin:0;font-size:clamp(3rem,8vw,8rem);line-height:.82;letter-spacing:-.08em}.archive-heading>p:last-child{max-width:32rem;margin:0;color:rgba(255,255,255,.55);line-height:1.55}.archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}.archive-card{margin:0}.archive-card img{display:block;width:100%;aspect-ratio:1200/760;object-fit:cover;background:#efede5}.archive-card figcaption{display:grid;grid-template-columns:1fr auto;gap:8px;padding-top:10px;border-top:1px solid var(--line);font-size:.78rem}.archive-card figcaption span{color:rgba(255,255,255,.5)}.archive-card a{color:var(--orange);text-decoration:none}.archive-empty{grid-column:1/-1;display:grid;place-items:center;min-height:45vh;border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.4);text-align:center}
@media(max-width:900px){.topbar nav{flex-wrap:wrap;justify-content:flex-end;max-width:250px}.mark-create-view{grid-template-columns:1fr}.mark-compose{border-right:0;border-bottom:1px solid var(--line)}.mark-workspace{min-height:70vh}.archive-grid{grid-template-columns:1fr}}
@media(max-width:620px){.topbar nav{max-width:190px}.topbar nav button{padding:7px 9px;font-size:.68rem}.mark-header{align-items:flex-start;gap:12px;padding:12px}.mark-header>div:first-child{display:grid;gap:1px}.mark-header-actions{flex-wrap:wrap;justify-content:flex-end}.mark-tab,.mark-header .close-button{padding:7px 9px;font-size:.68rem}.mark-compose{padding:28px 16px}.mark-intro h1{font-size:clamp(2.8rem,14vw,4.4rem)}.mark-workspace{padding:16px}.canvas-shell{min-height:300px}.mark-inspector{align-items:flex-start;flex-wrap:wrap}.archive-heading{grid-template-columns:1fr;padding-bottom:32px}.archive-heading .mark-kicker{grid-column:auto}.mark-archive-view{padding:36px 16px 60px}}

/* ONE MARK V2 — full-screen black canvas and custom guest cards */
.mark-entry-button{border-color:rgba(255,255,255,.62);color:var(--white)}
.mark-entry-button:hover,.mark-entry-button:focus-visible{border-color:var(--white);background:var(--white);color:#000}
.mark-panel-v2{overflow:hidden;background:#000;color:#fff}
.mark-panel-v2 .mark-header{position:absolute;z-index:50;inset:0 0 auto;min-height:54px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.82);backdrop-filter:blur(10px)}
.mark-panel-v2 .mark-header>strong{font-size:.78rem;font-weight:600;letter-spacing:.04em}
.mark-panel-v2 .mark-header-actions{align-items:center}
.mark-panel-v2 .mark-header-actions>span{min-width:54px;color:rgba(255,255,255,.55);font-variant-numeric:tabular-nums;text-align:center}
.mark-panel-v2 .mark-tab,.mark-panel-v2 .close-button{border-color:rgba(255,255,255,.28);border-radius:0;background:#000;color:#fff}
.mark-panel-v2 .mark-tab:hover,.mark-panel-v2 .mark-tab:focus-visible,.mark-panel-v2 .mark-tab.is-active,.mark-panel-v2 .close-button:hover,.mark-panel-v2 .close-button:focus-visible{border-color:#fff;background:#fff;color:#000}
.mark-panel-v2 .mark-create-view{position:relative;display:block;width:100%;height:100dvh;min-height:0;background:#000}
.mark-panel-v2 .mark-create-view[hidden]{display:none}
.mark-panel-v2 .canvas-shell{position:absolute;inset:0;display:block;min-height:0;border:0;background:#000}
.mark-panel-v2 #markCanvas{display:block;width:100%;height:100%;max-height:none;background:#000;cursor:default;object-fit:fill}
.mark-panel-v2 .canvas-shell.is-placing #markCanvas{cursor:crosshair}
.mark-panel-v2 .canvas-cursor-message{z-index:8;bottom:18px;border:1px solid #fff;background:#000;color:#fff}
.mark-panel-v2 .compact-mark-compose{position:absolute;z-index:20;top:72px;left:18px;display:block;width:258px;max-height:calc(100dvh - 112px);padding:13px;border:1px solid rgba(255,255,255,.42);background:rgba(0,0,0,.9);overflow:auto;box-shadow:0 18px 48px rgba(0,0,0,.45);backdrop-filter:blur(8px)}
.mark-panel-v2 .compact-mark-compose #markForm{gap:13px}
.mark-panel-v2 .guest-card-preview-wrap{display:grid;place-items:center;min-height:178px;padding:10px;background:#090909;border-bottom:1px solid rgba(255,255,255,.16)}
.mark-panel-v2 #guestCardPreview{display:block;width:90px;height:150px;background:#050505}
.mark-panel-v2 #markForm>label{gap:5px;color:rgba(255,255,255,.58);font-size:.67rem}
.mark-panel-v2 #markForm input,.mark-panel-v2 #markForm textarea{padding:7px 0;border-color:rgba(255,255,255,.32);background:#000;color:#fff;font-size:.84rem}
.mark-panel-v2 #markForm input:focus,.mark-panel-v2 #markForm textarea:focus{border-color:#fff}
.mark-panel-v2 #markForm input::placeholder,.mark-panel-v2 #markForm textarea::placeholder{color:rgba(255,255,255,.25)}
.mark-panel-v2 .character-count{bottom:6px;color:rgba(255,255,255,.42)}
.mark-panel-v2 .prepare-mark-button{padding:10px;border:1px solid #fff;background:#fff;color:#000;font-size:.76rem}
.mark-panel-v2 .prepare-mark-button:hover,.mark-panel-v2 .prepare-mark-button:focus-visible{background:#000;color:#fff;outline:none}
.mark-panel-v2 .mark-status{min-height:2.2em;color:rgba(255,255,255,.45);font-size:.65rem}
.mark-panel-v2 .mark-inspector{position:absolute;z-index:12;right:18px;bottom:18px;display:grid;grid-template-columns:auto minmax(120px,360px) auto;gap:10px;width:auto;min-height:0;margin:0;padding:9px 11px;border:1px solid rgba(255,255,255,.28);background:rgba(0,0,0,.86);color:rgba(255,255,255,.52);font-size:.7rem;backdrop-filter:blur(8px)}
.mark-panel-v2 .mark-inspector strong{margin:0;color:#fff}
.mark-panel-v2 .mark-inspector em{margin:0;color:rgba(255,255,255,.52);font-style:normal}
.mark-panel-v2 .mark-archive-view{height:100dvh;padding:88px 20px 60px;background:#000;overflow-y:auto}
.mark-panel-v2 .mark-archive-view[hidden]{display:none}
.mark-panel-v2 .archive-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.2)}
.mark-panel-v2 .archive-heading h1{font-size:clamp(2.4rem,6vw,6rem)}
.mark-panel-v2 .archive-heading p{font-size:.78rem}
.mark-panel-v2 .archive-grid{padding-top:20px}
.mark-panel-v2 .archive-card img{background:#000}
.mark-panel-v2 .archive-card a{color:#fff}

@media(max-width:620px){
  .mark-panel-v2 .mark-header{align-items:center;padding:9px}
  .mark-panel-v2 .mark-header>strong{display:none}
  .mark-panel-v2 .mark-header-actions{width:100%;justify-content:flex-end;flex-wrap:nowrap}
  .mark-panel-v2 .mark-header-actions>span{margin-right:auto}
  .mark-panel-v2 .compact-mark-compose{top:62px;left:10px;width:min(225px,calc(100vw - 20px));max-height:49dvh;padding:10px}
  .mark-panel-v2 .guest-card-preview-wrap{min-height:118px;padding:7px}
  .mark-panel-v2 #guestCardPreview{width:63px;height:105px}
  .mark-panel-v2 .compact-mark-compose #markForm{gap:9px}
  .mark-panel-v2 #markForm textarea{max-height:44px}
  .mark-panel-v2 .mark-status{display:none}
  .mark-panel-v2 .mark-inspector{right:10px;bottom:10px;left:10px;grid-template-columns:auto 1fr;font-size:.64rem}
  .mark-panel-v2 .mark-inspector em{grid-column:1/-1}
  .mark-panel-v2 .mark-archive-view{padding:76px 12px 40px}
  .mark-panel-v2 .archive-heading{display:grid;gap:12px}
}

/* 인간관계 — names floating in a quiet 3D field */
.relationship-panel{overflow:hidden;background:#fff;color:#050505}
.relationship-panel::backdrop{background:rgba(255,255,255,.92);backdrop-filter:none}
.relationship-stage{position:relative;width:100%;height:100dvh;overflow:hidden;background:#fff;color:#050505;cursor:grab;touch-action:none;user-select:none}
.relationship-stage:active{cursor:grabbing}
.relationship-stage.is-connecting{cursor:crosshair}
.relationship-links,.relationship-nodes{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.relationship-links{pointer-events:none}
.relationship-links line{stroke:#111;stroke-width:.7;opacity:.45}
.relationship-links text{fill:#111;font:400 11px Pretendard,"Noto Sans KR",sans-serif;text-anchor:middle;paint-order:stroke;stroke:#fff;stroke-width:5px;stroke-linejoin:round}
.relationship-nodes{pointer-events:none}
.relationship-node{position:absolute;top:0;left:0;max-width:220px;padding:7px 9px;border:0;border-radius:0;background:transparent;color:#090909;font:500 clamp(.88rem,1.5vw,1.22rem)/1.1 Pretendard,"Noto Sans KR",sans-serif;letter-spacing:-.035em;white-space:nowrap;cursor:pointer;pointer-events:auto;transition:font-weight .15s,text-decoration-color .15s;will-change:transform,opacity}
.relationship-node:hover,.relationship-node:focus-visible,.relationship-node.is-selected{font-weight:800;text-decoration:underline;text-underline-offset:5px;outline:none}
.relationship-node.is-self{font-weight:800}
.relationship-toolbar{position:absolute;z-index:3000;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;color:#050505;pointer-events:none}
.relationship-toolbar strong{font-size:.88rem;letter-spacing:-.025em}
.relationship-toolbar nav{display:flex;gap:4px;pointer-events:auto}
.relationship-toolbar button,.relationship-form button{padding:7px 10px;border:0;border-bottom:1px solid transparent;border-radius:0;background:transparent;color:#050505;font-size:.76rem;cursor:pointer}
.relationship-toolbar button:hover,.relationship-toolbar button:focus-visible,.relationship-form button:hover,.relationship-form button:focus-visible{border-bottom-color:#050505;outline:none}
.relationship-form{position:absolute;z-index:4000;top:68px;left:20px;display:grid;width:min(290px,calc(100vw - 40px));gap:16px;padding:18px;border:1px solid #111;background:#fff;color:#050505;user-select:text}
.relationship-form[hidden]{display:none}
.relationship-form>strong{font-size:.88rem}
.relationship-form label{display:grid;gap:6px;color:#555;font-size:.72rem}
.relationship-form input{width:100%;padding:8px 0;border:0;border-bottom:1px solid #111;border-radius:0;background:#fff;color:#050505;font:500 1rem Pretendard,"Noto Sans KR",sans-serif;outline:none}
.relationship-form input:focus{border-bottom-width:2px}
.relationship-form>div{display:flex;justify-content:flex-end;gap:8px}
.relationship-form>div button:first-child{background:#050505;color:#fff}
.relationship-status{position:absolute;z-index:3000;right:20px;bottom:18px;margin:0;color:#555;font-size:.75rem;pointer-events:none}

@media(max-width:680px){
  .relationship-toolbar{align-items:flex-start;padding:12px}
  .relationship-toolbar>strong{padding-top:7px}
  .relationship-toolbar nav{max-width:76%;flex-wrap:wrap;justify-content:flex-end}
  .relationship-toolbar button{padding:6px 7px;font-size:.68rem}
  .relationship-form{top:86px;left:12px;width:min(270px,calc(100vw - 24px));padding:14px}
  .relationship-node{font-size:.9rem}
  .relationship-status{right:12px;bottom:12px;left:12px;text-align:right}
}