:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #242424;--fg: rgba(255, 255, 255, .87);--muted: #a0a0a0;--accent: #646cff;--accent-2: #535bf2;--card-bg: #2b2f42;--card-border: #646cff33;--button-bg: #1a1a1a;--button-border: #3a3a3a;--input-bg: #1a1a1a;--input-fg: var(--fg);--input-border: #3a3a3a;--panel-bg: #1f2130;--panel-border: #ffffff22;--focus: #7e85ff66;--border: #343545;--pinned-bg: linear-gradient(0deg, rgba(255, 208, 58, .16), rgba(255, 208, 58, .16)), var(--card-bg);--pinned-border: #d4a300;--pinned-shadow: #d4a30033;--pinned-accent: #d4a300;--danger-bg: #3a1f1f;--danger-border: #ff6b6b;--danger-fg: #ffdede}*,*:before,*:after{box-sizing:border-box}html,body{width:100%;max-width:100%;overflow-x:hidden}img,svg,video,canvas{max-width:100%;height:auto}a{font-weight:500;color:var(--accent);text-decoration:inherit}a:hover{color:var(--accent-2)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:var(--bg);color:var(--fg)}h1{font-size:3.2em;line-height:1.1}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;overflow-x:hidden}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover,.logo.vanilla:hover{filter:drop-shadow(0 0 2em #646cffaa)}.card{padding:2em}.read-the-docs{color:#888}button{border-radius:8px;border:1px solid var(--button-border);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--button-bg);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--accent)}button:focus,button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus)}.btn--primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn--primary:hover{filter:brightness(1.05)}.btn--ghost{background:transparent;color:var(--accent);border-color:var(--accent)}.btn--ghost:hover{background:#646cff14}.btn--danger{background:var(--danger-bg);color:var(--danger-fg);border-color:var(--danger-border)}.btn--danger:hover{filter:brightness(1.05)}.link-item{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;margin:1em auto;padding:1em 1.5em;max-width:600px;text-align:left;box-shadow:0 2px 8px #0002;transition:box-shadow .2s,border .2s}.link-item:hover{border-color:var(--accent);box-shadow:0 4px 16px #646cff33}.link-item a{font-size:1.2em;font-weight:700;color:var(--accent);text-decoration:underline}.link-item div{margin-top:.3em;font-size:.98em;color:var(--muted)}.link-item strong{color:var(--accent-2)}.icon-btn{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;margin-top:.5em;margin-right:.25em}.icon-btn svg{width:18px;height:18px;fill:currentColor}.link-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.5em}.edit-link.icon-btn,.pin-link.icon-btn{background:transparent;color:var(--accent);border-color:var(--accent)}.edit-link.icon-btn:hover,.share-link.icon-btn:hover{background:#646cff14}.pin-link.icon-btn:hover{background:#d4a30026}.link-item.pinned .pin-link.icon-btn{color:var(--pinned-accent);border-color:var(--pinned-accent)}.link-item.pinned{background:var(--pinned-bg);border:2px solid var(--pinned-border);box-shadow:0 4px 16px 0 var(--pinned-shadow)}.link-item.pinned .pin-link{color:var(--pinned-accent);font-weight:700}.link-item.pinned a{color:var(--pinned-accent)}select,input[type=text],input[type=url]{border-radius:6px;border:1px solid var(--input-border);padding:.4em .8em;margin:.2em .4em;font-size:1em;background:var(--input-bg);color:var(--input-fg)}select:focus,input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--focus)}#dropbox-bar{flex-wrap:wrap}#top-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:center}@media (max-width: 600px){#app{padding:1rem}input[type=text],input[type=url],select,#search{width:100%;max-width:100%}button{width:100%}}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff;--bg: #ffffff;--fg: #213547;--muted: #666;--accent: #646cff;--accent-2: #535bf2;--card-bg: #f6f7ff;--card-border: #dfe3ff;--button-bg: #f9f9f9;--input-bg: #ffffff;--input-fg: #213547;--input-border: #cccccc;--panel-bg: #ffffff;--panel-border: #0000001a;--pinned-bg: linear-gradient(0deg, rgba(255, 208, 58, .22), rgba(255, 208, 58, .22)), var(--card-bg);--pinned-border: #ffd24d;--pinned-shadow: #ffd24d33;--pinned-accent: #b8860b;--button-border: #d9d9df;--focus: #BDC3FF80;--border: #d9d9df;--danger-bg: #fff3f3;--danger-border: #d93025;--danger-fg: #7a0f0a}a:hover{color:#747bff}button{background-color:#f9f9f9}}html.theme-light{color-scheme:light}html.theme-light body{color:#213547;background-color:#fff}html.theme-light button{background-color:#f9f9f9}html.theme-light a:hover{color:#747bff}html.theme-dark{color-scheme:dark}html.theme-dark body{color:#ffffffde;background-color:#242424}.modal-backdrop{position:fixed;inset:0;background:#00000080;display:none;align-items:center;justify-content:center;padding:1rem;z-index:1000}.modal-backdrop.open{display:flex}.modal-panel{background:var(--panel-bg);color:inherit;border-radius:12px;width:100%;max-width:640px;border:1px solid var(--panel-border);box-shadow:0 10px 30px #0007}.modal-header,.modal-footer{padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between}.modal-header{border-bottom:1px solid #ffffff1a}.modal-footer{border-top:1px solid #ffffff1a}.modal-section{padding:1rem 1.25rem}::selection{background:#646cff66}