.cl-binder-layout{width:100%;max-width:540px;display:flex;position:relative}.cl-spine{border-right:1px solid hsl(var(--border));flex-direction:column;flex-shrink:0;align-items:center;gap:120px;width:40px;padding-top:40px;display:flex}.cl-hole{background:hsl(var(--foreground) / .1);border:1px solid hsl(var(--border));border-radius:2px;width:10px;height:10px;box-shadow:inset 0 2px 4px #0000004d}.cl-content{flex:1;padding-left:50px}.cl-entry{margin-bottom:100px;position:relative}.cl-connector{background:linear-gradient(to right, var(--accent), hsl(var(--border)));opacity:.5;width:51px;height:1px;position:absolute;top:18px;left:-51px}.cl-node{background:hsl(var(--background));border:1.5px solid var(--accent);width:6px;height:6px;box-shadow:0 0 12px var(--accent-glow);z-index:10;border-radius:50%;position:absolute;top:15px;left:-53px}.cl-entry-meta{color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:10px;margin-bottom:16px;font-family:JetBrains Mono,monospace;font-size:9px;display:flex}.cl-date{color:var(--accent);opacity:.7}.cl-card{-webkit-backdrop-filter:blur(20px)saturate(160%);background:#ffffffb3;border:1px solid #0000000d;border-radius:14px;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:block;overflow:hidden;box-shadow:0 4px 30px #00000008}.dark .cl-card{background:var(--card-bg,transparent);border-color:var(--border);box-shadow:none}.cl-card:hover{border-color:#00000026;transform:translateY(-4px)scale(1.005);box-shadow:0 20px 40px #00000014}.dark .cl-card:hover{border-color:#fff3;box-shadow:0 20px 40px #0000004d}.cl-card-header{background-image:radial-gradient(#00000014 .5px,#0000 .5px);background-size:12px 12px;border-bottom:1px solid #0000000d;padding:24px}.dark .cl-card-header{background-image:radial-gradient(hsl(var(--foreground) / .05) .5px, transparent .5px);border-bottom-color:var(--border)}.cl-sketch{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.cl-sketch-row{background:#00000014;height:1px}.dark .cl-sketch-row{background:var(--border)}.cl-sketch-row-accent{background:linear-gradient(to right, var(--accent), transparent);opacity:.4;height:1px}.cl-card-header-content{justify-content:space-between;align-items:center;display:flex}.cl-letter{font-family:Space Grotesk,sans-serif;font-size:42px;font-weight:700;line-height:1;transition:all .3s}.cl-card-title{color:hsl(var(--foreground));letter-spacing:-.01em;margin-bottom:4px;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:600}.cl-category-group{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.cl-category-tag{text-transform:uppercase;letter-spacing:.08em;color:hsl(var(--foreground) / .6);background:#00000008;border:1px solid #0000001a;border-radius:4px;padding:2px 7px;font-family:JetBrains Mono,monospace;font-size:8px}.dark .cl-category-tag{background:#ffffff08;border:1px solid #ffffff1a}.cl-card-body{padding:24px}.cl-project-title{letter-spacing:-.01em;color:hsl(var(--foreground));justify-content:space-between;align-items:center;margin-bottom:20px;font-size:15px;font-weight:500;text-decoration:none;display:flex}.cl-arrow{color:hsl(var(--muted-foreground));font-size:11px;transition:all .3s}.cl-card:hover .cl-arrow{color:var(--accent);transform:translate(2px,-2px)}.cl-status-group{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.cl-status-tag{text-transform:uppercase;letter-spacing:.1em;color:hsl(var(--muted-foreground));align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:8.5px;display:flex}.cl-status-dot{border-radius:50%;width:3px;height:3px}.cl-notes-btn{color:hsl(var(--muted-foreground));letter-spacing:.05em;background:#00000005;border-top:1px solid #0000000d;justify-content:center;align-items:center;gap:8px;padding:14px;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.dark .cl-notes-btn{background:hsl(var(--foreground) / .02);border-top-color:var(--border)}.cl-card:hover .cl-notes-btn{background:hsl(var(--foreground) / .05);color:hsl(var(--foreground));letter-spacing:1px}.cl-count{color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.1em;margin-bottom:24px;font-family:JetBrains Mono,monospace;font-size:9px}