.fb-overlay{z-index:9200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c;justify-content:center;align-items:center;padding:20px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.fb-modal{background:var(--color-bg-card);border:1px solid var(--color-border);width:440px;max-width:100%;max-height:88vh;color:var(--color-text-primary);border-radius:16px;padding:24px 22px 22px;position:relative;overflow-y:auto;box-shadow:0 24px 60px #00000080}.fb-close{width:30px;height:30px;color:var(--color-text-secondary);--icon-grey:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:15px;transition:background .15s,color .15s;display:inline-flex;position:absolute;top:12px;right:12px}.fb-close:hover{color:var(--color-text-primary);--icon-grey:var(--color-text-primary);background:#82828229}.fb-title{margin:0 0 14px;padding-right:30px;font-size:19px;font-weight:700}.fb-tabs{background:#8282821a;border-radius:12px;gap:6px;margin-bottom:14px;padding:4px;display:flex}.fb-tabs button{color:var(--color-text-secondary);--icon-grey:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:7px;padding:9px 10px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.fb-tabs button:hover{color:var(--color-text-primary);--icon-grey:var(--color-text-primary)}.fb-tabs button.active{background:var(--color-bg-card);color:var(--color-text-primary);--icon-grey:var(--color-text-primary);box-shadow:0 1px 4px #00000040}.fb-textarea{resize:vertical;border:1px solid var(--color-border);background:var(--color-bg-main,#8282820f);width:100%;min-height:120px;color:var(--color-text-primary);border-radius:11px;padding:12px 13px;font-family:inherit;font-size:14.5px;line-height:1.5}.fb-textarea:focus{border-color:var(--color-text-secondary);outline:none;box-shadow:0 0 0 3px #82828226}.fb-textarea::placeholder{color:var(--color-text-muted,#fff6)}.fb-counter{text-align:right;color:var(--color-text-muted,#ffffff73);margin:5px 2px 0;font-size:12px}.fb-counter.low{color:var(--color-warning,#e0a020)}.fb-attach{margin-top:12px}.fb-dropzone{border:1.5px dashed var(--color-border);cursor:pointer;background:#8282820f;border-radius:12px;transition:border-color .15s,background .15s;overflow:hidden}.fb-dropzone:hover{border-color:var(--color-text-secondary);background:#8282821f}.fb-dropzone.busy{cursor:progress}.fb-dz-empty{text-align:center;color:var(--color-text-secondary);--icon-grey:var(--color-text-secondary);flex-direction:column;align-items:center;gap:6px;padding:22px 16px;font-size:13px;display:flex}.fb-dz-empty svg{width:22px;height:22px}.fb-dz-empty small{color:var(--color-text-muted,#fff6);font-size:11px}.fb-preview{display:block;position:relative}.fb-preview img{object-fit:contain;background:#000;width:100%;max-height:240px;display:block}.fb-remove{color:#fff;--icon-grey:#fff;cursor:pointer;background:#0009;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;display:inline-flex;position:absolute;top:8px;right:8px}.fb-remove:hover{background:#000c}.fb-error{color:var(--color-danger,#e07a6a);background:#c0392b1f;border:1px solid #c0392b59;border-radius:9px;margin-top:12px;padding:9px 11px;font-size:13px}.fb-submit{background:var(--color-primary);width:100%;color:var(--color-text-white,#fff);cursor:pointer;border:none;border-radius:11px;margin-top:16px;padding:12px 14px;font-family:inherit;font-size:15px;font-weight:700;transition:opacity .15s,filter .15s}.fb-submit:hover:not(:disabled){filter:brightness(1.08)}.fb-submit:disabled{opacity:.5;cursor:not-allowed}.fb-done{text-align:center;padding:18px 6px 6px}.fb-done h2{margin:10px 0 6px;font-size:20px;font-weight:700}.fb-done p{color:var(--color-text-secondary);margin:0 0 18px;font-size:14px}.fb-done-ic{color:#22c55e;--icon-grey:#22c55e;background:#22c55e24;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:inline-flex}.fb-done-ic svg{width:28px;height:28px}@media (max-width:768px){.fb-textarea{font-size:16px}}
.rpt-overlay{z-index:9100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c;justify-content:center;align-items:center;padding:20px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.rpt-modal{background:var(--color-bg-card);border:1px solid var(--color-border);width:380px;max-width:100%;max-height:88vh;color:var(--color-text-primary);border-radius:14px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 24px 60px #00000080}.rpt-head{border-bottom:1px solid var(--color-border);flex:none;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.rpt-head .rpt-head-left{flex-direction:column;gap:1px;min-width:0;display:flex}.rpt-head .rpt-domain{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.rpt-head .rpt-title{color:var(--color-text-primary);font-size:15px;font-weight:700}.rpt-head .rpt-close{width:30px;height:30px;color:var(--color-text-secondary);--icon-grey:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;justify-content:center;align-items:center;font-size:15px;transition:background .15s,color .15s;display:inline-flex}.rpt-head .rpt-close:hover{color:var(--color-text-primary);--icon-grey:var(--color-text-primary);background:#82828229}.rpt-body{flex-direction:column;gap:12px;padding:14px 16px 16px;display:flex;overflow-y:auto}.rpt-body.rpt-body--dmca{padding:0}.rpt-msg{color:var(--color-text-secondary);text-align:center;margin:0;padding:8px 0 4px;font-size:14px}.rpt-reasons{flex-wrap:wrap;gap:7px;display:flex}.rpt-reason{border:1.5px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:20px;align-items:center;padding:6px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.rpt-reason:hover{border-color:var(--color-text-secondary);color:var(--color-text-primary);background:#8282821a}.rpt-reason.on{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb,99, 102, 241), .12);color:var(--color-primary)}.rpt-reason.rpt-reason--dmca:hover{border-color:var(--color-warning,#e0a020);color:var(--color-warning,#e0a020);background:#e0a02014}.rpt-details{resize:vertical;border:1px solid var(--color-border);background:var(--color-bg-main,#8282820f);width:100%;min-height:80px;color:var(--color-text-primary);border-radius:10px;padding:10px 12px;font-family:inherit;font-size:14px;line-height:1.5}.rpt-details:focus{border-color:var(--color-text-secondary);outline:none;box-shadow:0 0 0 3px #82828226}.rpt-details::placeholder{color:var(--color-text-muted,#fff6)}.rpt-err{color:var(--color-danger,#e07a6a);background:#c0392b1f;border:1px solid #c0392b59;border-radius:8px;margin:0;padding:8px 10px;font-size:13px}.rpt-submit{background:var(--color-primary);width:100%;color:var(--color-text-white,#fff);cursor:pointer;border:none;border-radius:10px;padding:11px 14px;font-family:inherit;font-size:14.5px;font-weight:700;transition:opacity .15s,filter .15s}.rpt-submit:hover:not(:disabled){filter:brightness(1.08)}.rpt-submit:disabled{opacity:.5;cursor:not-allowed}
.category-page .sort-bar{padding:var(--space-5) var(--space-6);justify-content:flex-end;align-items:center;gap:1.5rem;margin-bottom:0;display:flex}.category-page .sort-bar .sort-divider{background:var(--color-border);opacity:.6;flex:1;height:1px}@media (max-width:600px){.category-page .sort-bar{gap:.5rem;padding:.7rem .75rem}.category-page .sort-bar .sort-divider{min-width:12px}}.search-page .posts-container>.post-card,.search-page .posts-container>.post-list-row{animation:.42s cubic-bezier(.34,1.56,.64,1) both searchPop}.search-page .posts-container>.post-card:first-child,.search-page .posts-container>.post-list-row:first-child{animation-delay:0s}.search-page .posts-container>.post-card:nth-child(2),.search-page .posts-container>.post-list-row:nth-child(2){animation-delay:45ms}.search-page .posts-container>.post-card:nth-child(3),.search-page .posts-container>.post-list-row:nth-child(3){animation-delay:90ms}.search-page .posts-container>.post-card:nth-child(4),.search-page .posts-container>.post-list-row:nth-child(4){animation-delay:.135s}.search-page .posts-container>.post-card:nth-child(5),.search-page .posts-container>.post-list-row:nth-child(5){animation-delay:.18s}.search-page .posts-container>.post-card:nth-child(6),.search-page .posts-container>.post-list-row:nth-child(6){animation-delay:.225s}.search-page .posts-container>.post-card:nth-child(7),.search-page .posts-container>.post-list-row:nth-child(7){animation-delay:.27s}.search-page .posts-container>.post-card:nth-child(8),.search-page .posts-container>.post-list-row:nth-child(8){animation-delay:.315s}.search-page .posts-container>.post-card:nth-child(9),.search-page .posts-container>.post-list-row:nth-child(9){animation-delay:.36s}.search-page .posts-container>.post-card:nth-child(10),.search-page .posts-container>.post-list-row:nth-child(10){animation-delay:.405s}.search-page .posts-container>.post-card:nth-child(11),.search-page .posts-container>.post-list-row:nth-child(11){animation-delay:.45s}.search-page .posts-container>.post-card:nth-child(12),.search-page .posts-container>.post-list-row:nth-child(12){animation-delay:.495s}.search-page .posts-container>.post-card:nth-child(13),.search-page .posts-container>.post-list-row:nth-child(13){animation-delay:.54s}.search-page .posts-container>.post-card:nth-child(14),.search-page .posts-container>.post-list-row:nth-child(14){animation-delay:.585s}.search-page .posts-container>.post-card:nth-child(15),.search-page .posts-container>.post-list-row:nth-child(15){animation-delay:.63s}.search-page .posts-container>.post-card:nth-child(16),.search-page .posts-container>.post-list-row:nth-child(16){animation-delay:.675s}@keyframes searchPop{0%{opacity:0;transform:scale(.82)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){.search-page .posts-container>.post-card,.search-page .posts-container>.post-list-row{animation:none}}
.lists-page{background:var(--color-bg-main);min-height:100vh;padding-bottom:4rem}.lists-page .lists-filters{z-index:100;background:var(--color-bg-main);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(var(--color-bg-main-rgb), .95);justify-content:flex-end;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:70px}.lists-page .lists-filters label{color:var(--color-text-secondary);margin-right:1rem;font-weight:500}.lists-page .lists-filters .group-select{border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text-primary);cursor:pointer;border-radius:8px;min-width:200px;padding:.6rem 1.2rem;font-size:.95rem;transition:border-color .2s;box-shadow:0 2px 4px #0000000d}.lists-page .lists-filters .group-select:hover{border-color:var(--color-text-secondary)}.lists-page .lists-filters .group-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #82828238}.lists-page .lists-container{grid-template-columns:1fr;gap:2rem;max-width:100%;margin:0;padding:2rem;display:grid}@media (min-width:1024px){.lists-page .lists-container{grid-template-columns:repeat(2,1fr);gap:2.5rem;padding:2rem 3rem}}.lists-page .lists-container .list-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;height:100%;padding:2rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 20px #0000000a}.lists-page .lists-container .list-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000014}.lists-page .lists-container .list-card .list-header{border-bottom:1px solid var(--color-border);align-items:flex-start;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex;position:relative}.lists-page .lists-container .list-card .list-header .list-icon{background:linear-gradient(135deg,#00000038,#00000052);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:3rem;display:flex}.lists-page .lists-container .list-card .list-header .list-meta{flex:1}.lists-page .lists-container .list-card .list-header .list-meta .list-label{color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;background:#82828238;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:700;position:absolute;top:0;right:0}.lists-page .lists-container .list-card .list-header .list-meta h3{color:var(--color-text-primary);margin:0 0 .75rem;padding-right:6.5rem;font-size:1.75rem;font-weight:700;line-height:1.2}.lists-page .lists-container .list-card .list-header .list-meta p{color:var(--color-text-secondary);margin:0;font-size:1.05rem;line-height:1.6}.lists-page .lists-container .list-card .list-items-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.lists-page .lists-container .list-card .list-items-grid .list-item-mini{background:var(--color-bg-main);border:1px solid #0000;border-radius:10px;align-items:center;gap:1rem;padding:1rem;text-decoration:none;transition:all .2s;display:flex}.lists-page .lists-container .list-card .list-items-grid .list-item-mini:hover{background:var(--color-bg-card);border-color:var(--color-primary);transform:translate(4px)}.lists-page .lists-container .list-card .list-items-grid .list-item-mini:hover h4{color:var(--color-primary)}.lists-page .lists-container .list-card .list-items-grid .list-item-mini .item-favicon{object-fit:cover;background:#fff;border-radius:6px;width:32px;height:32px;animation:.42s cubic-bezier(.34,1.56,.64,1) backwards favicon-pop;box-shadow:0 2px 4px #0000001a}.lists-page .lists-container .list-card .list-items-grid .list-item-mini .item-info{flex:1;min-width:0;overflow:hidden}.lists-page .lists-container .list-card .list-items-grid .list-item-mini .item-info h4{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:.95rem;transition:color .2s;overflow:hidden}.lists-page .lists-container .list-card .list-items-grid .list-item-mini .item-info span{color:var(--color-text-muted);font-size:.8rem}.lists-page .lists-container .list-card .list-items-grid .list-view-more{border-color:var(--color-border);background:var(--color-bg-card);cursor:pointer}.lists-page .lists-container .list-card .list-items-grid .list-view-more:hover{border-color:var(--color-primary);background:var(--color-bg-card);transform:none}.lists-page .lists-container .list-card .list-items-grid .list-view-more .item-info h4{color:var(--color-text-primary)}.lists-page .lists-container .list-card .list-items-grid .list-view-more:hover .item-info h4{color:var(--color-primary)}.lists-page .lists-container .list-card .list-items-grid .list-view-more .lvm-grid{background:var(--color-bg-main);border-radius:6px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 2px 4px #0000001a}.lists-page .lists-container .list-card .list-items-grid .list-view-more .lvm-grid svg{display:block}.lists-page .lists-container .list-card .list-items-grid .list-view-more .lvm-arrow{color:var(--color-text-muted);flex:none;margin-left:auto;font-size:1.1rem;line-height:1;transition:transform .2s,color .2s}.lists-page .lists-container .list-card .list-items-grid .list-view-more .lvm-arrow:before{content:"→"}.lists-page .lists-container .list-card .list-items-grid .list-view-more:hover .lvm-arrow{color:var(--color-primary);transform:translate(2px)}[data-theme=dark] .lists-page .lists-filters{background:#141414f2;border-bottom-color:#ffffff14}.view-toggle{box-sizing:border-box;border-radius:var(--radius-full);color:#ffffffd9;cursor:pointer;background:#ffffff0d;border:1px solid #fff3;flex:none;justify-content:center;align-items:center;width:44px;height:39px;transition:background .15s,color .15s,border-color .15s;display:inline-flex;box-shadow:0 1px 2px #0003}.view-toggle:hover{color:#fff;background:#ffffff1a}.view-toggle[aria-pressed=true]{color:#fff;background:#ffffff24}.view-toggle svg{display:block}.app-ic{box-sizing:border-box;background:var(--color-bg-main);border:2px solid var(--color-border);border-radius:13px;flex:none;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.app-ic img{object-fit:contain;border-radius:5px;width:26px;height:26px}.app-ic--sm{border-width:1.5px;border-radius:9px;width:30px;height:30px}.app-ic--sm img{border-radius:4px;width:17px;height:17px}.app-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.app-row--sm{flex-wrap:nowrap;gap:7px;overflow:hidden}.app-more{background:var(--color-bg-main);border:1px dashed var(--color-border);height:48px;color:var(--color-text-secondary);white-space:nowrap;border-radius:13px;flex:none;align-items:center;gap:5px;padding:0 14px;font-size:.85rem;font-weight:500;display:inline-flex}.app-more--sm{border-radius:9px;height:30px;padding:0 9px;font-size:.75rem}@keyframes domino-drop{0%{opacity:0;transform:translateY(-26px)rotate(-16deg)scale(.9)}60%{opacity:1;transform:translateY(4px)rotate(5deg)scale(1.02)}80%{transform:translateY(-2px)rotate(-2deg)scale(1)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}.app-ic,.app-more{animation:.5s cubic-bezier(.22,1,.36,1) backwards domino-drop}@keyframes favicon-pop{0%{opacity:0;transform:scale(0)}70%{opacity:1;transform:scale(1.18)}to{opacity:1;transform:scale(1)}}.community-lists{flex-direction:column;gap:1rem;padding:.5rem 2rem 4rem;display:flex}@media (min-width:1024px){.community-lists{padding:.5rem 3rem 4rem}}@media (min-width:1300px){.community-lists{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;max-width:1500px;margin-inline:auto;display:grid}}.clist-card{color:inherit;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;align-items:stretch;padding:1.5rem 1.75rem;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.clist-card:hover{border-color:var(--color-text-muted);transform:translateY(-2px);box-shadow:0 8px 30px #00000014}.clist-card .clc-head{align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.clist-card .clc-ico{background:var(--color-bg-main);border:1px solid var(--color-border);border-radius:13px;flex:none;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.6rem;display:flex}.clist-card .clc-meta{flex:1;min-width:0}.clist-card .clc-meta h3{color:var(--color-text-primary);margin:0;font-size:1.3rem;font-weight:700;line-height:1.25}.clist-card .clc-meta .clc-sub{color:var(--color-text-secondary);margin:.3rem 0 0;font-size:.9rem}.clist-row{color:inherit;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;align-items:center;gap:.9rem;padding:.6rem 1rem;text-decoration:none;transition:border-color .2s,background .2s;display:flex}.clist-row:hover{border-color:var(--color-text-muted)}.clist-row:hover h3{color:var(--color-primary)}.clist-row .clr-ico{background:var(--color-bg-main);border:1px solid var(--color-border);border-radius:9px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.05rem;display:flex}.clist-row .clr-head{flex:0 230px;align-items:baseline;gap:.5rem;min-width:0;display:flex}.clist-row .clr-head h3{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.95rem;font-weight:600;transition:color .2s;overflow:hidden}.clist-row .clr-head .clr-by{color:var(--color-text-muted);white-space:nowrap;font-size:.78rem}.clist-row .app-row--sm{flex:auto;justify-content:flex-end;min-width:0}.clist-row .clr-count{color:var(--color-text-muted);text-align:right;flex:none;min-width:1.5rem;font-size:.82rem}.clist-row .clr-chevron{color:var(--color-text-muted);flex:none;font-size:1.25rem;line-height:1}@media (max-width:640px){.clist-row{flex-wrap:wrap;row-gap:.5rem}.clist-row .clr-head{flex:auto;min-width:0}.clist-row .clr-head h3{font-size:.84rem}.clist-row .clr-head .clr-by{font-size:.72rem}.clist-row .app-row--sm{box-sizing:border-box;flex:100%;order:1;justify-content:flex-start;min-width:0;padding-left:calc(34px + .6rem)}.clist-card{padding:1.25rem}}.lists-pill .lp-input{opacity:0;color:#fff;background:0 0;border:none;outline:none;flex:1 1 0;min-width:0;max-width:0;padding:0;font-family:inherit;font-size:13px;transition:max-width .3s cubic-bezier(.22,1,.36,1),opacity .2s,padding .25s}.lists-pill .lp-input::placeholder{color:#ffffff80}.lists-pill .lp-clear{opacity:0;color:#fff9;cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;width:0;font-size:15px;line-height:1;transition:width .25s,opacity .2s;display:flex;overflow:hidden}.lists-pill .lp-clear:hover{color:#fff}.lists-pill .lp-search .fc-label,.lists-pill .lp-size .fc-label{white-space:nowrap;max-width:60px;transition:max-width .3s cubic-bezier(.22,1,.36,1),opacity .2s;overflow:hidden}.lists-pill .lp-size{transition:max-width .3s cubic-bezier(.22,1,.36,1),opacity .2s,padding .25s,background .15s,color .15s}.lists-pill .fc-btn{letter-spacing:.3px;gap:4px}.lists-pill .fc-ic{font-size:13px}.lists-pill .lp-search:focus,.lists-pill .lp-search:focus-visible,.lists-pill .lp-search:active,.lists-pill .lp-input:focus,.lists-pill .lp-input:focus-visible,.lists-pill .lp-input:active{box-shadow:none;outline:none}.lists-pill.lists-pill--open .lp-search{cursor:default;flex:none;gap:0;padding-right:2px}.lists-pill.lists-pill--open .lp-search:hover{color:#ffffffd9;background:0 0}.lists-pill.lists-pill--open .lp-search .fc-label{opacity:0;max-width:0}.lists-pill.lists-pill--open .lp-input{opacity:1;max-width:100%;padding:0 2px}.lists-pill.lists-pill--open .lp-clear{opacity:1;width:20px;margin-right:6px}.lists-pill.lists-pill--open .lp-div{opacity:0;max-width:0;margin:0;overflow:hidden}.lists-pill.lists-pill--open .lp-size{opacity:0;pointer-events:none;flex:none;min-width:0;max-width:0;padding:0;overflow:hidden}
.submit-container{background-color:var(--color-bg-main);min-height:100vh;padding-top:55px;padding:80px var(--space-4) var(--space-8);justify-content:center;align-items:flex-start;display:flex}.submit-card{background:var(--color-bg-card);border-radius:var(--radius-xl);width:100%;max-width:700px;padding:var(--space-8);box-shadow:var(--shadow-lg)}@media (max-width:768px){.submit-card{padding:var(--space-5)}}.submit-header{text-align:center;margin-bottom:var(--space-8)}.submit-header h1{font-size:var(--text-3xl);margin-bottom:var(--space-2);color:var(--color-text-primary)}.submit-header p{color:var(--color-text-secondary);font-size:var(--text-base);margin:0}.submit-form{gap:var(--space-6);flex-direction:column;display:flex}.form-field{gap:var(--space-2);flex-direction:column;display:flex}.form-field label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.form-field label .required{color:var(--color-error)}.form-field label .optional{color:var(--color-text-muted);font-weight:var(--font-normal)}.form-field input,.form-field textarea,.form-field select{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);font-family:var(--font-sans);transition:all var(--transition-base)}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #82828238}.form-field input::placeholder,.form-field textarea::placeholder,.form-field select::placeholder{color:var(--color-text-muted)}.form-field textarea{resize:vertical;min-height:100px}.form-field select{cursor:pointer}.form-field .field-hint{font-size:var(--text-xs);color:var(--color-text-muted)}.tags-input-container{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);background:var(--color-bg-card);transition:all var(--transition-base)}.tags-input-container:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #82828238}.tags-list{gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;min-height:32px;display:flex}.tags-list .tag{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--color-primary);color:var(--color-text-white);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);display:inline-flex}.tags-list .tag .tag-remove{color:var(--color-text-white);font-size:var(--text-lg);cursor:pointer;width:16px;height:16px;transition:background var(--transition-base);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;line-height:1;display:flex}.tags-list .tag .tag-remove:hover{background:#fff3}.tag-input-wrapper{gap:var(--space-2);display:flex}.tag-input-wrapper input{padding:var(--space-2);font-size:var(--text-sm);border:none;flex:1}.tag-input-wrapper input:focus{box-shadow:none;outline:none}.tag-input-wrapper input:disabled{opacity:.5;cursor:not-allowed}.tag-input-wrapper .tag-add-btn{padding:var(--space-2) var(--space-4);background:var(--color-primary);color:var(--color-text-white);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);border:none}.tag-input-wrapper .tag-add-btn:hover:not(:disabled){background:var(--color-primary-hover)}.tag-input-wrapper .tag-add-btn:disabled{opacity:.5;cursor:not-allowed}.info-box{border-left:3px solid var(--color-primary);padding:var(--space-4);border-radius:var(--radius-md);background:#8282821f}.info-box h4{font-size:var(--text-base);margin:0 0 var(--space-3);color:var(--color-text-primary)}.info-box ul{padding-left:var(--space-5);margin:0;list-style:outside}.info-box ul li{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-2)}.info-box ul li:last-child{margin-bottom:0}.form-actions{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-wrap:wrap;display:flex}.form-actions .submit-human{margin:0 auto 0 0}.form-actions .form-actions-btns{align-items:center;gap:var(--space-3);display:flex}.form-actions .btn-cancel,.form-actions .btn-submit{padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);text-decoration:none;display:inline-block}.form-actions .btn-cancel{color:var(--color-text-secondary);border:1px solid var(--color-border);background:0 0}.form-actions .btn-cancel:hover{border-color:var(--color-text-secondary);color:var(--color-text-primary)}.form-actions .btn-submit{background:var(--color-primary);color:var(--color-text-white);box-shadow:var(--shadow-sm);border:none}.form-actions .btn-submit:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.form-actions .btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.submit-container+.layout-topbar .topbar-right .btn-back{padding:var(--space-2) var(--space-4);color:var(--color-text-white);border-radius:var(--radius-md);font-weight:var(--font-medium);transition:all var(--transition-base);background:#fff3;text-decoration:none}.submit-container+.layout-topbar .topbar-right .btn-back:hover{background:#ffffff4d}.app-submit-bar-bottom{margin-top:var(--space-6)}.app-submit-bar-bottom .highlight-bar{border-radius:var(--radius-md)}.submit-hp{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;left:-9999px}.submit-login-note{color:var(--color-text-secondary);border:1px solid var(--color-border);background:#8282821f;border-radius:8px;margin-bottom:12px;padding:10px 14px;font-size:14px}.submit-human{color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;margin:12px 0;font-size:14px;display:flex}.submit-human input{cursor:pointer}.submit-challenge{margin:var(--space-3) 0;flex-direction:column;align-items:center;gap:8px;display:flex}.submit-challenge .submit-challenge-label{color:var(--color-text-secondary);font-size:13px}.submit-challenge .submit-challenge-error{color:#ff6b6b;text-align:center;max-width:320px;font-size:13px}.submit-recaptcha-v2{min-height:78px}.submit-recaptcha-note{color:var(--color-text-muted);text-align:center;margin:10px 0 0;font-size:12px}.submit-recaptcha-note a{color:var(--color-text-secondary);text-decoration:underline}.submit-modal-overlay{z-index:1200;background:#0000008c;justify-content:center;align-items:flex-start;padding:6vh 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.submit-modal{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;max-width:560px;padding:0;position:relative;overflow:hidden;box-shadow:0 12px 40px #00000059}.submit-modal .submit-form{width:100%}.submit-modal .info-box{margin-top:var(--space-3)}.submit-modal-banner{background:radial-gradient(80% 85% at 0 0,#fb2f2f 0%,#fb2f2f00 62%),radial-gradient(80% 85% at 100% 0,#83e069 0%,#83e06900 62%),radial-gradient(85% 90% at 100% 100%,#356fd6 0%,#356fd600 64%),radial-gradient(85% 90% at 0 100%,#f452cf 0%,#f452cf00 64%),radial-gradient(55% 60% at 50% 0,#ffc24a 0%,#ffc24a00 55%),radial-gradient(60% 65% at 56% 100%,#9257e0 0%,#9257e000 55%),linear-gradient(120deg,#ff5a4a,#ff9f4a 24%,#86df6a 48%,#3f7bd6 74%,#c14fd6);align-items:center;gap:14px;min-height:104px;padding:22px;display:flex}.submit-modal-banner-icon{color:#fff;background:#ffffff38;border-radius:50%;flex:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.submit-modal-body{padding:var(--space-5)}.submit-modal-title{font-size:var(--text-lg);color:#fff;text-shadow:0 1px 2px #00000040;margin:0;font-weight:700}.submit-modal-close{color:#ffffffe6;cursor:pointer;background:#0000002e;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:17px;line-height:1;display:flex;position:absolute;top:16px;right:16px}.submit-modal-close:hover{color:#fff;background:#00000052}.submit-modal-publish{margin-top:var(--space-5);border-radius:var(--radius-md);border:1px solid var(--color-border);flex-direction:column;align-items:center;gap:3px;padding:12px;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.submit-modal-publish:hover{border-color:var(--color-primary);background:#82828214}.submit-modal-publish-label{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-primary);font-size:13px;font-weight:700}.submit-modal-publish-note{color:var(--color-text-muted);font-size:11px}.submit-url-wrap{position:relative}.submit-url-wrap input{padding-right:42px}.submit-url-wrap .submit-url-favicon{object-fit:contain;pointer-events:none;border-radius:4px;width:20px;height:20px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.submit-form .form-field label{align-items:center;gap:var(--space-2);display:inline-flex}.submit-form .form-field label .fld-ic{color:var(--color-text-secondary);font-size:15px;display:inline-flex}.tags-list{min-height:0}.tags-input-container{position:relative}.tag-suggest{z-index:30;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:240px;margin:4px 0 0;padding:4px;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000004d}.tag-suggest li>button{border-radius:var(--radius-sm);width:100%;color:var(--color-text-primary);font-size:var(--text-sm);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.tag-suggest li>button:hover{background:#82828229}.tag-suggest .tag-suggest-count{color:var(--color-text-muted);font-size:var(--text-xs)}.cat-select{position:relative}.cat-select .cat-select-trigger{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);font-family:var(--font-sans);cursor:pointer;transition:border-color var(--transition-base);display:flex}.cat-select .cat-select-trigger:hover,.cat-select.open .cat-select-trigger{border-color:var(--color-text-muted)}.cat-select .cat-select-value{align-items:center;gap:var(--space-2);font-weight:var(--font-medium);display:inline-flex}.cat-select .cat-select-placeholder{color:var(--color-text-muted)}.cat-select .cat-select-ic{display:inline-flex}.cat-select .cat-select-caret{color:var(--color-text-secondary);font-size:12px;transition:transform .2s}.cat-select.open .cat-select-caret{transform:rotate(180deg)}.cat-select .cat-select-menu{z-index:40;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:300px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 30px #00000059}.cat-select .cat-select-opt{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);width:100%;font-size:var(--text-sm);font-weight:var(--font-medium);text-align:left;cursor:pointer;background:0 0;border:none;padding:9px 10px;display:flex}.cat-select .cat-select-opt:hover,.cat-select .cat-select-opt.sel{background:#82828229}.cat-select .cat-select-opt .cat-select-opt-name{flex:1}.cat-select .cat-select-opt .cat-select-check{color:var(--color-text-secondary);font-size:12px}.platform-select{gap:var(--space-2);flex-wrap:wrap;display:flex}.platform-select .platform-chip{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base);align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.platform-select .platform-chip .platform-ic{display:inline-flex}.platform-select .platform-chip:hover{border-color:var(--color-text-muted)}.platform-select .platform-chip.on{color:var(--color-text-primary);background:#22c55e29;border-color:#22c55e}.submit-dropzone{border:1.5px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-bg-card);cursor:pointer;transition:border-color var(--transition-base),background var(--transition-base)}.submit-dropzone:hover{border-color:var(--color-text-muted);background:#8282820f}.submit-dropzone.busy{opacity:.7;pointer-events:none}.submit-dropzone .submit-dz-empty{color:var(--color-text-secondary);font-size:var(--text-sm);text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.submit-dropzone .submit-dz-empty .submit-dz-ic{font-size:22px}.submit-dropzone .submit-dz-empty small{color:var(--color-text-muted);font-size:var(--text-xs)}.submit-dropzone .submit-dz-preview{display:inline-block;position:relative}.submit-dropzone .submit-dz-preview img{border-radius:var(--radius-sm);max-width:100%;max-height:180px;display:block}.submit-dropzone .submit-dz-preview .submit-dz-remove{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;line-height:1;display:flex;position:absolute;top:6px;right:6px}.submit-dropzone .submit-dz-preview .submit-dz-remove:hover{background:#000c}@media (max-width:768px){.tag-input-wrapper input{font-size:16px}}
.settings-dropdown{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);z-index:1000;width:280px;padding:var(--space-4);margin-top:var(--space-2);color:var(--color-text-primary);position:absolute;top:100%;right:0;box-shadow:0 4px 12px #0003}.settings-dropdown .settings-header{gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.settings-dropdown .settings-header .auth-btn{padding:var(--space-2);border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base);border:none;flex:1}.settings-dropdown .settings-header .auth-btn.login{border:1px solid var(--color-primary);color:var(--color-primary);background-color:#0000}.settings-dropdown .settings-header .auth-btn.login:hover{background-color:#82828238}.settings-dropdown .settings-header .auth-btn.register{background-color:var(--color-primary);color:#fff}.settings-dropdown .settings-header .auth-btn.register:hover{background-color:var(--color-primary-dark)}.settings-dropdown .settings-section h3{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-2);font-weight:600}.settings-dropdown .settings-section.links{flex-direction:column;gap:2px;display:flex}.settings-dropdown .settings-section.links .settings-link{align-items:center;gap:var(--space-3);width:100%;color:var(--color-text-secondary);font-size:var(--text-sm);text-align:left;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-base),color var(--transition-base);background:0 0;border:none;font-family:inherit;font-weight:500;text-decoration:none;display:flex}.settings-dropdown .settings-section.links .settings-link:hover{color:var(--color-text-primary);background:#82828224}.settings-dropdown .setting-item{padding:var(--space-2) 0;font-size:var(--text-sm);justify-content:space-between;align-items:center;display:flex}.settings-dropdown .setting-item>span{color:var(--color-text-secondary);font-weight:500}.settings-dropdown .setting-item .toggle-switch{width:36px;height:20px;display:inline-block;position:relative}.settings-dropdown .setting-item .toggle-switch input{opacity:0;width:0;height:0}.settings-dropdown .setting-item .toggle-switch .slider{cursor:pointer;background-color:#ccc;border-radius:20px;transition:all .4s;position:absolute;inset:0}.settings-dropdown .setting-item .toggle-switch .slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .4s;position:absolute;bottom:2px;left:2px}.settings-dropdown .setting-item .toggle-switch input:checked+.slider{background-color:var(--color-primary)}.settings-dropdown .setting-item .toggle-switch input:checked+.slider:before{transform:translate(16px)}.settings-dropdown .setting-item .seg-toggle{border:1px solid var(--color-border);border-radius:var(--radius-full);display:inline-flex;overflow:hidden}.settings-dropdown .setting-item .seg-toggle button{font:inherit;font-size:var(--text-xs);color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-base),color var(--transition-base);background:0 0;border:none;padding:3px 11px;font-weight:600}.settings-dropdown .setting-item .seg-toggle button+button{border-left:1px solid var(--color-border)}.settings-dropdown .setting-item .seg-toggle button.active{background:var(--color-primary);color:#fff}.settings-dropdown .settings-accordion .settings-accordion-head{width:100%;padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);font:inherit;font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-base);background:0 0;border:none;justify-content:space-between;align-items:center;font-weight:500;display:flex}.settings-dropdown .settings-accordion .settings-accordion-head:hover{background:#82828224}.settings-dropdown .settings-accordion .settings-accordion-head .acc-title{align-items:center;gap:var(--space-3);display:inline-flex}.settings-dropdown .settings-accordion .settings-accordion-head .acc-chevron{color:var(--color-text-secondary);flex:none;transition:transform .25s}.settings-dropdown .settings-accordion.open .settings-accordion-head .acc-chevron{transform:rotate(180deg)}.settings-dropdown .settings-accordion .settings-accordion-body{grid-template-rows:0fr;transition:grid-template-rows .25s;display:grid}.settings-dropdown .settings-accordion.open .settings-accordion-body{grid-template-rows:1fr}.settings-dropdown .settings-accordion .settings-accordion-inner{min-height:0;padding:0 var(--space-3);overflow:hidden}.settings-dropdown .settings-divider{background-color:var(--color-border);height:1px;margin:var(--space-3) 0}
body.random-feed-active .link-modal-backdrop{align-items:center;padding-bottom:80px}body.random-feed-active .link-modal{max-height:calc(90vh - 80px)}.link-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5100;padding:var(--space-4);background:#000c;justify-content:center;align-items:center;animation:.2s lmFadeIn;display:flex;position:fixed;inset:0}.link-modal-backdrop.has-tvbar{flex-direction:column;gap:12px}.link-modal-backdrop.has-tvbar .link-modal{max-height:calc(90vh - 88px)}@keyframes lmFadeIn{0%{opacity:0}to{opacity:1}}.modal-nav-arrow{z-index:10;color:#fff;cursor:pointer;background:#0009;border:1px solid #fff3;justify-content:center;align-items:center;width:50px;height:80px;font-size:36px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.modal-nav-arrow:hover{background:#000c;border-color:#fff6}.modal-nav-arrow.prev{border-radius:12px;left:16px}.modal-nav-arrow.next{border-radius:12px;right:16px}@media (max-width:800px){.modal-nav-arrow{width:40px;height:60px;font-size:28px}.modal-nav-arrow.prev{left:8px}.modal-nav-arrow.next{right:8px}}@media (max-width:600px){.modal-nav-arrow{display:none}}.link-modal{background:#1a1a1a;border-radius:16px;width:100%;max-width:700px;max-height:90vh;animation:.3s lmSlideUp;overflow-y:auto;box-shadow:0 25px 50px #00000080}.link-modal::-webkit-scrollbar{width:6px}.link-modal::-webkit-scrollbar-track{background:0 0}.link-modal::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}@keyframes lmSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.link-modal-header{z-index:10;background:#222;border-bottom:2px solid;border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.link-modal-header .header-left{align-items:center;gap:10px;min-width:0;text-decoration:none;transition:opacity .2s;display:flex}.link-modal-header .header-left:hover{opacity:.8}.link-modal-header .header-left .category-icon{flex:none;align-items:center;font-size:24px;line-height:1;display:inline-flex}.link-modal-header .header-left .category-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:600;overflow:hidden}.link-modal-header .header-right{align-items:center;gap:12px;display:flex}.link-modal-header .header-right .share-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;transition:all .2s;display:flex}.link-modal-header .header-right .share-btn:hover{background:#fff3}.link-modal-header .header-right .close-btn{color:#fff9;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:20px;transition:color .2s}.link-modal-header .header-right .close-btn:hover{color:#fff}.link-modal-tags{background:#1a1a1a;border-bottom:1px solid #ffffff1a;padding:12px 20px;position:relative}.link-modal-tags .link-modal-tags-scroll{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;gap:8px;display:flex;overflow-x:auto}.link-modal-tags .link-modal-tags-scroll::-webkit-scrollbar{display:none}.link-modal-tags .tag{white-space:nowrap;color:#ffffffe6;background:#ffffff14;border-radius:20px;flex:none;align-items:center;gap:6px;padding:6px 14px;font-size:13px;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.link-modal-tags .tag:hover{background:#ffffff26;transform:translateY(-1px)}.link-modal-tags .tag.sub{color:#ffffffb3;background:#ffffff0d}.link-modal-tags .tag.tag--keyword{color:#ffffff9e;background:#ffffff0d;font-size:12.5px}.link-modal-preview{aspect-ratio:16/9;background:#111;border-bottom:1px solid #ffffff1a;width:100%;position:relative;overflow:hidden}.link-modal-preview .screenshot-image{object-fit:cover;object-position:top;opacity:0;width:100%;height:100%;transition:opacity .3s}.link-modal-preview .screenshot-image.loaded{opacity:1}.link-modal-preview .preview-embed{pointer-events:none;position:absolute;inset:0}.link-modal-preview .preview-embed .embed-frame{background:#000;border:none;width:100%;height:100%;display:block}.link-modal-preview .preview-embed .embed-shield{z-index:1;background:0 0;position:absolute;inset:0}.link-modal-preview .preview-loading{color:#fff9;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:14px;display:flex;position:absolute;inset:0}.link-modal-preview .preview-loading .loading-spinner{border:3px solid #ffffff1a;border-top-color:#fff9;border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.link-modal-preview .preview-fallback{background:linear-gradient(145deg,#1a1a1a,#222);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.link-modal-preview .preview-fallback .fallback-favicon{opacity:.8;border-radius:12px;width:64px;height:64px}.link-modal-preview .preview-fallback .fallback-domain{color:#ffffffb3;font-size:18px;font-weight:600}.link-modal-preview .preview-overlay{z-index:2;background:linear-gradient(#0000,#000000e6);justify-content:center;padding:20px;display:flex;position:absolute;bottom:0;left:0;right:0}.link-modal-preview .preview-overlay .visit-btn{color:#1a1a1a;background:#fff;border-radius:25px;padding:10px 24px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s}.link-modal-preview .preview-overlay .visit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #fff3}.link-modal-preview.link-modal-preview--window{aspect-ratio:auto;background:linear-gradient(160deg,#161616,#0e0e0e);flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:40px 24px;display:flex}.link-modal-preview.link-modal-preview--window .preview-window{width:100%;max-width:200px;box-shadow:0 0 46px color-mix(in srgb, var(--cat,#1e90ff) 42%, transparent),0 20px 48px #0000008c;cursor:pointer;background:#141414;border:1px solid #ffffff1a;border-radius:14px;transition:transform .18s,box-shadow .3s;overflow:hidden}.link-modal-preview.link-modal-preview--window .preview-window:hover{box-shadow:0 0 28px color-mix(in srgb, var(--cat,#1e90ff) 26%, transparent),0 20px 48px #0000008c;transform:scale(1.035)}.link-modal-preview.link-modal-preview--window .preview-window:focus-visible{outline:2px solid var(--cat,#fff);outline-offset:3px;transform:scale(1.035)}.link-modal-preview.link-modal-preview--window .preview-window-bar{background:#ffffff0a;border-bottom:1px solid #ffffff14;align-items:center;gap:6px;height:28px;padding:0 12px;display:flex}.link-modal-preview.link-modal-preview--window .preview-window-bar i{background:#ffffff29;border-radius:50%;width:9px;height:9px}.link-modal-preview.link-modal-preview--window .preview-window-shot{aspect-ratio:16/10;background:#141414;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:relative}.link-modal-preview.link-modal-preview--window .preview-window-shot-img{object-fit:contain;object-position:center;opacity:0;width:100%;height:100%;transition:opacity .35s;position:absolute;inset:0}.link-modal-preview.link-modal-preview--window .preview-window-shot-img.loaded{opacity:1}.link-modal-preview.link-modal-preview--window .preview-window-icon{object-fit:contain;background:#fff;border-radius:13px;width:56px;height:56px;padding:8px}.link-modal-preview.link-modal-preview--window .preview-window-domain{color:var(--cat,#1e90ff);font-size:.85rem;font-weight:600}.link-modal-preview.link-modal-preview--window .visit-btn--cat{background:var(--cat,var(--color-primary));color:#fff;border-radius:24px;align-items:center;gap:6px;padding:11px 24px;font-weight:600;text-decoration:none;transition:transform .16s,filter .16s;display:inline-flex}.link-modal-preview.link-modal-preview--window .visit-btn--cat:hover{filter:brightness(1.1);transform:translateY(-2px)}.link-modal-details{padding:20px}.link-modal-details .link-info{gap:16px;margin-bottom:16px;display:flex}.link-modal-details .link-info .link-icon{background:#ffffff0d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.link-modal-details .link-info .link-icon .favicon{border-radius:6px;width:32px;height:32px}.link-modal-details .link-info .link-icon .icon-emoji{opacity:.6;font-size:28px}.link-modal-details .link-info .link-content{flex:1;min-width:0}.link-modal-details .link-info .link-content .link-domain{margin:0 0 8px;font-size:18px}.link-modal-details .link-info .link-content .link-domain a{text-decoration:none;transition:opacity .2s;display:inline-block;position:relative}.link-modal-details .link-info .link-content .link-domain a:after{content:"";transform-origin:50%;background:currentColor;border-radius:2px;height:2px;transition:transform .28s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.link-modal-details .link-info .link-content .link-domain a:hover{opacity:.9}.link-modal-details .link-info .link-content .link-domain a:hover:after{transform:scaleX(1)}.link-modal-details .link-info .link-content .link-description{color:#ffffffb3;margin:0;font-size:14px;line-height:1.5}.link-modal-details .link-actions{border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;justify-content:flex-start;align-items:center;margin-bottom:16px;padding:12px 0;display:flex}.link-modal-details .link-actions .post-actions{align-items:center;gap:var(--space-2);flex-direction:row;display:flex}.link-modal-details .link-actions .post-actions .pa-btn{background:var(--color-bg-elevated,#ffffff0d);border:1px solid var(--color-border,#ffffff1f);border-radius:var(--radius-md,9px);width:34px;height:34px;color:var(--color-text-muted,#ffffffa6);cursor:pointer;transition:all var(--transition-base);flex-direction:column;flex:none;justify-content:center;align-items:center;gap:1px;padding:0;font-size:14px;line-height:1;display:flex}.link-modal-details .link-actions .post-actions .pa-btn:hover{color:var(--color-text-primary,#fff);border-color:var(--pa-cat,var(--color-primary));transform:translateY(-1px)}.link-modal-details .link-actions .post-actions .pa-vote .pa-arrow{font-size:11px}.link-modal-details .link-actions .post-actions .pa-vote .pa-count{font-size:9px;font-weight:var(--font-semibold,600);color:var(--color-text-secondary,#ffffffb3)}.link-modal-details .link-actions .post-actions .pa-vote.active{color:var(--color-primary);border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 14%, transparent)}.link-modal-details .link-actions .post-actions .pa-vote.active .pa-count{color:var(--color-primary)}.link-modal-details .link-actions .post-actions .pa-fav{font-size:15px}.link-modal-details .link-actions .post-actions .pa-fav.active{color:gold;background:#ffc10714;border-color:#ffc1078c}.link-modal-details .link-types{margin-top:0;padding-top:0}.link-modal-details .link-types .types-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:11px;display:block}.link-modal-details .link-types .types-grid{grid-template-columns:repeat(8,1fr);gap:4px;display:grid}.link-modal-details .link-types .type-item{opacity:.35;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:8px 2px;transition:all .2s;display:flex}.link-modal-details .link-types .type-item.active{opacity:1;background:#ffffff14;border-color:#fff3}.link-modal-details .link-types .type-item .type-icon{font-size:16px}.link-modal-details .link-types .type-item .type-name{color:#fff9;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:100%;font-size:8px;line-height:1.1;overflow:hidden}.link-modal-similar{background:#151515;border-top:1px solid #ffffff1a;padding:20px}.link-modal-similar:last-child{border-radius:0 0 16px 16px}.link-modal-similar h4{color:#fff9;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;font-size:11px}.link-modal-similar .similar-list{flex-direction:column;gap:12px;display:flex}.link-modal-similar .similar-item{background:#ffffff08;border-radius:10px;align-items:center;gap:12px;padding:12px;transition:background .2s;display:flex}.link-modal-similar .similar-item:hover{background:#ffffff14}.link-modal-similar .similar-item .similar-icon{background:#ffffff0d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.link-modal-similar .similar-item .similar-icon img{border-radius:4px;width:24px;height:24px}.link-modal-similar .similar-item .similar-icon span{opacity:.5;font-size:20px}.link-modal-similar .similar-item .similar-content{flex:1;min-width:0}.link-modal-similar .similar-item .similar-content .similar-domain{color:#1e90ff;margin-bottom:4px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block;position:relative}.link-modal-similar .similar-item .similar-content .similar-domain:after{content:"";transform-origin:50%;background:currentColor;border-radius:2px;height:2px;transition:transform .28s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.link-modal-similar .similar-item .similar-content .similar-domain:hover:after{transform:scaleX(1)}.link-modal-similar .similar-item .similar-content .similar-desc{color:#ffffff80;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;overflow:hidden}.link-modal-similar .similar-item .similar-favorite{cursor:pointer;color:#ffc10766;background:0 0;border:none;font-size:18px;transition:color .2s}.link-modal-similar .similar-item .similar-favorite:hover{color:gold}.link-modal-tvbar{--cat:#e23c14;background:linear-gradient(120deg, color-mix(in srgb, var(--cat) 82%, #000) 0%, color-mix(in srgb, var(--cat) 72%, #fff) 100%);color:#fff;text-align:left;width:100%;max-width:700px;font:inherit;cursor:pointer;border:1px solid #ffffff24;border-radius:14px;flex:none;align-items:center;gap:14px;padding:14px 18px;transition:transform .15s,box-shadow .2s,border-color .2s;animation:.3s lmSlideUp;display:flex;box-shadow:0 18px 40px #00000073}.link-modal-tvbar:hover{border-color:color-mix(in srgb, var(--cat) 70%, #000);transform:translateY(-1px);box-shadow:0 22px 48px #00000085}.link-modal-tvbar .lmtv-ic{background:#ffffff40;border-radius:11px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.link-modal-tvbar .lmtv-tx{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.link-modal-tvbar .lmtv-title{text-shadow:0 1px 3px #00000080;font-size:15px;font-weight:700}.link-modal-tvbar .lmtv-sub{color:#fffffff0;text-shadow:0 1px 2px #00000073;font-size:12.5px}.link-modal-tvbar .lmtv-cta{color:color-mix(in srgb, var(--cat) 60%, #000);white-space:nowrap;background:#fff;border-radius:999px;flex:none;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #0000004d}@media (max-width:600px){.link-modal-backdrop{padding:0;transition:padding .28s}.link-modal{border-radius:0;width:100%;max-width:100%;height:100%;max-height:100%}.link-modal-backdrop.has-tvbar{gap:0;padding:0}.link-modal-backdrop.has-tvbar .link-modal{border-radius:0;flex:auto;height:auto;min-height:0;max-height:none}.link-modal-backdrop.has-tvbar .link-modal-tvbar{max-width:none;box-shadow:none;border-left:none;border-right:none;border-radius:0}body.random-feed-active .link-modal-backdrop{align-items:flex-start;padding:0 0 70px}body.random-feed-active .link-modal{border-radius:0 0 16px 16px;max-height:calc(100vh - 70px)}body.cat-rail-open .link-modal-backdrop{padding-right:48px}body.cat-rail-open.random-feed-active .link-modal-backdrop{padding-bottom:70px;padding-right:48px}body.cat-rail-open .link-modal{border-bottom-right-radius:16px}.link-modal{scrollbar-width:none;-ms-overflow-style:none}.link-modal::-webkit-scrollbar{width:0;height:0}.link-modal-header{border-radius:0}.link-modal-preview .visit-btn,.link-modal-preview.link-modal-preview--window .visit-btn--cat{display:none}.link-modal-preview{aspect-ratio:16/9;width:100%}.link-modal-preview.link-modal-preview--window{aspect-ratio:16/9;gap:0;padding:12px 16px}.link-modal-similar{border-radius:0}.link-modal-details .link-types .types-grid{grid-template-columns:repeat(4,1fr)}}[data-theme=light] .link-modal-backdrop{background:#0006}[data-theme=light] .modal-nav-arrow{color:#222;background:#fffffff2;border-color:#00000026;box-shadow:0 4px 12px #0000001a}[data-theme=light] .modal-nav-arrow:hover{background:#fff;border-color:#00000040}[data-theme=light] .link-modal{background:#fff;box-shadow:0 25px 50px #0003}[data-theme=light] .link-modal::-webkit-scrollbar-thumb{background:#0003}[data-theme=light] .link-modal-header{background:#f8f8f8;border-bottom-color:#0000001a}[data-theme=light] .link-modal-header .header-left .category-name{color:#1a1a1a}[data-theme=light] .link-modal-header .header-right .share-btn{color:#333;background:#0000000d;border-color:#00000026}[data-theme=light] .link-modal-header .header-right .share-btn:hover{background:#0000001a}[data-theme=light] .link-modal-header .header-right .close-btn{color:#00000080}[data-theme=light] .link-modal-header .header-right .close-btn:hover{color:#1a1a1a}[data-theme=light] .link-modal-tags{background:#fff;border-bottom-color:#00000014}[data-theme=light] .link-modal-tags .tag{color:#333;background:#0000000d}[data-theme=light] .link-modal-tags .tag:hover{background:#0000001a}[data-theme=light] .link-modal-tags .tag.sub{color:#555;background:#00000008}[data-theme=light] .link-modal-preview{background:#f0f0f0;border-bottom-color:#00000014}[data-theme=light] .link-modal-preview .preview-loading{color:#666}[data-theme=light] .link-modal-preview .preview-loading .loading-spinner{border-color:#666 #0000001a #0000001a}[data-theme=light] .link-modal-preview .preview-fallback{background:linear-gradient(145deg,#f5f5f5,#eaeaea)}[data-theme=light] .link-modal-preview .preview-fallback .fallback-domain{color:#333}[data-theme=light] .link-modal-preview .preview-overlay{background:linear-gradient(#0000,#000000b3)}[data-theme=light] .link-modal-details .link-info .link-icon{background:#0000000d}[data-theme=light] .link-modal-details .link-info .link-icon .icon-emoji{opacity:.8}[data-theme=light] .link-modal-details .link-info .link-content .link-description{color:#555}[data-theme=light] .link-modal-details .link-actions{border-top-color:#00000014;border-bottom-color:#00000014}[data-theme=light] .link-modal-details .link-actions .vote-section .vote-btn{color:#0006}[data-theme=light] .link-modal-details .link-actions .vote-section .vote-btn:hover{color:#1a1a1a}[data-theme=light] .link-modal-details .link-actions .vote-section .vote-count{color:#333}[data-theme=light] .link-modal-details .link-actions .favorite-btn{color:#ffc107b3}[data-theme=light] .link-modal-details .link-types{border-top-color:#00000014}[data-theme=light] .link-modal-details .link-types .types-label{color:#666}[data-theme=light] .link-modal-details .link-types .type-item{background:#00000005;border-color:#00000014}[data-theme=light] .link-modal-details .link-types .type-item.active{background:#0000000f;border-color:#00000026}[data-theme=light] .link-modal-details .link-types .type-item .type-name{color:#555}[data-theme=light] .link-modal-similar{background:#f5f5f5;border-top-color:#00000014}[data-theme=light] .link-modal-similar h4{color:#555}[data-theme=light] .link-modal-similar .similar-item{background:#ffffffb3}[data-theme=light] .link-modal-similar .similar-item:hover{background:#fff}[data-theme=light] .link-modal-similar .similar-item .similar-icon{background:#0000000a}[data-theme=light] .link-modal-similar .similar-item .similar-icon span{opacity:.7}[data-theme=light] .link-modal-similar .similar-item .similar-content .similar-desc{color:#666}[data-theme=light] .link-modal-similar .similar-item .similar-favorite{color:#ffc10780}
.share-popup-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:3000;padding:var(--space-4);background:#000c;justify-content:center;align-items:center;animation:.2s spFadeIn;display:flex;position:fixed;inset:0}@keyframes spFadeIn{0%{opacity:0}to{opacity:1}}.share-popup{background:#1a1a1a;border-radius:20px;width:100%;max-width:400px;animation:.3s spSlideUp;overflow:hidden;box-shadow:0 25px 50px #00000080}@keyframes spSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.share-popup-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.share-popup-header .header-title{align-items:center;gap:12px;display:flex}.share-popup-header .header-title .header-favicon{border-radius:6px;width:24px;height:24px}.share-popup-header .header-title h3{color:#fff;margin:0;font-size:18px;font-weight:600}.share-popup-header .close-btn{color:#fff9;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:20px;transition:color .2s}.share-popup-header .close-btn:hover{color:#fff}.share-url-preview{background:#111;border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;padding:16px 24px;display:flex}.share-url-preview .url-text{color:#fff9;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.share-url-preview .copy-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#333;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.share-url-preview .copy-btn:hover{background:#444}.share-url-preview .copy-btn.copied{color:#fff;background:#22c55e}.share-options{grid-template-columns:repeat(4,1fr);gap:8px;padding:20px;display:grid}.share-options .share-option{cursor:pointer;background:#ffffff0d;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;text-decoration:none;transition:all .2s;display:flex}.share-options .share-option:hover{background:#ffffff1f;transform:translateY(-2px)}.share-options .share-option .share-icon{font-size:24px}.share-options .share-option .share-name{color:#ffffffb3;text-align:center;font-size:11px;line-height:1.2}.share-qr-section{background:#111;border-top:1px solid #ffffff1a;align-items:center;gap:16px;padding:20px 24px;display:flex}.share-qr-section .qr-code{background:#fff;border-radius:8px;flex-shrink:0;width:80px;height:80px;padding:8px}.share-qr-section .qr-code img{width:100%;height:100%}.share-qr-section .qr-info{flex-direction:column;gap:4px;display:flex}.share-qr-section .qr-info .qr-label{color:#fff;font-size:14px;font-weight:600}.share-qr-section .qr-info .qr-desc{color:#ffffff80;font-size:12px}.share-report{color:#ffffff73;cursor:pointer;text-align:left;background:0 0;border:none;border-top:1px solid #ffffff14;align-items:center;gap:8px;width:100%;padding:14px 24px;font-size:13px;font-weight:500;transition:background .2s,color .2s;display:flex}.share-report:hover{color:#f87171e6;background:#dc26261f}@media (max-width:400px){.share-popup{max-width:100%;padding-bottom:env(safe-area-inset-bottom,0px);border-radius:16px 16px 0 0;position:absolute;bottom:0;left:0;right:0}.share-options{grid-template-columns:repeat(4,1fr);gap:6px;padding:16px}.share-options .share-option{padding:12px 4px}.share-options .share-option .share-icon{font-size:20px}.share-options .share-option .share-name{font-size:10px}}
.similar-popup-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:3000;padding:var(--space-4);cursor:default;background:#000c;justify-content:center;align-items:center;animation:.2s simFadeIn;display:flex;position:fixed;inset:0}@keyframes simFadeIn{0%{opacity:0}to{opacity:1}}.similar-popup{background:var(--color-bg-card);border:1px solid var(--color-border,#ffffff1a);border-radius:var(--radius-lg,18px);flex-direction:column;width:100%;max-width:440px;max-height:80vh;animation:.3s simSlideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px #00000080}@keyframes simSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.similar-popup-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border,#ffffff14);display:flex}.similar-popup-header .header-title{align-items:center;gap:var(--space-3);min-width:0;display:flex}.similar-popup-header .header-title .header-favicon{border-radius:6px;flex-shrink:0;width:24px;height:24px}.similar-popup-header .header-title h3{font-size:var(--text-base,1rem);font-weight:var(--font-bold);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.similar-popup-header .header-title .header-domain{cursor:pointer;text-decoration:none}.similar-popup-header .header-title .header-domain:hover{text-decoration:underline}.similar-popup-header .close-btn{color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-base);background:0 0;border:none;padding:4px;font-size:18px;line-height:1}.similar-popup-header .close-btn:hover{color:var(--color-text-primary)}.similar-list{padding:var(--space-2);flex-direction:column;gap:2px;display:flex;overflow-y:auto}.similar-item{align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md,10px);transition:background var(--transition-base);display:flex}.similar-item:hover{background:var(--color-bg-elevated,#ffffff0d)}.similar-item:hover .similar-domain{text-decoration:underline}.similar-item .similar-link{align-items:center;gap:var(--space-3);min-width:0;color:inherit;flex:1;text-decoration:none;display:flex}.similar-item .similar-favicon{border-radius:6px;flex-shrink:0;width:28px;height:28px}.similar-item .similar-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.similar-item .similar-text .similar-domain{font-size:var(--text-sm,.875rem);font-weight:var(--font-semibold);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.similar-item .similar-text .similar-desc{color:var(--color-text-secondary);-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.similar-item .similar-fav{cursor:pointer;width:34px;height:34px;color:var(--color-text-muted);transition:color var(--transition-base),background var(--transition-base);background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.similar-item .similar-fav:hover{color:var(--color-text-secondary);background:#ffffff0f}.similar-item .similar-fav.active{color:#eab12a}.similar-empty{padding:var(--space-6) var(--space-4);text-align:center;color:var(--color-text-muted);font-size:var(--text-sm,.875rem);margin:0}
.subcategory-library-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:3000;padding:var(--space-4);background:#000000d9;justify-content:center;align-items:center;animation:.2s slFadeIn;display:flex;position:fixed;inset:0}@keyframes slFadeIn{0%{opacity:0}to{opacity:1}}.subcategory-library{background:#1a1a1a;border-radius:20px;flex-direction:column;width:100%;max-width:800px;max-height:85vh;animation:.3s slSlideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px #00000080}@keyframes slSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.library-header{background:#222;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.library-header h2{color:#fff;margin:0;font-size:20px;font-weight:600}.library-header .close-btn{color:#fff9;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:22px;transition:color .2s}.library-header .close-btn:hover{color:#fff}.library-search{background:#1a1a1a;border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;padding:16px 24px;display:flex}.library-search input{color:#fff;background:#ffffff14;border:1px solid #ffffff1a;border-radius:10px;flex:1;padding:12px 16px;font-size:14px}.library-search input::placeholder{color:#fff6}.library-search input:focus{border-color:#ffffff4d;outline:none}.library-search .result-count{color:#ffffff80;white-space:nowrap;font-size:13px}.library-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;padding:20px 24px;display:grid;overflow-y:auto}.library-grid::-webkit-scrollbar{width:6px}.library-grid::-webkit-scrollbar-track{background:0 0}.library-grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.subcategory-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;transition:all .2s;display:flex}.subcategory-card:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.subcategory-card .subcategory-icon{flex-shrink:0;font-size:24px}.subcategory-card .subcategory-name{color:#fff;flex:1;font-size:14px;font-weight:500}.subcategory-card .subcategory-count{color:#ffffffb3;background:#ffffff1a;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600}.library-empty{color:#ffffff80;justify-content:center;align-items:center;padding:40px;font-size:14px;display:flex}@media (max-width:600px){.subcategory-library-backdrop{padding:0}.subcategory-library{border-radius:0;width:100%;max-width:100%;height:100%;max-height:100%}.library-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:12px}.subcategory-card{text-align:center;flex-direction:column;gap:8px;padding:12px}.subcategory-card .subcategory-icon{font-size:28px}.subcategory-card .subcategory-name{font-size:12px}}
.layout-topbar{background:var(--color-bg-card);height:70px;padding:0 var(--space-4);z-index:var(--z-sticky);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 4px #0000001a}.layout-topbar .topbar-left{align-items:center;gap:var(--space-4);display:flex}.layout-topbar .topbar-left .menu-toggle{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;margin-left:7px;padding:6px;display:inline-flex}.layout-topbar .topbar-left .menu-toggle:hover{color:var(--color-primary)}.layout-topbar .topbar-left .menu-toggle:focus,.layout-topbar .topbar-left .menu-toggle:active{box-shadow:none;border:none;outline:none}.vertical-hue-bar{z-index:100;width:6px;transition:background .5s;position:fixed;top:0;bottom:0;left:0;box-shadow:1px 0 4px #0003}.tag-bar{box-sizing:border-box;background:var(--color-bg-card);border-bottom:1px solid var(--color-border);z-index:900;width:100%;height:51px;padding:0 var(--space-4);align-items:center;display:flex;position:sticky;top:70px}.tag-bar .tag-bar-scroll{align-items:center;gap:var(--space-2);white-space:nowrap;scrollbar-width:none;flex:1;min-width:0;display:flex;overflow:auto hidden}.tag-bar .tag-bar-scroll::-webkit-scrollbar{display:none}.tag-bar .tag-bar-scroll .tag-btn{border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-full);font-size:13px;font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);background:0 0;flex-shrink:0;padding:5px 13px;line-height:1.2}.tag-bar .tag-bar-scroll .tag-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:#82828238}.tag-bar .tag-bar-scroll .tag-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-white)}.tag-bar .ltype-bar{border-top:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;padding:8px 0 2px;display:flex}.tag-bar .ltype-bar .ltype-btn{border:1px solid var(--color-border);width:30px;height:30px;color:var(--color-text-secondary);--icon-grey:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);background:#8282821a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:inline-flex}.tag-bar .ltype-bar .ltype-btn:hover:not(.empty):not(.active){border-color:var(--color-primary);color:var(--color-text-primary);--icon-grey:var(--color-text-primary);background:#82828238}.tag-bar .ltype-bar .ltype-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;--icon-grey:#fff}.tag-bar .ltype-bar .ltype-btn.empty{opacity:.26;cursor:default}.layout-container{min-height:100vh;padding-top:70px;display:flex}.layout-sidebar{background:var(--color-bg-card);border-right:1px solid var(--color-border);width:240px;height:calc(100dvh - 70px);transition:width var(--transition-base),transform var(--transition-base);flex-direction:column;padding:0;display:flex;position:fixed;top:70px;left:6px}.layout-sidebar .sidebar-scrollable{flex:1;overflow:hidden auto}.layout-sidebar .sidebar-scrollable::-webkit-scrollbar{width:4px}.layout-sidebar .sidebar-scrollable::-webkit-scrollbar-track{background:0 0}.layout-sidebar .sidebar-scrollable::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.layout-sidebar .sidebar-scrollable::-webkit-scrollbar-thumb:hover{background:#ffffff40}.layout-sidebar .sidebar-header-fixed{border-bottom:1px solid var(--color-border);flex-shrink:0}.layout-sidebar .sidebar-footer{border-top:1px solid var(--color-border);flex-shrink:0}.layout-sidebar.collapsed{z-index:100;width:70px;overflow:visible}.layout-sidebar.collapsed .sidebar-header-fixed .menu-item,.layout-sidebar.collapsed .sidebar-menu .menu-item,.layout-sidebar.collapsed .sidebar-footer .menu-item{padding-right:var(--space-3)}.layout-sidebar.collapsed .sidebar-header-fixed .menu-item .icon,.layout-sidebar.collapsed .sidebar-menu .menu-item .icon,.layout-sidebar.collapsed .sidebar-footer .menu-item .icon{transform:scale(1.25)}.layout-sidebar.collapsed .sidebar-header-fixed .menu-item:hover .icon,.layout-sidebar.collapsed .sidebar-menu .menu-item:hover .icon,.layout-sidebar.collapsed .sidebar-footer .menu-item:hover .icon{transform:scale(1.35)}.layout-sidebar.collapsed .sidebar-header-fixed .menu-item span,.layout-sidebar.collapsed .sidebar-menu .menu-item span,.layout-sidebar.collapsed .sidebar-footer .menu-item span{opacity:0;pointer-events:none;max-width:0;overflow:hidden}.layout-sidebar.collapsed .menu-divider{opacity:0;height:0;margin:0;padding:0;overflow:hidden}@keyframes fadeInTooltip{0%{opacity:0;transform:translateY(-50%)translate(-5px)}to{opacity:1;transform:translateY(-50%)translate(0)}}@media (max-width:768px){.layout-sidebar{width:240px;z-index:var(--z-fixed);left:0;transform:translate(-100%)}.layout-sidebar.open{transform:translate(0);box-shadow:8px 0 28px #0000008c}.layout-sidebar.open .sidebar-menu .menu-item span{opacity:1;pointer-events:auto;position:static}.layout-sidebar.collapsed{width:240px;overflow:auto}.layout-sidebar.collapsed .sidebar-header-fixed .menu-item .icon,.layout-sidebar.collapsed .sidebar-menu .menu-item .icon,.layout-sidebar.collapsed .sidebar-footer .menu-item .icon,.layout-sidebar.collapsed .sidebar-header-fixed .menu-item:hover .icon,.layout-sidebar.collapsed .sidebar-menu .menu-item:hover .icon,.layout-sidebar.collapsed .sidebar-footer .menu-item:hover .icon{transform:scale(1)}.layout-sidebar.collapsed .sidebar-header-fixed .menu-item span,.layout-sidebar.collapsed .sidebar-menu .menu-item span,.layout-sidebar.collapsed .sidebar-footer .menu-item span{opacity:1;pointer-events:auto;max-width:200px}}.layout-sidebar .sidebar-header-fixed,.layout-sidebar .sidebar-menu,.layout-sidebar .sidebar-footer{flex-direction:column;display:flex}.layout-sidebar .sidebar-header-fixed .menu-item,.layout-sidebar .sidebar-menu .menu-item,.layout-sidebar .sidebar-footer .menu-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5) var(--space-3) 22px;color:var(--color-text-secondary);font-weight:var(--font-medium);font-size:var(--text-sm);transition:background var(--transition-base),color var(--transition-base),padding var(--transition-base),gap var(--transition-base);white-space:nowrap;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;font-family:inherit;text-decoration:none;display:flex;overflow:hidden}.layout-sidebar .sidebar-header-fixed .menu-item .icon,.layout-sidebar .sidebar-menu .menu-item .icon,.layout-sidebar .sidebar-footer .menu-item .icon{font-size:var(--text-lg);min-width:24px;transition:transform var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;display:flex;transform:scale(1)}.layout-sidebar .sidebar-header-fixed .menu-item span,.layout-sidebar .sidebar-menu .menu-item span,.layout-sidebar .sidebar-footer .menu-item span{opacity:1;max-width:200px;transition:opacity var(--transition-base),max-width var(--transition-base);overflow:hidden}.layout-sidebar .sidebar-header-fixed .menu-item:hover,.layout-sidebar .sidebar-menu .menu-item:hover,.layout-sidebar .sidebar-footer .menu-item:hover{color:var(--color-primary);background:#8282821f}.layout-sidebar .sidebar-header-fixed .menu-item.active,.layout-sidebar .sidebar-menu .menu-item.active,.layout-sidebar .sidebar-footer .menu-item.active{background:var(--color-bg-darker);color:var(--color-text-primary);position:relative}.layout-sidebar .sidebar-header-fixed .menu-item.active:before,.layout-sidebar .sidebar-menu .menu-item.active:before,.layout-sidebar .sidebar-footer .menu-item.active:before{content:"";border-top:10px solid #0000;border-bottom:10px solid #0000;border-right:10px solid #1e1e1e;width:0;height:0;position:absolute;top:50%;left:-6px;transform:translateY(-50%)}.layout-sidebar .sidebar-header-fixed .menu-divider,.layout-sidebar .sidebar-menu .menu-divider,.layout-sidebar .sidebar-footer .menu-divider{padding:var(--space-4) var(--space-5) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.layout-main{background:var(--color-bg-main);width:calc(100% - 246px);min-width:0;transition:margin-left var(--transition-base),width var(--transition-base);flex:none;margin-left:246px;padding:0}.layout-main.collapsed{width:calc(100% - 76px);margin-left:76px}@media (max-width:768px){.layout-main,.layout-main.collapsed{width:100%;margin-left:0}}.collapsed-nav-tip{z-index:3000;color:#fff;white-space:nowrap;pointer-events:none;background:#2a2a2a;border:1px solid #ffffff1a;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:700;animation:.2s fadeInTooltip;position:fixed;transform:translateY(-50%);box-shadow:0 4px 12px #0000004d}.layout-sidebar .menu-item[data-category=sports]:hover{background:color-mix(in srgb, var(--color-category-sports) 14%, transparent);color:var(--color-category-sports)}.layout-sidebar .menu-item[data-category=sports].active{color:var(--color-category-sports)}.layout-sidebar .menu-item[data-category=business]:hover{background:color-mix(in srgb, var(--color-category-business) 14%, transparent);color:var(--color-category-business)}.layout-sidebar .menu-item[data-category=business].active{color:var(--color-category-business)}.layout-sidebar .menu-item[data-category=travel]:hover{background:color-mix(in srgb, var(--color-category-travel) 14%, transparent);color:var(--color-category-travel)}.layout-sidebar .menu-item[data-category=travel].active{color:var(--color-category-travel)}.layout-sidebar .menu-item[data-category=events]:hover{background:color-mix(in srgb, var(--color-category-events) 14%, transparent);color:var(--color-category-events)}.layout-sidebar .menu-item[data-category=events].active{color:var(--color-category-events)}.layout-sidebar .menu-item[data-category=reading]:hover{background:color-mix(in srgb, var(--color-category-reading) 14%, transparent);color:var(--color-category-reading)}.layout-sidebar .menu-item[data-category=reading].active{color:var(--color-category-reading)}.layout-sidebar .menu-item[data-category=food]:hover{background:color-mix(in srgb, var(--color-category-food) 14%, transparent);color:var(--color-category-food)}.layout-sidebar .menu-item[data-category=food].active{color:var(--color-category-food)}.layout-sidebar .menu-item[data-category=fitness]:hover{background:color-mix(in srgb, var(--color-category-fitness) 14%, transparent);color:var(--color-category-fitness)}.layout-sidebar .menu-item[data-category=fitness].active{color:var(--color-category-fitness)}.layout-sidebar .menu-item[data-category=fashion]:hover{background:color-mix(in srgb, var(--color-category-fashion) 14%, transparent);color:var(--color-category-fashion)}.layout-sidebar .menu-item[data-category=fashion].active{color:var(--color-category-fashion)}.layout-sidebar .menu-item[data-category=pets]:hover{background:color-mix(in srgb, var(--color-category-pets) 14%, transparent);color:var(--color-category-pets)}.layout-sidebar .menu-item[data-category=pets].active{color:var(--color-category-pets)}.layout-sidebar .menu-item[data-category=video]:hover{background:color-mix(in srgb, var(--color-category-video) 14%, transparent);color:var(--color-category-video)}.layout-sidebar .menu-item[data-category=video].active{color:var(--color-category-video)}.layout-sidebar .menu-item[data-category=music]:hover{background:color-mix(in srgb, var(--color-category-music) 14%, transparent);color:var(--color-category-music)}.layout-sidebar .menu-item[data-category=music].active{color:var(--color-category-music)}.layout-sidebar .menu-item[data-category=photo]:hover{background:color-mix(in srgb, var(--color-category-photo) 14%, transparent);color:var(--color-category-photo)}.layout-sidebar .menu-item[data-category=photo].active{color:var(--color-category-photo)}.layout-sidebar .menu-item[data-category=gaming]:hover{background:color-mix(in srgb, var(--color-category-gaming) 14%, transparent);color:var(--color-category-gaming)}.layout-sidebar .menu-item[data-category=gaming].active{color:var(--color-category-gaming)}.layout-sidebar .menu-item[data-category=social]:hover{background:color-mix(in srgb, var(--color-category-social) 14%, transparent);color:var(--color-category-social)}.layout-sidebar .menu-item[data-category=social].active{color:var(--color-category-social)}.layout-sidebar .menu-item[data-category=news]:hover{background:color-mix(in srgb, var(--color-category-news) 14%, transparent);color:var(--color-category-news)}.layout-sidebar .menu-item[data-category=news].active{color:var(--color-category-news)}.layout-sidebar .menu-item[data-category=health]:hover{background:color-mix(in srgb, var(--color-category-health) 14%, transparent);color:var(--color-category-health)}.layout-sidebar .menu-item[data-category=health].active{color:var(--color-category-health)}.layout-sidebar .menu-item[data-category=computers]:hover{background:color-mix(in srgb, var(--color-category-computers) 14%, transparent);color:var(--color-category-computers)}.layout-sidebar .menu-item[data-category=computers].active{color:var(--color-category-computers)}.layout-sidebar .menu-item[data-category=shop]:hover{background:color-mix(in srgb, var(--color-category-shop) 14%, transparent);color:var(--color-category-shop)}.layout-sidebar .menu-item[data-category=shop].active{color:var(--color-category-shop)}.layout-sidebar .menu-item[data-category=webapps]:hover{background:color-mix(in srgb, var(--color-category-webapps) 14%, transparent);color:var(--color-category-webapps)}.layout-sidebar .menu-item[data-category=webapps].active{color:var(--color-category-webapps)}.layout-sidebar .menu-item[data-category=creative]:hover{background:color-mix(in srgb, var(--color-category-creative) 14%, transparent);color:var(--color-category-creative)}.layout-sidebar .menu-item[data-category=creative].active{color:var(--color-category-creative)}[data-theme=light] .layout-main{background:var(--color-bg-main)}[data-theme=light] .layout-sidebar{background:#fff;border-right-color:#00000014;box-shadow:1px 0 8px #0000000a}[data-theme=light] .layout-sidebar .sidebar-menu .menu-item{color:#555}[data-theme=light] .layout-sidebar .sidebar-menu .menu-item .icon{opacity:.7}[data-theme=light] .layout-sidebar .sidebar-menu .menu-item:hover{color:#1a1a1a;background:#0000000a}[data-theme=light] .layout-sidebar .sidebar-menu .menu-item.active{color:#1a1a1a;background:#0000000f}[data-theme=light] .layout-sidebar.collapsed .menu-item .tooltip{color:#1a1a1a;background:#fff;border:1px solid #0000001a;box-shadow:0 4px 12px #00000026}[data-theme=light] .layout-sidebar.collapsed .category-chevron{color:#0006}[data-theme=light] .layout-sidebar.collapsed .category-chevron:hover{color:#000000b3;background:#0000000d}[data-theme=light] .tag-bar{background:#fff;border-bottom-color:#00000014}[data-theme=light] .tag-bar .tag-item{color:#555;background:#0000000a;border-color:#00000014}[data-theme=light] .tag-bar .tag-item:hover{color:#1a1a1a;background:#00000014}[data-theme=light] .link-card{background:#fff;border-color:#00000014;box-shadow:0 2px 8px #0000000a}[data-theme=light] .link-card:hover{border-color:#0000001f;box-shadow:0 4px 16px #00000014}[data-theme=light] .link-card .link-title{color:#1a1a1a}[data-theme=light] .link-card .link-domain,[data-theme=light] .link-card .link-description{color:#666}[data-theme=light] .link-card .link-meta{color:#888}[data-theme=light] .category-page .page-header .page-title,[data-theme=light] .subcategory-page .page-header .page-title{color:#1a1a1a}[data-theme=light] .category-page .page-header .page-subtitle,[data-theme=light] .subcategory-page .page-header .page-subtitle{color:#666}[data-theme=light] .settings-dropdown{background:#fff;border-color:#0000001a;box-shadow:0 8px 24px #0000001f}[data-theme=light] .settings-dropdown .settings-item{color:#333}[data-theme=light] .settings-dropdown .settings-item:hover{background:#0000000a}[data-theme=light] .settings-dropdown .settings-divider{background:#00000014}
.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;padding:10px 16px 6px;display:flex}.pagination .pg-side{gap:6px;display:flex}.pagination .pg-nums{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:flex}.pagination .pg-btn,.pagination .pg-num{border:1px solid var(--color-border);min-width:34px;height:34px;color:var(--color-text-secondary);cursor:pointer;background:#ffffff0a;border-radius:8px;justify-content:center;align-items:center;padding:0 9px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.pagination .pg-edge{width:34px;padding:0}.pagination .pg-btn:hover:not(:disabled),.pagination .pg-num:hover:not(.active){color:var(--color-text-primary);border-color:var(--color-primary);background:#ffffff1a}.pagination .pg-btn:disabled{opacity:.4;cursor:default}.pagination .pg-num.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pagination .pg-gap{color:var(--color-text-muted);-webkit-user-select:none;user-select:none;padding:0 2px}@media (max-width:600px){.pagination{gap:8px}.pagination .pg-btn,.pagination .pg-num{min-width:30px;height:30px;font-size:12px}.pagination .pg-edge{width:30px}}[data-theme=light] .pagination .pg-btn,[data-theme=light] .pagination .pg-num{color:#000000b3;background:#00000008}[data-theme=light] .pagination .pg-btn:hover:not(:disabled),[data-theme=light] .pagination .pg-num:hover:not(.active){color:#1a1a1a;background:#0000000f}.posts-container{padding-bottom:24px}
.site-footer{border-top:1px solid var(--color-border);background:var(--color-bg-card,#ffffff05);color:var(--color-text-secondary);margin-top:40px;padding:36px 28px 96px}.site-footer .sf-inner{flex-wrap:wrap;gap:28px 48px;max-width:1100px;margin:0 auto;display:flex}.site-footer .sf-brand{flex:220px;min-width:180px}.site-footer .sf-brand .sf-logo{letter-spacing:.2px;color:var(--color-text-primary);font-size:18px;font-weight:800}.site-footer .sf-brand .sf-tag{color:var(--color-text-muted);max-width:280px;margin:8px 0 0;font-size:13px;line-height:1.5}.site-footer .sf-cols{flex-wrap:wrap;flex:2 auto;gap:24px 40px;display:flex}.site-footer .sf-col{flex-direction:column;gap:9px;min-width:120px;display:flex}.site-footer .sf-col .sf-col-title{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:2px;font-size:11px;font-weight:700}.site-footer .sf-link{color:var(--color-text-secondary);font-size:13px;text-decoration:none;transition:color .15s}.site-footer .sf-link:hover{color:var(--color-primary)}.site-footer .sf-bottom{border-top:1px solid var(--color-border);max-width:1100px;color:var(--color-text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:28px auto 0;padding-top:18px;font-size:12px;display:flex}.site-footer .sf-bottom .sf-bottom-links{gap:14px;display:flex}@media (max-width:600px){.site-footer{padding:28px 18px 92px}.site-footer .sf-inner{gap:22px 28px}.site-footer .sf-cols{gap:20px 28px}.site-footer .sf-col{min-width:44%}}
.theme-open-btn{font:inherit;color:#fff;cursor:pointer;background:linear-gradient(135deg,#5a5a5a,#3a3a3a);border:none;border-radius:999px;padding:5px 12px;font-size:.8rem;font-weight:600;transition:filter .15s,transform .15s}.theme-open-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.theme-picker-overlay{z-index:6000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000009e;justify-content:center;align-items:center;padding:20px;animation:.18s tpFade;display:flex;position:fixed;inset:0}.theme-picker{background:var(--color-bg-card);width:100%;max-width:680px;max-height:88vh;color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:18px;animation:.2s tpRise;overflow-y:auto;box-shadow:0 24px 70px #0000008c}.theme-picker-head{justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px 6px;display:flex}.theme-picker-head h2{letter-spacing:-.01em;margin:0;font-size:1.35rem;font-weight:700}.theme-picker-head p{color:var(--color-text-secondary);max-width:46ch;margin:6px 0 0;font-size:.85rem;line-height:1.45}.theme-picker-close{border:1px solid var(--color-border);background:var(--color-bg-dark);width:34px;height:34px;color:var(--color-text-secondary);cursor:pointer;border-radius:10px;flex:none;font-size:.9rem;transition:background .15s}.theme-picker-close:hover{background:var(--color-bg-elevated)}.theme-picker-iconmode{justify-content:space-between;align-items:center;gap:12px;padding:10px 24px 2px;display:flex}.theme-picker-iconmode .theme-iconmode-label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);font-size:.72rem;font-weight:700}.theme-picker-iconmode .seg-toggle{border:1px solid var(--color-border);border-radius:999px;display:inline-flex;overflow:hidden}.theme-picker-iconmode .seg-toggle button{font:inherit;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:4px 14px;font-size:.74rem;font-weight:600;transition:background .15s,color .15s}.theme-picker-iconmode .seg-toggle button+button{border-left:1px solid var(--color-border)}.theme-picker-iconmode .seg-toggle button.active{background:var(--color-primary);color:#fff}.theme-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);align-items:baseline;gap:10px;padding:14px 24px 0;font-size:.72rem;font-weight:700;display:flex}.theme-section-hint{letter-spacing:0;text-transform:none;color:var(--color-text-muted);font-size:.74rem;font-weight:500}.theme-section-empty{color:var(--color-text-muted);padding:8px 24px 4px;font-size:.82rem}.theme-picker-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:10px 24px 4px;display:grid}.theme-card{text-align:left;border:1.5px solid var(--color-border);background:var(--color-bg-dark);color:inherit;cursor:pointer;font:inherit;border-radius:14px;align-items:center;gap:14px;padding:12px;transition:border-color .15s,background .15s,transform .15s;display:flex}.theme-card:hover{border-color:var(--color-primary);background:var(--color-bg-elevated);transform:translateY(-2px)}.theme-card.active{border-color:var(--color-primary);background:var(--color-bg-elevated)}.theme-swatch{border:1px solid var(--color-border);border-radius:9px;flex:none;width:64px;height:48px;position:relative;overflow:hidden}.theme-swatch .theme-swatch-surface{border-radius:5px;width:32px;height:22px;position:absolute;top:9px;left:8px}.theme-swatch .theme-swatch-accent{border-radius:50%;width:14px;height:14px;position:absolute;top:10px;right:8px}.theme-swatch .theme-swatch-links{background:linear-gradient(90deg,#007ad9,#3fad3b,#ff8c42,#e63946,#f22496,#6a0572,#9d4edd);width:100%;height:7px;position:absolute;bottom:0;left:0}.theme-card-body{flex-direction:column;gap:2px;min-width:0;display:flex}.theme-card-name{align-items:center;gap:6px;font-size:.95rem;font-weight:700;display:flex}.theme-card-check{color:var(--color-primary);font-size:.8rem}.theme-card-tagline{color:var(--color-text-muted);font-size:.78rem}.theme-picker-foot{justify-content:flex-end;padding:8px 24px 22px;display:flex}.theme-picker-done{font:inherit;color:#fff;background:var(--color-primary);cursor:pointer;border:none;border-radius:10px;padding:9px 22px;font-size:.85rem;font-weight:600}.theme-picker-done:hover{filter:brightness(1.08)}@media (max-width:560px){.theme-picker-grid{grid-template-columns:1fr}}@keyframes tpFade{0%{opacity:0}}@keyframes tpRise{0%{opacity:0;transform:translateY(12px)}}
html[data-skin] .link-modal-backdrop,html[data-skin] .share-popup-backdrop,html[data-skin] .subcategory-library-backdrop{background:var(--color-overlay)}html[data-skin] .link-modal{background:var(--color-bg-card);color:var(--color-text-primary);border:1px solid var(--color-border)}html[data-skin] .link-modal-header,html[data-skin] .link-modal-tags,html[data-skin] .link-modal-details,html[data-skin] .link-modal-similar{background:var(--color-bg-dark);border-color:var(--color-border)}html[data-skin] .link-modal-preview{background:var(--color-bg-darker)}html[data-skin] .link-modal .link-description,html[data-skin] .link-modal .similar-desc,html[data-skin] .link-modal .type-name,html[data-skin] .link-modal .types-label{color:var(--color-text-secondary)}html[data-skin] .link-modal-tags .tag,html[data-skin] .link-modal .similar-item,html[data-skin] .link-modal .type-item{background:var(--color-bg-elevated);border-color:var(--color-border);color:var(--color-text-primary)}html[data-skin] .modal-nav-arrow,html[data-skin] .link-modal .close-btn,html[data-skin] .link-modal .share-btn,html[data-skin] .link-modal .vote-btn,html[data-skin] .link-modal .favorite-btn{background:var(--color-bg-elevated);color:var(--color-text-primary);border-color:var(--color-border)}html[data-skin] .overlay-center,html[data-skin] .category-panel,html[data-skin] .bottom-row{background:var(--color-bg-card);color:var(--color-text-primary);border-color:var(--color-border)}html[data-skin] .share-popup{background:var(--color-bg-card);color:var(--color-text-primary);border:1px solid var(--color-border)}html[data-skin] .share-popup-header,html[data-skin] .share-url-preview,html[data-skin] .share-options,html[data-skin] .share-qr-section{background:var(--color-bg-dark);border-color:var(--color-border)}html[data-skin] .subcategory-library{background:var(--color-bg-card);color:var(--color-text-primary);border:1px solid var(--color-border)}html[data-skin] .library-header,html[data-skin] .library-search,html[data-skin] .subcategory-card{background:var(--color-bg-dark);border-color:var(--color-border);color:var(--color-text-primary)}html[data-skin=lumen]{--color-bg-main:#0d0e12;--color-bg-card:#16181f;--color-bg-dark:#101218;--color-bg-darker:#0a0b0e;--color-bg-sidebar:#0d0e12;--color-bg-elevated:#1b1e27;--color-text-primary:#f4f5f7;--color-text-secondary:#9aa0ab;--color-text-muted:#6b7280;--color-border:#ffffff14;--color-divider:#ffffff14;--color-hover-bg:#ffffff0d;--color-active-bg:#ffffff17;--color-primary:#ff6b35;--color-primary-hover:#ff8255;--color-accent:#ff6b35;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 8px 24px -8px #0009;--shadow-lg:0 16px 40px -12px #000000b3;--font-sans:"General Sans", "Clash Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html[data-skin=lumen] body{background:radial-gradient(1100px 560px at 18% -12%,#ff6b350f,#0000 60%),linear-gradient(#0d0e12,#0a0b0e)}html[data-skin=lumen] .layout-topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0d0e12b8;border-bottom:1px solid #ffffff0f}html[data-skin=lumen] .banner-title,html[data-skin=lumen] .hero-content h1{font-family:"Clash Display",var(--font-sans);letter-spacing:-.02em}html[data-skin=lumen] .vertical-hue-bar{box-shadow:0 0 18px #ffffff12}html[data-skin=lumen] .post-card{transition:transform .18s,box-shadow .18s,border-color .18s}html[data-skin=lumen] .post-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px -12px #000000b3}html[data-skin=gazette]{--color-bg-main:#f5f1e8;--color-bg-card:#fffdf8;--color-bg-dark:#efe9da;--color-bg-darker:#e8e1cf;--color-bg-sidebar:#f5f1e8;--color-bg-elevated:#fffdf8;--color-text-primary:#1c1813;--color-text-secondary:#5b5346;--color-text-muted:#8a8270;--color-border:#ddd3bf;--color-divider:#ddd3bf;--color-hover-bg:#0000000a;--color-active-bg:#00000012;--color-primary:#b3271f;--color-primary-hover:#931f18;--color-accent:#b3271f;--radius-sm:2px;--radius-md:3px;--radius-lg:4px;--radius-xl:5px;--shadow-sm:0 1px 2px #3c321e14;--shadow-md:0 4px 10px -3px #3c321e1f;--shadow-lg:0 12px 24px -8px #3c321e29;--font-sans:"IBM Plex Sans", "Newsreader", Georgia, serif}html[data-skin=gazette] body{background:#f5f1e8}html[data-skin=gazette] .banner-title,html[data-skin=gazette] .hero-content h1,html[data-skin=gazette] .post-domain-heading,html[data-skin=gazette] .post-title{letter-spacing:-.01em;font-family:Fraunces,Georgia,serif}html[data-skin=gazette] .banner-title,html[data-skin=gazette] .hero-content h1{font-weight:600}html[data-skin=gazette] .post-description{font-family:Newsreader,Georgia,serif}html[data-skin=gazette] .post-card{border:1px solid var(--color-border)}html[data-skin=bento]{--color-bg-main:#0a0a0f;--color-bg-card:#15151f;--color-bg-dark:#0f0f17;--color-bg-darker:#08080c;--color-bg-sidebar:#0a0a0f;--color-bg-elevated:#1c1c2a;--color-text-primary:#f2f3f7;--color-text-secondary:#9aa0b5;--color-text-muted:#6a708a;--color-border:#ffffff1a;--color-divider:#ffffff1a;--color-hover-bg:#ffffff0f;--color-active-bg:#ffffff1a;--color-primary:#4361ee;--color-primary-hover:#5a76ff;--color-accent:#4361ee;--radius-md:14px;--radius-lg:18px;--radius-xl:22px;--shadow-md:0 10px 30px -10px #0009;--shadow-lg:0 18px 44px -14px #000000b3;--font-sans:"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"Geist Mono", "Fira Code", monospace}html[data-skin=bento] body{background-color:#0a0a0f;background-image:radial-gradient(900px 500px at 85% -10%,#4361ee1a,#0000 60%),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box}html[data-skin=bento] .banner-title,html[data-skin=bento] .hero-content h1{font-family:"Bricolage Grotesque",var(--font-sans);letter-spacing:-.02em}html[data-skin=bento] .post-card{border-radius:var(--radius-lg);transition:transform .18s,box-shadow .18s,border-color .18s}html[data-skin=bento] .post-card:hover{transform:translateY(-3px)}html[data-skin=terminal]{--color-bg-main:#0c0d0c;--color-bg-card:#131613;--color-bg-dark:#101210;--color-bg-darker:#080908;--color-bg-sidebar:#0c0d0c;--color-bg-elevated:#181c18;--color-text-primary:#d7e0d4;--color-text-secondary:#8a9686;--color-text-muted:#5f6b5c;--color-border:#ffb0002e;--color-divider:#ffb00024;--color-hover-bg:#ffb0000f;--color-active-bg:#ffb0001f;--color-primary:#ffb000;--color-primary-hover:#ffc333;--color-accent:#ffb000;--color-success:#39d353;--radius-sm:2px;--radius-md:3px;--radius-lg:4px;--radius-xl:4px;--font-sans:"JetBrains Mono", "Fira Code", ui-monospace, monospace;--font-mono:"JetBrains Mono", "Fira Code", monospace}html[data-skin=terminal] body{background:repeating-linear-gradient(0deg,#ffffff03 0 1px,#0000 1px 3px),#0c0d0c}html[data-skin=terminal] .banner-title,html[data-skin=terminal] .hero-content h1{text-transform:uppercase;letter-spacing:.02em;font-family:Space Mono,JetBrains Mono,monospace}html[data-skin=terminal] .post-card{border:1px solid var(--color-border)}html[data-skin=marshmallow]{--color-bg-main:#f3eefc;--color-bg-card:#fff;--color-bg-dark:#ece4fa;--color-bg-darker:#e3d9f5;--color-bg-sidebar:#f7f2fe;--color-bg-elevated:#fff;--color-text-primary:#443a5c;--color-text-secondary:#7c7593;--color-text-muted:#a59fb8;--color-border:#ece4fa;--color-divider:#ece4fa;--color-hover-bg:#785ac80f;--color-active-bg:#785ac81a;--color-primary:#ff5fa2;--color-primary-hover:#ff7fb5;--color-accent:#7c5cff;--radius-md:16px;--radius-lg:22px;--radius-xl:28px;--shadow-sm:0 4px 10px #8c6ec81f;--shadow-md:0 10px 24px -6px #8c6ec838;--shadow-lg:0 18px 40px -10px #8c6ec847;--font-sans:"Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html[data-skin=marshmallow] body{background-color:#f3eefc;background-image:radial-gradient(900px 500px at 10% -5%,#ffe1ef,#0000 55%),radial-gradient(900px 600px at 95% 10%,#dcf5ef,#0000 55%),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}html[data-skin=marshmallow] .banner-title,html[data-skin=marshmallow] .hero-content h1,html[data-skin=marshmallow] .post-domain-heading{font-family:"Baloo 2",var(--font-sans);font-weight:700}html[data-skin=marshmallow] .post-card{border-radius:var(--radius-lg);transition:transform .16s,box-shadow .16s}html[data-skin=marshmallow] .post-card:hover{transform:translateY(-3px)}html[data-skin=monolith]{--color-bg-main:#f2f0ec;--color-bg-card:#fff;--color-bg-dark:#e9e6e0;--color-bg-darker:#e2ded6;--color-bg-sidebar:#f2f0ec;--color-bg-elevated:#fff;--color-text-primary:#111;--color-text-secondary:#444;--color-text-muted:#6b6b6b;--color-border:#111;--color-divider:#111;--color-hover-bg:#0000000d;--color-active-bg:#0000001a;--color-primary:#111;--color-primary-hover:#000;--color-accent:#111;--radius-sm:0;--radius-md:0;--radius-lg:0;--radius-xl:0;--radius-full:0;--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--font-sans:"Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"Space Mono", monospace}html[data-skin=monolith] body{background:#f2f0ec}html[data-skin=monolith] .banner-title,html[data-skin=monolith] .hero-content h1{text-transform:uppercase;letter-spacing:.01em;font-family:Anton,Archivo,sans-serif;font-weight:400}html[data-skin=monolith] .post-card{box-shadow:none;border:2px solid #111}html[data-skin=monolith] .layout-topbar{border-bottom:2px solid #111}