*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f172a;color:#e2e8f0;overflow-x:hidden}.app{min-height:100vh;position:relative}.nav{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#0f172ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);z-index:100}.nav-brand{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:20px;font-weight:700;color:#60a5fa}.nav-cloud{font-size:13px;color:#94a3b8;background:#94a3b81f;padding:4px 12px;border-radius:20px}.icon-spin{animation:spin 4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.home-hero{position:relative;display:flex;align-items:center;justify-content:center;height:70vh;min-height:420px;overflow:hidden}.hero-content{position:relative;z-index:2;text-align:center;max-width:600px}.hero-content h1{font-size:48px;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:16px}.hero-content p{font-size:18px;color:#94a3b8;margin-bottom:32px}.hero-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.btn-primary{padding:14px 40px;background:linear-gradient(135deg,#60a5fa,#7c3aed);border:none;border-radius:40px;font-size:18px;font-weight:600;color:#fff;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #60a5fa66}.btn-random{display:inline-flex;align-items:center;gap:8px;padding:14px 36px;background:transparent;border:2px solid rgba(250,204,21,.6);border-radius:40px;color:#facc15;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s}.btn-random:hover{background:#facc151a;border-color:#facc15;transform:translateY(-2px)}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;display:flex;align-items:center;justify-content:center}.blob{width:600px;height:600px;background:radial-gradient(circle at 30% 30%,#2563eb20,transparent 70%);animation:morph 8s ease-in-out infinite;border-radius:50%}@keyframes morph{0%,to{transform:scale(1) rotate(0);border-radius:60% 40% 30% 70%}25%{transform:scale(1.05) rotate(3deg);border-radius:30% 70% 60% 40%}50%{transform:scale(.95) rotate(-3deg);border-radius:70% 30% 40% 60%}75%{transform:scale(1.02) rotate(2deg);border-radius:40% 60% 70% 30%}}.list-view{padding:24px;max-width:1200px;margin:0 auto}.controls{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.search-bar{display:flex;align-items:center;gap:10px;background:#ffffff0f;border-radius:40px;padding:10px 18px;border:1px solid rgba(255,255,255,.1);color:#94a3b8}.search-bar input{flex:1;border:none;background:transparent;color:#e2e8f0;font-size:16px;outline:none}.btn-random-small{display:flex;align-items:center;gap:6px;background:#facc151a;border:1px solid rgba(250,204,21,.4);border-radius:40px;padding:6px 16px;color:#facc15;font-size:14px;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-random-small:hover{background:#facc1533;border-color:#facc15}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs button{padding:6px 18px;border:1px solid rgba(255,255,255,.12);background:transparent;border-radius:30px;color:#94a3b8;font-size:14px;cursor:pointer;transition:all .2s}.tabs button.active{background:#60a5fa20;border-color:#60a5fa;color:#60a5fa}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.card{background:#ffffff0a;border-radius:16px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s;border:1px solid rgba(255,255,255,.06)}.card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0006}.card-img-wrapper{position:relative;height:200px;overflow:hidden}.card-img-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.card:hover .card-img-wrapper img{transform:scale(1.05)}.fav-btn{position:absolute;top:12px;right:12px;background:#00000080;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#f43f5e;cursor:pointer;transition:background .2s}.fav-btn.active{background:#f43f5e30}.card-info{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px}.card-info h3{font-size:18px;font-weight:600}.card-location{display:flex;align-items:center;gap:4px;font-size:13px;color:#94a3b8}.card-category{align-self:flex-start;font-size:12px;padding:2px 10px;border-radius:20px;background:#60a5fa26;color:#60a5fa;margin-top:4px}.detail-view{max-width:960px;margin:0 auto;padding:24px}.btn-back{display:flex;align-items:center;gap:6px;background:transparent;border:none;color:#94a3b8;font-size:16px;cursor:pointer;margin-bottom:24px;padding:8px 16px;border-radius:8px;transition:background .2s}.btn-back:hover{background:#ffffff0f}.detail-container{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:32px}.detail-img-wrapper{flex:1 1 400px;position:relative;border-radius:16px;overflow:hidden}.detail-img-wrapper img{width:100%;height:350px;object-fit:cover;display:block}.btn-ai-gen{position:absolute;bottom:16px;left:16px;display:flex;align-items:center;gap:6px;background:#000000a6;border:none;border-radius:40px;padding:8px 18px;color:#fbbf24;font-size:14px;cursor:pointer;transition:background .2s}.btn-ai-gen:disabled{opacity:.7;cursor:not-allowed}.btn-ai-gen:hover:not(:disabled){background:#000000d9}.btn-random-detail{position:absolute;bottom:16px;right:16px;display:flex;align-items:center;gap:6px;background:#facc1533;border:1px solid rgba(250,204,21,.5);border-radius:40px;padding:8px 18px;color:#facc15;font-size:14px;cursor:pointer;transition:all .2s}.btn-random-detail:hover{background:#facc1559}.spin{animation:spin 1s linear infinite}.detail-meta{flex:1 1 300px;display:flex;flex-direction:column;gap:12px}.detail-meta h2{font-size:28px;font-weight:700;display:flex;align-items:center;gap:12px}.ai-tag{font-size:12px;background:#fbbf2433;color:#fbbf24;padding:2px 10px;border-radius:12px;font-weight:400}.detail-location{display:flex;align-items:center;gap:6px;font-size:16px;color:#94a3b8}.detail-category{align-self:flex-start;padding:4px 14px;border-radius:30px;background:#60a5fa26;color:#60a5fa;font-size:14px}.fav-btn-large{display:flex;align-items:center;gap:6px;background:#f43f5e1a;border:1px solid rgba(244,63,94,.3);border-radius:40px;padding:8px 20px;color:#f43f5e;font-size:16px;cursor:pointer;transition:all .2s;margin-top:8px;width:fit-content}.fav-btn-large.active{background:#f43f5e33;border-color:#f43f5e}.detail-sections{display:flex;flex-direction:column;gap:20px}.detail-section{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px 20px}.detail-section h3{display:flex;align-items:center;gap:8px;font-size:18px;margin-bottom:8px;color:#cbd5e1}.detail-section p{color:#94a3b8;line-height:1.7;font-size:15px}@media (max-width: 640px){.hero-content h1{font-size:32px}.hero-actions{flex-direction:column;align-items:center}.detail-container{flex-direction:column}.detail-img-wrapper img{height:250px}.btn-random-detail,.btn-ai-gen{font-size:12px;padding:6px 12px}}