*{margin:0;padding:0;box-sizing:border-box}html,body{background:#e8e8e8;color:#222;font-family:'Noto Sans JP',sans-serif;line-height:1.6}.app{max-width:900px;margin:0 auto;padding:2rem}.header{text-align:center;padding:2rem 0;border-bottom:3px solid #d32f2f}.title{font-size:2.5rem;color:#d32f2f;margin-bottom:0.5rem}.subtitle{color:#666;font-size:0.95rem}.main{padding:2rem 0}.daily h2,.threads h2{font-size:1.8rem;color:#333;margin-bottom:1rem}.topic-box{background:#fff;padding:2rem;border-left:4px solid #d32f2f;box-shadow:0 2px 4px rgba(0,0,0,0.05)}.topic-box h3{color:#d32f2f;margin-bottom:0.5rem}.topic-box p{color:#666}.threads{margin:2rem 0}.thread-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.thread{background:#fff;padding:1.5rem;border:1px solid #ddd;transition:all 300ms}.thread:hover{border-color:#d32f2f;box-shadow:0 2px 8px rgba(211,47,47,0.1)}.thread h3{color:#d32f2f;margin-bottom:0.5rem;font-size:1.1rem}.thread p{color:#888;font-size:0.9rem}.action{text-align:center;margin:2rem 0}.btn{padding:1rem 2rem;background:#d32f2f;color:#fff;border:none;font-weight:700;cursor:pointer;border-radius:4px;transition:all 300ms}.btn:hover{background:#b71c1c}@media(max-width:768px){.thread-list{grid-template-columns:1fr}}