:root{color:#ecf6f8;background:#081220;font-family:Inter,ui-sans-serif,system-ui}*{box-sizing:border-box}body{min-width:320px;margin:0}main{background:radial-gradient(circle at 80% 0,#123c3d,#081220 52%);max-width:620px;min-height:100vh;margin:auto;padding-bottom:84px}header{border-bottom:1px solid #1a3940;justify-content:space-between;align-items:center;height:72px;padding:0 24px;display:flex}.brand{color:#e4c979;align-items:center;gap:9px;font-size:20px;display:flex}.brand span{font-size:27px}.login,.quick,li button{color:#d9edef;background:0 0;border:1px solid #2d5960;border-radius:10px;padding:10px 14px}.content{padding:56px 24px}.eyebrow{letter-spacing:.13em;color:#e4c979;font-size:11px;font-weight:700}.muted{color:#9fb6ba;line-height:1.55}h1{margin:8px 0 16px;font-size:36px;line-height:1.1}h2{margin-top:32px;font-size:20px}.hero{text-align:left;color:#fff;background:#0f4c4f;border:0;border-radius:18px;gap:5px;width:100%;margin:24px 0 10px;padding:22px;display:grid}.hero strong{font-size:18px}.hero span{color:#b9dada}.quick{width:100%;margin-top:6px}.compose{background:#10232c;border:1px solid #28515a;border-radius:16px;padding:12px}.compose textarea{color:#fff;width:100%;min-height:120px;font:inherit;resize:vertical;background:0 0;border:0}.compose button{color:#172022;background:#dfbf67;border:0;border-radius:9px;padding:10px 16px;font-weight:700}ul{gap:10px;padding:0;list-style:none;display:grid}li,article{background:#10232c;border:1px solid #1e3b45;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}small{color:#91a9ad;margin-top:5px;display:block}.rank{color:#dfbf67;font-size:20px;font-weight:800}.notice{background:#173e3f;border-radius:10px;padding:12px 16px;position:fixed;bottom:90px;left:50%;transform:translate(-50%)}nav{background:#0a1820;border-top:1px solid #1b3941;justify-content:center;gap:45px;padding:18px;display:flex;position:fixed;bottom:0;left:0;right:0}nav button{color:#9fb6ba;font:inherit;background:0 0;border:0}nav .active{color:#e4c979;font-weight:700}@media (width>=700px){main{border-left:1px solid #1a3940;border-right:1px solid #1a3940}}