:root{--bg: #0a0b0d;--surface: #121418;--surface-2: #171a1f;--line: #23262d;--line-soft: #1b1e24;--text: #ececef;--text-dim: #989ca6;--text-faint: #6a6e79;--accent: #6c8cff;--accent-ink: #0a0b0d;--youtube: #ff4b45;--instagram: #e0559f;--danger: #ff6b6b;--warning: #f0b429;--radius: 12px;--radius-sm: 9px;--feed-width: 500px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit}img{max-width:100%;display:block}.app{min-height:100vh}.header{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);background:#0a0b0dd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header__inner{max-width:var(--feed-width);margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.header__title{margin:0;font-size:1.15rem;font-weight:650;letter-spacing:-.02em}.header__auth{display:flex;align-items:center;gap:10px}.header__user{color:var(--text-dim);font-size:.8rem}.main{width:100%;max-width:var(--feed-width);margin:0 auto;padding:18px 16px 72px}.btn{font:inherit;font-size:.82rem;font-weight:550;border-radius:var(--radius-sm);padding:7px 13px;border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,opacity .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);color:var(--accent-ink)}.btn--primary:hover:not(:disabled){background:#8aa3ff}.btn--ghost{background:transparent;border-color:var(--line);color:var(--text)}.btn--ghost:hover:not(:disabled){background:var(--surface-2);border-color:#333846}.btn--danger{background:transparent;border-color:#472a2e;color:var(--danger)}.btn--danger:hover:not(:disabled){background:#26181a}.chip{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:.78rem;background:transparent;color:var(--text-dim);border:1px solid var(--line);border-radius:999px;padding:6px 13px;cursor:pointer;transition:all .15s}.chip:hover:not(:disabled){color:var(--text);border-color:#333846}.chip:disabled{opacity:.45;cursor:not-allowed}.chip--on{background:var(--text);color:var(--bg);border-color:var(--text)}input{font:inherit;font-size:.88rem;width:100%;background:#0d0f13;color:var(--text);border:1px solid var(--line);border-radius:var(--radius-sm);padding:9px 11px}input:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}input::placeholder{color:var(--text-faint)}label{display:flex;flex-direction:column;gap:5px;font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-bottom:18px;display:flex;flex-direction:column;gap:12px}.panel__title{margin:0;font-size:.95rem}.login__actions,.add__row{display:flex;gap:8px}.add__row .add__url{flex:1}.add__row .btn{flex-shrink:0}.add__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.add__preview{display:flex;gap:12px;align-items:center;background:#0d0f13;border:1px solid var(--line-soft);border-radius:var(--radius-sm);padding:10px}.add__preview img{width:84px;height:56px;object-fit:cover;border-radius:6px}.add__preview-platform{margin:0;font-size:.66rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint)}.add__preview-title{margin:2px 0;font-size:.86rem;font-weight:550}.add__preview-date{margin:0;font-size:.78rem;color:var(--text-dim)}.add__hint{margin:0;font-size:.73rem;color:var(--text-faint)}.add .btn--primary{align-self:flex-start}.form__error{margin:0;color:var(--danger);font-size:.8rem}.form__warning{margin:0;color:var(--warning);font-size:.8rem}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;flex-wrap:wrap}.toolbar__filters,.toolbar__right{display:flex;gap:7px;flex-wrap:wrap}.toolbar--categories{margin-top:-6px}.select{display:inline-flex;align-items:center;gap:8px}.select__label{font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim)}.select__input,.picker__button{font:inherit;font-size:.8rem;color:var(--text);background:#0d0f13;border:1px solid var(--line);border-radius:999px;padding:7px 32px 7px 14px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23989ca6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;background-size:13px}.select__input:hover,.picker__button:hover{border-color:#333846}.select__input:focus-visible,.picker__button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.picker{position:relative;min-width:0}.picker__legend{display:block;padding:0 0 5px;font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim)}.picker__button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;border-radius:var(--radius-sm);padding:9px 12px;text-align:left;background-image:none}.picker__button--open{border-color:var(--accent)}.picker__button svg{flex-shrink:0;color:var(--text-dim)}.picker__button>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker__placeholder{color:var(--text-faint)}.picker__menu{position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:40;max-height:260px;overflow-y:auto;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:0 14px 32px #00000080;padding:5px}.picker__option{display:flex;align-items:center;gap:9px;font-size:.83rem;font-weight:450;letter-spacing:0;text-transform:none;color:var(--text);border-radius:7px;padding:7px 9px;cursor:pointer}.picker__option:hover{background:#ffffff0d}.picker__option input{width:14px;height:14px;accent-color:var(--accent);margin:0;flex-shrink:0}.picker__option-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker__option-count{font-size:.72rem;color:var(--text-faint)}.picker__clear{width:100%;font:inherit;font-size:.76rem;color:var(--text-dim);background:transparent;border:0;border-top:1px solid var(--line-soft);margin-top:4px;padding:8px 4px 4px;cursor:pointer}.picker__clear:hover{color:var(--text)}.catlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.catlist__item{display:flex;align-items:center;gap:9px;background:#0d0f13;border:1px solid var(--line-soft);border-radius:var(--radius-sm);padding:8px 10px}.catlist__name{font-size:.87rem;font-weight:550;flex:1;min-width:0}.catlist__count{font-size:.72rem;color:var(--text-faint);white-space:nowrap}.catlist__edit{display:flex;gap:7px;width:100%}.catlist__edit input{flex:1}.tags{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:9px 0 0;padding:0}.tags__item{font-size:.71rem;font-weight:550;color:#b9c7ff;background:#6c8cff24;border:1px solid rgba(108,140,255,.28);border-radius:999px;padding:3px 9px}.tags--reel{margin-top:8px}.tags--reel .tags__item{color:#fff;background:#ffffff29;border-color:#ffffff3d}.feed{display:flex;flex-direction:column;gap:26px}.post{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.post__head{display:flex;align-items:center;gap:10px;padding:11px 13px}.post__glyph{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;flex-shrink:0}.post__glyph--youtube{background:#ff4b4526;color:var(--youtube)}.post__glyph--instagram{background:#e0559f26;color:var(--instagram)}.post__who{display:flex;flex-direction:column;line-height:1.25;min-width:0;flex:1}.post__author{font-size:.86rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post__kind{font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint)}.post__expand{background:transparent;border:0;color:var(--text-faint);padding:6px;cursor:pointer;border-radius:7px;display:grid;place-items:center}.post__expand:hover{color:var(--text);background:var(--surface-2)}.post__media{position:relative;width:100%;background:#000;overflow:hidden}.post__media--landscape{aspect-ratio:16 / 9}.post__media--portrait{aspect-ratio:9 / 16;max-height:78vh}.post__media--instagram{background:#fff;height:620px;aspect-ratio:auto;max-height:none}.post__media--instagram.post__media--portrait{height:700px}.media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;padding:0;background:#000;display:block}.media--placeholder{background:#000}.media--poster{cursor:pointer}.media--poster img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.media__play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:54px;height:54px;border-radius:50%;background:#0a0b0dad;border:1px solid rgba(255,255,255,.28);color:#fff;display:grid;place-items:center;transition:transform .15s,background .15s}.media--poster:hover .media__play{transform:scale(1.08);background:var(--youtube)}.post__info{padding:12px 13px 14px}.post__caption{margin:0;font-size:.88rem;line-height:1.45}.post__caption strong{font-weight:600;margin-right:5px}.post__note{margin:7px 0 0;font-size:.84rem;color:var(--text-dim)}.post__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.post__time{font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.post__link{font-size:.76rem;color:var(--accent);text-decoration:none}.post__link:hover{text-decoration:underline}.post__source{margin:8px 0 0;font-size:.7rem;color:var(--text-faint)}.post__actions{display:flex;gap:8px;margin-top:12px}.post__edit{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line-soft)}.post__edit .post__actions,.post__edit .form__error,.post__edit .picker{grid-column:1 / -1;margin-top:0}.reels{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none}.reels::-webkit-scrollbar{display:none}.reels__bar{position:fixed;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:linear-gradient(180deg,rgba(0,0,0,.75),transparent);pointer-events:none}.reels__exit{pointer-events:auto;display:inline-flex;align-items:center;gap:5px;font:inherit;font-size:.82rem;font-weight:550;color:#fff;background:#ffffff21;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:7px 14px 7px 10px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.reels__exit:hover{background:#ffffff38}.reels__count{font-size:.76rem;color:#ffffffbf;font-variant-numeric:tabular-nums}.reel{position:relative;height:100vh;height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;display:grid;place-items:center;overflow:hidden}.reel__stage{position:relative;background:#000;overflow:hidden}.reel__stage--portrait{width:min(100vw,56.25dvh);aspect-ratio:9 / 16}.reel__stage--landscape{width:min(100vw,calc((100dvh - 190px) * 16 / 9));aspect-ratio:16 / 9}.reel__stage--instagram{width:min(100vw,420px);height:min(calc(100dvh - 40px),700px);background:#fff}.reel__info{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:60px 20px 26px;background:linear-gradient(0deg,rgba(0,0,0,.88) 35%,transparent);pointer-events:none}.reel__info>*{pointer-events:auto}.reel__who{display:flex;align-items:center;gap:9px;margin-bottom:8px}.reel__author{font-size:.9rem;font-weight:650;color:#fff}.reel__time{font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;color:#fff9;margin-left:auto}.reel__caption{margin:0;font-size:.88rem;line-height:1.45;color:#fffffff0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.reel__note{margin:6px 0 0;font-size:.82rem;color:#ffffffad}.reel__link{display:inline-block;margin-top:10px;font-size:.78rem;color:#fff;text-decoration:none;background:#ffffff24;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:6px 13px}.reel__link:hover{background:#ffffff3d}.reels__hint{position:fixed;bottom:18px;left:50%;transform:translate(-50%);z-index:3;margin:0;font-size:.72rem;color:#ffffff8c;animation:fade-out 1s ease-in 3.5s forwards}@keyframes fade-out{to{opacity:0;visibility:hidden}}.empty{text-align:center;color:var(--text-faint);font-size:.88rem;padding:44px 18px;border:1px dashed var(--line);border-radius:var(--radius)}@media(max-width:560px){.main{padding:14px 0 60px}.toolbar{padding:0 14px}.panel{margin:0 14px 18px}.empty{margin:0 14px}.post{border-radius:0;border-left:0;border-right:0}.add__grid,.post__edit{grid-template-columns:1fr}.add__row{flex-direction:column}.catlist__item{flex-wrap:wrap}.post__media--portrait{max-height:82vh}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}