*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#0c1c21;color:#eef7f5;font:16px/1.6 system-ui,-apple-system,sans-serif}main{max-width:1060px;margin:auto;padding:24px max(22px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left))}a{color:inherit}.library-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:12px;font-weight:700;text-decoration:none}.brand img{width:38px;height:38px;border-radius:10px}.eyebrow{color:#77d9c8;letter-spacing:.16em;font-size:12px;font-weight:700}h1{font-size:clamp(32px,6vw,56px);line-height:1.1;letter-spacing:-.035em;margin:14px 0 20px}.intro{padding:54px 0 34px;max-width:690px}.intro>p:last-child{color:#b9cfce;font-size:18px}.models{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.model-card{overflow:hidden;border-radius:20px;border:1px solid #345057;background:#142b31;text-decoration:none;transition:border-color .15s}.model-card:hover{border-color:#77d9c8}.model-card>img{width:100%;height:230px;object-fit:cover;display:block}.card-copy{padding:22px}h2{font-size:25px;line-height:1.2;margin:0 0 12px}.card-copy p{color:#bad0ce;margin:10px 0}.card-copy .model-meta{font-size:13px;color:#91acae}.open-model{display:block;color:#86e5d3;margin-top:24px;font-weight:700}button{border:0;border-radius:10px;background:#87e3d0;color:#10282e;min-height:46px;padding:10px 20px;font:700 16px system-ui;cursor:pointer}.quiet{border:1px solid #466267;color:#d3e5e2;background:transparent;font-size:14px;padding:8px 12px}footer{padding:26px 0;color:#a5bfbd;font-size:14px}summary{cursor:pointer;min-height:44px;padding:10px 0}.hint{font-size:13px;color:#9bb7b5}.login{max-width:470px;padding-top:max(60px,env(safe-area-inset-top))}.login h1{font-size:38px}.app-icon{width:70px;height:70px;border-radius:18px}.login label{display:block;font-weight:600;margin:18px 0}.login input{display:block;width:100%;background:#142c33;border:1px solid #527177;border-radius:9px;color:#fff;font:18px system-ui;padding:13px;margin-top:7px}.login button{width:100%}:focus-visible{outline:3px solid #9af2dd;outline-offset:4px}@media(max-width:640px){.models{grid-template-columns:1fr;gap:20px}.intro{padding:34px 0 20px}.brand{font-size:14px;gap:8px}.brand img{width:30px;height:30px}.model-card>img{height:210px}.card-copy{padding:20px}main{padding-top:max(20px,env(safe-area-inset-top))}}