:root{--sk-black: #000000;--sk-white: #ffffff;--sk-light-gray: #f5f5f7;--sk-near-black: #1d1d1f;--sk-black-80: rgba(0, 0, 0, .8);--sk-black-48: rgba(0, 0, 0, .48);--sk-focus-color: #0071e3;--sk-link-color: #0066cc;--sk-bright-blue: #2997ff;--sk-button-light: #fafafc;--sk-button-active: #ededf2;--sk-card-shadow: rgba(0, 0, 0, .22) 3px 5px 30px 0px}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;padding:0}body{font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--sk-near-black);background:var(--sk-light-gray);min-height:100vh;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;font-weight:600;letter-spacing:-.28px;font-size:28px;line-height:1.14;font-weight:400;letter-spacing:.196px}p{margin:0;font-size:17px;line-height:1.47;letter-spacing:-.374px}a{color:var(--sk-link-color);text-decoration:none;transition:color .2s ease}a:hover{color:var(--sk-focus-color);text-decoration:none}a:focus{outline:2px solid var(--sk-focus-color);outline-offset:4px}.app-shell{width:100%;max-width:1160px;margin:0 auto;padding:48px 20px}main{width:100%}@media(max-width:768px){h1{font-size:40px;line-height:1.1}.app-shell{padding:32px 16px}}@media(max-width:480px){h1{font-size:32px;line-height:1.13}.app-shell{padding:24px 12px}}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0003;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#0006}.controls-shell{margin-bottom:20px}.search-panel{display:grid;gap:8px}.search-panel span{display:block;font-size:14px;font-weight:500;line-height:1.43;letter-spacing:-.224px;color:var(--sk-black-48)}.search-panel input{width:100%;border:2px solid rgba(0,0,0,.05);border-radius:12px;background:var(--sk-button-light);color:var(--sk-near-black);font:inherit;font-size:16px;padding:11px 14px;transition:border-color .2s ease,box-shadow .2s ease}.search-panel input::placeholder{color:var(--sk-black-48)}.search-panel input:focus{outline:2px solid var(--sk-focus-color);outline-offset:3px;border-color:transparent}.content-layout{display:grid;grid-template-columns:1fr;gap:20px;align-items:start}.tags-panel{order:1}.favorites-panel{order:2}.tag-filter{display:grid;gap:12px}.tag-filter p{margin:0;font-size:13px;font-weight:600;line-height:1.3;letter-spacing:-.12px;color:var(--sk-black-48);text-transform:uppercase}.tag-controls{display:flex;flex-wrap:wrap;gap:8px}.tag-toggle{border:2px solid rgba(0,0,0,.05);background:var(--sk-button-light);color:var(--sk-near-black);border-radius:10px;padding:6px 12px;cursor:pointer;font-size:14px;font-weight:400;line-height:1.3;letter-spacing:-.1px;min-height:40px;transition:all .2s ease}.tag-toggle:hover{border-color:#0000002e;background:var(--sk-white)}.tag-toggle:focus{outline:2px solid var(--sk-focus-color);outline-offset:2px}.tag-toggle.active{background:var(--sk-focus-color);border-color:var(--sk-focus-color);color:var(--sk-white);font-weight:600}.results-head{margin:0 0 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.results-head p{font-size:14px;font-weight:500;line-height:1.43;letter-spacing:-.224px;color:var(--sk-black-80)}.view-toggle{display:none;gap:6px;padding:4px;border-radius:12px;border:1px solid rgba(0,0,0,.08);background:var(--sk-white)}.view-toggle-btn{border:0;background:transparent;color:var(--sk-black-80);border-radius:8px;min-height:34px;padding:6px 10px;cursor:pointer;font:inherit;font-size:13px;font-weight:500}.view-toggle-btn.active{background:var(--sk-focus-color);color:var(--sk-white)}.view-toggle-btn:focus{outline:2px solid var(--sk-focus-color);outline-offset:2px}.favorites-grid{display:grid;gap:14px}.favorites-grid[data-view=grid],.favorites-grid[data-view=list]{grid-template-columns:1fr}.favorites-grid[data-view=list] .card-link{min-height:0}.favorites-grid[data-view=list] .description{max-width:85ch}.favorite-card{background:var(--sk-white);border:1px solid rgba(0,0,0,.08);border-radius:10px;box-shadow:var(--sk-card-shadow);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.favorite-card:hover{transform:translateY(-2px);box-shadow:#0000004d 3px 5px 34px}.card-link{text-decoration:none;color:inherit;display:grid;gap:12px;padding:14px;min-height:220px}.card-header{display:grid;grid-template-columns:auto 1fr;align-items:flex-start;gap:10px}.card-header>div{min-width:0}.favicon,.favicon-placeholder{width:30px;height:30px;border-radius:6px;border:1px solid rgba(0,0,0,.1);display:grid;place-items:center;background:var(--sk-white);flex-shrink:0}.card-header h1{margin:0;font-size:21px;line-height:1.18;font-weight:600;letter-spacing:-.24px;overflow:hidden}.url{margin-top:2px;color:var(--sk-black-48);font-size:12px;line-height:1.33;letter-spacing:-.12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.description{color:var(--sk-black-80);font-size:15px;line-height:1.45;letter-spacing:-.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.tag-list{display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:2px 0 0;list-style:none}.tag{color:var(--sk-link-color);font-size:12px;line-height:1.33;letter-spacing:-.12px}.empty-state{text-align:center;padding:44px 24px;font-size:16px;line-height:1.45;color:var(--sk-black-48)}@media(min-width:768px){.view-toggle{display:inline-flex}.content-layout{grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}.favorites-panel{order:1;grid-column:span 9}.tags-panel{order:2;grid-column:span 3;position:sticky;top:24px;max-height:calc(100vh - 40px);overflow:auto;padding-right:4px}.favorites-grid[data-view=grid]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1100px){.favorites-grid[data-view=grid]{grid-template-columns:repeat(3,minmax(0,1fr))}}