: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: #6b6b6b;--color-seed: #7a9472;--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;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);-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,.nav-links a.active{color:var(--color-text)}main{max-width:900px;margin:0 auto;padding:var(--sp-8) var(--sp-6)}.error-state{text-align:center;padding:var(--sp-12);color:var(--color-text-muted)}.error-state p{margin-bottom:var(--sp-4);font-size:var(--fs-sm)}.retry-btn{background:none;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--sp-2) var(--sp-4);font-size:var(--fs-sm);font-family:var(--font-sans);color:var(--color-text-secondary);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out)}.retry-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.loading-dots{display:flex;gap:6px;justify-content:center;align-items:center;padding:var(--sp-8)}.loading-dots span{width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-text-muted);animation:pulse 1.2s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.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)}.link-card{display:block;text-decoration:none;color:inherit;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--sp-4) var(--sp-5);overflow:hidden;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.link-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-sm);color:inherit}.link-card-thumb{width:100%;height:120px;object-fit:cover;border-radius:var(--radius-md);margin-bottom:var(--sp-3)}.link-card-title{font-size:var(--fs-base);font-weight:var(--fw-medium);color:var(--color-text);margin-bottom:var(--sp-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-card-desc{color:var(--color-text-muted);font-size:var(--fs-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:var(--lh-relaxed)}.link-card-meta{display:flex;align-items:center;gap:var(--sp-3);margin-top:var(--sp-3);font-size:var(--fs-xs);color:var(--color-text-muted)}.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)}@media(prefers-color-scheme:dark){:root{--color-bg: #1a1a1a;--color-surface: #252525;--color-surface-hover: #2e2e2e;--color-border: #3a3a3a;--color-border-focus: #5ba85e;--color-text: #f0f0f0;--color-text-secondary: #b8b8b8;--color-text-muted: #8a8a8a;--color-seed: #96a890;--color-sprout: #7fb069;--color-tree: #5ba85e;--color-forest: #3d8b40;--color-accent: #5ba85e;--color-accent-hover: #6dbf70;--color-accent-dim: rgba(91, 168, 94, .12);--color-duplicate: #e87c75;--color-duplicate-dim: rgba(232, 124, 117, .12);--color-extends: #d4a84e;--color-edge: #4a4a4a;--color-edge-hover: #7fb069;--color-cluster-bg: rgba(91, 168, 94, .06);--color-cluster-border: rgba(91, 168, 94, .12);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 2px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .4)}}@font-face{font-family:Pretendard Variable;font-display:swap;src:local("Pretendard Variable")}