:root{color-scheme:dark;font:18px/1.65 system-ui,sans-serif;background:#101724;color:#e8edf4}body{max-width:960px;margin:auto;padding:32px 24px 64px}h1{font-size:clamp(2.2rem,6vw,3.8rem);line-height:1.14;letter-spacing:-.035em}h2{font-size:1.5rem;margin-top:36px}a{color:#71e5c9}nav{display:flex;flex-wrap:wrap;gap:16px;font-size:.9rem;border-bottom:1px solid #354258;padding-bottom:20px}.tag{color:#71e5c9;font-size:.8rem;letter-spacing:.1em}.lead{font-size:1.2rem;color:#becbdc}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:28px 0}article,.panel{padding:24px;border:1px solid #354258;border-radius:16px;background:#182234}.actions{display:flex;gap:14px;flex-wrap:wrap}.actions a{padding:12px 18px;background:#71e5c9;color:#10251f;text-decoration:none;border-radius:8px;font-weight:700}.muted,footer{color:#a9b6c8;font-size:.9rem}footer{margin-top:48px;border-top:1px solid #354258;padding-top:24px}pre{background:#080f1b;padding:20px;overflow:auto;border-radius:12px;font-size:.8rem}code{overflow-wrap:anywhere}li{margin:10px 0}a:focus-visible{outline:3px solid #fff;outline-offset:4px}figure{margin:30px 0}figure img{display:block;width:100%;height:auto;border:1px solid #354258;border-radius:10px}figcaption{font-size:.88rem;color:#becbdc;margin-top:10px}input,textarea,select,button{font:inherit;box-sizing:border-box}input,textarea,select{display:block;width:100%;background:#080f1b;color:#e8edf4;border:1px solid #7c8da5;border-radius:6px;padding:10px;margin:7px 0 18px}textarea{min-height:140px}button{background:#71e5c9;color:#10251f;padding:10px 18px;border:0;border-radius:6px;cursor:pointer}label{display:block;font-weight:600}output{display:block;white-space:pre-wrap;margin-top:20px}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:10px;background:#101724;padding:10px}table{width:100%;border-collapse:collapse}td,th{padding:12px;text-align:left;border-bottom:1px solid #354258}figure img{max-width:100%;height:auto}@media print{nav,footer,.actions,.skip{display:none}body{background:white;color:black;padding:0;font-size:12pt;max-width:none}a{color:black}.panel,article{background:white;border-color:#888}h1{font-size:26pt}input[type=checkbox]{display:inline;width:auto} }
[hidden]{display:none!important}.eyebrow{color:#71e5c9;font-size:.8rem;letter-spacing:.12em}.preview{background:linear-gradient(125deg,#273e52,#142235);border-radius:16px;padding:48px 20px;text-align:center;min-height:140px;display:grid;align-content:center}.preview strong{font-size:1.6rem}.toolbar{display:flex;gap:12px;flex-wrap:wrap}.toolbar button{flex:1;min-width:100px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #fff;outline-offset:3px}.badge{color:#71e5c9}.result-list{list-style:none;padding:0}.result-list li{border-bottom:1px solid #354258;padding:15px 0}.result-list small{display:block;color:#becbdc}input[type=range]{padding:0}input[type=file]{font-size:.85rem}.step{border-left:3px solid #71e5c9;padding-left:20px}code{word-break:break-word}.note{border-left:3px solid #eacb85;padding:10px 18px;background:#292a2a}table{display:block;overflow:auto}button:disabled{opacity:.45;cursor:default}p{max-width:75ch}