.app-content{margin-left:0!important;padding:0!important}:root{--pageMax:1280px;--bg-dark:#0b1220;--bg-light:#f6f7fb;--accent:#7c3aed;--stroke:rgba(15,23,42,.08)}body{background:var(--bg-light)!important;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;padding-top:0!important}.sf-top-promo{width:100%;background:linear-gradient(135deg,rgba(255,45,85,.95) 0%,rgba(124,58,237,.95) 55%,rgba(37,99,235,.95) 100%);padding:8px 0;position:sticky;top:0;z-index:3000;border-bottom:1px solid rgba(255,255,255,.16);box-shadow:0 10px 30px rgba(2,6,23,.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .3s ease;overflow:visible!important}.sf-top-promo-inner{width:min(var(--pageMax),calc(100% - 24px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;height:44px;overflow:visible!important}.sf-header-left{position:relative;display:flex;align-items:center;overflow:hidden;height:100%;flex:1;min-width:0}.sf-promo-brand{color:#fff!important;text-decoration:none;font-weight:950;letter-spacing:.2px;display:flex;align-items:center;gap:10px;font-size:15px;position:absolute;left:0;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s ease;transform:translateY(0);opacity:1}.sf-sticky-title{color:#fff;font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;position:absolute;left:0;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s ease;transform:translateY(20px);opacity:0;pointer-events:none}.sf-top-promo.is-scrolled .sf-promo-brand{transform:translateY(-20px);opacity:0;pointer-events:none}.sf-top-promo.is-scrolled .sf-sticky-title{transform:translateY(0);opacity:1;pointer-events:auto}.sf-header-right{display:flex;align-items:center;gap:8px;flex-shrink:0;overflow:visible!important}.sf-sticky-actions{display:flex;gap:8px;opacity:0;transform:translateY(10px);pointer-events:none;transition:all .4s cubic-bezier(.16,1,.3,1);margin-right:8px;border-right:1px solid rgba(255,255,255,.2);padding-right:8px}.sf-top-promo.is-scrolled .sf-sticky-actions{opacity:1;transform:translateY(0);pointer-events:auto}.sf-promo-iconbtn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);color:#fff!important;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);flex-shrink:0;cursor:pointer}.sf-promo-iconbtn:hover{background:rgba(255,255,255,.3)}.sf-promo-iconbtn svg{transform:scale(1);transition:transform .3s ease}.sf-promo-iconbtn:hover svg{transform:scale(1.1)}.sf-promo-iconbtn.rotate-hover:hover svg{transform:rotate(90deg)}.sf-sticky-btn.sf-like{width:auto;padding:0 12px;gap:6px}.sf-sticky-btn.sf-like .sf-like-count-num{font-size:13px;font-weight:800;line-height:1}.sf-promo-iconbtn.active{background:#fff;color:#ff2d55!important;border-color:#fff}.sf-promo-iconbtn.active svg{fill:#ff2d55;stroke:#ff2d55}.sf-hero-band{background:var(--bg-dark);color:#fff;padding:26px 0 28px;border-bottom:1px solid rgba(255,255,255,.08)}.sf-hero-inner{width:min(var(--pageMax),calc(100% - 32px));margin:0 auto;text-align:center;padding-top:50px;padding-bottom:50px}.sf-hero-meta{display:inline-flex;align-items:center;gap:10px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font-size:12px;font-weight:850;color:rgba(255,255,255,.86)}.sf-hero-title{margin:14px 0 8px;font-size:clamp(1.8rem,4.5vw,2.9rem);font-weight:950;letter-spacing:-.01em}.sf-hero-desc{margin:0 auto 14px;max-width:780px;font-size:15px;line-height:1.5;color:rgba(255,255,255,.8)}.sf-hero-actions{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.sf-icon-action{height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);color:#fff!important;text-decoration:none;font-weight:900;cursor:pointer;transition:transform .14s ease,background .14s ease,border-color .14s ease}.sf-icon-action:hover{transform:translateY(-1px);background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.2)}.sf-icon-action svg{display:block}.sf-icon-action.is-primary{background:#fff!important;border-color:#fff!important;color:#0b1220!important}.sf-icon-action.is-primary svg{stroke:#0b1220}.sf-like-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:22px;padding:0 9px;font-weight:950;font-size:12px;line-height:1}.sf-like.active{background:rgba(255,45,85,.16)!important;border-color:rgba(255,45,85,.22)!important}.sf-like.active svg{stroke:#ff2d55}.sf-main-container{width:min(var(--pageMax),calc(100% - 32px));margin:24px auto 80px}.sf-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.sf-filter-single{position:relative;display:flex;align-items:center}.sf-filter-current{height:34px;padding:0 12px;border-radius:999px;background:#fff;border:1px solid rgba(15,23,42,.08);font-weight:900;font-size:13px;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.sf-filter-menu{position:absolute;top:42px;left:0;min-width:220px;background:#fff;border:1px solid rgba(15,23,42,.1);border-radius:14px;box-shadow:0 18px 40px rgba(15,23,42,.12);padding:6px;display:none;z-index:50}.sf-filter-single.is-open .sf-filter-menu{display:block}.sf-filter-option{width:100%;text-align:left;border:0;background:transparent;padding:10px 10px;border-radius:10px;font-weight:850;cursor:pointer}.sf-filter-option:hover{background:rgba(124,58,237,.08)}.sf-view-toggle{display:flex;gap:4px;background:#fff;border:1px solid rgba(15,23,42,.08);padding:4px;border-radius:999px}.sf-viewbtn{width:34px;height:34px;border:0;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:999px;color:#64748b}.sf-viewbtn.is-active{background:rgba(124,58,237,.12);color:var(--accent)}.sf-filter-hide{display:none!important}.bookmarks-list{list-style:none;padding:0;margin:0}.bookmarks-box{container-type:inline-size;container-name:card;background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:visible!important;position:relative;transition:all .2s ease;height:100%;display:flex;flex-direction:column;z-index:1}.bookmarks-box:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);z-index:50}.bookmarks-link{display:flex!important;text-decoration:none;flex-grow:1;margin:0!important;overflow:hidden;border-radius:12px 12px 0 0;flex-direction:column!important}.bookmarks-image{background:#f8fafc;position:relative;overflow:hidden;width:100%!important;flex:none!important;aspect-ratio:16/9}.bookmarks-image img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;transition:transform .5s ease}.bookmarks-link:hover .bookmarks-image img{transform:scale(1.05)}.bookmarks-text{padding:16px 16px 12px 16px;flex:1;display:flex;flex-direction:column;gap:4px}.bookmarks-text h3{font-family:'Inter',sans-serif;font-size:17px!important;line-height:1.4;font-weight:700;color:#0f172a;margin:0}.bookmarks-domain{font-size:13px;color:#64748b;margin-bottom:6px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bookmark-desc{font-size:14px;line-height:1.5;color:#475569;display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px}.bookmarks-comments-list{padding:0 16px 16px 16px;margin-top:auto;display:flex;flex-direction:column;gap:10px}.bookmarks-comment-card{background-color:#f8fafc;border-radius:8px;padding:12px;display:flex;align-items:flex-start;gap:12px}.letter-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:'Inter',sans-serif;font-weight:700;font-size:14px;color:#fff;text-transform:uppercase;background-color:#cbd5e1}.comment-content{display:flex;flex-direction:column;gap:2px;min-width:0}.comment-author-name{font-size:13px;font-weight:700;color:#0f172a;text-decoration:none;line-height:1.3}.comment-body{font-size:13px;color:#475569;line-height:1.4}.bookmarks-buttons{margin:0!important;padding:12px 16px 16px 16px;background:#fff;border-top:0;border-radius:0 0 12px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;overflow:visible!important;position:relative;z-index:20}html.view-grid .bookmarks-list{display:block!important;column-count:3;column-gap:20px}html.view-grid .bookmarks-list>li{break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;display:inline-block;width:100%;margin:0 0 20px 0;vertical-align:top}html.view-grid .bookmarks-list>li>*{width:100%}html.view-list .bookmarks-list{display:flex!important;flex-direction:column!important;gap:14px!important}html.view-list .bookmarks-box{flex-direction:row!important;align-items:stretch!important;height:auto!important;min-height:140px}html.view-list .bookmarks-link{flex-direction:row!important;align-items:stretch!important;flex:1;border-radius:12px 0 0 12px!important}html.view-list .bookmarks-image{width:220px!important;height:auto!important;aspect-ratio:auto!important;flex:none!important;border-right:1px solid #f1f5f9}html.view-list .bookmarks-image img{height:100%!important;object-fit:cover!important}html.view-list .bookmarks-text{justify-content:center;padding:16px 24px!important}html.view-list .bookmarks-comments-list{display:none!important}html.view-list .bookmarks-buttons{width:auto;flex-direction:column;justify-content:center;border-top:0;border-left:1px solid #f1f5f9;border-radius:0 12px 12px 0;gap:12px;padding:16px;min-width:140px}html.view-list .bookmarks-actions-left{flex-direction:column;align-items:stretch;width:100%}html.view-list .bookmarks-actions-left a{justify-content:center;width:100%}html.view-list .bookmarks-actions-right-side{flex-direction:row;justify-content:center}html.view-names .bookmarks-names{display:none!important}html.view-names .bookmarks-list{display:flex!important;flex-direction:column!important;gap:10px!important}html.view-names .bookmarks-box{flex-direction:row!important;align-items:center!important;padding:8px 16px!important;min-height:70px;height:auto!important;transform:none!important}html.view-names .bookmarks-box:hover{border-color:var(--accent);box-shadow:0 4px 12px rgba(124,58,237,.15);z-index:50}html.view-names .bookmarks-link{flex-direction:row!important;align-items:center!important;border-radius:0!important;flex:1}html.view-names .bookmarks-image{display:none!important}html.view-names .bookmark-desc{display:none!important}html.view-names .bookmarks-comments-list{display:none!important}html.view-names .bookmarks-domain{margin-bottom:0!important}html.view-names .bookmarks-text{padding:0!important;align-items:flex-start;justify-content:center}html.view-names .bookmarks-text h3{font-size:16px!important;margin-bottom:2px}html.view-names .bookmarks-buttons{padding:0!important;border:0!important;background:transparent!important;width:auto!important;justify-content:flex-end!important;gap:16px!important;min-width:fit-content;position:static!important}html.view-names .bookmarks-actions-left{flex-direction:row}html.view-names .bookmarks-actions-right-side{flex-direction:row}@media(max-width:1100px){html.view-grid .bookmarks-list{column-count:2}}@media(max-width:800px){html.view-list .bookmarks-box{flex-direction:column!important;height:auto!important}html.view-list .bookmarks-link{flex-direction:column!important;border-radius:12px 12px 0 0!important}html.view-list .bookmarks-image{width:100%!important;border-right:0;height:auto!important;aspect-ratio:16/9!important}html.view-list .bookmarks-buttons{width:100%;flex-direction:row;border-left:0;border-top:1px solid #f1f5f9;border-radius:0 0 12px 12px;min-width:auto;padding:12px}html.view-list .bookmarks-actions-left{flex-direction:row;width:auto}html.view-list .bookmarks-text{padding:16px!important}}@media(max-width:640px){html.view-grid .bookmarks-list{column-count:1;column-gap:0}.sf-filter-single,.sf-view-toggle{display:none}html.view-names .bookmarks-box{flex-direction:column!important;align-items:flex-start!important;padding:14px!important;gap:12px}html.view-names .bookmarks-buttons{width:100%!important;justify-content:space-between!important}html.view-names .bookmarks-image{display:block!important;width:80px!important;height:50px!important;margin-right:12px;border-radius:6px}html.view-names .bookmarks-link{flex-direction:row!important;align-items:center!important}}.sf-empty-wrap{padding:34px 0 10px}.sf-empty-card{max-width:760px;margin:0 auto;background:radial-gradient(1200px 400px at 50% -100px,rgba(124,58,237,.12),transparent 55%),linear-gradient(180deg,#fff 0%,#fbfcff 100%);border:1px solid rgba(15,23,42,.08);border-radius:18px;box-shadow:0 18px 60px rgba(15,23,42,.08);padding:28px 22px;text-align:center}.sf-empty-icon{width:54px;height:54px;margin:0 auto 12px;border-radius:18px;background:rgba(124,58,237,.1);border:1px solid rgba(124,58,237,.18);display:flex;align-items:center;justify-content:center}.sf-empty-title{margin:0 0 8px;font-size:20px;font-weight:950;letter-spacing:-.01em;color:#0f172a}.sf-empty-text{margin:0 auto 16px;max-width:560px;font-size:14px;line-height:1.5;color:#64748b}.sf-empty-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.sf-btn{height:44px;padding:0 16px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:950;text-decoration:none;border:1px solid rgba(15,23,42,.1);background:#fff;color:#0f172a;cursor:pointer}.sf-btn:hover{transform:translateY(-1px)}.sf-btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.sf-btn-primary svg{stroke:#fff}.bookmarks-actions-right{position:relative;display:flex;align-items:center}.sf-overflow-menu{position:absolute;top:46px;right:0;min-width:220px;background:#fff;border:1px solid rgba(15,23,42,.1);border-radius:14px;box-shadow:0 18px 40px rgba(15,23,42,.14);padding:6px;z-index:4000}.sf-overflow-item{display:block;padding:10px 12px;border-radius:10px;font-weight:850;text-decoration:none;color:#0f172a;cursor:pointer}.sf-overflow-item:hover{background:rgba(124,58,237,.08)}.sf-overflow-item.is-danger{color:#b91c1c}.sf-overflow-item.is-danger:hover{background:rgba(185,28,28,.08)}.dn{display:none!important}.btn-base{display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;padding:8px 14px;border-radius:8px;text-decoration:none;transition:all .2s;gap:6px;line-height:1}.btn-visit{background-color:#0f172a;color:#fff!important}.btn-visit:hover{background-color:#334155}.btn-gray{background-color:#f1f5f9;color:#475569!important;border:1px solid transparent}.btn-gray:hover{background-color:#e2e8f0;color:#1e293b!important}.btn-gray i{font-size:14px}.bookmarks-actions-left{display:flex;align-items:center;gap:8px}.bookmarks-actions-right-side{display:flex;align-items:center;gap:12px;position:relative}.metric-item{display:flex;align-items:center;gap:4px;color:#64748b;font-size:13px;font-weight:600;text-decoration:none;cursor:pointer}.metric-item i{font-size:16px;color:#94a3b8}.metric-item:hover i{color:#ef4444}.sf-menu-wrapper{position:relative!important;display:inline-block!important;overflow:visible!important}.sf-overflow-btn{border:0;background:transparent;padding:4px 8px;cursor:pointer;border-radius:6px;color:#94a3b8;transition:color .2s;display:flex;align-items:center;justify-content:center}.sf-overflow-btn:hover{background:#f1f5f9;color:#334155}.sf-ctx-container{position:relative!important;display:flex!important;align-items:center;z-index:4000}button.sf-ctx-trigger{background:transparent;cursor:pointer;margin:0;padding:0;display:flex;align-items:center;justify-content:center}.sf-ctx-dropdown{display:none;position:absolute;top:100%;right:0;margin-top:12px;min-width:220px;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 10px 30px rgba(0,0,0,.15);border-radius:12px;padding:6px;z-index:5000;transform-origin:top right;animation:sfCtxFadeIn .15s ease-out}.sf-ctx-container.is-open .sf-ctx-dropdown{display:block}.sf-ctx-arrow{position:absolute;top:-6px;right:14px;width:12px;height:12px;background:#fff;transform:rotate(45deg);border-left:1px solid rgba(0,0,0,.08);border-top:1px solid rgba(0,0,0,.08)}.sf-ctx-item{display:flex!important;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:600;text-decoration:none!important;color:#334155;border-radius:8px;transition:background .2s}.sf-ctx-item:hover{background:#f1f5f9}.sf-ctx-item.is-delete{color:#dc2626}.sf-ctx-item.is-delete:hover{background:#fef2f2}@keyframes sfCtxFadeIn{from{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}