@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f5f7;--surface:#fff;--surface-soft:#f2f2f7;--material:#ffffffc7;--label:#1d1d1f;--secondary:#6e6e73;--tertiary:#86868b;--separator:#0000001c;--separator-strong:#00000038;--accent:#0071e3;--accent-hover:#0077ed;--accent-soft:#0071e31a;--green:#248a3d;--green-soft:#248a3d1c;--orange:#9a6700;--orange-soft:#d287001f;--red:#d70015;--red-soft:#d700151a;--red-hover-soft:#ff3b301a;--purple:#8944ab;--purple-soft:#8944ab1c;--focus:#0071e36b;--scrim:#0000006b;--button-label:#fff;--shadow-low:0 1px 2px #0000000f, 0 5px 18px #0000000d;--shadow-high:0 28px 90px #00000038;--shadow-inset:inset 0 0 0 1px var(--separator);--shadow-brand:inset 0 0 0 1px #ffffff4d;--font:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", "Segoe UI", "Malgun Gothic", sans-serif;--caption:13px;--small:14px;--content:15px;--body:17px;--reading:18px;--modal-title:20px;--directory-title:19px;--title:24px;--detail-title:26px;--phase-title:clamp(30px, 4vw, 44px);--line-body:1.53;--line-phase:1.08;--line-detail-title:1.18;--line-content:1.55;--line-detail:1.7;--tracking-phase:-.035em;--tracking-detail:-.025em;--tracking-title:-.02em;--tracking-heading:-.015em;--tracking-card:-.01em;--weight-semibold:650;--weight-bold:700;--weight-strong:750;--weight-heading:780;--weight-heavy:800;--weight-mark:850;--s-half:2px;--s-three:3px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--s12:48px;--border-width:1px;--reply-border-width:2px;--focus-width:3px;--focus-offset:2px;--r-control:10px;--r-process-number:12px;--r-card:18px;--r-panel:24px;--r-pill:999px;--r-circle:50%;--control:44px;--control-search:42px;--control-dense:40px;--control-small:36px;--control-compact:34px;--control-status:26px;--status-padding:9px;--avatar:28px;--process-number:38px;--directory-icon:42px;--icon:18px;--header-height:70px;--header-height-mobile:62px;--header-padding-inline:clamp(16px, 3vw, 38px);--brand-size:34px;--brand-radius:10px;--brand-size-mobile:38px;--brand-radius-mobile:11px;--viewport-min:320px;--detail-top:68px;--detail-top-mobile:62px;--detail-width-desktop:440px;--detail-width-tablet:380px;--detail-read-min-height:640px;--goal-min-height:164px;--work-min-height:72px;--directory-min-height:238px;--phase-row-secondary-height:47.4063px;--workspace-max:1180px;--workspace-detail-max:980px;--workspace-bottom:86px;--dialog-max:620px;--dialog-gutter:14px;--dialog-height-max:820px;--dialog-mobile-width:350px;--textarea-min:88px;--comment-textarea-min:82px;--reply-textarea-min:72px;--search-max:360px;--motion-press:.1s;--motion-hover:.18s;--motion-reveal:.14s;--motion-panel:.24s;--modal-backdrop-blur:4px;--reveal-offset:-4px;--ease-out:ease-out;--ease:cubic-bezier(.16, 1, .3, 1);--press-button:.97;--press-card:.992;--disabled-opacity:.3}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--surface:#1d1d1f;--surface-soft:#2c2c2e;--material:#1c1c1ed1;--label:#f5f5f7;--secondary:#a1a1a6;--tertiary:#8e8e93;--separator:#ffffff26;--separator-strong:#ffffff4d;--accent:#2997ff;--accent-hover:#40a9ff;--accent-soft:#2997ff29;--green:#30d158;--green-soft:#30d15824;--orange:#ffd60a;--orange-soft:#ffd60a21;--red:#ff453a;--red-soft:#ff453a26;--red-hover-soft:#ff3b301a;--purple:#bf5af2;--purple-soft:#bf5af226;--focus:#2997ff85;--scrim:#0000006b;--button-label:#fff;--shadow-low:0 1px 2px #0000002e;--shadow-high:0 28px 90px #00000038}*{box-sizing:border-box}html{min-width:var(--viewport-min);background:var(--bg)}body{background:var(--bg);color:var(--label);font-family:var(--font);font-size:var(--body);font-optical-sizing:auto;line-height:var(--line-body);overflow-wrap:break-word;word-break:keep-all;margin:0;overflow-x:hidden}button,input,select,textarea{color:inherit;font:inherit}button{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,.is-focus{outline:var(--focus-width) solid var(--focus);outline-offset:var(--focus-offset)}.catalog-page{min-height:100vh}.catalog-header{z-index:30;min-height:var(--header-height);justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s3) var(--s8);border-bottom:var(--border-width) solid var(--separator);background:var(--material);-webkit-backdrop-filter:blur(var(--s5)) saturate(180%);backdrop-filter:blur(var(--s5)) saturate(180%);display:flex;position:sticky;top:0}.catalog-header span{color:var(--secondary);font-size:var(--caption)}.catalog-shell{width:min(calc(100% - 2 * var(--s5)), var(--workspace-max));padding-block:var(--s8) var(--s12);margin-inline:auto}.catalog-section{margin-bottom:var(--s10)}.catalog-state-grid{align-items:center;gap:var(--s3);padding:var(--s5);border:var(--border-width) solid var(--separator);border-radius:var(--r-card);background:var(--surface);box-shadow:var(--shadow-low);flex-wrap:wrap;display:flex}.button{min-height:var(--control);justify-content:center;align-items:center;gap:var(--s2);padding:0 var(--s5);border:var(--border-width) solid var(--accent);border-radius:var(--r-pill);background:var(--accent);color:var(--button-label);font-size:var(--content);font-weight:var(--weight-strong);cursor:pointer;transition:transform var(--motion-press) var(--ease-out), background-color var(--motion-hover) var(--ease), color var(--motion-hover) var(--ease), border-color var(--motion-hover) var(--ease);text-decoration:none;display:inline-flex}.button:hover,.button.is-hover{background:var(--accent-hover)}.button:active,.button.is-active{transform:scale(var(--press-button))}.button.secondary{border-color:var(--separator);background:var(--surface);color:var(--label)}.button.secondary:hover,.button.secondary.is-hover{background:var(--surface-soft)}.button.ghost{border-color:var(--separator);color:var(--label);background:0 0}.danger-button{border-color:var(--red);color:var(--red);background:0 0}.button.small{min-height:var(--control-small);padding:0 var(--s3);font-size:var(--small)}.icon-button{width:var(--control);min-height:var(--control);border:var(--border-width) solid var(--separator);border-radius:var(--r-pill);background:var(--surface);color:var(--label);font-size:var(--content);font-weight:var(--weight-heavy);cursor:pointer;place-items:center;padding:0;display:inline-grid}.icon-button:hover{background:var(--surface-soft)}.icon-circle-v4{width:var(--control-dense);height:var(--control-dense);min-width:var(--control-dense);min-height:var(--control-dense);flex:0 0 var(--control-dense);border-radius:var(--r-circle);background:var(--surface-soft);color:var(--secondary);cursor:pointer;transition:transform var(--motion-press) var(--ease-out), background-color var(--motion-hover) var(--ease), color var(--motion-hover) var(--ease);border:0;place-items:center;padding:0;text-decoration:none;display:inline-grid}.icon-circle-v4 svg{width:var(--icon);height:var(--icon);fill:currentColor;pointer-events:none}.icon-circle-v4:hover,.icon-circle-v4.is-hover{background:var(--separator);color:var(--label)}.icon-circle-v4:active,.icon-circle-v4.is-active{transform:scale(var(--press-button))}.icon-circle-v4:disabled{opacity:var(--disabled-opacity);cursor:default}.icon-circle-v4.is-plain{background:0 0}.icon-circle-v4.is-danger{color:var(--red);background:0 0}.icon-circle-v4.is-danger:hover{background:var(--red-hover-soft)}.icon-circle-v4.is-compact{width:var(--control-compact);height:var(--control-compact);min-width:var(--control-compact);min-height:var(--control-compact);flex-basis:var(--control-compact)}.section-title-row,.process-toolbar{align-items:center;gap:var(--s3);margin-bottom:var(--s4);justify-content:space-between;display:flex}.section-title-row h2,.process-toolbar h2{font-size:var(--title);letter-spacing:var(--tracking-title);margin:0}.section-title-row p{color:var(--secondary);font-size:var(--small);margin:0}.directory-heading{align-items:center;gap:var(--s3);min-height:0;margin-bottom:var(--s4);background:0 0;border:0;padding:0;display:flex}.view-title{align-items:center;gap:var(--s3);font-weight:var(--weight-heading);letter-spacing:var(--tracking-title);display:flex}.search{min-width:min(var(--search-max), 36vw);min-height:var(--control-search);align-items:center;gap:var(--s2);padding-inline:var(--s3);border:var(--border-width) solid var(--separator);border-radius:var(--r-control);background:var(--surface-soft);display:flex}.search>span{color:var(--tertiary)}.search input{width:100%;font-size:var(--content);background:0 0;border:0;outline:0}.phase-heading-v2{justify-content:flex-start;align-items:start;gap:var(--s5);margin-bottom:var(--s8);display:flex}.phase-title-group-v4{min-width:0}.phase-title-line-v4{align-items:center;gap:var(--s2);display:flex}.phase-title-line-v4 h1{min-width:0;margin:var(--s1) 0 var(--s2);font-size:var(--phase-title);line-height:var(--line-phase);letter-spacing:var(--tracking-phase)}.phase-heading-v2 p{color:var(--secondary);font-size:var(--content);margin:0}.phase-edit-trigger-v4{opacity:0;transform:translateX(var(--reveal-offset));transition:opacity var(--motion-reveal) var(--ease), transform var(--motion-reveal) var(--ease)}.phase-title-group-v4:hover .phase-edit-trigger-v4,.phase-title-group-v4:focus-within .phase-edit-trigger-v4{opacity:1;transform:none}.filter-pills{gap:var(--s2);flex-wrap:wrap;display:flex}.filter-pill{min-height:var(--control-small);padding-inline:var(--s3);border:var(--border-width) solid var(--separator);border-radius:var(--r-pill);background:var(--surface);color:var(--secondary);font-size:var(--small);font-weight:var(--weight-bold);cursor:pointer}.filter-pill:hover{border-color:var(--separator-strong);color:var(--label)}.filter-pill[aria-pressed=true]{border-color:var(--label);background:var(--label);color:var(--bg)}.status{width:fit-content;min-height:var(--control-status);padding-inline:var(--status-padding);border-radius:var(--r-pill);font-size:var(--caption);font-weight:var(--weight-strong);align-items:center;display:inline-flex}.badge{min-height:var(--control-status);padding-inline:var(--status-padding);border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent);font-size:var(--caption);font-weight:var(--weight-strong);align-items:center;display:inline-flex}.status.pending{background:var(--surface-soft);color:var(--secondary)}.status.progress{background:var(--accent-soft);color:var(--accent)}.status.review{background:var(--purple-soft);color:var(--purple)}.status.done{background:var(--green-soft);color:var(--green)}.status.blocked{background:var(--orange-soft);color:var(--orange)}.token-swatch-red-soft{width:var(--control-status);height:var(--control-status);border-radius:var(--r-circle);background:var(--red-soft)}.goal-grid-v2{gap:var(--s3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.goal-card-v2{min-height:var(--goal-min-height);gap:var(--s3);padding:var(--s5);border:var(--border-width) solid var(--separator);border-radius:var(--r-card);background:var(--surface);box-shadow:var(--shadow-low);color:var(--label);text-align:left;cursor:pointer;display:grid}.goal-card-v2:active{transform:scale(var(--press-card))}.goal-card-v2 h3{font-size:var(--body);letter-spacing:var(--tracking-card);margin:0}.goal-card-v2 p{color:var(--secondary);font-size:var(--content);line-height:var(--line-content);margin:0}.goal-card-v2 .status{justify-self:start}.process-toolbar{background:0 0;justify-content:flex-start;padding:0;position:static}.process-toolbar .filter-pills{margin-left:var(--s3)}.process-card-v2{border:var(--border-width) solid var(--separator);border-radius:var(--r-panel);background:var(--surface);box-shadow:var(--shadow-low);overflow:hidden}.process-head-v2{align-items:center;gap:var(--s4);padding:var(--s5);border-bottom:var(--border-width) solid var(--separator);background:var(--surface-soft);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.process-number-v2{width:var(--process-number);height:var(--process-number);border-radius:var(--r-process-number);background:var(--surface);box-shadow:var(--shadow-inset);color:var(--secondary);font-size:var(--small);font-weight:var(--weight-heavy);place-items:center;display:grid}.process-head-v2 h3{margin:0 0 var(--s1);font-size:var(--reading);letter-spacing:var(--tracking-heading)}.process-head-v2 p{color:var(--secondary);font-size:var(--content);margin:0}.process-head-actions,.process-order-v3,.task-card-actions-v3{align-items:center;gap:var(--s2);display:flex}.process-order-v3{gap:var(--s1);padding-right:var(--s2);border-right:var(--border-width) solid var(--separator)}.process-order-v3 .icon-circle-v4,.task-work-link-v4{width:var(--control-small);height:var(--control-small);min-width:var(--control-small);min-height:var(--control-small);flex-basis:var(--control-small)}.process-head-actions .icon-circle-v4{background:var(--surface);box-shadow:var(--shadow-inset)}.task-list-v2,.catalog-work-items{display:grid}.task-row-v2{align-items:center;gap:var(--s4);width:100%;min-height:var(--work-min-height);border-bottom:var(--border-width) solid var(--separator);background:var(--surface);grid-template-columns:minmax(0,1fr) auto;display:grid}.task-row-v2:last-child{border-bottom:0}.task-row-v2:hover{background:var(--surface-soft)}.task-open-v3{min-width:0;min-height:var(--work-min-height);align-items:center;gap:var(--s4);padding:var(--s3) 0 var(--s3) var(--s5);color:var(--label);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto auto;display:grid}.task-open-v3:active{transform:scale(var(--press-card))}.task-copy-v2{gap:var(--s-half);min-width:0;display:grid}.task-copy-v2 strong,.task-copy-v2 small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.task-copy-v2 strong{font-size:var(--content)}.task-copy-v2 small,.task-summary-v3,.due-v3{color:var(--secondary);font-size:var(--caption)}.task-summary-v3{gap:var(--s2);margin-top:var(--s1);flex-wrap:wrap;display:flex}.assignee-chip{align-items:center;gap:var(--s2);color:var(--secondary);font-size:var(--small);white-space:nowrap;display:inline-flex}.assignee-avatar{width:var(--avatar);height:var(--avatar);border-radius:var(--r-circle);background:var(--label);color:var(--bg);font-size:var(--caption);font-weight:var(--weight-strong);place-items:center;display:inline-grid}.task-card-actions-v3{padding-right:var(--s5)}.due-v3{white-space:nowrap}.process-add-row{padding:var(--s3) var(--s5);border-top:var(--border-width) solid var(--separator)}.catalog-work-items{border:var(--border-width) solid var(--separator);border-radius:var(--r-panel);box-shadow:var(--shadow-low);overflow:hidden}.catalog-detail-grid{grid-template-columns:repeat(2, minmax(0, var(--detail-width-desktop)));gap:var(--s4);align-items:start;display:grid}.catalog-detail-grid>[data-detail-state=comment]{grid-column:1}.drawer-layer{width:var(--detail-width-desktop);height:calc(100vh - var(--detail-top));min-height:var(--detail-read-min-height);border-left:var(--border-width) solid var(--separator);background:var(--surface)}.catalog-detail{z-index:40;border:0;border-left:var(--border-width) solid var(--separator);border-radius:0;width:100%;position:relative;top:auto;right:auto;overflow:hidden}.task-drawer-v2{width:100%;height:100%;min-height:inherit;background:var(--surface);animation-duration:var(--motion-panel);grid-template-rows:auto minmax(0,1fr) auto;animation-name:none;display:grid}.drawer-head-v2{min-height:var(--s12);align-items:center;gap:var(--s3);padding:var(--s4) var(--s5);border-bottom:var(--border-width) solid var(--separator);display:flex}.drawer-head-v2 h2{font-size:var(--reading);letter-spacing:var(--tracking-heading);margin:0}.top-spacer{flex:1}.task-read-v3{padding:var(--s6);overflow-y:auto}.drawer-foot-v2{gap:var(--s3);padding:var(--s4) var(--s5);border-top:var(--border-width) solid var(--separator);background:var(--surface);display:flex}.drawer-body-v2{padding:var(--s5);overflow-y:auto}.detail-title-v3{margin:0 0 var(--s3);font-size:var(--detail-title);line-height:var(--line-detail-title);letter-spacing:var(--tracking-detail)}.detail-meta-v3{align-items:center;gap:var(--s2) var(--s4);margin-bottom:var(--s6);color:var(--secondary);font-size:var(--small);flex-wrap:wrap;display:flex}.detail-description-v3{margin:0 0 var(--s6);color:var(--label);font-size:var(--body);line-height:var(--line-detail);white-space:pre-wrap}.detail-section-v3{margin-top:var(--s5);padding-top:var(--s5);border-top:var(--border-width) solid var(--separator)}.detail-section-head-v3{align-items:center;gap:var(--s2);margin-bottom:var(--s3);display:flex}.detail-section-head-v3 h3{font-size:var(--content);letter-spacing:var(--tracking-card);margin:0}.reaction-list-v3,.comment-actions-v3{align-items:center;gap:var(--s2);flex-wrap:wrap;display:flex}.reaction-chip-v3{height:var(--control-compact);min-height:var(--control-compact);padding-inline:var(--s3);border:var(--border-width) solid var(--separator);border-radius:var(--r-pill);background:var(--surface-soft);color:var(--label);font-size:var(--small);cursor:pointer}.reaction-chip-v3.is-mine{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.emoji-palette-v3{gap:var(--s1);margin-top:var(--s2);padding:var(--s2);border:var(--border-width) solid var(--separator);border-radius:var(--r-pill);background:var(--surface);box-shadow:var(--shadow-low);display:inline-flex}.emoji-option-v3{width:var(--control-small);min-height:var(--control-compact);border-radius:var(--r-pill);color:var(--label);font:inherit;font-size:var(--body);cursor:pointer;background:0 0;border:0;padding:0}.comment-list-v3{gap:var(--s4);display:grid}.comment-v3{gap:var(--s2);padding-block:var(--s3);border-bottom:var(--border-width) solid var(--separator);display:grid}.comment-v3:last-child{border-bottom:0}.comment-author-v3{align-items:center;gap:var(--s2);color:var(--secondary);font-size:var(--caption);display:flex}.comment-v3 p{color:var(--label);font-size:var(--content);line-height:var(--line-content);white-space:pre-wrap;margin:0}.comment-actions-v3 .reaction-chip-v3,.comment-actions-v3 .emoji-trigger-v3{min-height:var(--avatar);padding-inline:var(--s2);font-size:var(--caption)}.comment-compose-v3,.comment-reply-compose-v4{gap:var(--s2);margin-top:var(--s2);display:grid}.comment-compose-v3{margin-top:var(--s4)}.comment-compose-v3 textarea{min-height:var(--comment-textarea-min)}.comment-reply-compose-v4 textarea{min-height:var(--reply-textarea-min);padding:var(--s3);border:var(--border-width) solid var(--separator);border-radius:var(--r-control);background:var(--surface-soft);color:var(--label);resize:vertical}.comment-compose-actions-v4,.reply-compose-actions-v4{justify-content:flex-end;gap:var(--s2);display:flex}.comment-replies-v4{gap:var(--s2);margin-left:var(--s5);padding-left:var(--s4);border-left:var(--reply-border-width) solid var(--separator);display:grid}.field{gap:var(--s2);font-size:var(--small);display:grid}.field>span{font-weight:var(--weight-strong)}.field input,.field select,.field textarea{width:100%;min-height:var(--control);padding:var(--s3);border:var(--border-width) solid var(--separator);border-radius:var(--r-control);background:var(--surface-soft);font-size:var(--content)}.field textarea{min-height:var(--textarea-min);resize:vertical}.form-grid{gap:var(--s4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.catalog-dialog{width:min(var(--dialog-max), calc(100% - 2 * var(--dialog-gutter)));max-height:min(88vh, var(--dialog-height-max));border-radius:var(--r-panel);background:var(--surface);box-shadow:var(--shadow-high);flex-direction:column;margin-inline:auto;display:flex;overflow:hidden}.catalog-dialog-stage{padding:var(--s6);background:var(--scrim)}.hint{color:var(--secondary);font-size:var(--small);margin:0}.modal-head,.modal-foot{align-items:center;gap:var(--s3);padding:var(--s4) var(--s5);display:flex}.modal-head{border-bottom:var(--border-width) solid var(--separator)}.modal-foot{border-top:var(--border-width) solid var(--separator);justify-content:flex-end}.modal-head h2{font-size:var(--modal-title);letter-spacing:var(--tracking-heading);flex:1;margin:0}.modal-body{gap:var(--s4);padding:var(--s5);display:grid;overflow-y:auto}.phase-list-v3{gap:var(--s2);margin-bottom:var(--s4);display:grid}.phase-manager-head-v3{align-items:center;gap:var(--s2);margin-bottom:var(--s3);display:flex}.phase-row-v3{align-items:center;gap:var(--s2);padding:var(--s1) var(--s2);border:var(--border-width) solid var(--separator);border-radius:var(--r-control);background:var(--surface-soft);grid-template-columns:minmax(0,1fr) auto;display:grid}.phase-row-v3:last-child{height:var(--phase-row-secondary-height)}.phase-row-v3:last-child .phase-select-button-v4{min-height:0}.phase-row-v3 strong{font-size:var(--small)}.phase-select-button-v4{align-items:center;gap:var(--s2);min-width:0;padding:var(--s2);border-radius:var(--r-control);color:var(--label);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.phase-select-button-v4:hover,.phase-select-button-v4[aria-pressed=true]{background:var(--surface)}.phase-select-button-v4 strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.phase-row-actions-v3,.phase-current-actions-v4{align-items:center;gap:var(--s1);display:flex}.phase-current-actions-v4{gap:var(--s3)}.phase-row-actions-v3 .icon-circle-v4:not(.is-danger){background:var(--surface);box-shadow:var(--shadow-inset)}.phase-editor-v4{gap:var(--s4);padding-top:var(--s4);border-top:var(--border-width) solid var(--separator);display:grid}.directory-grid{gap:var(--s4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.directory-card{min-height:var(--directory-min-height);gap:var(--s3);padding:var(--s5);border:var(--border-width) solid var(--separator);border-radius:var(--r-card);background:var(--surface);box-shadow:var(--shadow-low);flex-direction:column;display:flex;position:relative}.directory-card-head{grid-template-columns:var(--directory-icon) minmax(0, 1fr) auto;align-items:start;gap:var(--s3);display:grid}.directory-icon{width:var(--directory-icon);height:var(--directory-icon);border-radius:var(--r-process-number);background:var(--accent-soft);color:var(--accent);font-size:var(--caption);font-weight:var(--weight-mark);flex:none;place-items:center;display:grid}.directory-actions{margin:calc(-1 * var(--s1) - var(--border-width)) calc(-1 * var(--s2) + var(--s-half)) 0 0;align-items:center;gap:0;display:flex}.directory-card h3{font-size:var(--directory-title);letter-spacing:var(--tracking-heading);margin:0}.directory-card .host{margin-top:var(--s-half);color:var(--tertiary);font-size:var(--caption);display:block}.directory-card>p{color:var(--secondary);font-size:var(--content);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:none;margin:0;display:-webkit-box;overflow:hidden}.unfurl-card-v4{gap:var(--s-three);padding:var(--s3);border:var(--border-width) solid var(--separator);border-radius:var(--r-control);background:var(--surface-soft);margin-top:auto;display:grid}.unfurl-card-v4 strong,.unfurl-card-v4 span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.unfurl-card-v4 strong{font-size:var(--small)}.unfurl-card-v4 span{color:var(--tertiary);font-size:var(--caption)}.skip{z-index:100;top:var(--s4);left:var(--s4);padding:var(--s3) var(--s4);border-radius:var(--r-control);background:var(--label);color:var(--bg);position:fixed;transform:translateY(-180%)}.skip:focus{transform:none}.review-bar{z-index:30;min-height:var(--header-height);align-items:center;gap:var(--s4);padding:var(--s3) var(--header-padding-inline);border-bottom:var(--border-width) solid var(--separator);background:var(--material);-webkit-backdrop-filter:blur(var(--s5)) saturate(180%);backdrop-filter:blur(var(--s5)) saturate(180%);grid-template-columns:minmax(0,1fr) auto;display:grid;position:sticky;top:0}.review-title{justify-self:start;align-items:center;gap:var(--s3);min-width:max-content;color:var(--label);font-weight:var(--weight-strong);letter-spacing:var(--tracking-title);display:flex}.review-title small{color:var(--secondary);font-size:var(--caption);font-weight:var(--weight-semibold);letter-spacing:0;display:block}.brand-copy{line-height:var(--line-detail-title)}.brand-mark{width:var(--brand-size);height:var(--brand-size);border-radius:var(--brand-radius);box-shadow:var(--shadow-brand);background:url(https://pub-236dc9dc170e487faec4c8b5e2d084c6.r2.dev/pages/eb-glossary-ui-concepts/2026-07-23T03-25-18.611Z-%EC%95%84%EB%A6%AC%EC%97%98%EB%9D%BC-%ED%8F%AC%ED%8A%B8%EB%A0%88%EC%9D%B4%ED%8A%B8-d75ccc6419f0439d961708eb2fd9fd25.jpg) 50%/cover no-repeat;flex:none;display:inline-grid;overflow:hidden}.review-actions{gap:var(--s2);grid-column:2;display:flex}.app-page{min-height:100vh}.workspace-v2{min-height:calc(100vh - var(--header-height));padding-bottom:var(--s12)}.workspace-v2-body,.directory-inline-v3 .view-topbar,.directory-inline-v3 .view-inner{width:min(calc(100% - 2 * var(--s5)), var(--workspace-max));margin-inline:auto}.workspace-v2-body{padding-top:var(--s8)}.section-block{margin-bottom:var(--s10)}.process-toolbar-v2{align-items:center;gap:var(--s3);margin-bottom:var(--s4);background:0 0;padding:0;display:flex;position:static}.process-toolbar-v2 h2{font-size:var(--title);letter-spacing:var(--tracking-title);margin:0}.process-toolbar-v2 .filter-pills{margin-left:var(--s3)}.process-stack-v2{gap:var(--s4);display:grid}.process-empty-v2,.empty-state{padding:var(--s5);color:var(--secondary);font-size:var(--content)}.directory-inline-v3{padding:var(--s8) 0 var(--s12);border-top:var(--border-width) solid var(--separator)}.directory-inline-v3 .view-topbar{align-items:center;gap:var(--s3);min-height:0;margin-bottom:var(--s4);background:0 0;border:0;padding:0;display:flex}.directory-inline-v3 .view-inner{padding:0}.app-page .drawer-layer{z-index:40;top:var(--detail-top);position:fixed;bottom:0;right:0;overflow:hidden}body.detail-open-v3 .workspace-v2,body.detail-open-v3 .directory-inline-v3{margin-right:var(--detail-width-desktop)}body.detail-open-v3 .workspace-v2-body,body.detail-open-v3 .directory-inline-v3 .view-topbar,body.detail-open-v3 .directory-inline-v3 .view-inner{width:min(calc(100% - 2 * var(--s5)), var(--workspace-detail-max))}.modal-layer{z-index:80;padding:var(--dialog-gutter);place-items:center;display:grid;position:fixed;inset:0}.modal-scrim{background:var(--scrim);-webkit-backdrop-filter:blur(var(--modal-backdrop-blur));backdrop-filter:blur(var(--modal-backdrop-blur));border:0;position:absolute;inset:0}.modal-layer>.modal-card{z-index:1;position:relative}.modal-layer>.catalog-dialog{width:min(var(--dialog-max), calc(100% - 2 * var(--dialog-gutter)))}@media (width<=920px){.review-bar{min-height:var(--header-height-mobile);padding-inline:var(--s3)}.review-title{min-width:0}.review-title .brand-mark{width:var(--brand-size-mobile);height:var(--brand-size-mobile);border-radius:var(--brand-radius-mobile)}.brand-copy small{max-width:var(--search-max);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}@media (width<=860px){.workspace-v2-body{width:min(calc(100% - 2 * var(--s4)), var(--workspace-max));padding-top:var(--s6)}.goal-grid-v2{grid-template-columns:1fr}.process-toolbar-v2{flex-wrap:wrap;align-items:flex-start}.process-toolbar-v2 .filter-pills{width:100%;padding-bottom:var(--s1);flex-wrap:nowrap;order:3;margin-left:0;overflow-x:auto}}@media (width<=1100px){.goal-grid-v2,.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.drawer-layer{width:var(--detail-width-tablet)}.catalog-detail{width:100%}body.detail-open-v3 .workspace-v2,body.detail-open-v3 .directory-inline-v3{margin-right:var(--detail-width-tablet)}}@media (width<=820px){.catalog-shell{width:min(calc(100% - 2 * var(--s4)), var(--workspace-max))}.phase-heading-v2{display:block}.phase-edit-trigger-v4{opacity:1;transform:none}.catalog-detail-grid{margin-inline:calc(-1 * var(--s4));grid-template-columns:1fr}.drawer-layer,.catalog-detail{width:100vw;height:calc(100vh - var(--detail-top-mobile));border-left:0;border-radius:0}.app-page .drawer-layer{top:var(--detail-top-mobile)}body.detail-open-v3 .workspace-v2,body.detail-open-v3 .directory-inline-v3{margin-right:0}body.detail-open-v3 .workspace-v2-body,body.detail-open-v3 .directory-inline-v3 .view-topbar,body.detail-open-v3 .directory-inline-v3 .view-inner,.directory-inline-v3 .view-topbar,.directory-inline-v3 .view-inner{width:min(calc(100% - 2 * var(--s4)), var(--workspace-max))}.task-open-v3{padding-left:var(--s4);grid-template-columns:minmax(0,1fr) auto}.task-open-v3 .assignee-chip{grid-column:1}.task-row-v2 .status{grid-area:1/2/span 2}.task-card-actions-v3{padding-right:var(--s4);flex-direction:column;align-items:flex-end}}@media (width<=680px){.brand-copy small{display:none}.directory-heading{flex-wrap:wrap}.directory-heading .search{order:3;width:100%;min-width:0}.view-title{max-width:58vw}.directory-grid{grid-template-columns:1fr}.process-head-v2{padding:var(--s4);grid-template-columns:auto minmax(0,1fr);align-items:start}.process-head-actions{grid-column:1/-1;justify-content:flex-end}.catalog-dialog,.modal-layer>.catalog-dialog{width:var(--dialog-mobile-width)}.modal-head,.modal-foot{padding-inline:var(--s4)}.modal-body{padding:var(--s4)}.modal-foot .button{flex:1}.form-grid{grid-template-columns:1fr}}@media (width<=600px){.catalog-header{padding-inline:var(--s4);flex-direction:column;justify-content:center;align-items:flex-start}.goal-grid-v2{grid-template-columns:1fr}.process-toolbar{flex-wrap:wrap;align-items:flex-start}.process-toolbar .filter-pills{order:3;width:100%;margin-left:0}}@media (width<=560px){.workspace-v2{padding-bottom:var(--workspace-bottom)}}@media (prefers-reduced-motion:reduce){.button,.icon-circle-v4,.phase-edit-trigger-v4{transition:none}}