:root{--lock-bg:#06100c;--lock-panel:#08241b;--lock-line:#174d3d;--lock-mint:#70e0b5;--lock-mint-2:#3fcaa0;--lock-ink:#f5f3ea;--lock-muted:#83aa9c;--lock-warn:#ffc969}
.foal-lock{background:var(--lock-bg);color:var(--lock-ink)}
.lock-main{min-width:0;background:radial-gradient(circle at 82% 8%,rgba(57,199,151,.12),transparent 28%),linear-gradient(rgba(51,120,94,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(51,120,94,.055) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}
.lock-topbar{border-bottom:1px solid rgba(112,224,181,.18);background:rgba(5,23,17,.88);backdrop-filter:blur(16px)}
.lock-topbar-mark{display:flex;align-items:center;gap:9px;color:#add3c5;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.lock-topbar-mark span{width:8px;height:8px;border-radius:50%;background:var(--lock-mint);box-shadow:0 0 18px var(--lock-mint)}
.lock-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:48px;padding:68px clamp(24px,5vw,76px) 42px;max-width:1500px;margin:auto}
.lock-kicker,.lock-builder-card header span,.lock-positions-card header span,.lock-token-modal header span{color:var(--lock-mint);font-size:11px;font-weight:800;letter-spacing:.14em}
.lock-hero h1{font-size:clamp(48px,6.2vw,88px);line-height:.94;letter-spacing:-.065em;margin:16px 0 24px}.lock-hero h1 em{font-style:normal;color:var(--lock-mint)}
.lock-hero>div>p{color:#9fc2b5;font-size:16px;line-height:1.7;max-width:720px;margin:0}
.lock-trust-grid{display:grid;gap:10px;align-content:end}.lock-trust-grid article{position:relative;padding:20px 20px 20px 62px;border:1px solid var(--lock-line);background:linear-gradient(120deg,rgba(13,53,40,.94),rgba(5,24,18,.94));border-radius:16px}.lock-trust-grid article>span{position:absolute;left:20px;top:21px;color:var(--lock-mint);font-weight:800}.lock-trust-grid b,.lock-trust-grid small{display:block}.lock-trust-grid b{font-size:15px}.lock-trust-grid small{color:var(--lock-muted);margin-top:5px}
.lock-metrics{max-width:1500px;margin:0 auto 24px;padding:0 clamp(24px,5vw,76px);display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.lock-metrics article{padding:18px 20px;border:1px solid var(--lock-line);border-radius:14px;background:rgba(5,29,21,.86)}.lock-metrics small,.lock-metrics span,.lock-metrics a{display:block;color:var(--lock-muted);font-size:11px}.lock-metrics b{display:block;font-size:22px;margin:7px 0}.lock-metrics a{color:var(--lock-mint);text-decoration:none}
.lock-alert{max-width:calc(1500px - clamp(48px,10vw,152px));margin:0 auto 16px;padding:13px 16px;border:1px solid rgba(112,224,181,.24);border-radius:12px;background:rgba(13,55,41,.8);color:#bde2d4;font-size:13px}.lock-alert.error{border-color:#8c403d;background:#2c1515;color:#ffaaa5}.lock-alert.success{border-color:#2c9e78;color:#8df3ca}
.lock-workspace{max-width:1500px;margin:auto;padding:0 clamp(24px,5vw,76px) 80px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:18px;align-items:start}
.lock-builder-card,.lock-positions-card{border:1px solid var(--lock-line);border-radius:24px;background:linear-gradient(145deg,rgba(7,42,31,.97),rgba(4,19,14,.98));box-shadow:0 22px 60px rgba(0,0,0,.22);overflow:hidden}
.lock-builder-card>header,.lock-positions-card>header,.lock-token-modal>header{padding:25px 28px;border-bottom:1px solid rgba(112,224,181,.15);display:flex;align-items:center;justify-content:space-between;gap:16px}.lock-builder-card h2,.lock-positions-card h2,.lock-token-modal h2{margin:5px 0 0;font-size:23px}.lock-builder-card>header button{width:40px;height:40px;border:1px solid var(--lock-line);border-radius:12px;background:#09281e;color:var(--lock-mint);font-size:20px}
.lock-step{display:grid;grid-template-columns:36px 1fr;gap:14px;padding:24px 28px;border-bottom:1px solid rgba(112,224,181,.11)}.lock-step-number{width:30px;height:30px;border-radius:9px;background:var(--lock-mint);color:#032018;display:grid;place-items:center;font-weight:900}.lock-step-content>label,.lock-field-label label{display:block;font-size:12px;font-weight:800;color:#b9d7cc;margin-bottom:11px}
.lock-token-selector{width:100%;display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #24604b;border-radius:14px;background:#061d16;color:var(--lock-ink);text-align:left}.lock-token-selector>span:nth-child(2){flex:1;min-width:0}.lock-token-selector b,.lock-token-selector small{display:block}.lock-token-selector small{color:var(--lock-muted);font-size:11px;margin-top:3px;overflow:hidden;text-overflow:ellipsis}.lock-token-selector i{font-style:normal;color:var(--lock-mint);font-size:18px}
.lock-token-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#164f3b;color:var(--lock-mint);font-weight:900;background-position:center;background-size:cover;flex:0 0 auto}
.lock-manual-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.lock-manual-row input,.lock-amount-field,.lock-date-field input,.lock-token-search{border:1px solid #1c503e;background:#051b14;border-radius:12px;color:var(--lock-ink)}.lock-manual-row input{padding:12px;min-width:0}.lock-manual-row button{border:0;border-radius:11px;padding:0 16px;background:#174c3a;color:var(--lock-mint);font-weight:800}
.lock-field-label,.lock-balance-line{display:flex;justify-content:space-between;align-items:center}.lock-field-label button,.lock-balance-line b{color:var(--lock-mint);background:none;border:0;font-weight:800}.lock-amount-field{display:flex;align-items:center;padding:0 14px}.lock-amount-field input{width:100%;min-width:0;border:0;background:transparent;color:white;font-size:30px;font-weight:800;padding:14px 0;outline:0}.lock-amount-field span{font-size:12px;font-weight:800;color:var(--lock-mint)}.lock-balance-line{font-size:11px;color:var(--lock-muted);margin-top:9px}
.lock-percent-row,.lock-duration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:13px}.lock-percent-row button,.lock-duration-grid button,.lock-filter-tabs button{border:1px solid #1d4c3c;background:#081f18;color:#9bc4b5;border-radius:9px;padding:9px 5px;font-weight:700;font-size:11px}.lock-duration-grid button.active,.lock-percent-row button:hover,.lock-filter-tabs button.active{background:var(--lock-mint);border-color:var(--lock-mint);color:#032018}
.lock-date-field{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:9px 12px;margin-top:12px}.lock-date-field span{font-size:11px;color:var(--lock-muted)}.lock-date-field input{border:0;padding:6px;background:transparent;color:white;color-scheme:dark;min-width:0}.lock-time-preview{margin-top:12px;padding:13px 15px;border-radius:12px;background:rgba(76,201,157,.08);border:1px solid rgba(112,224,181,.15)}.lock-time-preview span,.lock-time-preview b,.lock-time-preview small{display:block}.lock-time-preview span,.lock-time-preview small{color:var(--lock-muted);font-size:10px}.lock-time-preview b{margin:5px 0;font-size:14px}
.lock-review{margin:22px 28px 14px;padding:16px;border:1px solid rgba(112,224,181,.16);border-radius:14px;background:#061a14;display:grid;grid-template-columns:1fr 1fr;gap:14px}.lock-review div{min-width:0}.lock-review span,.lock-review b{display:block}.lock-review span{font-size:10px;color:var(--lock-muted);text-transform:uppercase}.lock-review b{margin-top:4px;font-size:12px;overflow:hidden;text-overflow:ellipsis}
.lock-confirm{display:flex;gap:10px;margin:0 28px 15px;color:#a4c6ba;font-size:11px;line-height:1.5}.lock-confirm input{accent-color:var(--lock-mint)}.lock-primary-action{display:block;width:calc(100% - 56px);margin:0 28px;border:0;border-radius:14px;padding:16px;background:linear-gradient(90deg,#78e4ba,#3dc99e);color:#021d15;font-weight:900;font-size:14px}.lock-primary-action:disabled{opacity:.42}.lock-action-note{text-align:center;color:var(--lock-muted);font-size:10px;margin:10px 20px 22px}
.lock-filter-tabs{display:flex;gap:5px}.lock-filter-tabs button{padding:7px 12px}.lock-list{padding:14px;display:grid;gap:10px;max-height:940px;overflow:auto}.lock-empty{text-align:center;padding:75px 24px;color:var(--lock-muted)}.lock-empty>span{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 16px;border:1px solid #2a6550;border-radius:50%;color:var(--lock-mint);font-size:25px}.lock-empty b{display:block;color:var(--lock-ink)}.lock-empty p{font-size:12px;line-height:1.5}
.lock-position{padding:18px;border:1px solid #194838;border-radius:16px;background:#061c15}.lock-position-head{display:flex;align-items:center;gap:11px}.lock-position-head>div:nth-child(2){flex:1;min-width:0}.lock-position-head b,.lock-position-head small{display:block}.lock-position-head small{color:var(--lock-muted);font-size:10px;margin-top:3px}.lock-status{font-size:9px;font-weight:900;border-radius:999px;padding:6px 8px;background:#173f31;color:#8fdbc0}.lock-status.ready{background:#315026;color:#c9f590}.lock-status.done{background:#242f2b;color:#83958e}.lock-position-amount{font-size:23px;font-weight:800;margin:17px 0 4px}.lock-position-value{color:var(--lock-muted);font-size:10px}.lock-progress{height:5px;border-radius:999px;background:#142d24;margin:16px 0 8px;overflow:hidden}.lock-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--lock-mint),var(--lock-warn));border-radius:inherit}.lock-position-time{display:flex;justify-content:space-between;font-size:10px;color:var(--lock-muted)}.lock-position-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.lock-position-actions button,.lock-position-actions a{border:1px solid #28604c;border-radius:10px;padding:10px;text-align:center;color:#a9d5c5;background:#09251c;text-decoration:none;font-weight:800;font-size:10px}.lock-position-actions button.primary{background:var(--lock-mint);color:#032018;border-color:var(--lock-mint)}.lock-position-actions button:disabled{opacity:.4}
.lock-modal-shell{position:fixed;inset:0;z-index:1000;display:none;place-items:center;padding:20px;background:rgba(0,8,6,.78);backdrop-filter:blur(12px)}.lock-modal-shell.open{display:grid}.lock-token-modal{width:min(600px,100%);max-height:min(760px,92vh);overflow:hidden;border:1px solid #27634d;border-radius:22px;background:#071b15;box-shadow:0 30px 100px #000}.lock-token-modal>header button{border:0;background:transparent;color:#9fc2b5;font-size:28px}.lock-token-search{display:flex;align-items:center;gap:10px;margin:18px;padding:0 14px}.lock-token-search input{width:100%;border:0;background:transparent;color:white;padding:13px 0;outline:0}.lock-token-list-head{display:flex;justify-content:space-between;padding:0 22px 8px;color:var(--lock-muted);font-size:9px;text-transform:uppercase}.lock-token-list{max-height:470px;overflow:auto;padding:0 12px 12px}.lock-token-row{display:flex;align-items:center;gap:12px;width:100%;padding:11px;border:0;border-radius:12px;background:transparent;color:white;text-align:left}.lock-token-row:hover{background:#0c2b21}.lock-token-row>span:nth-child(2){flex:1;min-width:0}.lock-token-row b,.lock-token-row small{display:block}.lock-token-row small{color:var(--lock-muted);font-size:10px;overflow:hidden;text-overflow:ellipsis}.lock-token-balance{text-align:right}.lock-token-modal>p{margin:0;padding:15px 20px;border-top:1px solid #183e30;color:var(--lock-muted);font-size:10px;line-height:1.5}
@media(max-width:1050px){.lock-hero,.lock-workspace{grid-template-columns:1fr}.lock-trust-grid{grid-template-columns:repeat(3,1fr)}.lock-trust-grid article{padding:52px 16px 16px}.lock-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.lock-topbar-mark{display:none}.lock-hero{padding:40px 16px 28px;gap:28px}.lock-hero h1{font-size:48px}.lock-trust-grid{grid-template-columns:1fr}.lock-trust-grid article{padding:18px 18px 18px 58px}.lock-metrics,.lock-workspace{padding-left:12px;padding-right:12px}.lock-metrics{grid-template-columns:1fr 1fr}.lock-metrics article{padding:14px}.lock-metrics b{font-size:17px}.lock-alert{margin-left:12px;margin-right:12px}.lock-builder-card,.lock-positions-card{border-radius:18px}.lock-step{padding:20px 16px;grid-template-columns:30px 1fr}.lock-builder-card>header,.lock-positions-card>header{padding:20px 18px}.lock-review{margin-left:16px;margin-right:16px}.lock-confirm{margin-left:16px;margin-right:16px}.lock-primary-action{width:calc(100% - 32px);margin-left:16px;margin-right:16px}.lock-duration-grid{grid-template-columns:1fr 1fr}.lock-date-field{grid-template-columns:1fr}.lock-position-actions{grid-template-columns:1fr}}