:root{--bg:#f5f7fb;--tile:#ffffff;--text:#111827;--muted:#6b7280}body.dark{--bg:#0b1220;--tile:#0f1724;--text:#e6eef8;--muted:#94a3b8}*{box-sizing:border-box}body,html,#root{height:100%;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:var(--text)}.app{min-height:100vh;background:var(--bg);padding:20px}.header{margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}.dark-toggle{background:transparent;border:1px solid rgba(255,255,255,.06);color:var(--text);padding:6px 10px;border-radius:6px;cursor:pointer}.columns{display:flex;gap:16px}.column{flex:1;min-width:200px}.column h2{margin:0 0 8px}.tile{background:var(--tile);padding:12px;border-radius:8px;box-shadow:0 1px 3px #0000000f;margin-bottom:10px;position:relative}.tile-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.tile-title{font-weight:600}.tile-date,.tile-sub{color:var(--muted);font-size:.9rem}.empty{color:var(--muted);font-style:italic}.error{color:#ff8a8a;margin-bottom:8px}.wl-badge{position:absolute;right:10px;bottom:8px;background:#0000000f;color:var(--text);padding:4px 8px;border-radius:999px;font-weight:600;font-size:.85rem}.dark .wl-badge{background:#ffffff0f}@media (max-width:800px){.columns{flex-direction:column}}