:root{--bg: #f0f0f0;--fg: #111;--accent: #333;--font-mono: "Courier New", Courier, monospace}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--fg);font-family:var(--font-mono);line-height:1.4;padding:2rem}.container{max-width:800px;margin:0 auto;border:2px solid var(--fg);min-height:90vh;display:flex;flex-direction:column}header{padding:2rem;border-bottom:2px solid var(--fg);display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}h1{font-size:2.5rem;font-weight:900;letter-spacing:-2px;line-height:1}.status{font-size:.8rem;background:var(--fg);color:var(--bg);padding:2px 6px;display:inline-block;margin-top:.5rem}.meta{text-align:right;font-size:.8rem;opacity:.7}.art-list{list-style:none;flex-grow:1}.art-item{border-bottom:1px solid var(--fg)}.art-item:last-child{border-bottom:none}.art-item a{display:flex;align-items:center;padding:1.5rem 2rem;text-decoration:none;color:var(--fg);transition:all .2s ease}.art-item.placeholder{padding:1.5rem 2rem;opacity:.4;display:flex;align-items:center;cursor:not-allowed}.art-item a:hover{background:var(--fg);color:var(--bg)}.art-item a:hover .tags{color:#ccc}.index{font-size:1.5rem;font-weight:700;margin-right:2rem;opacity:.5}.info{flex-grow:1}.info h2{font-size:1.2rem;text-transform:uppercase;margin-bottom:.2rem}.tags{font-size:.7rem;opacity:.6}.arrow{font-size:1.5rem;font-weight:700}footer{padding:1rem 2rem;border-top:2px solid var(--fg);font-size:.7rem;text-transform:uppercase;opacity:.5}@media (max-width: 600px){body{padding:10px}header{flex-direction:column;align-items:flex-start}.meta{text-align:left}.art-item a{padding:1rem}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:none;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-overlay.active{display:flex}.modal-content{background:var(--bg);color:var(--fg);width:90%;max-width:800px;max-height:90vh;border:2px solid var(--fg);display:flex;flex-direction:column;position:relative;box-shadow:10px 10px #00000080}.modal-header{padding:1rem;border-bottom:2px solid var(--fg);display:flex;justify-content:space-between;align-items:center;background:#fff}.modal-header h2{font-size:1.2rem;text-transform:uppercase}.close-btn{background:none;border:none;font-family:var(--font-mono);font-size:1.5rem;cursor:pointer;padding:0 .5rem}.modal-body{padding:2rem;overflow-y:auto;font-size:.9rem}.modal-body h1,.modal-body h2,.modal-body h3{margin-top:1.5rem;margin-bottom:.5rem;text-transform:uppercase;border-bottom:1px solid #ddd;padding-bottom:.5rem}.modal-body p{margin-bottom:1rem}.modal-body ul{margin-bottom:1rem;padding-left:1.5rem}.modal-body code{background:#ddd;padding:.2rem .4rem;border-radius:3px}.modal-footer{padding:1rem;border-top:2px solid var(--fg);display:flex;justify-content:flex-end;background:#fff}.launch-btn{background:var(--fg);color:var(--bg);border:none;padding:1rem 2rem;font-family:var(--font-mono);font-weight:700;text-transform:uppercase;cursor:pointer;text-decoration:none;display:inline-block;transition:transform .1s}.launch-btn:hover{transform:translate(-2px,-2px);box-shadow:4px 4px #0003}