@import url('../css/style.css');

body{
  min-height:100vh; display:flex; align-items:center; justify-content:center;
  background:
    radial-gradient(circle at 50% 30%, rgba(143,16,22,0.06), transparent 60%),
    var(--bg);
}

.lock-box{
  width:min(420px, 90vw);
  border:1px solid var(--border);
  background:var(--panel);
  padding:28px 26px;
}

.lock-head{ display:flex; justify-content:space-between; align-items:baseline; margin-bottom:18px; }
.lock-head span{ font-size:11px; color:var(--text-dim); letter-spacing:1px; }
.lock-head .lvl{ color:var(--blood-bright); }

.lock-ascii{ font-size:10px; color:var(--border); line-height:1.15; white-space:pre; margin-bottom:18px; user-select:none; }

.lock-title{ font-size:15px; color:var(--text-bright); margin-bottom:4px; font-weight:700; }
.lock-sub{ font-size:11.5px; color:var(--text-dim); margin-bottom:22px; line-height:1.6; }

.lock-field{ position:relative; margin-bottom:14px; }
.lock-field input{
  width:100%; background:var(--bg-alt); border:1px solid var(--border);
  color:var(--text-bright); font-family:var(--mono); font-size:14px;
  padding:11px 12px; letter-spacing:2px;
}
.lock-field input:focus{ outline:none; border-color:var(--blood); }
.lock-field input:disabled{ opacity:0.4; }

.lock-btn{
  width:100%; background:var(--blood); border:1px solid var(--blood); color:#fff;
  font-family:var(--mono); font-size:12.5px; padding:11px; font-weight:700;
}
.lock-btn:hover:not(:disabled){ background:var(--blood-bright); border-color:var(--blood-bright); }
.lock-btn:disabled{ opacity:0.35; }

.lock-status{ min-height:18px; font-size:11.5px; margin-top:12px; color:var(--text-dim); }
.lock-status.err{ color:var(--blood-bright); }
.lock-status.ok{ color:#5c9c5c; }

.lock-meta{ margin-top:20px; padding-top:16px; border-top:1px solid var(--border-dim); font-size:10.5px; color:var(--text-dim); line-height:1.7; }
.lock-meta code{ color:var(--text); }

.lock-back{ display:block; text-align:center; margin-top:18px; font-size:11.5px; color:var(--text-dim); }
.lock-back:hover{ color:var(--blood-bright); }