:root{color:#1a1a1a;background-color:#fffdf5;font-family:Nunito,Fredoka,sans-serif;font-smooth:always}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:#fffdf5;background-image:radial-gradient(#e5e5e5 1px,transparent 1px);background-size:20px 20px;color:#1a1a1a}#root{min-height:100vh}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes shine{0%{left:-100%;top:-100%}20%{left:100%;top:100%}to{left:100%;top:100%}}@keyframes scale-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-float{animation:float 3s ease-in-out infinite}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-marquee{width:max-content;animation:marquee 18s linear infinite}@media(prefers-reduced-motion:reduce){.animate-marquee{animation:none}}@keyframes marquee-vertical{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.checkin-modal{max-width:400px}.checkin-content{padding:16px}.checkin-calendar{background:#f5f5f5;border-radius:12px;padding:16px;margin-bottom:16px}.calendar-header{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:12px;color:#666;margin-bottom:8px}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:14px}.calendar-day.today{background:#667eea;color:#fff;font-weight:700}.calendar-day.past{background:#e0e0e0;color:#999}.checkin-actions{text-align:center}.checkin-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 48px;border-radius:24px;font-size:16px;font-weight:700}.checkin-btn:disabled{opacity:.6}.checked-in{text-align:center;color:#4caf50}.check-icon{font-size:48px;margin-bottom:8px}.blindbox-hint{margin-top:16px;padding:16px;background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:12px;color:#fff}.blindbox-btn{background:#fff;color:#f5576c;border:none;padding:10px 32px;border-radius:20px;font-weight:700;margin-top:8px}.checkin-entry-btn{display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 16px;border-radius:12px}.checkin-entry-btn.checked{background:linear-gradient(135deg,#4caf50,#45a049)}.checkin-icon{font-size:24px}.checkin-text{font-size:12px;margin-top:4px}.dynamics-modal{max-width:500px;max-height:80vh;overflow-y:auto}.publish-section{display:flex;gap:12px;padding:16px;border-bottom:1px solid #eee}.user-avatar img{width:40px;height:40px;border-radius:50%}.publish-input-wrapper{flex:1}.publish-input{width:100%;border:1px solid #ddd;border-radius:12px;padding:12px;resize:none;font-size:14px;min-height:60px}.publish-input:focus{outline:none;border-color:#667eea}.publish-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.char-count{font-size:12px;color:#999}.publish-btn{background:#667eea;color:#fff;border:none;padding:8px 24px;border-radius:16px;font-weight:700}.publish-btn:disabled{background:#ccc}.dynamics-list{padding:16px}.dynamic-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #f0f0f0}.dynamic-avatar img{width:40px;height:40px;border-radius:50%}.dynamic-content{flex:1}.dynamic-header{display:flex;justify-content:space-between;margin-bottom:4px}.username{font-weight:700;color:#333}.time{font-size:12px;color:#999}.dynamic-text{margin:0;font-size:14px;line-height:1.5}.user-dynamic-preview{display:flex;justify-content:space-between;align-items:center;background:#f5f5f5;padding:16px;border-radius:12px;cursor:pointer}.preview-label{font-weight:700;color:#333}.preview-hint{font-size:12px;color:#999;margin:4px 0 0}.preview-arrow{font-size:24px;color:#667eea}.messageboard-modal{max-width:500px;max-height:80vh;overflow-y:auto}.messageboard-tabs{display:flex;border-bottom:1px solid #eee;padding:0 16px}.messageboard-tabs .tab{padding:12px 16px;font-weight:700;color:#667eea;border-bottom:2px solid #667eea}.message-list{padding:16px}.message-item{display:flex;gap:12px;padding:12px;border-radius:12px;margin-bottom:12px;background:#f9f9f9;transition:background .3s}.message-item.interactive{background:linear-gradient(135deg,#667eea20,#764ba220);cursor:pointer}.message-item.interactive:hover{background:linear-gradient(135deg,#667eea40,#764ba240)}.message-avatar img{width:40px;height:40px;border-radius:50%}.message-body{flex:1}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.message-username{font-weight:700}.message-tag{font-size:12px;padding:2px 8px;border-radius:10px;background:#667eea;color:#fff}.message-tag.point_account{background:#f6d365;color:#333}.message-tag.ai{background:#4caf50}.message-text{margin:0;font-size:14px;line-height:1.5}.interaction-hint{font-size:12px;color:#667eea;margin-top:4px;display:block}.npc-entry-modal{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:24px}.npc-entry-content{background:#fff;border-radius:16px;padding:24px;text-align:center;width:100%}.npc-entry-content h4{margin:0 0 8px;color:#667eea}.npc-entry-content p{margin:8px 0;color:#666}.hint{font-size:12px;color:#999}.keyword-input{width:100%;padding:12px;border:1px solid #ddd;border-radius:12px;font-size:16px;text-align:center;margin:16px 0}.keyword-input:focus{outline:none;border-color:#667eea}.npc-entry-actions{display:flex;gap:12px;justify-content:center}.npc-entry-actions button{padding:10px 24px;border-radius:20px;border:none;font-weight:700}.npc-entry-actions button:first-child{background:#e0e0e0;color:#666}.npc-entry-actions .confirm-btn{background:#667eea;color:#fff}.messageboard-entry{display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px;border-radius:12px;cursor:pointer}.entry-icon{font-size:24px}.entry-text{font-size:12px;margin-top:4px}.error-message{background:#ffebee;color:#c62828;padding:12px;border-radius:8px;margin:12px;font-size:14px}.loading{text-align:center;padding:32px;color:#999}.empty-state{text-align:center;padding:48px;color:#999}.animate-marquee-vertical{will-change:transform;animation:marquee-vertical 24s linear infinite}@media(prefers-reduced-motion:reduce){.animate-marquee-vertical{animation:none;transform:none}}