:root{--bg: #0d0d0d;--fg: #f2f2f2;--accent: #9cff00;--border: #262626;--mono: "JetBrains Mono", monospace;--sans: "Inter", sans-serif}*{box-sizing:border-box;cursor:crosshair;margin:0;padding:0}html,body,#root{min-height:100%}body{background-color:var(--bg);color:var(--fg);font-family:var(--sans);font-size:14px;line-height:1.2;overflow-x:hidden;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}.app-shell{min-height:100vh}.app-container{border-left:1px solid var(--border);border-right:1px solid var(--border);display:grid;grid-template-columns:280px 1fr;grid-template-rows:40px 1fr 200px;margin:0 auto;max-width:1600px;min-height:100vh}.archive-header{align-items:center;border-bottom:1px solid var(--border);display:flex;font-family:var(--mono);font-size:10px;grid-column:1 / span 2;justify-content:space-between;letter-spacing:.05em;padding:0 20px}.mobile-header-bar{display:contents}.mobile-header-title,.menu-toggle{display:none}.header-panel{align-items:center;display:contents}.nav-links{display:flex;gap:20px}.nav-link{color:inherit;cursor:pointer;text-decoration:none}.nav-link span{color:#666;margin-right:4px}.archive-sidebar{border-right:1px solid var(--border);display:flex;flex-direction:column;gap:40px;padding:40px 20px}.section-label{color:#666;display:block;font-family:var(--mono);font-size:10px;margin-bottom:15px;text-transform:uppercase}.filter-group{margin-bottom:30px}.filter-item{align-items:center;color:#a0a0a0;display:flex;font-size:12px;gap:8px;margin-bottom:8px}.filter-button{background:transparent;border:0;padding:0;text-align:left;width:100%}.filter-button:hover{color:var(--fg)}.filter-item a{color:inherit;cursor:pointer;text-decoration:none}.filter-item a:hover{color:var(--fg)}.checkbox{background:transparent;border:1px solid var(--border);height:10px;width:10px}.checkbox.checked{background:var(--accent);border-color:var(--accent)}.archive-main{overflow-y:auto;padding-top:40px}.hero{padding:0 40px 60px}.hero h1{font-size:clamp(72px,10vw,120px);font-weight:900;letter-spacing:-.04em;line-height:.85;position:relative}.hero h1 sup{color:var(--accent);font-family:var(--mono);font-size:24px;font-weight:400;margin-left:10px;top:-.5em}.feed-table{border-collapse:collapse;width:100%}.feed-header{border-bottom:1px solid var(--border);border-top:1px solid var(--border);color:#666;font-family:var(--mono);font-size:10px;text-align:left}.feed-header th{font-weight:400;padding:10px 20px}.feed-row{border-bottom:1px solid var(--border);cursor:pointer;transition:all .1s ease}.feed-row td{cursor:pointer}.feed-row:hover{background-color:var(--accent);color:var(--bg)}.feed-row:hover .meta,.feed-row:hover .tag{color:var(--bg)}.feed-row td{font-size:18px;font-weight:500;padding:16px 20px}.feed-row.open{background:#9cff0014}.feed-row.open .expand{color:var(--accent)}.meta{color:#666;font-family:var(--mono);font-size:11px;width:120px}.tag{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:#888;text-transform:uppercase;width:100px}.expand{font-weight:300;text-align:right;width:40px}.feed-detail-row td{border-bottom:1px solid var(--border);padding:0}.feed-detail{color:#a0a0a0;padding:18px 20px 22px}.feed-detail-header{align-items:baseline;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:12px}.feed-detail-role{color:var(--fg);font-size:15px;font-weight:600}.feed-detail-period{color:#666;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.feed-detail-list{display:grid;gap:10px;list-style:none}.feed-detail-list li{line-height:1.5;padding-left:16px;position:relative}.feed-detail-list li:before{background:var(--accent);content:"";height:6px;left:0;position:absolute;top:.45rem;width:6px}.visualizer-container{border-right:1px solid var(--border);display:flex;flex-direction:column;grid-column:1;grid-row:3;justify-content:flex-end;padding:20px}.window{background:#111;border:1px solid var(--border);display:flex;flex-direction:column;height:100%;position:relative}.window-header{background:#262626;color:var(--fg);display:flex;font-family:var(--mono);font-size:9px;justify-content:space-between;padding:4px 8px}.canvas-area{background-image:radial-gradient(#222 1px,transparent 1px);background-size:16px 16px;flex-grow:1;overflow:hidden;position:relative}.canvas-area canvas{display:block;height:100%;width:100%}.archive-footer{border-top:1px solid var(--border);display:flex;font-family:var(--mono);font-size:11px;gap:100px;grid-column:2;grid-row:3;line-height:1.6;padding:20px 40px}.tech-spec dt{color:#666;margin-bottom:4px}.tech-spec dd{color:#a0a0a0;margin-bottom:15px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border)}::-webkit-scrollbar-thumb:hover{background:#444}@media(max-width:1200px){.app-container{grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto auto}.archive-header,.archive-footer,.visualizer-container{grid-column:1}.archive-sidebar{border-bottom:1px solid var(--border);border-right:0;gap:20px;padding:20px}.archive-main{min-height:0}.filter-group{margin-bottom:0}.filter-group:first-child{overflow-x:auto;padding-bottom:4px}.filter-group:first-child .section-label{margin-bottom:12px}.filter-group:first-child .filter-button{min-width:max-content;width:auto}.filter-group:first-child .filter-item{margin-bottom:0;white-space:nowrap}.archive-sidebar .filter-group:first-child{display:block}.archive-sidebar .filter-group:first-child .section-label{display:block;flex-basis:100%;margin-bottom:12px}.archive-sidebar .filter-group:last-child{display:grid;gap:8px 16px;grid-template-columns:repeat(2,minmax(0,1fr))}.archive-sidebar .filter-group:last-child .section-label{grid-column:1 / -1}.visualizer-container{border-right:0;border-top:1px solid var(--border);grid-row:auto;min-height:240px}.archive-footer{gap:32px;grid-row:auto;padding:20px}}@media(max-width:1200px){.app-container{border-left:0;border-right:0}.archive-header{align-items:stretch;flex-direction:column;gap:0;padding:0}.mobile-header-bar{align-items:center;display:flex;justify-content:space-between;padding:14px 16px;width:100%}.mobile-header-title{color:#a0a0a0;display:block;font-size:10px;letter-spacing:.08em}.menu-toggle{align-items:center;background:transparent;border:1px solid var(--border);color:var(--fg);cursor:pointer;display:inline-flex;flex-direction:column;gap:4px;height:38px;font-size:11px;justify-content:center;padding:0;width:38px}.menu-toggle span{background:var(--fg);display:block;height:1px;transition:transform .15s ease,opacity .15s ease;width:16px}.menu-toggle.open span:nth-child(1){transform:translateY(5px) rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}.header-panel{border-top:1px solid var(--border);display:none;padding:18px 16px 16px}.header-panel.open{display:block}.nav-links{display:grid;gap:10px;grid-template-columns:1fr;margin:0;overflow:visible;padding:0;width:100%}.nav-link{align-items:center;border:0;border-bottom:1px solid var(--border);display:inline-flex;font-size:18px;font-weight:700;justify-content:flex-start;letter-spacing:.02em;min-height:0;padding:0 0 12px;white-space:nowrap}.nav-link span{color:var(--accent);font-size:13px;margin-right:10px}.system-status{color:#a0a0a0;font-size:9px;line-height:1.5;margin-top:12px;max-width:30ch}.hero{padding:0 16px 28px}.hero h1{font-size:clamp(48px,18vw,72px)}.hero h1 sup{font-size:16px;margin-left:6px}.archive-sidebar{display:none;padding:16px}.archive-sidebar.menu-open{display:flex}.archive-sidebar .filter-group:first-child{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 4px;overflow:visible;padding:0;white-space:normal}.archive-sidebar .filter-group:first-child .filter-button{background:#121212;border:1px solid var(--border);border-radius:999px;display:flex;font-size:10px;margin-right:0;min-height:32px;padding:6px 10px;white-space:nowrap;width:max-content}.archive-sidebar .filter-group:first-child .checkbox{flex:0 0 auto;height:8px;width:8px}.archive-sidebar .filter-group:last-child{gap:6px 12px;grid-template-columns:repeat(2,minmax(0,1fr))}.feed-table,.feed-table tbody,.feed-table tr,.feed-table td{display:block;width:100%}.feed-header{display:none}.feed-row{display:grid;gap:14px;grid-template-columns:minmax(0,1fr) auto;padding:18px 16px}.feed-row td{align-items:baseline;display:flex;font-size:14px;gap:14px;min-width:0;padding:0}.feed-row td:before{color:#666;content:attr(data-label);flex:0 0 84px;font-family:var(--mono);font-size:10px;letter-spacing:.05em}.feed-row .meta,.feed-row .tag,.feed-row .expand{width:auto}.feed-row .meta{grid-column:1 / -1}.feed-row td:nth-child(2){grid-column:1 / -1;font-size:20px;line-height:1.25}.feed-row .tag{grid-column:1 / 2}.feed-row .expand{grid-column:2 / 3;justify-content:flex-end;text-align:right}.feed-row .expand:before{margin-right:2px}.feed-detail-row td{border-bottom:1px solid var(--border);display:block}.feed-detail-row td:first-child{display:none}.feed-detail{padding:14px 16px 18px}.feed-detail-header{align-items:flex-start;flex-direction:column;gap:6px}.feed-detail-role{font-size:14px}.feed-detail-list{gap:12px}.visualizer-container{min-height:200px;padding:16px}.archive-footer{flex-direction:column;gap:14px;padding:16px}.tech-spec dd{margin-bottom:8px}}@media(max-width:560px){.nav-link,.archive-sidebar .filter-group:first-child .filter-button{font-size:10px;min-height:32px}.nav-link{font-size:16px;padding:0 0 10px}.archive-sidebar .filter-group:first-child{gap:8px}.archive-sidebar .filter-group:first-child .filter-button{padding:6px 9px}.archive-sidebar .filter-group:last-child .filter-item{font-size:11px}.feed-row td:before{flex-basis:64px}.feed-row td:nth-child(2){font-size:16px}}