.posttime-calculator{max-width:1400px;margin:0 auto}.today-alert{display:flex;align-items:flex-start;gap:16px;padding:20px;background:linear-gradient(135deg,#fff7e6,#ffd591);border-radius:16px;margin-bottom:24px;border:1px solid #ffc53d}.alert-icon{font-size:32px;flex-shrink:0}.alert-content{flex:1}.alert-content strong{display:block;font-size:16px;color:#d46b00;margin-bottom:8px}.alert-platforms{font-size:14px;color:#8c5a00}.platform-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tab-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#fff;border:1px solid #e5e5e5;border-radius:20px;font-size:14px;color:var(--text-secondary, #666);cursor:pointer;transition:all .2s}.tab-btn:hover{border-color:#722ed1;color:#722ed1}.tab-btn.active{background:#722ed1;border-color:#722ed1;color:#fff}.platform-content{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #0000000f;margin-bottom:24px}.platform-detail{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.platform-header{padding-left:16px;margin-bottom:24px}.platform-header h2{margin:0 0 8px;font-size:20px;color:var(--text-primary, #333)}.platform-header p{margin:0;font-size:14px;color:var(--text-secondary, #666)}.time-section{margin-bottom:20px}.time-section:last-child{margin-bottom:0}.time-section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-primary, #333)}.time-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.time-card{padding:16px;border-radius:12px;background:#fafafa}.time-card.best{background:#f6ffed;border:1px solid #b7eb8f}.time-card.avoid{background:#fff2f0;border:1px solid #ffccc7}.time-range{font-size:16px;font-weight:700;color:var(--text-primary, #333);margin-bottom:4px}.time-reason{font-size:12px;color:var(--text-secondary, #666);margin-bottom:8px}.time-rating{font-size:12px;color:#fa8c16}.tips-section{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #0000000f;margin-bottom:24px}.tips-section h3{margin:0 0 16px;font-size:16px;color:var(--text-primary, #333)}.tips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.tip-card{padding:16px;background:#fafafa;border-radius:12px;text-align:center}.tip-icon{font-size:28px;margin-bottom:8px}.tip-title{font-size:14px;font-weight:600;color:var(--text-primary, #333);margin-bottom:4px}.tip-desc{font-size:12px;color:var(--text-secondary, #666);line-height:1.4}.calendar-section{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #0000000f}.calendar-section h3{margin:0 0 16px;font-size:16px;color:var(--text-primary, #333)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.calendar-day{padding:12px 8px;background:#fafafa;border-radius:12px;text-align:center}.calendar-day.today{background:linear-gradient(135deg,#722ed1,#b37feb)}.calendar-day.today .day-name,.calendar-day.today .day-recommendation{color:#fff}.day-name{font-size:12px;font-weight:600;color:var(--text-primary, #333);margin-bottom:4px}.day-recommendation{font-size:10px;color:var(--text-secondary, #666);line-height:1.4}@media(max-width:768px){.today-alert{flex-direction:column}.alert-icon{font-size:24px}.time-grid{grid-template-columns:1fr}.calendar-grid,.tips-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.calendar-grid{grid-template-columns:repeat(2,1fr)}.calendar-day{padding:10px 6px}.tips-grid{grid-template-columns:1fr}}