:root{--font-system:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-title:var(--font-system);--font-body:var(--font-system);--transition-fast:.15s cubic-bezier(.25, .8, .25, 1);--transition-normal:.3s cubic-bezier(.25, .8, .25, 1);--transition-slow:.5s cubic-bezier(.25, 1, .5, 1);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--bg-app:#f5f5f7;--bg-surface:#fff;--bg-surface-secondary:#e8e8ed;--bg-surface-secondary-hover:#e2e2e7;--border-color:#00000014;--border-hover:#00000026;--text-primary:#1d1d1f;--text-secondary:#86868b;--text-muted:#a1a1a6;--primary:#1d1d1f;--primary-rgb:29, 29, 31;--primary-hover:#000;--primary-light:#1d1d1f0f;--primary-contrast:#fff;--success:#34c759;--success-light:#34c75914;--warning:#ff9500;--warning-light:#ff950014;--danger:#ff3b30;--danger-light:#ff3b3014;--star:#fc0;--glass-bg:#ffffffb8;--glass-border:#fff6;--glass-shadow:0 4px 20px #0000000a;--blur-amount:20px}[data-theme=dark]{--bg-app:#000;--bg-surface:#1c1c1e;--bg-surface-secondary:#2c2c2e;--bg-surface-secondary-hover:#3a3a3c;--border-color:#ffffff14;--border-hover:#ffffff26;--text-primary:#f5f5f7;--text-secondary:#86868b;--text-muted:#48484a;--primary:#fff;--primary-rgb:255, 255, 255;--primary-hover:#e2e2e7;--primary-light:#ffffff1f;--primary-contrast:#000;--success:#30d158;--success-light:#30d15826;--warning:#ff9f0a;--warning-light:#ff9f0a26;--danger:#ff453a;--danger-light:#ff453a26;--star:#ffd60a;--glass-bg:#1c1c1ebf;--glass-border:#ffffff0f;--glass-shadow:0 4px 20px #0000004d}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-app);color:var(--text-primary);transition:background-color var(--transition-normal), color var(--transition-normal);line-height:1.47059;overflow-y:scroll}button,input,select,textarea{color:inherit;background:0 0;border:none;outline:none;font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#00000026}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff26}::-webkit-scrollbar-thumb:hover{background:#0000004d}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.app-container{flex-direction:column;gap:2.5rem;max-width:1040px;min-height:100vh;margin:0 auto;padding:3.5rem 2rem;display:flex}.app-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:1.25rem;display:flex}.logo-section{align-items:center;gap:.65rem;display:flex}.logo-icon{background:var(--text-primary);width:2.25rem;height:2.25rem;color:var(--bg-surface);transition:transform var(--transition-fast);border-radius:22%;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 8px #0000001a}.logo-icon:hover{transform:scale(1.05)}.logo-text{font-family:var(--font-title);letter-spacing:-.022em;color:var(--text-primary);align-items:center;gap:.4rem;font-size:1.5rem;font-weight:700;display:flex}.logo-version{background-color:var(--bg-surface-secondary);color:var(--text-secondary);border-radius:6px;align-self:center;padding:.15rem .4rem;font-size:.7rem;font-weight:600}.header-actions{align-items:center;gap:.75rem;display:flex}.btn-icon{background:var(--bg-surface-secondary);color:var(--text-primary);border-radius:var(--radius-full);cursor:pointer;width:2.25rem;height:2.25rem;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.btn-icon:hover{background:var(--bg-surface-secondary-hover);transform:scale(1.04)}.btn-icon:active{transform:scale(.96)}.stats-badge{background:var(--bg-surface-secondary);color:var(--text-secondary);border-radius:var(--radius-full);align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.85rem;font-weight:500;display:flex}.hero-section{text-align:center;flex-direction:column;align-items:center;gap:.5rem;margin:.5rem 0;display:flex}.hero-title{font-family:var(--font-title);letter-spacing:-.032em;color:var(--text-primary);font-size:2.5rem;font-weight:800}.hero-desc{color:var(--text-secondary);letter-spacing:-.011em;max-width:600px;font-size:1.05rem;font-weight:400}.quick-import-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-amount));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-xl);width:100%;max-width:760px;transition:box-shadow var(--transition-normal);flex-direction:column;gap:1.25rem;margin:0 auto;padding:1.5rem;display:flex}.paste-action-wrapper{gap:.65rem;display:flex}.paste-input-container{flex:1;position:relative}.paste-input-icon{color:var(--text-secondary);pointer-events:none;width:1.1rem;height:1.1rem;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.url-input{border-radius:var(--radius-md);background:var(--bg-surface-secondary);width:100%;color:var(--text-primary);transition:all var(--transition-fast);border:1px solid #0000;padding:.75rem 1rem .75rem 2.35rem;font-size:.95rem}.url-input:focus{background:var(--bg-surface);border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .15)}.btn-primary{background-color:var(--primary);color:var(--primary-contrast);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;justify-content:center;align-items:center;gap:.4rem;padding:.75rem 1.35rem;font-size:.9rem;font-weight:600;display:flex}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--bg-surface-secondary);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:.4rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:500;display:flex}.btn-secondary:hover{background-color:var(--bg-surface-secondary-hover)}.btn-secondary:active{transform:scale(.98)}.btn-clipboard{background-color:var(--text-primary);color:var(--bg-surface);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;justify-content:center;align-items:center;gap:.4rem;padding:.75rem 1.35rem;font-size:.9rem;font-weight:600;display:flex}.btn-clipboard:hover{opacity:.9;transform:translateY(-1px)}.btn-clipboard:active{transform:translateY(0)}.manual-add-panel{border-top:1px solid var(--border-color);flex-direction:column;gap:1rem;padding-top:1.25rem;animation:.25s cubic-bezier(.25,.8,.25,1) slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.form-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.form-group{flex-direction:column;gap:.35rem;display:flex}.form-label{color:var(--text-secondary);letter-spacing:-.01em;font-size:.75rem;font-weight:600}.form-input,.form-select{border-radius:var(--radius-sm);background:var(--bg-surface-secondary);color:var(--text-primary);transition:all var(--transition-fast);border:1px solid #0000;padding:.7rem .8rem;font-size:.9rem}.form-input:focus,.form-select:focus{background:var(--bg-surface);border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .1)}.form-actions{justify-content:flex-end;gap:.5rem;margin-top:.25rem;display:flex}.search-filter-section{flex-direction:column;gap:1rem;display:flex}.search-bar-wrapper{width:100%;position:relative}.search-icon{color:var(--text-secondary);width:1.05rem;height:1.05rem;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.search-input{border-radius:var(--radius-md);background:var(--bg-surface-secondary);width:100%;color:var(--text-primary);transition:all var(--transition-fast);border:1px solid #0000;padding:.75rem 2.25rem;font-size:.95rem}.search-input:focus{background:var(--bg-surface);border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .12)}.clear-search-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-full);justify-content:center;align-items:center;padding:.15rem;display:flex;position:absolute;top:50%;right:.85rem;transform:translateY(-50%)}.clear-search-btn:hover{background-color:var(--bg-surface-secondary-hover)}.filter-pills-container{scrollbar-width:none;align-items:center;gap:.4rem;padding:.15rem 0;display:flex;overflow-x:auto}.filter-pills-container::-webkit-scrollbar{display:none}.filter-pill{background:var(--bg-surface-secondary);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:.35rem;padding:.45rem 1rem;font-size:.85rem;font-weight:500;display:flex}.filter-pill:hover{background:var(--bg-surface-secondary-hover);color:var(--text-primary)}.filter-pill.active{background-color:var(--text-primary);color:var(--bg-surface)}.filter-pill-count{color:inherit;border-radius:var(--radius-full);background:#0000000f;padding:.02rem .35rem;font-size:.75rem}[data-theme=dark] .filter-pill-count{background:#ffffff14}.filter-pill.active .filter-pill-count{background:#fff3}[data-theme=dark] .filter-pill.active .filter-pill-count{background:#0003}.links-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.25rem;display:grid}.link-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-normal);flex-direction:column;justify-content:space-between;gap:.75rem;padding:1rem;display:flex;position:relative;box-shadow:0 1px 3px #00000005}.link-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 8px 24px #0000000a}[data-theme=dark] .link-card:hover{box-shadow:0 8px 24px #00000040}.link-card-body{align-items:center;gap:.75rem;min-width:0;display:flex}.favicon-wrapper{background:0 0;border:none;border-radius:22%;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex;overflow:hidden}.favicon-img{object-fit:contain;width:100%;height:100%}.favicon-fallback{background:var(--primary-light);width:100%;height:100%;color:var(--primary);border-radius:22%;justify-content:center;align-items:center;display:flex}.link-card-info{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.link-title{font-family:var(--font-title);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.015em;font-size:.95rem;font-weight:600;line-height:1.35;overflow:hidden}.link-url{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.link-card-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:auto;padding-top:.5rem;display:flex}.link-date{color:var(--text-secondary);font-size:.7rem}.card-actions{align-items:center;gap:.2rem;display:flex}.btn-card-action{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition-fast);justify-content:center;align-items:center;padding:.3rem;display:flex}.btn-card-action:hover{background:var(--bg-surface-secondary);color:var(--text-primary)}.btn-card-action.btn-star.starred{color:var(--star)}.btn-card-action.btn-delete:hover{background-color:var(--danger-light);color:var(--danger)}.btn-open-link{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition-fast);justify-content:center;align-items:center;padding:.3rem;display:flex}.btn-open-link:hover{background:var(--primary-light);color:var(--primary)}.empty-state{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;max-width:460px;margin:2rem auto;padding:3.5rem 2rem;display:flex}.empty-state-icon{width:3rem;height:3rem;color:var(--text-secondary);background-color:var(--bg-surface-secondary);border-radius:var(--radius-full);justify-content:center;align-items:center;display:flex}.empty-state-title{font-family:var(--font-title);color:var(--text-primary);font-size:1.15rem;font-weight:600}.empty-state-desc{color:var(--text-secondary);font-size:.88rem}dialog{border:1px solid var(--border-color);border-radius:var(--radius-xl);background:var(--bg-surface);color:var(--text-primary);outline:none;width:90%;max-width:440px;margin:auto;padding:1.5rem;animation:.3s cubic-bezier(.25,1,.5,1) modalScaleUp;box-shadow:0 10px 30px #00000014}[data-theme=dark] dialog{box-shadow:0 15px 40px #0006}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.96)translateY(5px)}to{opacity:1;transform:scale(1)translateY(0)}}dialog::backdrop{-webkit-backdrop-filter:blur(8px);background-color:#0006;animation:.25s ease-out fadeIn}[data-theme=dark] dialog::backdrop{background-color:#0009}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.modal-title{font-family:var(--font-title);color:var(--text-primary);font-size:1.2rem;font-weight:700}.modal-close-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition-fast);justify-content:center;align-items:center;padding:.25rem;display:flex}.modal-close-btn:hover{background:var(--bg-surface-secondary)}.modal-body{flex-direction:column;gap:.85rem;margin-bottom:1.5rem;display:flex}.modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:.5rem;padding-top:1rem;display:flex}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:fixed;top:1.5rem;left:50%;transform:translate(-50%)}.toast{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-amount));color:var(--text-primary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);pointer-events:auto;min-width:280px;transition:all var(--transition-fast);align-items:center;gap:.55rem;padding:.75rem 1.15rem;font-size:.88rem;font-weight:500;animation:.35s cubic-bezier(.25,1,.5,1) toastSlideIn;display:flex;box-shadow:0 8px 30px #00000014}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.toast.toast-success .toast-icon{color:var(--success)}.toast.toast-error .toast-icon{color:var(--danger)}.toast.toast-info .toast-icon{color:var(--primary)}.toast-icon{flex-shrink:0;width:1.1rem;height:1.1rem}.toast-message{flex:1}.toast-close{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-full);justify-content:center;align-items:center;padding:.15rem;display:flex}.toast-close:hover{background-color:var(--bg-surface-secondary)}.app-footer{border-top:1px solid var(--border-color);flex-direction:column;gap:1.5rem;margin-top:auto;padding-top:2rem;display:flex}.settings-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.settings-actions{gap:.4rem;display:flex}.footer-credits{color:var(--text-secondary);align-items:center;gap:.35rem;font-size:.78rem;display:flex}.credit-link{color:var(--primary);font-weight:500}.credit-link:hover{text-decoration:underline}@media (width<=768px){.app-container{gap:2rem;padding:2rem 1.25rem}.hero-title{font-size:2.15rem}.paste-action-wrapper{flex-direction:column;gap:.5rem}.btn-primary,.btn-clipboard{width:100%;padding:.8rem 1rem}.form-row,.links-grid{grid-template-columns:1fr}.settings-bar{text-align:center;flex-direction:column;align-items:center}.settings-actions{grid-template-columns:1fr;gap:.5rem;width:100%;display:grid}}.form-error{color:var(--danger);background-color:var(--danger-light);border-radius:var(--radius-md);border:1px solid #ff3b3026;align-items:center;gap:.4rem;margin-top:-.25rem;margin-bottom:.5rem;padding:.6rem .8rem;font-size:.82rem;font-weight:500;display:flex}