body{font-family:Arial,sans-serif;background:#f5f6fa;margin:0;padding:0;color:#333}*,*::before,*::after{box-sizing:border-box}.container1{max-width:900px;margin:auto;padding:20px;text-align:center}h1{color:#e1306c;margin-bottom:10px}.search-box{display:flex;justify-content:center;align-items:center;gap:12px;margin:0 auto 20px;flex-wrap:wrap;background:#fff;border:1px solid #e9e9ee;border-radius:12px;padding:12px;box-shadow:0 4px 12px rgba(0,0,0,.04);width:100%;max-width:640px}input[type="url"]{flex:1 1 auto;width:100%;max-width:100%;font:inherit;background:#fff;color:#222;border:1px solid #c8c8c8;border-radius:8px;padding:12px 14px 12px 44px;min-height:44px;outline:none;transition:border-color .2s ease , box-shadow .2s ease , background-color .2s ease;background-image:url(data:image/svg+xml;utf8,<svg\ xmlns=\"http://www.w3.org/2000/svg\"\ width=\"20\"\ height=\"20\"\ viewBox=\"0\ 0\ 24\ 24\"\ fill=\"none\"\ stroke=\"%238a3ab9\"\ stroke-width=\"2\"\ stroke-linecap=\"round\"\ stroke-linejoin=\"round\"><rect\ x=\"2\"\ y=\"2\"\ width=\"20\"\ height=\"20\"\ rx=\"5\"\ ry=\"5\"></rect><path\ d=\"M16\ 11.37A4\ 4\ 0\ 1\ 1\ 12.63\ 8\ 4\ 4\ 0\ 0\ 1\ 16\ 11.37z\"></path><line\ x1=\"17.5\"\ y1=\"6.5\"\ x2=\"17.51\"\ y2=\"6.5\"></line></svg>);background-repeat:no-repeat;background-position:14px center}input[type="url"]:focus{border-color:#8a3ab9;box-shadow:0 0 0 3px rgba(138,58,185,.12);background-color:#fff}input[type="url"]::placeholder{color:#8a8a8a;opacity:1}input[type="url"]:hover{border-color:#b4b4b4}input[type="url"]:invalid:not(:placeholder-shown) {border-color:#d93025;box-shadow:0 0 0 3px rgba(217,48,37,.12)}button{padding:12px 18px;background:linear-gradient(135deg,#e1306c 0%,#d23b7d 50%,#8a3ab9 100%);border:none;color:#fff;cursor:pointer;border-radius:8px;font-weight:600;min-height:44px;box-shadow:0 4px 10px rgba(225,48,108,.2);transition:transform .08s ease , filter .15s ease , box-shadow .2s ease}button:hover{filter:brightness(1.05);box-shadow:0 6px 14px rgba(225,48,108,.28)}button:active{transform:translateY(1px) scale(.99)}button:disabled{opacity:.6;cursor:not-allowed}.btn .spinner,button .spinner{display:inline-block;width:16px;height:16px;margin-right:8px;border:2px solid rgba(255,255,255,.7);border-top-color:transparent;border-radius:50%;vertical-align:-2px;animation:spin .9s linear infinite}button:focus-visible,input[type="url"]:focus-visible{outline:3px solid #8a3ab9;outline-offset:2px}.highlights,.stories{display:flex;flex-wrap:wrap;justify-content:center;gap:15px}.highlight,.story{text-align:center;cursor:pointer}.skeleton{position:relative;overflow:hidden;background:#eee}.skeleton::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.6) 50%,rgba(255,255,255,0) 100%);animation:shimmer 1.25s infinite}@keyframes shimmer { 100% { transform: translateX(100%); } }@media (prefers-reduced-motion:reduce){.skeleton::after{animation:none}}.media-fade{opacity:0;transition:opacity 220ms ease-in}.media-fade.loaded{opacity:1}.highlight .thumb,.highlight img{width:120px;height:120px;border-radius:12px;object-fit:cover}.story .media,.story img,.story video{width:100%;max-width:300px;max-height:500px;border-radius:12px;object-fit:cover}.story .skeleton-box{width:100%;max-width:300px;max-height:500px;aspect-ratio: 9 / 16;border-radius:12px}.highlight img{border-radius:12px;width:120px;height:120px;object-fit:cover;border:3px solid #e1306c}.story img{border-radius:12px;width:100%;height:auto;object-fit:cover;border:3px solid #e1306c}.story video{border-radius:12px;width:100%;height:auto;max-height:70vh;border:3px solid #e1306c}.highlight p{margin-top:5px;font-size:14px;font-weight:bold}.stories{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,300px));gap:16px;justify-items:center;justify-content:center}.story .actions{margin-top:8px;display:flex;gap:8px;justify-content:center}.btn-retry{background:#6b7280}@media (max-width:768px){.search-box{flex-direction:column;align-items:stretch;gap:10px}button{width:100%}input[type="url"]{width:100%;flex:1 1 auto;max-width:100%}.stories{gap:12px;padding:0 8px}.story img,.story video{max-width:250px;max-height:400px}.video-placeholder{max-width:250px;max-height:400px}.story .skeleton-box{max-width:250px;max-height:400px}.video-placeholder .play-button{width:60px;height:60px}.video-placeholder .play-button::after{border-left-width:16px;border-top-width:10px;border-bottom-width:10px;margin-left:3px}.container1{padding:16px 12px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (max-width:400px){.stories{grid-template-columns:1fr;gap:16px;padding:0 12px}.story img,.story video{max-width:200px;max-height:350px}.video-placeholder{max-width:200px;max-height:350px}.story .skeleton-box{max-width:200px;max-height:350px}.video-placeholder .play-button{width:50px;height:50px}.video-placeholder .play-button::after{border-left-width:14px;border-top-width:8px;border-bottom-width:8px;margin-left:2px}.container1{padding:12px 8px}h1{font-size:24px}}html{scroll-behavior:smooth}.highlight.selected img{border-color:#8a3ab9;box-shadow:0 0 0 3px rgba(138,58,185,.2)}.highlight:focus,.highlight:focus-visible{outline:3px solid #8a3ab9;outline-offset:4px;border-radius:12px}.muted{color:#666}.stories.loading{opacity:.7}.stories.loading::after{content:"";display:inline-block;width:20px;height:20px;margin-left:8px;border:3px solid #e1306c;border-top-color:transparent;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin {
  to { transform: rotate(360deg); }
}.video-placeholder{position:relative;width:100%;height:1080px;max-width:300px;max-height:500px;aspect-ratio: 9 / 16;border-radius:12px;background:#000;border:3px solid #e1306c;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}.video-placeholder::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(225,48,108,.1) 0%,rgba(138,58,185,.1) 100%);z-index:1}.video-placeholder .play-button{position:relative;z-index:2;width:80px;height:80px;background:rgba(255,255,255,.2);border:2px solid rgba(255,255,255,.8);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(0,0,0,.4);transition:all .3s ease;cursor:pointer;backdrop-filter:blur(8px)}.video-placeholder .play-button:hover{background:rgba(255,255,255,.3);border-color:rgba(255,255,255,1);transform:scale(1.1);box-shadow:0 6px 25px rgba(0,0,0,.5)}.video-placeholder .play-button::after{content:"";width:0;height:0;border-left:20px solid rgba(255,255,255,.9);border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:4px}.video-placeholder.loading .play-button{background:rgba(255,255,255,.3);border-color:rgba(255,255,255,.6);cursor:not-allowed}.video-placeholder.loading .play-button::after{display:none}.video-placeholder.loading .play-button::before{content:"";display:inline-block;width:24px;height:24px;border:3px solid rgba(255,255,255,.8);border-top-color:transparent;border-radius:50%;animation:spin .9s linear infinite}.video-placeholder.thumbnail-loading{background:#333}.video-placeholder.thumbnail-loading .play-button{background:rgba(255,255,255,.7)}.thumbnail-video{position:absolute;top:-9999px;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}