#app,body,html{height:100%}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1f2937;background:radial-gradient(1200px 600px at 20% -10%,#f0f7ff 0,transparent 60%) no-repeat,linear-gradient(180deg,#fff,#f7f9fc);display:grid;place-items:center;padding:24px}.container{width:min(92vw,720px);text-align:center}.title{font-size:28px;font-weight:800;letter-spacing:.4px;margin:0 0 16px}.btn{display:inline-flex;align-items:center;justify-content:center;min-width:140px;height:44px;padding:0 16px;border:none;border-radius:9999px;background:#111827;color:#fff;font-weight:700;cursor:pointer;box-shadow:0 8px 24px rgba(17,24,39,.15);transition:transform .06s ease,box-shadow .2s ease,opacity .2s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:progress;box-shadow:0 4px 16px rgba(17,24,39,.08)}.spinner{width:18px;height:18px;border:2px solid transparent;border-top-color:#fff;border-right-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.card{margin:20px auto 8px;padding:12px;border-radius:16px;background:#fff;box-shadow:0 20px 40px rgba(16,24,40,.12);display:grid;place-items:center}.dog-img{width:100%;max-width:560px;aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;border-radius:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fade-enter-active,.fade-leave-active{transition:opacity .28s ease}.fade-enter,.fade-leave-to{opacity:0}.skeleton{width:100%;max-width:560px;aspect-ratio:4/3;border-radius:12px;background:linear-gradient(90deg,#f2f4f7 25%,#e6eaf0 37%,#f2f4f7 63%);background-size:400% 100%;animation:shimmer 1.2s ease-in-out infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.hint{color:#6b7280;font-size:12px;margin:4px 0 0}