:root{--bg-deep: #0c376f;--bg-card: #0c376f;--bg-card-hover: #0f407a;--grid-line: #1a2d4a;--grid-line-major: #1e3555;--cyan: #d1eafd;--cyan-muted: #97b8cc;--cyan-dim: #0e2a38;--cyan-ghost: #0e2a38;--amber: #4a7ba6;--amber-dim: #2d5a80;--rust: #c45a3c;--danger: #e05555;--text-primary: #d1eafd;--text-secondary: #8aa3b8;--text-dim: #5a7a94;--grid-unit: 8px;--card-gap: calc(var(--grid-unit) * 2);--section-gap: calc(var(--grid-unit) * 5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;-webkit-font-smoothing:antialiased}body{font-family:IBM Plex Mono,Courier New,monospace;background-color:var(--bg-deep);color:var(--text-primary);line-height:1.5;min-height:100vh}.uc-page{background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px),linear-gradient(var(--grid-line-major) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line-major) 1px,transparent 1px);background-size:var(--grid-unit) var(--grid-unit),var(--grid-unit) var(--grid-unit),calc(var(--grid-unit) * 8) calc(var(--grid-unit) * 8),calc(var(--grid-unit) * 8) calc(var(--grid-unit) * 8);background-position:-1px -1px;min-height:100vh;padding:calc(var(--grid-unit) * 4)}.uc-header{margin-bottom:var(--section-gap);padding-top:calc(var(--grid-unit) * 3);padding-bottom:calc(var(--grid-unit) * 2);border-bottom:1px dashed var(--cyan-muted);position:relative}.uc-title{font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;font-size:1.8rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.15em}.uc-subtitle{font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.2em;margin-top:calc(var(--grid-unit) * .5)}.uc-group{margin-bottom:var(--section-gap)}.uc-group-header{display:flex;align-items:center;gap:calc(var(--grid-unit) * 1.5);margin-bottom:calc(var(--grid-unit) * 2);padding-bottom:calc(var(--grid-unit) * 1);border-bottom:1px solid var(--cyan-muted)}.uc-group-icon{font-size:1.1rem;color:var(--amber);width:calc(var(--grid-unit) * 3);text-align:center}.uc-group-label{font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--text-primary)}.uc-group-count{font-size:.65rem;color:var(--text-dim)}.uc-group-rule{flex:1;height:1px;background:var(--cyan-dim);margin-left:calc(var(--grid-unit) * 1)}.uc-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--card-gap)}.uc-card{background:var(--bg-card);border:1px solid var(--cyan-dim);padding:calc(var(--grid-unit) * 2);position:relative;transition:border-color .15s ease,background-color .15s ease}.uc-card:hover{border-color:var(--cyan-muted);background:var(--bg-card-hover)}.uc-card:before{content:"┌";position:absolute;top:-1px;left:-1px;color:var(--cyan-muted);font-size:.7rem;line-height:1}.uc-card:after{content:"┘";position:absolute;bottom:-1px;right:-1px;color:var(--cyan-muted);font-size:.7rem;line-height:1}.uc-card-title{font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:calc(var(--grid-unit) * 1);line-height:1.3}.uc-card-short-text{font-size:.8rem;color:var(--text-secondary);line-height:1.5}.uc-card-long-text{font-size:.8rem;color:var(--text-secondary);line-height:1.6}.uc-card-long-text p{margin-bottom:calc(var(--grid-unit) * 1.5)}.uc-card-long-text p:last-child{margin-bottom:0}.uc-card-long-text strong{color:var(--text-primary);font-weight:600}.uc-card-link{display:inline-flex;align-items:center;gap:calc(var(--grid-unit) * .75);font-size:.75rem;color:var(--cyan);text-decoration:none;border-bottom:1px solid var(--cyan-dim);padding-bottom:1px;transition:border-color .15s ease}.uc-card-link:hover{border-color:var(--cyan)}.uc-card-link:before{content:"▸";color:var(--amber)}.uc-card-link-preview,.uc-card-image{width:100%;height:auto;border:1px solid var(--cyan-dim);margin-bottom:calc(var(--grid-unit) * 1);display:block}.uc-card-video{width:100%;aspect-ratio:16 / 9;border:1px solid var(--cyan-dim);margin-bottom:calc(var(--grid-unit) * 1)}.uc-card-svg{width:100%;border:1px solid var(--cyan-dim);margin-bottom:calc(var(--grid-unit) * 1);background:var(--bg-deep);padding:calc(var(--grid-unit) * 1)}.uc-card-embed{width:100%;min-height:200px;border:1px solid var(--cyan-dim);margin-bottom:calc(var(--grid-unit) * 1)}.uc-card-code{background:var(--bg-deep);border:1px solid var(--cyan-dim);padding:calc(var(--grid-unit) * 1.5);margin-bottom:calc(var(--grid-unit) * 1);overflow-x:auto;font-size:.75rem;line-height:1.6;color:var(--cyan-muted)}.uc-card-code-lang{font-size:.6rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-dim);margin-bottom:calc(var(--grid-unit) * .5)}.uc-card-tags{display:flex;flex-wrap:wrap;gap:calc(var(--grid-unit) * .5);margin-top:calc(var(--grid-unit) * 1.5)}.uc-tag{font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-primary);border:1px solid var(--cyan-dim);padding:1px calc(var(--grid-unit) * .75);background:transparent}.uc-card-meta{font-size:.6rem;color:var(--text-dim);margin-top:calc(var(--grid-unit) * 1);letter-spacing:.05em}@media(max-width:600px){.uc-page{padding:calc(var(--grid-unit) * 2)}.uc-card-grid{grid-template-columns:1fr}.uc-title{font-size:1.3rem}}a{color:var(--cyan)}a:visited{color:var(--cyan-muted)}