:root{--green:#58cc02;--green-dark:#4caf00;--green-darker:#3a9600;--blue:#1cb0f6;--blue-dark:#1899d6;--yellow:#ffc800;--red:#ff4b4b;--ink:#3c3c3c;--ink-soft:#6b6b6b;--cream:#fffdf8;--line:#e5e5e5;--line-dark:#4b4b4b;--radius:16px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0}body{background:var(--cream);color:var(--ink);font-family:"Baloo 2",Nunito,Arial Rounded MT Bold,sans-serif;font-weight:600}h1,h2,h3{color:var(--ink);margin:0;font-weight:800}p{margin:0;line-height:1.5}a{color:inherit;text-decoration:none}.topbar{z-index:100;-webkit-backdrop-filter:blur(14px);border:2px solid var(--line);background:#fffdf8d9;border-radius:999px;width:calc(100% - 40px);max-width:1060px;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #00000014,0 1px 4px #0000000f}.topbar__inner{justify-content:space-between;align-items:center;padding:8px 20px;display:flex}.brand__logo{width:auto;height:44px;display:block}.brand__mark{color:var(--ink);letter-spacing:.5px;font-size:26px;font-weight:800}.brand__accent{color:var(--green)}.hero{text-align:center;padding:120px 24px 56px}.hero__inner{max-width:640px;margin:0 auto}.pill{color:var(--green-darker);border:2px solid var(--green);text-transform:uppercase;letter-spacing:.5px;background:#d7ffb8;border-radius:999px;margin-bottom:20px;padding:8px 18px;font-size:13px;font-weight:700;display:inline-block}.hero h1{margin-bottom:14px;font-size:44px;line-height:1.15}.hero__sub{color:var(--ink-soft);margin-bottom:32px;font-size:18px;font-weight:600}.downloader{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.mode-select{flex:none;position:relative}.mode-select__btn{height:100%;color:var(--ink);border:2px solid var(--line-dark);border-radius:var(--radius);cursor:pointer;white-space:nowrap;background:#eef7ff;align-items:center;gap:10px;padding:16px 18px;font-family:inherit;font-size:15px;font-weight:800;display:flex}.mode-select__btn:hover{background:#dff0ff}.mode-select__caret{border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);width:8px;height:8px;margin-top:-4px;transform:rotate(45deg)}.mode-select__list{z-index:20;border:2px solid var(--line-dark);border-radius:var(--radius);min-width:220px;box-shadow:0 6px 0 var(--line);text-align:left;background:#fff;margin:0;padding:8px;list-style:none;position:absolute;top:calc(100% + 8px);left:0}.mode-select__list li{cursor:pointer;color:var(--ink);border-radius:10px;padding:10px 14px;font-size:15px;font-weight:700}.mode-select__list li:hover,.mode-select__list li[aria-selected=true]{color:var(--green-darker);background:#d7ffb8}#url-input{min-width:0;color:var(--ink);border:2px solid var(--line-dark);border-radius:var(--radius);background:#fff;outline:none;flex:320px;padding:16px 20px;font-family:inherit;font-size:16px;font-weight:700}#url-input::placeholder{color:#b0b0b0;font-weight:600}#url-input:focus{border-color:var(--blue)}.btn{appearance:none;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius);border:none;padding:16px 28px;font-family:inherit;font-size:16px;font-weight:800;transition:transform 50ms ease-in}.btn--primary{background:var(--green);color:#fff;box-shadow:0 4px 0 var(--green-darker)}.btn--primary:hover{background:var(--green-dark)}.btn--primary:active{box-shadow:0 0 0 var(--green-darker);transform:translateY(4px)}.btn--primary:disabled{cursor:not-allowed;background:#d0d0d0;box-shadow:0 4px #b7b7b7}.btn--secondary{color:var(--blue);box-shadow:0 4px 0 var(--blue);border:2px solid var(--blue);background:#fff;padding:14px 26px}.btn--secondary:active{box-shadow:0 0 0 var(--blue);transform:translateY(4px)}.form-hint{color:var(--ink-soft);margin-top:14px;font-size:13px;font-weight:600}.status{border-radius:var(--radius);max-width:520px;margin:24px auto 0;padding:14px 18px;font-size:15px;font-weight:700}.status--error{color:#d21818;border:2px solid var(--red);background:#ffeaea}.skeleton{background:#ececec;border-radius:10px;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#ececec00 0%,#ffffffe6 50%,#ececec00 100%);animation:1.4s ease-in-out infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.skeleton-card{border:2px solid var(--line);text-align:left;background:#fff;border-radius:20px;max-width:560px;margin:28px auto 0;overflow:hidden}.skeleton-card__cover{aspect-ratio:16/9;width:100%}.skeleton-card__body{padding:20px}.skeleton-card__author{align-items:center;gap:12px;margin-bottom:16px;display:flex}.skeleton-avatar{border-radius:50%;flex-shrink:0;width:44px;height:44px}.skeleton-lines{flex-direction:column;flex:1;gap:8px;display:flex}.skeleton-line{height:12px}.skeleton-line--wide{width:60%}.skeleton-line--narrow{width:35%}.skeleton-card__actions{gap:10px;margin-top:20px;display:flex}.skeleton-btn{border-radius:var(--radius);width:130px;height:42px}.skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;max-width:900px;margin:28px auto 0;display:grid}.skeleton-grid-card{border:2px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}.skeleton-grid-card__cover{aspect-ratio:9/13;width:100%}.skeleton-grid-card__body{flex-direction:column;gap:8px;padding:12px 14px 16px;display:flex}.result-scroll{border:2px solid var(--line-dark);max-height:480px;box-shadow:0 6px 0 var(--line);scrollbar-width:thin;scrollbar-color:var(--line-dark) transparent;background:#fff;border-radius:20px;margin-top:28px;overflow-y:auto}.result-scroll--grid{border-radius:var(--radius);background:var(--cream);max-height:560px;padding:16px}.result-scroll::-webkit-scrollbar{width:6px}.result-scroll::-webkit-scrollbar-thumb{background:var(--line-dark);border-radius:999px}.result-card{text-align:left;background:#fff;border-radius:20px;max-width:560px;overflow:hidden}.result-scroll .result-card{border-radius:0;max-width:100%}.result-card__cover{aspect-ratio:16/9;background:#111;width:100%;overflow:hidden}.result-card__cover img,.result-card__cover video{object-fit:contain;background:#111;width:100%;height:100%;display:block}.photo-gallery{scroll-snap-type:x mandatory;width:100%;height:100%;display:flex;overflow-x:auto}.photo-gallery img{object-fit:contain;scroll-snap-align:start;background:#111;flex:0 0 100%;width:100%;height:100%}.result-card__body{padding:20px}.result-card__author{align-items:center;gap:12px;margin-bottom:14px;display:flex}.result-card__author img{border:2px solid var(--line-dark);object-fit:cover;background:#eee;border-radius:50%;width:44px;height:44px}.result-card__name{font-size:15px;font-weight:800}.result-card__title{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;max-width:380px;margin-top:2px;font-size:13px;font-weight:600;overflow:hidden}.result-card__stats{color:var(--ink-soft);flex-wrap:wrap;gap:18px;margin-bottom:18px;font-size:13px;font-weight:700;display:flex}.result-card__stats span b{color:var(--ink)}.result-card__actions{flex-wrap:wrap;gap:10px;display:flex}.result-card__actions .btn{padding:12px 20px;font-size:14px}.grid-result{text-align:left;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;max-width:900px;margin:28px auto 0;display:grid}.grid-card{border:2px solid var(--line-dark);border-radius:var(--radius);box-shadow:0 5px 0 var(--line);background:#fff;flex-direction:column;display:flex;overflow:hidden}.grid-card__cover{aspect-ratio:9/13;background:#f2f2f2;width:100%;position:relative;overflow:hidden}.grid-card__cover img{object-fit:cover;width:100%;height:100%;display:block}.grid-card__play{cursor:pointer;background:#00000026;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.grid-card__play:after{content:"";border:2px solid var(--line-dark);background:#ffffffeb;border-radius:50%;width:52px;height:52px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.grid-card__play:before{content:"";border-top:11px solid #0000;border-bottom:11px solid #0000;border-left:16px solid var(--ink);z-index:1;width:0;height:0;position:absolute;top:50%;left:calc(50% + 3px);transform:translate(-50%,-50%)}.grid-card__play:hover:after{background:#fff}.grid-card__body{flex-direction:column;flex:1;gap:8px;padding:12px 14px 16px;display:flex}.grid-card__name{font-size:13px;font-weight:800}.grid-card__title{color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-weight:600;display:-webkit-box;overflow:hidden}.grid-card__stats{color:var(--ink-soft);font-size:11px;font-weight:700}.grid-card__actions{gap:8px;margin-top:auto;display:flex}.grid-card__actions .btn{text-align:center;flex:1;padding:10px 12px;font-size:12px}.grid-empty{text-align:center;color:var(--ink-soft);grid-column:1/-1;padding:24px;font-weight:700}.load-more{text-align:center;max-width:900px;margin:20px auto 0}.load-more .btn{padding:12px 32px}.preview-modal{z-index:100;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.preview-modal__backdrop{background:#141414bf;position:absolute;inset:0}.preview-modal__box{z-index:1;border:2px solid var(--line-dark);background:#111;border-radius:20px;flex-direction:column;gap:12px;width:100%;max-width:420px;max-height:92vh;padding:16px;display:flex;position:relative;overflow-y:auto}.preview-modal__box--photo{background:#1a1a1a;max-width:520px}.preview-modal__header{justify-content:space-between;align-items:center;gap:10px;display:flex}.preview-modal__title{color:#ccc;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.preview-modal__close{background:var(--yellow);border:2px solid var(--line-dark);cursor:pointer;border-radius:10px;flex-shrink:0;padding:5px 12px;font-family:inherit;font-size:14px;font-weight:800;line-height:1}#preview-player{background:#000;border-radius:12px;width:100%;max-height:62vh}.preview-modal__photo-wrap{flex-direction:column;gap:10px;display:flex}.preview-modal__photo-stage{background:#000;border-radius:12px;justify-content:center;align-items:center;width:100%;max-height:55vh;display:flex;overflow:hidden}.preview-modal__photo-stage img{object-fit:contain;width:100%;height:100%;max-height:55vh;display:block}.preview-modal__photo-nav{justify-content:center;align-items:center;gap:16px;display:flex}.photo-nav-btn{border:2px solid var(--line-dark);cursor:pointer;width:38px;height:38px;color:var(--ink);background:#fff;border-radius:10px;justify-content:center;align-items:center;font-size:22px;font-weight:800;line-height:1;transition:background .1s;display:flex}.photo-nav-btn:disabled{opacity:.3;cursor:not-allowed}.photo-nav-btn:not(:disabled):hover{background:var(--green);color:#fff;border-color:var(--green-dark)}.photo-nav-count{color:#ccc;text-align:center;min-width:48px;font-size:13px;font-weight:700}.preview-modal__thumbs{scrollbar-width:thin;scrollbar-color:var(--line-dark) transparent;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.preview-modal__thumbs::-webkit-scrollbar{height:4px}.preview-modal__thumbs::-webkit-scrollbar-thumb{background:var(--line-dark);border-radius:999px}.thumb-btn{cursor:pointer;background:#333;border:2px solid #0000;border-radius:8px;flex-shrink:0;width:52px;height:52px;padding:0;transition:border-color .15s;overflow:hidden}.thumb-btn img{object-fit:cover;width:100%;height:100%;display:block}.thumb-btn--active{border-color:var(--green)}.preview-modal__audio{border-radius:8px;width:100%}.preview-modal__actions{flex-wrap:wrap;gap:10px;display:flex}.preview-modal__actions .btn{text-align:center;flex:1;min-width:120px;padding:12px 16px;font-size:13px}@media (width<=540px){.preview-modal{align-items:flex-end;padding:8px}.preview-modal__box{border-radius:20px 20px 12px 12px;max-width:100%;max-height:95vh}.preview-modal__photo-stage,.preview-modal__photo-stage img{max-height:45vh}#preview-player{max-height:52vh}}.wm{z-index:200;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.wm__backdrop{-webkit-backdrop-filter:blur(4px);background:#0000008c;position:absolute;inset:0}.wm__box{z-index:1;background:var(--cream);border:2px solid var(--line-dark);box-shadow:0 8px 0 var(--line);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:0;width:100%;max-width:400px;padding:0 0 28px;display:flex;position:relative;overflow:hidden}.wm__logo{object-fit:contain;border-radius:20px;width:140px;height:140px}.wm__title{color:var(--ink);margin:0;font-size:26px;font-weight:800}.wm__body{color:var(--ink-soft);margin:0;font-size:15px;font-weight:600;line-height:1.6}.wm__btn{width:100%;margin-top:6px;padding:14px;font-size:16px}.wm__slides{width:100%;transition:transform .35s;display:flex}.wm__slide{flex-direction:column;flex:0 0 100%;align-items:center;gap:14px;width:100%;padding:40px 36px 16px;display:flex}.wm__avatar{object-fit:cover;object-position:center top;border:3px solid var(--line-dark);border-radius:50%;width:96px;height:96px}.wm__dots{justify-content:center;gap:8px;margin-top:4px;display:flex}.wm__dot{background:var(--line-dark);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background .2s,transform .2s}.wm__dot--active{background:var(--green);transform:scale(1.3)}.topbar__right{align-items:center;gap:14px;display:flex}.topbar__nav-btn{border:2px solid var(--line-dark);color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;padding:7px 18px;font-family:inherit;font-size:14px;font-weight:800;transition:background .1s,color .1s}.topbar__nav-btn:hover{background:var(--green);color:#fff;border-color:var(--green-dark)}.about{padding:120px 24px 56px}.about__inner{max-width:720px;margin:0 auto}.about__back{margin-bottom:32px}.about__hero{text-align:center;flex-direction:column;align-items:center;gap:12px;margin-bottom:40px;display:flex}.about__logo{object-fit:contain;border-radius:20px;width:96px;height:96px}.about__hero h1{font-size:40px}.about__tagline{color:var(--ink-soft);max-width:480px;font-size:17px;font-weight:600;line-height:1.5}.about__cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.about__card{border:2px solid var(--line-dark);box-shadow:0 5px 0 var(--line);background:#fff;border-radius:20px;flex-direction:column;gap:10px;padding:24px;display:flex}.about__card-icon{font-size:28px;line-height:1}.about__card h3{font-size:17px;font-weight:800}.about__card p{color:var(--ink-soft);font-size:14px;font-weight:600;line-height:1.6}.about__list{color:var(--ink-soft);margin:0;padding-left:18px;font-size:14px;font-weight:600;line-height:2}.about__link{color:var(--blue);font-weight:700;text-decoration:underline}.about__footer-note{text-align:center;color:var(--ink-soft);margin-top:40px;font-size:13px;font-weight:600}.footer{text-align:center;color:var(--ink-soft);padding:24px;font-size:13px;font-weight:600}.footer p+p{margin-top:6px}@media (width<=640px){.hero h1{font-size:32px}.downloader{flex-direction:column}#url-input{flex:auto}.btn--primary{width:100%}.hero__title{font-size:26px}}