:root{font-family:Inter,system-ui,sans-serif}body{background:#f8fafc;margin:0}.container{max-width:640px;margin:auto;padding:24px}header{text-align:center}h1{margin-top:24px}.subtitle{color:#475569}.actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}button{cursor:pointer;border:none;border-radius:10px;padding:12px 20px}#subscribeBtn{color:#fff;background:#2563eb}#installBtn{background:#e2e8f0}.notices{margin-top:40px}.notices ul{gap:16px;margin:0;padding:0;list-style:none;display:grid}.notice-card{background:#fff;border-radius:18px;padding:18px;transition:transform .2s,box-shadow .2s;box-shadow:0 16px 40px #0f172a14}.notice-card:hover{transform:translateY(-2px);box-shadow:0 20px 48px #0f172a1f}.notice-card a{color:inherit;text-decoration:none;display:block}.notice-card-title{color:#1e293b;margin-bottom:8px;font-size:1rem;font-weight:600}.notice-card-meta{color:#64748b;font-size:.92rem}.notice-empty{text-align:center;color:#94a3b8;padding:32px 16px}.ads{background:#fff;border-radius:10px;justify-content:center;align-items:center;min-height:250px;margin-top:40px;margin-bottom:40px;padding:12px;display:flex}footer{text-align:center;margin-top:50px}footer a{color:#2563eb;margin:0 10px;text-decoration:none}footer a:hover{text-decoration:underline}.copyright{text-align:center;color:#94a3b8;border-top:1px solid #e2e8f0;margin-top:32px;padding-top:24px;font-size:.85rem}.copyright a{color:#2563eb;text-decoration:none}.copyright a:hover{text-decoration:underline}.modal{z-index:1000;background:#0009;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal-overlay{cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.modal-box{z-index:1001;background:#fff;border-radius:16px;width:90%;max-width:640px;max-height:80vh;padding:32px;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0f172a4d}.modal-close{cursor:pointer;color:#64748b;background:0 0;border:none;padding:4px 8px;font-size:28px;line-height:1;position:absolute;top:12px;right:12px}.modal-close:hover{color:#1e293b}.modal-content h2{color:#1e293b;margin-top:0}.modal-content h3{color:#334155;margin-top:24px;margin-bottom:12px}.modal-content p{color:#475569;margin-bottom:16px;line-height:1.6}.modal-content a{color:#2563eb;text-decoration:none}.modal-content a:hover{text-decoration:underline}