:root{--navy:#0b3a53;--blue:#126b85;--gold:#f6b83f;--ink:#17242a;--soft:#f4f7f8;--line:#d9e2e6}*{box-sizing:border-box}body{margin:0;background:var(--soft);color:var(--ink);font:16px system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}main{max-width:840px;margin:auto;min-height:100vh;padding:20px}.brand{display:flex;align-items:center;gap:11px;color:var(--navy);font-weight:800;font-size:1.15rem}.mark{width:35px;height:35px;background:var(--navy);border-radius:9px;display:grid;place-items:center;color:var(--gold)}h1{font-size:clamp(1.8rem,7vw,3rem);margin:28px 0 10px;color:var(--navy);line-height:1.05}h2{color:var(--navy)}.lead{font-size:1.08rem;line-height:1.55;color:#4c6068;max-width:650px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;margin:16px 0;box-shadow:0 4px 16px #163b4b0a}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(134px,1fr));gap:10px}.photo{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:white;touch-action:none}.photo img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.photo small{display:block;padding:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}button,.button,select,input{font:inherit;border-radius:10px;padding:13px;border:1px solid var(--line)}button,.button{border:0;background:var(--navy);color:#fff;font-weight:750;cursor:pointer;text-align:center}.button.gold{background:var(--gold);color:#17242a}.button.full{display:block;width:100%;font-size:1.05rem;padding:17px}.button.secondary{background:#eaf1f3;color:var(--navy)}button:disabled{opacity:.5}label{display:block;font-weight:650;margin:12px 0 6px}input,select{width:100%;background:white}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row>*{flex:1}.muted{color:#61727a;font-size:.93rem}.notice{border-left:4px solid var(--gold);padding:10px 12px;background:#fffaed;color:#68541b;border-radius:5px}.status{display:flex;align-items:center;gap:9px;font-weight:650}.dot{width:11px;height:11px;border-radius:50%;background:var(--gold);animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.3}}.bar{height:11px;border-radius:9px;background:#e7edef;overflow:hidden;margin-top:12px}.bar i{height:100%;display:block;background:linear-gradient(90deg,var(--blue),var(--gold));transition:width .4s}.project{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.project:last-child{border:0}.project img{width:64px;height:64px;object-fit:cover;background:#e6eef0;border-radius:9px}.project div{flex:1}.link{color:var(--blue);font-weight:700;cursor:pointer;background:none;padding:0}#viewer{height:65vh;min-height:420px;background:#18292f;border-radius:12px;overflow:hidden}.downloads{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.hidden{display:none!important}@media(max-width:480px){main{padding:15px}.card{padding:14px}.downloads{grid-template-columns:1fr}.row>*{min-width:100%}}