*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff;--text:#0a0a0a;--text-secondary:#666;--accent:#0a0a0a;--border:#e0e0e0}[data-theme=dark]{--bg:#0a0a0a;--text:#fff;--text-secondary:#999;--accent:#fff;--border:#333}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.6;transition:background-color .3s,color .3s;position:relative}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle,#0000000f 1px,#0000 1px);background-size:24px 24px;width:100%;height:100%;position:fixed;top:0;left:0}[data-theme=dark] body:before{background-image:radial-gradient(circle,#ffffff0d 1px,#0000 1px);background-size:24px 24px}.hero{z-index:1;justify-content:center;align-items:center;min-height:calc(100vh - 180px);padding:1rem 0;display:flex;position:relative}.hero--compact{min-height:auto;padding:1.5rem 0}.hero__content{opacity:0;grid-template-columns:auto 1fr;align-items:center;gap:3rem;width:100%;max-width:1400px;padding:0 4rem;animation:1.2s cubic-bezier(.16,1,.3,1) .1s forwards slideInFromLeft;display:grid}.hero__title{letter-spacing:-.02em;white-space:nowrap;margin-bottom:.6rem;font-size:clamp(4rem,7vw,6.5rem);font-weight:700;line-height:1.1;transition:transform .3s}.hero__title:hover{transform:scale(1.05)}.hero__title-gif{display:inline-block;position:relative}.hero__circle{pointer-events:none;width:140%;height:170%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero__circle ellipse{fill:none;stroke:var(--text);stroke-width:1.5px;stroke-dasharray:300;stroke-dashoffset:300px;transform-origin:50%;animation:2.5s cubic-bezier(.16,1,.3,1) .5s infinite drawCircle;transform:rotate(-6deg)}.hero__desc{color:var(--text-secondary);max-width:460px;font-size:1.3rem;line-height:1.5;transition:transform .3s}.dropzone{border:1.5px dashed var(--border);text-align:center;cursor:pointer;background:0 0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:3.5rem 3rem;transition:all .2s;display:flex}.dropzone:hover{border-color:var(--text-secondary);background:#8080800a;transform:scale(1.015)}.dropzone--active{border-color:var(--text);background:#8080800f}.dropzone__icon{color:var(--text-secondary);opacity:.5;margin-bottom:1rem;font-size:2rem}.dropzone__title{color:var(--text);margin-bottom:.2rem;font-size:1.35rem;font-weight:600}.dropzone__subtitle{color:var(--text-secondary);font-size:1.15rem}.dropzone__formats{gap:.3rem;margin-top:.6rem;display:flex}.dropzone__badge{color:var(--text-secondary);background:#80808014;border-radius:4px;padding:.15rem .5rem;font-size:.8rem;font-weight:600}.dropzone__preview{object-fit:contain;border-radius:8px;max-width:100%;max-height:130px;margin:0 auto .3rem;display:block}.dropzone__change{color:var(--text-secondary);font-size:.7rem}.btn-primary{width:100%;color:var(--bg);background:var(--text);cursor:pointer;transform-origin:50%;border:none;border-radius:10px;margin-top:.75rem;padding:.85rem 1.6rem;font-family:inherit;font-size:1rem;font-weight:600;transition:all .2s;display:block}.btn-primary:hover{opacity:.9;transform:scaleY(1.08)scaleX(1.02)}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.3;cursor:not-allowed;transform:none}[data-theme=dark] .btn-primary{color:var(--bg);background:var(--text)}.results{z-index:1;max-width:1200px;margin:0 auto;padding:1rem 3rem 3rem;animation:.8s cubic-bezier(.16,1,.3,1) forwards slideInFromLeft;position:relative}.loading{text-align:center;border:1.5px dashed var(--border);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:2.5rem 1.5rem;display:flex}.loading__spinner{border:2px solid var(--border);border-top-color:var(--text);border-radius:50%;width:20px;height:20px;margin-bottom:.75rem;animation:.6s linear infinite spin}.loading__steps{flex-direction:column;align-items:center;gap:.25rem;display:flex}.loading__step{color:var(--text-secondary);font-size:.8rem;transition:all .2s}.loading__step--active{color:var(--text);font-weight:500}.loading__step--done{color:var(--text-secondary);opacity:.6}.context{border:1px solid var(--border);border-radius:10px;margin-bottom:1.25rem;padding:1rem 1.25rem}.context__label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:.5rem;font-size:.6rem;font-weight:700}.context__grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.context__item-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:.1rem;font-size:.6rem;font-weight:700}.context__item-value{color:var(--text);font-size:.82rem;line-height:1.4}.section{margin-bottom:1.25rem}.section__header{align-items:baseline;gap:.3rem;margin-bottom:.5rem;display:flex}.section__title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);font-size:.65rem;font-weight:700}.section__count{color:var(--text-secondary);font-size:.6rem}.gif-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem;display:grid}.gif-card{cursor:pointer;opacity:0;border-radius:8px;transition:all .2s;animation:.6s cubic-bezier(.16,1,.3,1) forwards slideInFromLeft;position:relative;overflow:hidden;transform:translate(-30px)}.gif-card:hover{transform:scale(1.03);box-shadow:0 4px 16px #0000001a}.gif-card__img-wrap{aspect-ratio:1;background:#8080800f;overflow:hidden}.gif-card__img{object-fit:cover;width:100%;height:100%;transition:transform .2s}.gif-card:hover .gif-card__img{transform:scale(1.04)}.gif-card__overlay{opacity:0;background:linear-gradient(#0000 50%,#00000080 100%);justify-content:center;align-items:flex-end;padding:.5rem;transition:opacity .2s;display:flex;position:absolute;inset:0}.gif-card:hover .gif-card__overlay{opacity:1}.gif-card__select-btn{color:#0a0a0a;cursor:pointer;background:#fffffff2;border:none;border-radius:6px;padding:.3rem .75rem;font-family:inherit;font-size:.7rem;font-weight:600;transition:transform .2s;transform:translateY(4px)}.gif-card:hover .gif-card__select-btn{transform:translateY(0)}.gif-card__badge{color:#fff;z-index:2;background:#00000080;border-radius:4px;padding:.1rem .35rem;font-size:.55rem;font-weight:600;position:absolute;top:.3rem;right:.3rem}.gif-card--selected{outline:2px solid var(--text);outline-offset:-2px}.gif-card__selected-overlay{z-index:3;background:#0006;flex-direction:column;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:absolute;inset:0}.gif-card__check{font-size:1.3rem}.gif-card__selected-label{color:#fff;text-transform:uppercase;letter-spacing:.1em;font-size:.6rem;font-weight:700}.gif-card__actions{gap:.3rem;margin-top:.4rem;display:flex}.gif-card__action-btn{color:#0a0a0a;cursor:pointer;background:#ffffffe6;border:none;border-radius:5px;padding:.25rem .6rem;font-family:inherit;font-size:.65rem;font-weight:600;transition:transform .15s,background .15s}.gif-card__action-btn:hover{background:#fff;transform:scale(1.06)}.gif-card:first-child{animation-delay:20ms}.gif-card:nth-child(2){animation-delay:40ms}.gif-card:nth-child(3){animation-delay:60ms}.gif-card:nth-child(4){animation-delay:80ms}.gif-card:nth-child(5){animation-delay:.1s}.gif-card:nth-child(6){animation-delay:.12s}.gif-card:nth-child(7){animation-delay:.14s}.gif-card:nth-child(8){animation-delay:.16s}.gif-card:nth-child(9){animation-delay:.18s}.gif-card:nth-child(10){animation-delay:.2s}.gif-card:nth-child(11){animation-delay:.22s}.gif-card:nth-child(12){animation-delay:.24s}.gif-card:nth-child(13){animation-delay:.26s}.gif-card:nth-child(14){animation-delay:.28s}.gif-card:nth-child(15){animation-delay:.3s}.btn-outline{color:var(--text);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;margin:1.25rem auto 0;padding:.6rem 1.4rem;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .2s;display:block}.btn-outline:hover{opacity:.6}.toast{background:var(--text);color:var(--bg);z-index:200;white-space:nowrap;border-radius:8px;padding:.55rem 1rem;font-size:.78rem;font-weight:500;transition:transform .35s cubic-bezier(.34,1.56,.64,1);position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)translateY(60px)}.toast--visible{transform:translate(-50%)translateY(0)}.error{color:var(--text-secondary);border:1px solid var(--border);border-radius:8px;margin-top:.5rem;padding:.5rem .75rem;font-size:.78rem}.attribution{text-align:center;color:var(--text-secondary);padding:1.25rem 0;font-size:.6rem}.attribution a{color:var(--text);text-decoration:none;transition:opacity .2s}.attribution a:hover{opacity:.6}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes drawCircle{0%{stroke-dashoffset:300px}40%{stroke-dashoffset:0}70%{stroke-dashoffset:0}to{stroke-dashoffset:-300px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.carousel{z-index:1;opacity:0;padding:0 0 1rem;animation:.4s .2s forwards fadeIn;position:relative;overflow:hidden}.carousel__label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:.6rem;padding:0 4rem;font-size:.7rem;font-weight:700}.carousel__track{-ms-overflow-style:none;scrollbar-width:none;gap:.4rem;display:flex;overflow:hidden}.carousel__track::-webkit-scrollbar{display:none}.carousel__item{opacity:.6;border-radius:10px;flex-shrink:0;width:180px;height:120px;transition:opacity .2s,transform .2s;overflow:hidden}.carousel__item:hover{opacity:1;transform:scale(1.04)}.carousel__img{object-fit:cover;width:100%;height:100%}@media (max-width:768px){.header__content{padding:.6rem 1.5rem}.hero__content{text-align:center;grid-template-columns:1fr;gap:1.5rem;padding:0 1.5rem}.hero__desc{max-width:none;margin:0 auto}.results{padding:.5rem 1.5rem 2rem}.context__grid{grid-template-columns:1fr}.gif-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (max-width:480px){.header__content{padding:.5rem 1rem}.hero__content{padding:0 1rem}.hero__title{font-size:2rem}.results{padding:.5rem 1rem 2rem}.gif-grid{grid-template-columns:repeat(2,1fr);gap:.4rem}}