:root{font-family:Inter,system-ui,sans-serif;color:#132d37;background:#f3f6f5}*{box-sizing:border-box}body{margin:0}header{height:88px;padding:0 5vw;display:flex;align-items:center;gap:16px;background:white;border-bottom:1px solid #dee7e2}header small{display:block;font-size:10px;letter-spacing:2px;color:#70847c;margin-top:5px}header>a{margin-left:auto}.brand{background:#123f35;color:white;font-size:24px;padding:12px;border-radius:12px;font-weight:800}.brand span{font-size:11px;color:#8fe2b2}main{max-width:1260px;padding:48px 28px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px}h1{font-size:clamp(28px,4vw,42px);letter-spacing:-1.5px;margin:10px 0}p{color:#657b73;line-height:1.6}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#287b5a}.badge{padding:12px 18px;border-radius:30px;background:#e6e9e7;color:#59675e;white-space:nowrap}.online{background:#dbf3e4;color:#136a3a}.notice{margin:24px 0;padding:17px 20px;border:1px solid #d7e5dc;border-radius:12px;font-size:13px;line-height:1.6}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}article{background:white;padding:24px;border:1px solid #dce6e0;border-radius:18px;box-shadow:0 6px 16px #13312604}.cardtop{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.number{font-weight:800;font-size:22px;color:#8fa49a}.status{background:#eef4f0;padding:6px 10px;border-radius:8px;font-size:12px}.rename{display:flex;gap:4px}.rename input{width:100%;min-width:0;padding:6px 0;border:none;font-size:20px;font-weight:700;color:#173a2e}.meta{font-size:10px;letter-spacing:1.5px;margin-bottom:22px}.open{display:block;text-align:center;background:#153f33;color:white;padding:13px;border-radius:9px;text-decoration:none;font-size:14px;font-weight:600}.actions{display:flex;gap:10px;margin-top:10px}.actions form{flex:1}.actions button{width:100%}button{cursor:pointer;padding:11px 16px;border:1px solid #cfddd5;border-radius:9px;background:white;color:#214b38;font-weight:600}button:hover,.open:hover{filter:brightness(.94)}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:#1d674b;color:white;border-color:#1d674b}.quiet{color:#507466;font-size:12px;background:transparent;border:none;text-decoration:none}.result{font-size:12px;min-height:19px;margin-bottom:0}.connect{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:30px;padding:26px;background:#e7eeea;border-radius:16px}h2{font-size:18px}.connect p{font-size:13px}footer{display:flex;gap:16px;align-items:center;margin-top:32px}footer span{flex:1;font-size:12px;color:#77897f}.login{max-width:440px;margin:30px auto;background:white;padding:36px;border-radius:20px}.login label{display:block;font-size:13px;margin-bottom:20px}.login input{display:block;width:100%;padding:12px;border:1px solid #bbcfc3;border-radius:8px;margin-top:8px}.error{color:#a43131;font-size:13px}@media(max-width:950px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.grid{grid-template-columns:1fr}.intro,.connect,footer{align-items:flex-start;flex-direction:column}main{padding:28px 16px}header{padding:0 16px}header strong{font-size:14px}.badge{font-size:12px}.login{padding:24px}}