@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800&family=JetBrains+Mono:wght@400;700&display=swap");:root{--bg:#050505;--fg:#ffffff;--accent:#3b82f6;--accent-glow:rgba(59,130,246,0.3);--secondary:#8b5cf6;--muted:#666666;--border:#222222;--card-bg:#0a0a0a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--fg);font-family:Outfit,sans-serif;line-height:1.6;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow-x:hidden}main{width:100%;max-width:900px;padding:40px 20px;animation:fadeIn .8s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}h1{font-size:3.5rem;font-weight:800;text-align:center;margin-bottom:40px;letter-spacing:-2px;background:linear-gradient(135deg,var(--fg) 0,var(--muted) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}form{display:flex;flex-direction:column;gap:20px}.input-container{position:relative;width:100%}input[type=text]{width:100%;padding:24px;background:var(--card-bg);border:2px solid var(--border);border-radius:16px;color:var(--fg);font-family:JetBrains Mono,monospace;font-size:1.1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px rgba(0,0,0,.5)}input[type=text]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow);transform:translateY(-2px)}.options{display:flex;gap:24px;justify-content:center;padding:10px 0}.option{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:600;color:var(--muted);transition:color .2s}.option:hover{color:var(--fg)}.option input{width:18px;height:18px;accent-color:var(--accent)}.focus-input{width:100%;padding:20px;background:var(--card-bg);border:2px solid var(--border);border-radius:16px;color:var(--fg);font-family:JetBrains Mono,monospace;font-size:1rem;resize:vertical;margin-top:10px}.btn-primary{padding:20px;background:linear-gradient(135deg,var(--accent) 0,var(--secondary) 100%);color:white;border:none;border-radius:16px;font-size:1.1rem;font-weight:800;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:1px}.btn-primary:hover:not(:disabled){filter:brightness(1.2);transform:translateY(-2px);box-shadow:0 10px 30px rgba(59,130,246,.4)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.status{margin-top:30px;text-align:center;font-family:JetBrains Mono,monospace;font-size:.9rem;color:var(--accent);letter-spacing:1px;text-transform:uppercase}.result-area{margin-top:40px;background:var(--card-bg);border:1px solid var(--border);border-radius:20px;padding:30px;position:relative}.section-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;border-bottom:1px solid var(--border);padding-bottom:10px}.section-header-row .section-title{margin-bottom:0;border-left:none;padding-left:0}.search-bar-inline{display:flex;align-items:center;gap:10px;background:var(--card-bg);border:1px solid var(--border);padding:6px 15px;border-radius:10px;width:250px;transition:all .2s}.search-bar-inline input{background:transparent;border:none;color:var(--fg);font-size:.85rem;outline:none;width:100%}.search-bar-inline:focus-within{border-color:var(--accent)}.card-header-v2{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.card-actions-v2{display:flex;gap:4px}.card-glimpse{font-size:.9rem;color:#888;line-height:1.5;font-style:italic;border-left:2px solid var(--border);padding-left:15px;margin:5px 0}.card-footer-v2{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:15px;border-top:1px solid var(--border)}.delete-btn-simple:hover{color:#ff4444!important;opacity:1}.empty-msg{color:var(--muted);font-style:italic}.search-bar{display:flex;align-items:center;gap:12px;background:var(--card-bg);border:2px solid var(--border);padding:10px 20px;border-radius:12px;width:100%;max-width:400px}.search-bar input{background:transparent;border:none;color:var(--fg);font-family:JetBrains Mono,monospace;font-size:.9rem;outline:none;width:100%}.search-bar:focus-within{border-color:var(--accent)}.delete-btn:hover{color:#ff4444;border-color:#ff4444}.result-actions{display:flex;gap:12px;margin-bottom:20px}.action-btn{display:flex;align-items:center;gap:8px;background:var(--border);border:1px solid var(--border);padding:8px 16px;border-radius:10px;color:var(--fg);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.action-btn:hover{background:var(--card-bg);border-color:var(--accent)}.action-btn svg{color:var(--accent)}.library-btn-top{position:fixed;top:30px;right:30px;background:var(--card-bg);border:1px solid var(--border);padding:12px 24px;border-radius:12px;color:var(--fg);text-decoration:none;font-weight:700;display:flex;align-items:center;gap:10px;transition:all .2s;z-index:100}.library-btn-top:hover{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--muted);letter-spacing:2px;border-bottom:1px solid var(--border);padding-bottom:10px}.animate-in{animation:slideUp .6s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}pre{background:transparent;color:#d1d5db;font-family:JetBrains Mono,monospace;font-size:.95rem;white-space:pre-wrap;word-break:break-word;line-height:1.8}.copy-btn{background:var(--border);border:none;padding:8px;border-radius:8px;color:var(--fg);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.copy-btn:hover{background:var(--muted);transform:scale(1.05)}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:30px;gap:30px}.library-card{background:var(--card-bg);border:1px solid var(--border);border-radius:20px;padding:30px;display:flex;flex-direction:column;gap:20px;transition:all .3s}.card-url-title{font-size:1.6rem;font-weight:800;color:var(--fg);margin:0}.simple-icon-btn{background:transparent;border:none;color:var(--fg);cursor:pointer;padding:8px;opacity:.6;transition:opacity .2s}.simple-icon-btn:hover{opacity:1}.edit-link-btn{color:var(--accent)!important;text-decoration:none!important;font-weight:700;display:flex;align-items:center;gap:8px;font-size:.9rem;transition:opacity .2s}.edit-link-btn:hover{opacity:.8}a,a:active,a:hover,a:visited{color:inherit;text-decoration:none}