:root{--bg-page:#0b0f0e;--bg-card:#14181a;--border:#262b2e;--text-primary:#e7ecea;--text-muted:#93a09c;--accent:#10b981;--accent-hover:#059669;--radius:10px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg-page);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.container{max-width:960px;margin:0 auto;padding:2rem 1.25rem 4rem}.page-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.page-header h1{font-size:1.5rem;margin:0}.muted{color:var(--text-muted);font-size:.9rem}.collection{border:1px solid var(--border);background:var(--bg-card);border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:1rem}.collection-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.collection-head h2{font-size:1.05rem;margin:0}.page-list{list-style:none;margin:0;padding:0}.page-list li{padding:.4rem 0;border-top:1px solid var(--border)}.page-list li:first-child{border-top:none}.page-list a{color:var(--accent)}.page-list a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;padding:.35rem .7rem;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text-primary);cursor:pointer}.btn:hover{border-color:var(--accent);color:var(--accent)}.frame-wrap{height:100vh;display:flex;flex-direction:column}.frame-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 1rem;border-bottom:1px solid var(--border);background:var(--bg-card);font-size:.9rem}.frame-bar a{color:var(--accent)}.frame-wrap iframe{flex:1 1;width:100%;border:none;background:#fff}.empty{border:1px dashed var(--border);border-radius:var(--radius);padding:2rem;text-align:center}.empty,.notice{color:var(--text-muted)}.notice{font-size:.8rem}