@layer tokens,base,components,utilities;@layer components{.ecod_streambar__tools{display:flex;align-items:center;gap:var(--ecod-sp-3);margin-left:auto;flex:none;min-width:0}.ecod_streambar__tools .ecod_streambar__note{margin-left:0}.ecod_sort{position:relative;flex:none}.ecod_sort__btn{display:inline-flex;align-items:center;gap:var(--ecod-sp-1);padding:var(--ecod-sp-1) var(--ecod-sp-2);border:1px solid var(--ecod-border);border-radius:var(--ecod-radius-full);background:var(--ecod-surface);color:var(--ecod-text-2);font-family:inherit;font-size:var(--ecod-fs-xs);line-height:1.6;cursor:pointer;transition:color var(--ecod-dur) var(--ecod-ease),border-color var(--ecod-dur) var(--ecod-ease),background-color var(--ecod-dur) var(--ecod-ease)}@media(hover:hover){.ecod_sort__btn:hover{color:var(--ecod-primary-text);border-color:color-mix(in srgb,var(--ecod-primary) 42%,var(--ecod-border));background:var(--ecod-primary-soft)}}.ecod_sort.is-open .ecod_sort__btn{color:var(--ecod-primary-text);border-color:color-mix(in srgb,var(--ecod-primary) 42%,var(--ecod-border));background:var(--ecod-primary-soft)}.ecod_sort__caret{display:inline-flex;color:var(--ecod-text-3);transition:transform var(--ecod-dur) var(--ecod-ease)}.ecod_sort.is-open .ecod_sort__caret{transform:rotate(180deg)}.ecod_sort__pop{position:absolute;top:calc(100% + 8px);right:0;z-index:var(--ecod-z-pop, 60);width:172px;padding:var(--ecod-sp-1);border:1px solid var(--ecod-border);border-radius:var(--ecod-radius-sm);background:var(--ecod-surface);box-shadow:var(--ecod-shadow-hover);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity var(--ecod-dur-fast) var(--ecod-ease),transform var(--ecod-dur-fast) var(--ecod-ease),visibility var(--ecod-dur-fast) var(--ecod-ease)}.ecod_sort.is-open .ecod_sort__pop{opacity:1;visibility:visible;transform:translateY(0)}.ecod_sort__head{margin:2px var(--ecod-sp-1) var(--ecod-sp-1);font-size:var(--ecod-fs-2xs);letter-spacing:.04em;color:var(--ecod-text-3)}.ecod_sort__opt{display:flex;align-items:center;gap:var(--ecod-sp-2);padding:var(--ecod-sp-2) var(--ecod-sp-2);border-radius:var(--ecod-radius-sm);color:var(--ecod-text-2);font-size:var(--ecod-fs-sm);transition:background-color var(--ecod-dur-fast) var(--ecod-ease),color var(--ecod-dur-fast) var(--ecod-ease)}@media(hover:hover){.ecod_sort__opt:hover{background:var(--ecod-surface-2);color:var(--ecod-text)}}.ecod_sort__opt.is-active{color:var(--ecod-primary-text);background:var(--ecod-primary-soft);font-weight:600}.ecod_sort__tick{margin-left:auto;display:none;color:var(--ecod-primary-text)}.ecod_sort__opt.is-active .ecod_sort__tick{display:inline-flex}}@layer components{.ecod_chead{position:relative;display:flex;align-items:flex-end;min-height:172px;margin-top:0;border-radius:var(--ecod-radius);overflow:hidden;isolation:isolate;background:linear-gradient(135deg,color-mix(in srgb,var(--ecod-primary) 22%,#1b2334),#141a27 60%,#0e131d);background-size:cover;background-position:center}.ecod_chead[style*=--ecod-chead-cover]{background-image:var(--ecod-chead-cover)}.ecod_chead:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#090d1633 6%,#090d16c7)}.ecod_chead.is-nocover,.ecod_thead.is-nocover{--ecod-hero-h: 224;background:repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 1px,transparent 1px,transparent 44px),repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 1px,transparent 1px,transparent 44px),linear-gradient(135deg,color-mix(in srgb,var(--ecod-primary) 24%,#1b2334),#141a27 60%,#0e131d)}.ecod_chead.is-nocover:before,.ecod_thead.is-nocover:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(62% 100% at 84% -8%,color-mix(in srgb,var(--ecod-primary) 56%,transparent),transparent 72%),radial-gradient(46% 82% at 0% 36%,hsl(var(--ecod-hero-h) 76% 58% / .4),transparent 74%),conic-gradient(from 220deg at 70% 16%,transparent 0deg,hsl(var(--ecod-hero-h) 84% 62% / .18) 48deg,transparent 108deg)}@media(prefers-reduced-motion:no-preference){html:not([data-motion=off]) .ecod_chead.is-nocover:before,html:not([data-motion=off]) .ecod_thead.is-nocover:before{animation:ecod-hero-drift 26s var(--ecod-ease) infinite alternate}}@keyframes ecod-hero-drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-2.5%,1.5%,0) scale(1.06)}}.ecod_chead__inner{padding:20px var(--ecod-sp-7) 20px;max-width:820px;color:#fff}.ecod_chead__tag{display:inline-flex;align-items:center;gap:var(--ecod-sp-1);padding:3px var(--ecod-sp-2);border-radius:var(--ecod-radius-full);background:#ffffff26;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:var(--ecod-fs-2xs);letter-spacing:1.5px}.ecod_chead__title{margin:var(--ecod-sp-2) 0 var(--ecod-sp-1);font-size:var(--ecod-fs-2xl);line-height:1.25;letter-spacing:-.3px;color:#fff}.ecod_chead__desc{margin:0;max-width:620px;font-size:var(--ecod-fs-sm);line-height:1.7;color:#ffffffc2}.ecod_chead__stats{display:flex;align-items:stretch;gap:var(--ecod-sp-2);flex-wrap:wrap;margin-top:var(--ecod-sp-3)}.ecod_chead__stats span{display:inline-flex;align-items:baseline;gap:var(--ecod-sp-1);padding:var(--ecod-sp-1) var(--ecod-sp-3);border-radius:var(--ecod-radius);background:#ffffff21;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:var(--ecod-fs-2xs);color:#ffffffb8}.ecod_chead__stats b{font-size:var(--ecod-fs-md);font-weight:700;color:#fff;font-variant-numeric:tabular-nums}.ecod_chead__stats em{font-style:normal}.ecod_chead__topics{display:flex;align-items:center;gap:var(--ecod-sp-2);flex-wrap:wrap;margin-top:var(--ecod-sp-3)}.ecod_chead__topiclabel{display:inline-flex;align-items:center;gap:var(--ecod-sp-1);font-size:var(--ecod-fs-2xs);color:#fff9}.ecod_chead__chip{display:inline-flex;align-items:center;gap:var(--ecod-sp-1);padding:3px var(--ecod-sp-2);border-radius:var(--ecod-radius-full);background:#ffffff24;color:#fff;font-size:var(--ecod-fs-2xs);text-decoration:none;transition:background var(--ecod-dur-fast) var(--ecod-ease)}.ecod_chead__chip em{font-style:normal;color:#ffffff8c;font-variant-numeric:tabular-nums}@media(hover:hover){.ecod_chead__chip:hover{background:#ffffff42}}}@layer components{.ecod_list--note{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ecod-sp-4);padding:0;background:transparent;border:0;border-radius:0}.ecod_list--note .ecod_card{display:flex;flex-direction:column;gap:0;margin:0;padding:0;overflow:hidden;background:var(--ecod-surface);border:1px solid var(--ecod-border);border-radius:var(--ecod-radius)}.ecod_list--note .ecod_card:after{display:none}.ecod_list--note .ecod_card__media{width:100%;height:auto;aspect-ratio:var(--ecod-note-ratio, 3 / 4);border-radius:0;flex:none}.ecod_list--note .ecod_card__media img{width:100%;height:100%;object-fit:cover}.ecod_list--note .ecod_card__cat{color:#fff;background:#0c0f1673;backdrop-filter:blur(6px)}.ecod_card__shots{position:absolute;right:8px;bottom:8px;display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:var(--ecod-radius-full, 999px);background:#0c0f168c;color:#fff;font-size:var(--ecod-fs-2xs, 11px);line-height:1.6;backdrop-filter:blur(6px)}.ecod_card__shots svg{width:11px;height:11px}.ecod_list--note .ecod_card__body{padding:10px var(--ecod-sp-3) var(--ecod-sp-3);gap:var(--ecod-sp-2)}.ecod_list--note .ecod_card__title{font-size:var(--ecod-fs-md);line-height:1.45;margin:0}.ecod_list--note .ecod_card__title a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ecod_list--note .ecod_card__meta{display:flex;align-items:center;gap:var(--ecod-sp-2);margin:0;min-height:20px;font-size:var(--ecod-fs-xs)}.ecod_list--note .ecod_card__meta-author{min-width:0}.ecod_list--note .ecod_card__meta-author img{width:18px;height:18px;border-radius:50%;object-fit:cover}.ecod_list--note .ecod_card__meta-author b{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ecod_card__likes{display:inline-flex;align-items:center;gap:var(--ecod-sp-1);margin-left:auto;color:var(--ecod-text-3);font-size:var(--ecod-fs-xs);flex:none}.ecod_card__likes b{font-weight:500}.ecod_card__likes svg{width:12px;height:12px}@media(hover:hover){.ecod_list--note .ecod_card:hover .ecod_card__media img{transform:scale(1.03)}}.ecod_list--note .ecod_card__media img{transition:transform var(--ecod-dur-slow, .32s) var(--ecod-ease)}@media(max-width:1100px){.ecod_list--note{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ecod-sp-3)}}@media(max-width:560px){.ecod_list--note{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ecod_list--note .ecod_card__body{padding:var(--ecod-sp-2) 10px 10px}.ecod_list--note .ecod_card__title{font-size:var(--ecod-fs-sm)}}}