*{box-sizing:border-box}body{margin:0;background:#f3f4f6;color:#111827;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}header{background:#111827;color:#fff;padding:18px;display:flex;justify-content:space-between;align-items:center;position:-webkit-sticky;position:sticky;top:0;z-index:4}header small{font-size:10px;letter-spacing:1.4px;opacity:.7}h1{font-size:21px;margin:5px 0}h1 em{font-size:10px;font-style:normal;border:1px solid #6b7280;border-radius:5px;padding:3px 5px}header label{font-size:10px;border:1px solid #4b5563;border-radius:7px;padding:7px}.page{max-width:900px;margin:auto;padding:18px 16px 90px}.card,.empty,.hero,.rule,.stat{background:#fff;border:1px solid #e5e7eb;border-radius:14px}.hero{padding:20px;display:flex;justify-content:space-between;gap:15px;align-items:center}.head h2,.hero h2{font-size:28px;margin:5px 0}.card span,.head p,.hero p,.stat span{color:#6b7280}.primary{border:0;background:#2563eb;color:#fff;border-radius:9px;padding:10px 14px;font-weight:700}.stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:9px;gap:9px;margin:12px 0}.stat{padding:15px}.stat b{display:block;font-size:25px}.stat span{font-size:12px}.section{display:flex;justify-content:space-between;align-items:center;margin:23px 2px 8px}.section h3{margin:0}.section button,footer button{border:0;background:none;color:#2563eb}.card{padding:14px;margin-bottom:9px}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.card small,.card span{display:block;margin-top:5px;font-size:12px}.right{text-align:right}.card i{font-style:normal;background:#eef2ff;color:#3730a3;border-radius:999px;padding:4px 8px;font-size:11px}.add,.compose{display:flex;gap:8px;margin-bottom:12px}.add input,.compose input{flex:1 1;border:1px solid #d1d5db;border-radius:9px;padding:11px;background:#fff}.actions button,.add button{border:1px solid #d1d5db;background:#fff;border-radius:8px;padding:9px 11px}.msg>div:first-child{display:flex;gap:8px;align-items:center}.msg p{font-size:16px}.msg section{background:#f9fafb;border-radius:9px;padding:11px;line-height:1.45}.actions{display:flex;justify-content:flex-end;gap:7px;margin-top:10px}.actions .primary{border-color:#2563eb}.chat{display:grid;grid-gap:9px;gap:9px;margin-bottom:12px}.bubble{max-width:88%;background:#fff;border:1px solid #e5e7eb;border-radius:13px;padding:11px 13px;line-height:1.45}.bubble.user{justify-self:end;background:#111827;color:#fff}.tiny{font-size:12px;color:#6b7280}.rule{margin-top:20px;padding:14px;background:#fffbeb;border-color:#fcd34d;font-size:13px;line-height:1.5}.empty{text-align:center;padding:30px;border-style:dashed}.notice{right:14px;top:75px;z-index:10;background:#111827;color:#fff;border:0;border-radius:9px;padding:10px 13px}.notice,nav{position:fixed}nav{bottom:0;left:0;right:0;border-top:1px solid #e5e7eb;display:grid;grid-template-columns:repeat(5,1fr);z-index:5;padding-bottom:env(safe-area-inset-bottom)}nav,nav button{background:#fff}nav button{border:0;padding:12px 3px 14px;color:#6b7280;font-size:12px;position:relative}nav .sel{color:#111827;font-weight:700}nav sup{position:absolute;top:4px;right:24%;background:#dc2626;color:#fff;border-radius:99px;padding:2px 5px;font-size:9px}footer{max-width:900px;margin:auto;padding:0 16px 90px;display:flex;justify-content:space-between;font-size:11px;color:#9ca3af}@media(max-width:500px){.hero{display:block}.hero .primary{width:100%;margin-top:14px}.actions button{flex:1 1}}@media(min-width:700px){.page{padding-top:28px}}