*{box-sizing:border-box}body{margin:0;background:#c6d1d8;color:#203448;font-family:'Segoe UI',Arial,sans-serif}main{max-width:1350px;padding:28px 5%;margin:auto}header{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1.5px;border-bottom:1px solid #8397a8;padding-bottom:20px}h1{font:900 clamp(70px,12vw,164px)/.9 'Arial Black',Arial,sans-serif;letter-spacing:-8px;margin:29px 0 28px}h1 span{display:block;font:10px 'Segoe UI',sans-serif;letter-spacing:3px;margin:15px 0 0}.freezer{display:grid;grid-template-columns:1.25fr 1fr;background:linear-gradient(130deg,#f4f7f9,#a9bbc8);padding:18px;border:1px solid #8da2b0;border-radius:24px;box-shadow:inset 0 2px 0 white,0 10px 0 #8d9fac,0 14px 20px #354e6326;gap:28px}.window{position:relative;align-self:center;border:10px solid #597180;border-radius:17px;overflow:hidden;background:#142839}.window img{width:100%;height:auto;display:block;transition:opacity .2s}.window-label{position:absolute;bottom:0;width:100%;background:#112838d9;padding:14px;color:#d7e9f4;font-size:9px;letter-spacing:1.5px;text-align:center}.controls{padding:10px 15px 15px 0}.display{background:#143b4f;color:#c6eff8;padding:20px;border:5px solid #6d8999;border-radius:7px;box-shadow:inset 0 3px 8px #0004}.display>span{font-size:9px;letter-spacing:2px}.display strong{display:block;font:500 38px 'Consolas',monospace;letter-spacing:-1px;margin:10px 0}.display p{font-size:13px;line-height:1.5;margin:0;min-height:39px}.controls h2{font-size:30px;line-height:1.1;letter-spacing:-1px;margin:24px 0 15px}.controls>p{font-size:15px;line-height:1.6}.controls label{font-size:9px;letter-spacing:2px}progress{width:100%;height:16px;display:block;margin:10px 0 18px;accent-color:#297d9f}.freeze{width:100%;padding:18px;border:1px solid #3c6e8b;border-radius:12px;background:linear-gradient(#acddec,#70adcc);color:#193e55;font:bold 22px 'Segoe UI';letter-spacing:3px;box-shadow:0 5px 0 #4c7e96;cursor:pointer}.freeze:active{transform:translateY(3px);box-shadow:0 2px 0 #4c7e96}.small{display:block;font-size:8px;letter-spacing:1px;margin-top:20px}.lore{margin-top:21px;padding:13px 18px;background:#dfeaf0;border:1px solid #8ca2b2;border-radius:8px;color:#2e4a5e;cursor:pointer;font-weight:600}.stop{margin-top:15px;padding:8px 15px;background:transparent;border:1px solid #8097a8;color:#203448;cursor:pointer}nav{display:flex;gap:20px;margin:34px 0 24px}nav a{flex:1;text-align:center;background:#2c4b5f;color:#e3f3f8;text-decoration:none;padding:19px 15px;border-radius:10px;font-weight:700;font-size:13px;box-shadow:0 4px 0 #172e3f}.contract{display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;border:1px solid #92a7b7;border-radius:10px;padding:20px;background:#e2ebef}.contract label{font-size:15px;font-weight:bold}input{min-width:0;width:100%;background:transparent;border:0;border-bottom:1px solid #9eafbd;font:17px 'Tahoma',sans-serif;padding:10px 0;color:#304b5a}#copy{padding:12px 20px;background:#94b8cd;border:1px solid #6e96ad;color:#15354b;border-radius:6px;font-weight:bold;cursor:pointer}#copy-status{grid-column:2/4;font-size:11px}#copy-status:empty{display:none}footer{display:flex;justify-content:space-between;gap:20px;padding:23px 0 0;font-size:9px;color:#526a7b}dialog{background:#e4edf1;color:#203448;border:3px solid #8ca6b8;border-radius:16px;max-width:550px;width:90vw;max-height:85vh;overflow:auto;padding:30px}dialog::backdrop{background:#102b3cd6}dialog>button{display:block;margin-left:auto;padding:10px 18px;border:1px solid #8aa4b5;background:#c6dbe7;border-radius:7px;cursor:pointer}dialog>span{display:block;margin-top:18px;font-size:10px;letter-spacing:2px}dialog h2{font-size:31px;line-height:1.1;letter-spacing:-1px}dialog p{font-size:16px;line-height:1.7}body:has(dialog[open]){overflow:hidden}:focus-visible{outline:3px solid #b56939;outline-offset:4px}@media(max-width:750px){main{padding:22px 5%}header{font-size:8px;letter-spacing:.5px}h1{font-size:17vw;letter-spacing:-4px}h1 span{font-size:8px;letter-spacing:1px}.freezer{grid-template-columns:1fr;padding:13px;gap:20px}.window{border-width:7px}.controls{padding:0 7px 10px}.controls h2 br{display:none}.controls h2{font-size:27px}nav{gap:12px}nav a{font-size:11px;padding:17px 10px}.contract{padding:14px;gap:10px}input{font-size:14px}#copy{padding:12px 15px}footer{font-size:8px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.window img{transition:none}}