:root{--bg: #0b1020;--panel: #11172b;--text: #e8eefc;--muted: #a6b3cf;--accent: #5b8cff;--danger: #ff6b6b}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 800px at 10% 0%,#121a33,#0b1020);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif}.container{max-width:860px;margin:0 auto;padding:24px}header h1{margin:0 0 8px;font-size:28px}header p{margin:0 0 20px;color:var(--muted)}.form{background:var(--panel);padding:16px;border-radius:12px}.form .row{margin-bottom:12px}input[type=text],input[type=search],textarea{width:100%;background:#0c1326;color:var(--text);border:1px solid #263357;border-radius:8px;padding:10px 12px}textarea{min-height:100px;resize:vertical}.actions{display:flex;gap:8px}button{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:10px 14px;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}button.delete{background:var(--danger)}.toolbar{display:flex;gap:12px;align-items:center;margin:16px 0}.toolbar .count{color:var(--muted)}.list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.list li{background:var(--panel);padding:14px;border-radius:12px;position:relative}.meta{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:12px}.author{font-weight:600;color:var(--text)}.content{margin:8px 0 0;line-height:1.5}