:root{--color-ink: #17191c;--color-paper: #faf9f6;--color-canvas: #e9e6df;--color-white: #fff;--color-chrome: #f4f2ed;--color-hairline: #e7e3db;--color-hairline-soft: #eeebe4;--color-border-strong: #d8d3c8;--color-body: #3c4149;--color-muted: #6b717a;--color-faint: #9aa0a8;--color-pine: #0c6b5e;--color-pine-hover: #0a5347;--color-pine-tint: #e4f0ec;--color-violet: #574fcf;--color-violet-tint: #ecebfb;--color-amber: #b26a16;--color-amber-tint: #f7eede;--color-blue: #2563a8;--color-blue-tint: #e4edf7;--color-neutral-tint: #f0ede6;--color-success: #2e7d5b;--color-danger: #b4432e;--color-ink-dark: #0a0d12;--color-surface-dark: #121721;--color-hairline-dark: #202836;--color-accent-dark: #35e3c4;--font-display: "Newsreader", serif;--font-body: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", monospace;--radius-sm: 6px;--radius-md: 9px;--radius-lg: 12px;--radius-xl: 16px;--shadow-card: 0 30px 80px -34px rgba(20, 25, 35, .3), 0 2px 8px rgba(0, 0, 0, .04)}*{box-sizing:border-box}html{min-height:100%;background:var(--color-canvas)}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--color-canvas);font-family:var(--font-body);-webkit-font-smoothing:antialiased;color:var(--color-ink)}a{color:var(--color-pine);text-decoration:none}a:hover{color:var(--color-pine-hover)}::selection{background:#c9e6de}.container{max-width:1120px;margin:0 auto;padding:40px 36px 56px}.container-narrow{max-width:760px;margin:0 auto;padding:40px 36px 56px}.page-head{margin-bottom:28px}.page-title{font-family:var(--font-display);font-weight:400;font-size:36px;line-height:1.05;color:var(--color-ink);margin:0 0 6px;letter-spacing:-.01em}.page-count{font:500 13px/1 var(--font-mono);color:var(--color-muted)}.section-title{font-family:var(--font-display);font-weight:400;font-size:22px;color:var(--color-ink);margin:0 0 14px}.btn{display:inline-block;font:600 14px/1 var(--font-body);border:none;padding:12px 22px;border-radius:var(--radius-md);cursor:pointer;text-align:center}.btn-primary{color:var(--color-paper);background:var(--color-pine)}.btn-primary:hover{color:var(--color-paper);background:var(--color-pine-hover)}.btn-secondary{color:var(--color-ink);background:var(--color-white);border:1px solid var(--color-border-strong)}.btn-secondary:hover{color:var(--color-ink);border-color:var(--color-muted)}.btn-ghost{color:var(--color-pine);background:transparent;padding:12px 14px}.btn-dark{color:var(--color-paper);background:var(--color-ink);font-size:13px;padding:10px 18px}.btn-dark:hover{color:var(--color-paper);opacity:.9}.tag{display:inline-block;font:600 11px/1 var(--font-mono);padding:5px 9px;border-radius:var(--radius-sm);color:var(--color-muted);background:var(--color-neutral-tint);border:1px solid var(--color-hairline)}.tag-pine{color:var(--color-pine);background:var(--color-pine-tint);border-color:transparent}.tag-violet{color:var(--color-violet);background:var(--color-violet-tint);border-color:transparent}.tag-amber{color:var(--color-amber);background:var(--color-amber-tint);border-color:transparent}.tag-blue{color:var(--color-blue);background:var(--color-blue-tint);border-color:transparent}.tag-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.card-grid-2{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px}.artifact-card{display:block;border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:20px;background:var(--color-white);color:inherit}.artifact-card:hover{border-color:var(--color-border-strong);color:inherit}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px}.card-id{font:500 15px/1.3 var(--font-mono);color:var(--color-ink);margin-bottom:8px;word-break:break-word}.card-id strong{font-weight:600}.card-desc{font-size:13px;line-height:1.5;color:var(--color-muted);margin:0 0 14px}.card-meta{font:500 12px/1 var(--font-mono);color:var(--color-muted);display:flex;gap:14px}.card-age{font:500 11px/1 var(--font-mono);color:var(--color-faint)}.data-table{border:1px solid var(--color-hairline);border-radius:var(--radius-lg);overflow:hidden}.data-table-row{display:grid;gap:16px;align-items:center;padding:15px 20px;border-top:1px solid var(--color-hairline-soft)}.data-table-head{display:grid;gap:16px;padding:12px 20px;background:var(--color-chrome);font:600 11px/1 var(--font-mono);letter-spacing:.06em;color:var(--color-faint);text-transform:uppercase}.data-table-row:first-of-type{border-top:none}.mono{font-family:var(--font-mono)}.mono-strong{font:500 14px/1.3 var(--font-mono);color:var(--color-ink)}.text-right{text-align:right}.breadcrumb{font:500 13px/1 var(--font-mono);color:var(--color-faint);margin-bottom:14px}.breadcrumb a{color:var(--color-muted)}.breadcrumb .current{color:var(--color-ink)}.detail-head{padding:30px 36px 0;max-width:1200px;margin:0 auto}.detail-title{font:500 30px/1 var(--font-mono);color:var(--color-ink);margin:0;word-break:break-word}.detail-title strong{font-weight:600}.detail-meta{display:flex;gap:26px;flex-wrap:wrap;margin-top:20px}.detail-meta span{font:500 13px/1 var(--font-mono);color:var(--color-muted)}.tabs{display:flex;gap:26px;margin-top:22px;border-bottom:1px solid var(--color-hairline-soft);flex-wrap:wrap}.tab{font:500 14px/1 var(--font-body);color:var(--color-muted);padding-bottom:14px}.tab-active{color:var(--color-ink);font-weight:600;border-bottom:2px solid var(--color-pine)}.detail-body{display:grid;grid-template-columns:1fr 340px;max-width:1200px;margin:0 auto}.detail-main{padding:34px 36px 44px;border-right:1px solid var(--color-hairline-soft);min-width:0}.detail-sidebar{padding:34px 28px 44px;background:var(--color-paper)}.prose{font-size:15px;line-height:1.7;color:var(--color-body);margin:0 0 18px}.sidebar-label{font:600 11px/1 var(--font-mono);letter-spacing:.12em;color:var(--color-faint);margin:0 0 14px;text-transform:uppercase}.field-list{display:flex;flex-direction:column}.field-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--color-hairline-soft)}.field-row:last-child{border-bottom:none}.field-key{font-size:13px;color:var(--color-muted)}.field-val{font:500 13px/1.3 var(--font-mono);color:var(--color-ink);text-align:right}.code-block{background:var(--color-ink);border-radius:var(--radius-lg);padding:20px 22px;margin:0 0 30px;overflow-x:auto}.code-block pre{margin:0;font:500 13px/1.7 var(--font-mono);color:#e7ecf2}.quote-block{background:var(--color-paper);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:18px 20px}.quote-block pre{margin:0;font:500 12px/1.7 var(--font-mono);color:var(--color-body);white-space:pre-wrap}.session-nav{display:flex;align-items:center;gap:14px}.session-user{display:flex;align-items:center;gap:8px;color:inherit}.session-user:hover{color:inherit}.session-avatar{width:28px;height:28px;border-radius:7px;background:var(--color-ink);color:var(--color-paper);display:flex;align-items:center;justify-content:center;font:600 12px/1 var(--font-mono)}.session-name{font:500 13px/1 var(--font-mono);color:var(--color-ink)}.session-divider{width:1px;height:20px;background:var(--color-hairline)}.session-logout{font:500 13px/1 var(--font-body);color:var(--color-muted);background:none;border:none;cursor:pointer;padding:0}.session-logout:hover{color:var(--color-ink)}.form{display:flex;flex-direction:column;gap:18px;max-width:560px}.form-field{display:flex;flex-direction:column;gap:7px}.form-row{display:flex;gap:16px}.form-row>.form-field{flex:1}.form-label{font:600 12px/1 var(--font-mono);letter-spacing:.06em;color:var(--color-muted);text-transform:uppercase}.form-input,.form-textarea,.form-select{font:400 14px/1.4 var(--font-body);color:var(--color-ink);background:var(--color-white);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:10px 12px;width:100%}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:2px solid var(--color-pine);outline-offset:1px}.form-textarea{min-height:96px;resize:vertical;font-family:var(--font-body)}.form-mono{font-family:var(--font-mono)}.form-hint{font-size:12px;color:var(--color-faint);margin:0}.form-checkbox{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--color-body)}.form-actions{display:flex;gap:10px;align-items:center}.form-error{font-size:13px;color:var(--color-danger);margin:0}.upload-form{display:flex;flex-direction:column;gap:12px;max-width:480px}.upload-input{font:400 13px/1.4 var(--font-body);color:var(--color-body)}.upload-btn{align-self:flex-start}.upload-bar{height:8px;background:var(--color-hairline-soft);border-radius:4px;overflow:hidden}.upload-bar-fill{height:100%;background:var(--color-pine);border-radius:4px;transition:width .2s ease}.upload-hint{font-size:12px;color:var(--color-faint);margin:0}.upload-ok{font-size:13px;color:var(--color-success);margin:0}.upload-error{font-size:13px;color:var(--color-danger);margin:0}.notice{padding:40px 0;font-size:15px;color:var(--color-muted)}@media(max-width:860px){.detail-body{grid-template-columns:1fr}.detail-main{border-right:none;border-bottom:1px solid var(--color-hairline-soft)}}