*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:radial-gradient(ellipse at top right,#234d3d,#0a1914 65%);color:#f7f2df;font:16px/1.5 Arial,sans-serif;min-height:100vh}main{max-width:1160px;margin:auto;padding:24px}header{display:flex;align-items:center;gap:20px;border-bottom:1px solid #456151;padding-bottom:20px}header a{font-size:24px;font-weight:900;color:#e8cd87;text-decoration:none}header span{flex:1 1;font-size:12px;letter-spacing:3px}h1{font-size:clamp(38px,6vw,64px);line-height:1.03;margin:12px 0 20px;letter-spacing:-2px}h2{margin-top:0;font-size:24px}h3{font-size:18px}.hero{padding:36px 0 16px}.eyebrow{letter-spacing:3px;color:#e8cd87;font-size:12px;font-weight:700}.notice{border:1px solid #967e48;background:#302d1c;padding:16px;border-radius:12px;color:#fff2cc}.grid,.status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.status{grid-template-columns:repeat(4,minmax(0,1fr));margin:24px 0}.status>div{padding:16px;background:#19392c;border:1px solid #456151;border-radius:12px}.status small{display:block;color:#c0d4c9}.status strong{display:block;overflow-wrap:anywhere;margin-top:8px}nav{display:flex;gap:10px;margin:24px 0}.card{background:#132d23;border:1px solid #456151;border-radius:18px;padding:26px;margin-bottom:18px}.muted,footer{color:#bdd0c4}.login{max-width:560px}button,input{font:inherit;border:1px solid #6a8173;border-radius:9px;padding:12px;color:#f7f2df;background:#1d4031}button{cursor:pointer;font-weight:700}button:hover{border-color:#e8cd87}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #e8cd87;outline-offset:3px}button:disabled{opacity:.55;cursor:default}.primary,nav button[aria-pressed=true]{background:#e8cd87;color:#14291e;border-color:#e8cd87}input{width:100%;margin-top:7px;background:#091c13}input,label{display:block}label{margin-bottom:18px}fieldset{border:0;padding:0;margin:0;min-width:0}.row{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #456151;padding:12px 0}.row span:last-child{text-align:right}.save{display:flex;gap:20px;align-items:end}.save label{flex:1 1;margin:0}.pack{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:center;border-bottom:1px solid #456151;padding-top:16px}details{border-top:1px solid #456151;padding:16px 0}summary{cursor:pointer;font-weight:700}.compare{display:grid;grid-template-columns:1fr 1fr;gap:16px}pre{overflow:auto;background:#091c13;padding:16px;border-radius:10px}footer,pre{font-size:13px}footer{padding:24px 0;text-align:center}@media (max-width:700px){main{padding:16px}.compare,.grid{grid-template-columns:1fr}.status{grid-template-columns:1fr 1fr}.card{padding:20px}nav{gap:6px}nav button{flex:1 1;padding:10px 8px}.save{display:block}.save button{width:100%;margin-top:16px}.pack{grid-template-columns:1fr 1fr}.pack label:first-child{grid-column:1/-1}.hero{padding-top:24px}}