:root{--color-bg: #fafaf8;--color-surface: #ffffff;--color-surface-hover: #f5f4f1;--color-border: #e8e5e0;--color-border-focus: #3d7a40;--color-text: #1a1a1a;--color-text-secondary: #5c5c5c;--color-text-muted: #8c8c8c;--color-seed: #c8d6c0;--color-sprout: #7fb069;--color-tree: #3d7a40;--color-forest: #1b4d1e;--color-accent: #3d7a40;--color-accent-hover: #356d38;--color-accent-dim: rgba(61, 122, 64, .08);--color-duplicate: #d4564e;--color-duplicate-dim: rgba(212, 86, 78, .08);--color-related: #7fb069;--color-extends: #b8943e;--color-edge: #d4d0ca;--color-edge-hover: #7fb069;--color-cluster-bg: rgba(127, 176, 105, .04);--color-cluster-border: rgba(127, 176, 105, .08);--font-sans: "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", monospace;--fs-xs: .6875rem;--fs-sm: .8125rem;--fs-base: .9375rem;--fs-lg: 1.125rem;--fs-xl: 1.5rem;--fs-2xl: 2rem;--fs-3xl: 2.5rem;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--lh-tight: 1.2;--lh-normal: 1.5;--lh-relaxed: 1.7;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .08);--ease-out: cubic-bezier(.22, 1, .36, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);font-size:var(--fs-base);font-weight:var(--fw-normal);color:var(--color-text);background:var(--color-bg);line-height:var(--lh-normal);min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-accent);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--color-accent-hover)}.nav{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-6);background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.nav-brand{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--color-accent)}.nav-brand:hover{color:var(--color-accent-hover)}.nav-links{display:flex;gap:var(--sp-6)}.nav-links a{color:var(--color-text-muted);font-size:var(--fs-sm);font-weight:var(--fw-medium);transition:color var(--duration-fast) var(--ease-out)}.nav-links a:hover{color:var(--color-text)}main{max-width:900px;margin:0 auto;padding:var(--sp-8) var(--sp-6)}.depth-badge{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-xs);font-weight:var(--fw-medium);padding:2px var(--sp-2);border-radius:var(--radius-full);background:var(--color-bg);border:1px solid var(--color-border)}.depth-badge[data-depth=seed]{color:var(--color-seed);border-color:var(--color-seed)}.depth-badge[data-depth=sprout]{color:var(--color-sprout);border-color:var(--color-sprout)}.depth-badge[data-depth=tree]{color:var(--color-tree);border-color:var(--color-tree)}.depth-badge[data-depth=forest]{color:var(--color-forest);border-color:var(--color-forest)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);font-size:var(--fs-sm);font-weight:var(--fw-semibold);border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-surface-hover)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--sp-5);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.input{width:100%;padding:var(--sp-3) var(--sp-4);font-size:var(--fs-base);font-family:var(--font-sans);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);outline:none;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-accent-dim)}.input::placeholder{color:var(--color-text-muted)}