@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Instrument+Sans:wght@400;450;500&family=DM+Mono:wght@400;500&display=swap";:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--font-display: "Bebas Neue", "Anton", impact, sans-serif;--font-body: "Instrument Sans", "DM Sans", system-ui, sans-serif;--font-mono: "DM Mono", "Fira Code", monospace;--radius-sm: 3px;--radius-md: 6px;--radius-lg: 10px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--dur-fast: .1s;--dur-base: .18s;--dur-slow: .32s;--shelf-max: 700px}:root,[data-theme=light]{--bg: #f5f3ef;--bg-card: #ffffff;--bg-row: transparent;--bg-row-hover: rgba(0,0,0,.03);--bg-row-focus: rgba(0,0,0,.055);--bg-row-copied: rgba(200, 69, 26, .06);--rule: rgba(0,0,0,.1);--rule-strong: rgba(0,0,0,.2);--text-primary: #0e0d0c;--text-secondary: #5a5752;--text-muted: #9a9690;--text-accent: #c8451a;--tag-bg: rgba(0,0,0,.06);--tag-text: #6b6762;--key-bg: rgba(0,0,0,.07);--key-border: rgba(0,0,0,.14);--key-text: #4a4845;--nav-bg: rgba(245,243,239,.85);--shadow-card: 0 1px 3px rgba(0,0,0,.07)}[data-theme=dark]{--bg: #0c0b0a;--bg-card: #141312;--bg-row: transparent;--bg-row-hover: rgba(255,255,255,.035);--bg-row-focus: rgba(255,255,255,.065);--bg-row-copied: rgba(232, 105, 58, .08);--rule: rgba(255,255,255,.08);--rule-strong: rgba(255,255,255,.15);--text-primary: #ede9e3;--text-secondary: #807c76;--text-muted: #504d49;--text-accent: #e8693a;--tag-bg: rgba(255,255,255,.07);--tag-text: #908c86;--key-bg: rgba(255,255,255,.07);--key-border: rgba(255,255,255,.12);--key-text: #b0aca6;--nav-bg: rgba(12,11,10,.85);--shadow-card: 0 1px 4px rgba(0,0,0,.4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);font-size:14px;background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;transition:background var(--dur-base),color var(--dur-base)}body{min-height:100dvh}ul,ol{list-style:none}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}a{color:inherit;text-decoration:none}img{display:block}#root{display:flex;flex-direction:column;min-height:100dvh}.app-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-8);height:44px;background:var(--nav-bg);border-bottom:1px solid var(--rule);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.nav-logo{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.04em;color:var(--text-secondary)}.nav-logo strong{color:var(--text-primary);font-weight:500}.nav-right{display:flex;align-items:center;gap:var(--space-3)}.icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);color:var(--text-muted);transition:color var(--dur-fast),background var(--dur-fast)}.icon-btn:hover{color:var(--text-primary);background:var(--bg-row-hover)}.page{flex:1;display:flex;justify-content:center;padding:var(--space-10) var(--space-8)}.page-inner{width:100%;max-width:var(--shelf-max)}.shelf-header{display:grid;grid-template-columns:1fr auto;align-items:start;gap:var(--space-4);padding-bottom:var(--space-6);border-bottom:1px solid var(--rule-strong);margin-bottom:0;animation:slideUp var(--dur-slow) var(--ease-out) both}.shelf-eyebrow{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.shelf-tag{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-accent)}.shelf-count{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:.06em;background:var(--tag-bg);padding:2px 7px;border-radius:2px}.shelf-title{font-family:var(--font-display);font-size:54px;line-height:.93;letter-spacing:.01em;color:var(--text-primary);margin-bottom:var(--space-3)}.shelf-desc{font-size:13px;color:var(--text-secondary);line-height:1.55;max-width:400px}.shelf-actions{padding-top:6px;display:flex;gap:var(--space-2)}.action-btn{display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:2px;border:1px solid var(--rule-strong);background:transparent;color:var(--text-secondary);font-size:11.5px;font-weight:500;letter-spacing:.01em;transition:all var(--dur-fast)}.action-btn:hover{color:var(--text-primary);border-color:var(--text-muted);background:var(--bg-row-hover)}.action-btn--copied{color:var(--text-accent);border-color:var(--text-accent)}.key-badge--inline{margin-left:2px;opacity:.55;font-size:9px;padding:1px 4px;min-width:14px;height:15px}.link-list{display:flex;flex-direction:column}.link-card{display:grid;grid-template-columns:28px 20px 1fr auto 56px;align-items:center;gap:var(--space-3);padding:10px 10px 10px 0;border-bottom:1px solid var(--rule);cursor:pointer;background:var(--bg-row);transition:background var(--dur-fast);outline:none;position:relative;animation:slideUp var(--dur-slow) var(--ease-out) both}.link-card:first-child{border-top:none}.link-card:hover{background:var(--bg-row-hover)}.link-card--focused{background:var(--bg-row-focus)}.link-card--focused:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--text-accent)}.link-card--copied{background:var(--bg-row-copied)}.link-index{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);text-align:right;letter-spacing:-.02em;-webkit-user-select:none;user-select:none}.link-card--focused .link-index{color:var(--text-accent)}.link-favicon{display:flex;align-items:center;justify-content:center}.link-favicon img{width:14px;height:14px;border-radius:2px}.favicon-fallback{width:16px;height:16px;border-radius:2px;background:var(--tag-bg);color:var(--text-muted);font-size:9px;font-weight:600;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono)}.link-content{display:flex;align-items:baseline;gap:var(--space-3);min-width:0}.link-title{font-size:13.5px;font-weight:450;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.link-domain{font-family:var(--font-mono);font-size:10.5px;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.link-tags{display:flex;gap:4px;flex-shrink:0}.link-tag{font-family:var(--font-mono);font-size:10px;color:var(--tag-text);background:var(--tag-bg);padding:2px 6px;border-radius:2px;letter-spacing:.02em}.link-end{display:flex;align-items:center;justify-content:flex-end;gap:2px;width:56px;flex-shrink:0}.link-actions{display:flex;align-items:center;gap:2px}.link-arrow{color:var(--text-muted);opacity:0;transform:translate(-4px);transition:opacity var(--dur-fast),transform var(--dur-base) var(--ease-out),color var(--dur-fast);display:flex;align-items:center}.link-arrow--visible,.link-card--focused .link-arrow{opacity:1;transform:translate(0);color:var(--text-accent)}.link-card:nth-child(1){animation-delay:40ms}.link-card:nth-child(2){animation-delay:65ms}.link-card:nth-child(3){animation-delay:90ms}.link-card:nth-child(4){animation-delay:115ms}.link-card:nth-child(5){animation-delay:.14s}.link-card:nth-child(6){animation-delay:165ms}.link-card:nth-child(7){animation-delay:.19s}.link-card:nth-child(8){animation-delay:215ms}.link-card:nth-child(9){animation-delay:.24s}.link-card:nth-child(10){animation-delay:265ms}.link-card:nth-child(11){animation-delay:.29s}.link-card:nth-child(12){animation-delay:315ms}.toast{position:fixed;bottom:var(--space-8);left:50%;transform:translate(-50%);background:var(--bg-card);border:1px solid var(--rule-strong);color:var(--text-primary);font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;padding:6px 14px;border-radius:2px;box-shadow:var(--shadow-card);animation:toastIn var(--dur-base) var(--ease-out) both;z-index:50;pointer-events:none}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.keyhints-trigger{position:fixed;bottom:var(--space-5);right:var(--space-6);z-index:30;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:2px;border:1px solid var(--rule-strong);background:var(--bg);color:var(--text-muted);font-family:var(--font-mono);font-size:11px;font-weight:500;cursor:pointer;transition:all var(--dur-fast);box-shadow:var(--shadow-card)}.keyhints-trigger:hover{color:var(--text-primary);border-color:var(--text-muted)}.shortcuts-backdrop{position:fixed;inset:0;z-index:200;background:#0009;display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn var(--dur-base) var(--ease-out) both;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.shortcuts-modal{background:var(--bg-card);border:1px solid var(--rule-strong);border-radius:3px;width:100%;max-width:380px;box-shadow:0 12px 48px #00000073;animation:modalIn var(--dur-base) var(--ease-out) both;overflow:hidden;display:flex;flex-direction:column}.shortcuts-header{display:flex;align-items:center;justify-content:space-between;padding:12px var(--space-4);border-bottom:1px solid var(--rule);background:var(--bg)}.shortcuts-header-left{display:flex;flex-direction:column;gap:2px}.shortcuts-title{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary);font-weight:500}.shortcuts-context{font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-accent)}.shortcuts-body{display:flex;flex-direction:column;padding:var(--space-2) 0;overflow-y:auto;max-height:60vh}.shortcuts-group{display:flex;flex-direction:column;padding:var(--space-2) 0}.shortcuts-group+.shortcuts-group{border-top:1px solid var(--rule)}.shortcuts-group-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);padding:4px var(--space-4) 6px}.shortcuts-row{display:flex;align-items:center;justify-content:space-between;padding:5px var(--space-4);gap:var(--space-6);transition:background var(--dur-fast)}.shortcuts-row:hover{background:var(--bg-row-hover)}.shortcuts-row--soon{opacity:.38}.shortcuts-label{font-size:12.5px;color:var(--text-secondary);white-space:nowrap}.shortcuts-keys{display:flex;align-items:center;gap:3px;flex-shrink:0}.shortcuts-footer{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-top:1px solid var(--rule);background:var(--bg)}.shortcuts-footer span{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.keyhint-soon{font-family:var(--font-mono);font-size:9px;color:var(--text-muted);letter-spacing:.06em;margin-left:3px}.key-badge{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:10px;padding:1px 5px;min-width:18px;height:18px;background:var(--key-bg);color:var(--key-text);border:1px solid var(--key-border);border-radius:2px;box-shadow:0 1px 0 var(--key-border)}.dashboard-header{padding-bottom:var(--space-6);border-bottom:1px solid var(--rule-strong);animation:slideUp var(--dur-slow) var(--ease-out) both}.dashboard-eyebrow{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.dashboard-title{font-family:var(--font-display);font-size:54px;line-height:.93;letter-spacing:.01em;color:var(--text-primary)}.shelf-grid{display:flex;flex-direction:column;margin-top:0}.shelf-card{position:relative;border-bottom:1px solid var(--rule);cursor:pointer;background:var(--bg-row);transition:background var(--dur-fast);outline:none;animation:slideUp var(--dur-slow) var(--ease-out) both}.shelf-card:nth-child(1){animation-delay:50ms}.shelf-card:nth-child(2){animation-delay:80ms}.shelf-card:nth-child(3){animation-delay:.11s}.shelf-card:nth-child(4){animation-delay:.14s}.shelf-card:nth-child(5){animation-delay:.17s}.shelf-card:nth-child(6){animation-delay:.2s}.shelf-card:hover{background:var(--bg-row-hover)}.shelf-card--focused{background:var(--bg-row-focus)}.shelf-card--focused:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--text-accent)}.shelf-card-inner{padding:14px 10px 14px 12px;display:flex;flex-direction:column;gap:4px}.shelf-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.shelf-card-tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-accent)}.shelf-card-count{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);background:var(--tag-bg);padding:1px 6px;border-radius:2px;letter-spacing:.03em}.shelf-card-name{font-family:var(--font-display);font-size:28px;line-height:1;letter-spacing:.01em;color:var(--text-primary)}.shelf-card-desc{font-size:12px;color:var(--text-secondary);line-height:1.4;max-width:380px}.shelf-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.shelf-card-links-preview{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.shelf-card-domain{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);background:var(--tag-bg);padding:1px 6px;border-radius:2px}.shelf-card-domain--more{color:var(--text-secondary)}.shelf-card-arrow{color:var(--text-muted);opacity:0;transform:translate(-4px);transition:opacity var(--dur-fast),transform var(--dur-base) var(--ease-out),color var(--dur-fast);display:flex;align-items:center;flex-shrink:0}.shelf-card--focused .shelf-card-arrow{opacity:1;transform:translate(0);color:var(--text-accent)}.empty-shelf{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0;gap:var(--space-2);color:var(--text-muted)}.empty-title{font-size:14px;font-weight:500;color:var(--text-secondary)}.empty-sub{font-size:12px}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.shelf-header,.link-card,.dashboard-header,.shelf-card{animation:none}}@media(max-width:600px){.page{padding:var(--space-6) var(--space-4)}.shelf-title,.dashboard-title{font-size:38px}.shelf-card-name{font-size:22px}.link-tags{display:none}.app-nav{padding:0 var(--space-4)}}.breadcrumb{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em}.breadcrumb-root{color:var(--text-muted)}.breadcrumb-link{cursor:pointer;transition:color var(--dur-fast)}.breadcrumb-link:hover{color:var(--text-accent)}.breadcrumb-sep{color:var(--text-muted);opacity:.4;-webkit-user-select:none;user-select:none}.breadcrumb-current{color:var(--text-accent);letter-spacing:.04em;font-size:11px}.modal-backdrop{position:fixed;inset:0;z-index:100;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn var(--dur-base) var(--ease-out) both;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-card);border:1px solid var(--rule-strong);border-radius:3px;width:100%;max-width:420px;box-shadow:0 8px 40px #00000059;animation:modalIn var(--dur-base) var(--ease-out) both}@keyframes modalIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-4) 0}.modal-title{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.modal-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:2px;color:var(--text-muted);transition:color var(--dur-fast),background var(--dur-fast)}.modal-close:hover{color:var(--text-primary);background:var(--bg-row-hover)}.modal-body{padding:var(--space-4)}.form{display:flex;flex-direction:column;gap:var(--space-3)}.form-field{display:flex;flex-direction:column;gap:5px}.form-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.form-required{color:var(--text-accent);margin-left:2px}.form-input{width:100%;background:var(--bg);border:1px solid var(--rule-strong);border-radius:2px;padding:7px 10px;font-family:var(--font-body);font-size:13px;color:var(--text-primary);outline:none;transition:border-color var(--dur-fast);-webkit-font-smoothing:antialiased}.form-input:focus{border-color:var(--text-accent)}.form-input::placeholder{color:var(--text-muted)}.form-input:disabled{opacity:.5;cursor:not-allowed}.form-textarea{resize:vertical;min-height:72px;line-height:1.5}.form-input-wrap{position:relative}.form-spinner{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:12px;height:12px;border:1.5px solid var(--rule-strong);border-top-color:var(--text-accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}.form-hint{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.form-error{font-size:12px;color:var(--text-accent);font-family:var(--font-mono)}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--rule);margin-top:var(--space-1)}.form-btn{padding:6px 14px;border-radius:2px;font-size:12px;font-weight:500;letter-spacing:.01em;transition:all var(--dur-fast);border:1px solid transparent}.form-btn--ghost{color:var(--text-secondary);border-color:var(--rule-strong);background:transparent}.form-btn--ghost:hover{color:var(--text-primary);border-color:var(--text-muted);background:var(--bg-row-hover)}.form-btn--primary{color:var(--bg);background:var(--text-primary);border-color:var(--text-primary)}.form-btn--primary:hover{background:var(--text-secondary);border-color:var(--text-secondary)}.form-btn--primary:disabled{opacity:.5;cursor:not-allowed}.form-btn--danger{color:#fff;background:#c0392b;border-color:#c0392b}.form-btn--danger:hover{background:#a93226;border-color:#a93226}.confirm-message{font-size:13px;color:var(--text-secondary);line-height:1.5;padding-bottom:var(--space-2)}.card-action-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:2px;color:var(--text-muted);transition:color var(--dur-fast),background var(--dur-fast)}.card-action-btn:hover{color:var(--text-primary);background:var(--bg-row-hover)}.card-action-btn--danger:hover{color:#e74c3c;background:#e74c3c14}.shelf-card-top-right{display:flex;align-items:center;gap:var(--space-2)}.shelf-card-actions{display:flex;align-items:center;gap:2px}.dashboard-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4)}.backup-section{padding-bottom:var(--space-2)}.backup-desc{font-size:12.5px;color:var(--text-secondary);line-height:1.55}.backup-actions{display:flex;flex-direction:column;gap:0;border:1px solid var(--rule-strong);border-radius:2px;overflow:hidden}.backup-divider{height:1px;background:var(--rule)}.backup-action-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--bg-row)}.backup-action-row:hover{background:var(--bg-row-hover)}.backup-action-info{display:flex;flex-direction:column;gap:2px}.backup-action-title{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--text-primary)}.backup-action-sub{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.action-btn--search{transition:opacity var(--dur-base),transform var(--dur-base) var(--ease-out),color var(--dur-fast),border-color var(--dur-fast),background var(--dur-fast)}.action-btn--hidden{opacity:0;pointer-events:none;transform:scale(.92)}.search-bar{border-bottom:1px solid var(--rule-strong);animation:slideDown var(--dur-base) var(--ease-out) both;background:var(--bg)}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.search-bar-inner{display:flex;align-items:center;gap:var(--space-2);padding:10px var(--space-4) 10px 0;border-bottom:1px solid var(--rule)}.search-icon{color:var(--text-muted);flex-shrink:0;margin-left:2px}.search-input{flex:1;background:transparent;border:none;outline:none;font-family:var(--font-body);font-size:14px;color:var(--text-primary);caret-color:var(--text-accent);-webkit-font-smoothing:antialiased;min-width:0}.search-input::placeholder{color:var(--text-muted)}.search-count{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);background:var(--tag-bg);padding:2px 7px;border-radius:2px;letter-spacing:.04em;white-space:nowrap;flex-shrink:0}.search-close{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:2px;color:var(--text-muted);flex-shrink:0;transition:color var(--dur-fast),background var(--dur-fast)}.search-close:hover{color:var(--text-primary);background:var(--bg-row-hover)}.search-hint-row{display:flex;align-items:center;gap:var(--space-4);padding:6px var(--space-4) 6px 2px;flex-wrap:wrap}.search-hint{display:inline-flex;align-items:center;gap:3px;font-family:var(--font-mono);font-size:10px;color:var(--text-muted);letter-spacing:.03em}.search-mark{background:transparent;color:var(--text-accent);font-weight:500}.dashboard-header-actions{display:flex;align-items:center;gap:var(--space-2)}