:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:#0a101b;color:#f0f5ff}*{box-sizing:border-box}body{margin:0}.app{max-width:720px;margin:auto;padding:26px 16px 48px}header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}h1{font-size:clamp(27px,6vw,40px);letter-spacing:-1.5px;margin:5px 0}h1 span{color:#57d8d0}.sub,.hint,footer{color:#a6b4c7;font-size:13px;line-height:1.55}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.5px;color:#69e5d8;margin:0}.chip{white-space:nowrap;border:1px solid #345067;border-radius:50px;padding:7px 11px;font-size:11px;color:#b5c9d8}.panel,.output{border:1px solid #28384b;border-radius:18px;padding:20px;margin:14px 0;background:#131e2d}.output{background:linear-gradient(145deg,#163440,#122332);border-color:#32777d}h2{font-size:16px;margin:0 0 16px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;font-size:13px;font-weight:650;margin:0 0 15px}input,select{display:block;margin-top:8px;width:100%;border:1px solid #3c5166;border-radius:10px;background:#0c1725;color:white;padding:12px;font-size:17px;min-height:46px}input:focus,select:focus{outline:2px solid #4ed1c9;outline-offset:1px}.big{display:flex;align-items:baseline;gap:10px;margin:9px 0 21px}.big output{font-size:clamp(50px,12vw,82px);font-weight:800;letter-spacing:-3px;font-variant-numeric:tabular-nums}.big span{font-size:23px;color:#a9dbdc}.stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-top:1px solid #31525b;padding-top:17px}.stats small{display:block;color:#a6bdc5;margin-bottom:5px}.stats strong{font-size:18px;font-variant-numeric:tabular-nums}button{cursor:pointer;min-height:43px;padding:10px 15px;border:1px solid #456077;border-radius:10px;background:#1d3044;color:#eef7ff;font-weight:700}button:active{transform:scale(.99)}button.primary{width:100%;background:#42c6bc;color:#071e25;border:0;margin-top:8px}.actions{display:flex;gap:10px;margin:6px 0 15px}.actions button{flex:1}.flow{display:flex;flex-direction:column;align-items:center;gap:7px}.flow div{width:100%;text-align:center;border:1px solid #3a4c61;border-radius:9px;padding:12px}.flow span{color:#7c98a9}.flow .accent{border-color:#49bdb5;background:#1c3c43}footer{padding:12px 4px}@media(max-width:420px){.app{padding:18px 12px 38px}.panel,.output{padding:16px}.chip{font-size:10px}.two{gap:9px}.stats strong{font-size:15px}}

.brand-logo{width:78px;height:78px;object-fit:cover;border-radius:16px;flex-shrink:0}.brand-title{flex:1;min-width:0}.creator{font-size:14px;color:#f0f5ff;font-weight:500;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #28384b}@media(max-width:540px){header{flex-wrap:wrap}.brand-logo{width:66px;height:66px}.chip{margin-left:auto}h1{font-size:28px}}