@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Orbitron:wght@500;700&display=swap";:root{--bg: #0A0E27;--surface: #141B3D;--primary: #7C9CDB;--primary-dark: #5E80C0;--accent: #FBBF24;--text: #F0F4FF;--text-muted: #A5B4D4;--border: #1E2848;--success: #10B981;--warning: #FBBF24;--danger: #F87171;--radius: 12px;--shadow: 0 12px 36px rgba(0,0,0,.4), 0 0 28px #7C9CDB26;--toast-color: var(--primary)}body{margin:0;padding:0;background:radial-gradient(ellipse at center,#141b3d,#0a0e27),radial-gradient(circle at 15% 25%,#7C9CDB11 1px,transparent 1px),radial-gradient(circle at 65% 85%,#FBBF2415 1px,transparent 1px),var(--bg);background-size:cover,3px 3px,3px 3px;background-attachment:fixed;color:var(--text);font-family:Space Grotesk,Inter,-apple-system,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.app-container{position:relative;width:100%;max-width:420px;min-height:700px;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;padding:24px;box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#141b3dd9;overflow:hidden;border:1px solid var(--border)}.cloud-indicator{position:absolute;top:16px;right:16px;display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:.8rem;z-index:10}.cloud-indicator-text{opacity:.8}.start-screen,.input-screen,.result-screen,.history-screen{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 0;flex-grow:1;justify-content:center}.start-icon{width:80px;height:80px;color:var(--accent);margin-bottom:20px;filter:drop-shadow(0 0 16px var(--accent))}.main-title{font-family:Orbitron,sans-serif;font-size:2.8rem;color:var(--text);margin-bottom:10px;text-shadow:0 0 20px var(--accent);letter-spacing:2px}.subtitle{font-size:1.1rem;color:var(--text-muted);margin-bottom:30px}.action-button{background:linear-gradient(45deg,var(--primary),var(--primary-dark));color:var(--text);border:none;border-radius:var(--radius);padding:14px 28px;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #0000004d,0 0 24px var(--primary-dark);display:flex;align-items:center;gap:8px;margin-top:20px}.action-button:hover{box-shadow:0 6px 20px #0006,0 0 30px var(--primary);transform:translateY(-2px)}.action-button:disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed;box-shadow:none;transform:none}.action-button.secondary{background:var(--surface);border:1px solid var(--border);box-shadow:0 2px 8px #0003}.action-button.secondary:hover{background:var(--border);box-shadow:0 4px 12px #0000004d}.cloud-status-text{font-size:.9rem;color:var(--text-muted);margin-top:20px;display:flex;align-items:center;gap:8px}.icon-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.back-button{position:absolute;top:20px;left:20px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:50%;transition:color .3s ease;z-index:5}.back-button:hover{color:var(--primary)}.history-button{position:absolute;top:20px;right:20px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:50%;transition:color .3s ease;z-index:5}.history-button:hover{color:var(--primary)}.section-title{font-family:Orbitron,sans-serif;font-size:1.8rem;color:var(--text);margin-bottom:25px;text-shadow:0 0 10px rgba(124,156,219,.3)}.input-group{display:flex;align-items:center;background:var(--border);border-radius:var(--radius);padding:10px 15px;margin-bottom:20px;box-shadow:inset 0 2px 4px #0003}.input-icon{color:var(--primary);margin-right:10px;width:24px;height:24px}.date-input{background:none;border:none;color:var(--text);font-size:1.1rem;padding:5px 0;flex-grow:1;outline:none}.date-input::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.zodiac-display{display:flex;flex-direction:column;align-items:center;margin-top:20px;padding:15px;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:0 4px 12px #0003}.zodiac-icon-large{width:60px;height:60px;color:var(--accent);margin-bottom:10px;filter:drop-shadow(0 0 10px rgba(251,191,36,.5))}.zodiac-name{font-size:1.4rem;font-weight:500;color:var(--text);font-family:Orbitron,sans-serif}.fortune-card{background:#141b3db3;border:1px solid var(--border);border-radius:var(--radius);padding:25px;width:100%;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;margin-top:20px}.fortune-card-header{display:flex;align-items:center;margin-bottom:20px;border-bottom:1px solid var(--border);padding-bottom:15px}.fortune-zodiac-icon{width:40px;height:40px;color:var(--accent);margin-right:15px;filter:drop-shadow(0 0 8px rgba(251,191,36,.4))}.fortune-info{display:flex;flex-direction:column}.fortune-date{font-size:.9rem;color:var(--text-muted)}.fortune-zodiac-name{font-family:Orbitron,sans-serif;font-size:1.3rem;color:var(--text);margin-top:4px}.fortune-section{margin-bottom:20px;padding:10px 0;border-bottom:1px dashed var(--border)}.fortune-section:last-of-type{border-bottom:none}.section-subtitle{font-size:1.1rem;color:var(--primary);margin-top:0;margin-bottom:8px;display:flex;align-items:center;gap:8px}.section-icon{color:var(--primary);filter:drop-shadow(0 0 4px rgba(124,156,219,.3))}.fortune-section p{font-size:.95rem;line-height:1.6;color:var(--text);margin:0}.fortune-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}.fortune-details-grid .fortune-section{border-bottom:none;padding:0}.lucky-info{display:flex;justify-content:space-around;background:var(--border);border-radius:var(--radius);padding:15px;margin-bottom:20px;box-shadow:inset 0 1px 3px #0003}.lucky-item{display:flex;align-items:center;gap:8px;font-size:.95rem}.lucky-label{color:var(--text-muted)}.lucky-value{color:var(--accent);font-weight:500}.lucky-color-block{width:20px;height:20px;border-radius:50%;border:2px solid var(--text-muted);box-shadow:0 0 8px #fff3}.action-buttons-group{display:flex;gap:15px;margin-top:25px;justify-content:center}.history-list{width:100%;margin-top:20px;max-height:400px;overflow-y:auto;padding-right:10px}.history-list::-webkit-scrollbar{width:6px}.history-list::-webkit-scrollbar-track{background:var(--border);border-radius:3px}.history-list::-webkit-scrollbar-thumb{background:var(--primary-dark);border-radius:3px}.history-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:15px 20px;margin-bottom:12px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 2px 8px #0003}.history-date{font-size:.85rem;color:var(--text-muted);margin-bottom:5px}.history-overall{font-size:.95rem;color:var(--text);line-height:1.5;margin:0}.no-history-message{color:var(--text-muted);font-size:1rem;margin-top:30px}.toast-message{position:fixed;bottom:40px;left:50%;transform:translate(-50%);background-color:var(--toast-color);color:var(--text);padding:12px 20px;border-radius:var(--radius);box-shadow:0 4px 12px #0003;font-size:.95rem;z-index:1000;display:flex;align-items:center;gap:8px}@media (max-width: 600px){.app-container{width:100%;min-height:100vh;border-radius:0;padding:15px}.main-title{font-size:2.2rem}.section-title{font-size:1.5rem}.action-button{padding:12px 20px;font-size:1rem}.fortune-details-grid{grid-template-columns:1fr}.lucky-info{flex-direction:column;gap:10px}}