:root{--bg: #0f0b12;--surface: #17131d;--text: #e6f1ff;--muted: #a49ab0;--border: #243140;--primary: #db2777;--primary-contrast: #ffffff;--ring: #f472b6;--danger: #ef4444}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";position:relative}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(120vw 120vh at 50% -10%,#0e1630aa 0%,transparent 60%)}main{width:min(900px,92%);margin:0 auto;padding-bottom:3rem}.header{position:sticky;top:0;z-index:10;background:#121826bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.header-inner{display:flex;justify-content:center;align-items:center;text-align:center;padding:1rem 0}.header-inner h1{margin:0;font-weight:700;letter-spacing:.2px}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1rem;box-shadow:0 6px 18px #0000002e}.stack{display:grid;gap:.9rem}input,textarea{width:100%;border:1px solid var(--border);border-radius:12px;background:#0f172a;color:var(--text);padding:.65rem .75rem;font:inherit}input::placeholder,textarea::placeholder{color:var(--muted)}input:focus,textarea:focus,button:focus{outline:2px solid var(--ring);outline-offset:2px}button{border:1px solid var(--border);border-radius:12px;background:#0f172a;color:var(--text);padding:.5rem .85rem;cursor:pointer;transition:transform .04s ease,filter .12s ease}button:hover{filter:brightness(1.08)}button:active{transform:translateY(1px)}button.primary{background:var(--primary);color:var(--primary-contrast);border-color:var(--primary)}button.danger{color:var(--danger)}.note{display:flex;align-items:flex-start;gap:.9rem}.note__main{flex:1}.note__title{margin:0;font-size:1.05rem;font-weight:600}.note__body{margin:.35rem 0 0;color:var(--muted);white-space:pre-wrap}.small{font-size:.875rem}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem}@media (max-width: 520px){.toolbar{flex-direction:column;align-items:stretch}}.search{width:100%;max-width:360px}.chip{background:#1f2937;color:#e5e7eb;border-radius:999px;padding:.1rem .5rem;font-size:.75rem}.dragging{opacity:.8}.pagination{display:flex;align-items:center;gap:.75rem;justify-content:center;padding-top:.5rem}.pin.active{color:#fbbf24}.group-title{margin:.25rem 0;font-size:.9rem;letter-spacing:.4px;color:var(--muted);text-transform:uppercase}.draggable{cursor:grab}.draggable:active{cursor:grabbing}.card.drag-over{outline:2px dashed var(--ring);outline-offset:3px}.icon-button{padding:.35rem .6rem;border-radius:10px}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}