*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #f5f5f0;--bg-surface: #ffffff;--bg-hover: rgba(0,0,0,.04);--text: #1a1a1a;--text-muted: #666;--accent: #2196f3;--border: #e0e0e0;--astro-color: #FFD700;--bulgarian-color: #D4AF37;--indian-color: #FF6600;--chinese-color: #CC0000;--today-ring: #2196f3;--detail-bg: #ffffff;--overlay-bg: rgba(0,0,0,.3)}[data-theme=dark]{--bg: #1a1a2e;--bg-surface: #16213e;--bg-hover: rgba(255,255,255,.05);--text: #e0e0e0;--text-muted: #888;--accent: #4fc3f7;--border: #2a2a4a;--today-ring: #4fc3f7;--detail-bg: #1e2a45;--overlay-bg: rgba(0,0,0,.6)}html,body,#app{height:100%;width:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.app{display:flex;flex-direction:column;height:100%}.loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:1.1rem}.top-bar{display:flex;align-items:center;gap:.75rem;padding:.4rem .75rem;background:var(--bg-surface);border-bottom:1px solid var(--border);min-height:44px;flex-shrink:0;overflow-x:auto}.app-title{font-size:1rem;font-weight:700;color:var(--accent);white-space:nowrap}.year-nav{display:flex;align-items:center;gap:.4rem}.year-info{display:flex;flex-direction:column;align-items:center;line-height:1.2}.year-display{font-size:1.1rem;font-weight:700;min-width:4ch;text-align:center}.year-extra{font-size:.6rem;color:var(--text-muted);white-space:nowrap}.year-btn{background:none;border:1px solid var(--border);color:var(--text);padding:.2rem .5rem;border-radius:4px;cursor:pointer;font-size:.9rem}.year-btn:hover{background:var(--bg-hover)}.calendar-toggles{display:flex;gap:.35rem;flex-shrink:0}.toggle-chip{display:flex;align-items:center;gap:.25rem;padding:.15rem .5rem;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--text-muted);font-size:.7rem;cursor:pointer;transition:all .15s;white-space:nowrap}.toggle-chip.active{color:var(--chip-color, var(--text));background:color-mix(in srgb,var(--chip-color, var(--accent)) 12%,transparent)}.toggle-chip:disabled{opacity:.8;cursor:default}.chip-icon{font-size:.85rem}.chip-label{font-size:.65rem}.top-actions{display:flex;gap:.3rem;margin-left:auto;flex-shrink:0}.theme-btn,.logout-btn{background:none;border:none;color:var(--text-muted);font-size:1rem;cursor:pointer;padding:.2rem}.theme-btn:hover,.logout-btn:hover{color:var(--text)}.content{flex:1;overflow:auto;padding:.5rem;min-height:0}.calendar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;max-width:1400px;margin:0 auto}.month-grid{background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;padding:.4rem}.month-header{font-size:.8rem;font-weight:600;text-align:center;padding:.25rem 0;color:var(--accent)}.month-days-header{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.day-name{font-size:.55rem;color:var(--text-muted);padding:.1rem 0}.month-days{display:grid;grid-template-columns:repeat(7,1fr)}.day-cell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:.15rem 0;min-height:2.2rem;border:none;background:none;color:var(--text);font-size:.7rem;cursor:pointer;border-radius:4px;transition:background .1s}.day-cell:hover{background:var(--bg-hover)}.day-cell.empty{cursor:default}.day-cell.empty:hover{background:none}.day-cell.today{outline:2px solid var(--today-ring);outline-offset:-2px;border-radius:4px}.day-cell.selected{background:color-mix(in srgb,var(--accent) 20%,transparent)}.day-number{font-size:.7rem;font-weight:500;line-height:1}.day-markers{display:flex;gap:1px;font-size:.5rem;line-height:1;height:.6rem}.marker{display:inline-block}.marker.solstice{color:var(--astro-color);font-size:.6rem}.marker.eclipse{color:#f44;font-size:.55rem}.marker.moon{color:var(--text-muted);font-size:.5rem}.event-dots{display:flex;gap:2px;margin-top:1px}.dot{width:4px;height:4px;border-radius:50%}.day-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:flex-end;z-index:100}.day-detail{width:380px;max-width:90vw;height:100%;background:var(--detail-bg);overflow-y:auto;border-left:1px solid var(--border);animation:slideIn .2s ease-out}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.day-detail-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--detail-bg);z-index:1}.day-detail-header h2{font-size:.95rem;font-weight:600}.close-btn{background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;padding:.25rem}.close-btn:hover{color:var(--text)}.day-detail-body{padding:1rem}.day-detail-daylight{font-size:.8rem;color:var(--text-muted);padding:.5rem 0;border-bottom:1px solid var(--border);margin-bottom:.75rem}.day-detail-section{margin-bottom:1rem}.section-header{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.03em}.section-icon{font-size:1rem}.event-card{padding:.4rem 0;border-bottom:1px solid color-mix(in srgb,var(--border) 50%,transparent)}.event-card:last-child{border-bottom:none}.event-name{font-size:.85rem;font-weight:500}.event-desc{font-size:.78rem;color:var(--text-muted);margin-top:.2rem;line-height:1.4}.cross-cultural .section-header{color:var(--accent)}.no-events{color:var(--text-muted);font-size:.85rem;text-align:center;padding:2rem 0}.chat-toggle{background:none;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;padding:.2rem}.chat-toggle:hover{color:var(--text)}.chat-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);display:flex;align-items:stretch;justify-content:flex-end;z-index:200}.chat-panel{width:420px;max-width:95vw;background:var(--detail-bg);display:flex;flex-direction:column;border-left:1px solid var(--border);animation:slideIn .2s ease-out}.chat-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border);flex-shrink:0}.chat-panel-header h3{font-size:.9rem;font-weight:600;color:var(--accent)}.chat-messages{flex:1;overflow-y:auto;padding:1rem;min-height:0}.chat-empty{text-align:center;color:var(--text-muted);padding:2rem 0}.chat-empty p{font-size:.85rem;margin-bottom:1rem}.chat-suggestions{display:flex;flex-direction:column;gap:.4rem}.chat-suggestions button{background:var(--bg-surface);border:1px solid var(--border);color:var(--text);padding:.5rem .75rem;border-radius:8px;font-size:.75rem;cursor:pointer;text-align:left;transition:background .1s}.chat-suggestions button:hover{background:var(--bg-hover);border-color:var(--accent)}.chat-message{margin-bottom:.75rem}.chat-message.user .message-content{background:color-mix(in srgb,var(--accent) 15%,transparent);border-radius:12px 12px 4px;padding:.5rem .75rem;font-size:.82rem;margin-left:2rem}.chat-message.assistant .message-content{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px 12px 12px 4px;padding:.5rem .75rem;font-size:.82rem;margin-right:2rem;line-height:1.5}.loading-dots{color:var(--text-muted);font-style:italic}.chat-input-bar{display:flex;gap:.4rem;padding:.6rem;border-top:1px solid var(--border);flex-shrink:0}.chat-input{flex:1;background:var(--bg-surface);border:1px solid var(--border);color:var(--text);padding:.5rem .75rem;border-radius:8px;font-size:.82rem;outline:none}.chat-input:focus{border-color:var(--accent)}.chat-input::placeholder{color:var(--text-muted)}.chat-send{background:var(--accent);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer}.chat-send:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1024px){.calendar-grid{grid-template-columns:repeat(3,1fr)}.chip-label{display:none}}@media(max-width:768px){.calendar-grid{grid-template-columns:repeat(2,1fr)}.day-detail,.chat-panel{width:100%;max-width:100vw;border-left:none}}@media(max-width:500px){.calendar-grid{grid-template-columns:1fr}.top-bar{flex-wrap:wrap;gap:.4rem}.calendar-toggles{order:10;width:100%;justify-content:center}.day-detail-overlay{align-items:flex-end}.day-detail{height:60vh;border-left:none;border-top:1px solid var(--border);border-radius:12px 12px 0 0;animation:slideUp .2s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}}