:root{color-scheme:dark;font-family:Arial,sans-serif;background:#10111a;color:#f7f7fb}*{box-sizing:border-box}body{margin:0}main{min-height:100vh;display:grid;place-items:center;padding:24px}.shell{width:min(100%,680px);padding:42px;border:1px solid #31354d;border-radius:20px;background:#191b29;box-shadow:0 18px 60px #0005}.eyebrow{color:#9fa9ff;font-size:.75rem;font-weight:700;letter-spacing:.12em}h1{font-size:clamp(3rem,10vw,5rem);margin:8px 0;letter-spacing:-.08em}.hint,.lead{color:#b9bdcd}.tabs{display:flex;gap:8px;margin:32px 0 20px}button,input{border-radius:10px;border:1px solid #414660;font:inherit;padding:12px 14px}button{background:#252a42;color:inherit;cursor:pointer}.row button,button.active{background:#7884ff;border-color:#7884ff;color:#10111a;font-weight:700}.tool{display:grid;grid-gap:10px;gap:10px}.row{display:flex;gap:10px}input{flex:1 1;background:#10111a;color:inherit;min-width:0}.hint{margin:0;font-size:.875rem}.notice{color:#b7ffcf;margin:4px 0 0}.coming{color:#b9bdcd;padding:28px 0}@media (max-width:520px){.shell{padding:28px}.row{flex-direction:column}}select{background:#10111a;color:inherit;border-radius:10px;border:1px solid #414660;font:inherit;padding:12px 14px}.check{display:flex;gap:8px;align-items:center;color:#b9bdcd;font-size:.9rem}.result{display:grid;grid-gap:10px;gap:10px;margin-top:8px}code{word-break:break-all}a{color:#9fa9ff}