*{box-sizing:border-box}
:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#172033;background:#f5f8fc}
body{margin:0;min-height:100vh}
.topbar{height:72px;background:#fff;border-bottom:1px solid #e7edf5;display:flex;align-items:center;justify-content:space-between;padding:0 28px;box-shadow:0 2px 12px rgba(31,76,130,.06)}
.brand{font-size:20px;font-weight:750;color:#1f4f96;display:flex;gap:10px;align-items:center}.brand-icon{font-size:23px}
.top-actions{display:flex;align-items:center;gap:10px}.discord{font-size:13px;font-weight:700;color:#24599f;background:#edf4ff;padding:9px 13px;border-radius:999px;text-decoration:none}.secure{font-size:11px;font-weight:700;color:#2d67b2;background:#edf4ff;padding:8px 11px;border-radius:999px}
.container{max-width:980px;margin:34px auto;padding:0 20px}
.card{background:#fff;border:1px solid #e7edf5;border-radius:26px;padding:34px;box-shadow:0 10px 35px rgba(25,71,120,.08)}
label,.result-title{display:block;font-size:18px;font-weight:700;margin-bottom:14px}
textarea{width:100%;height:190px;border:1px solid #cbd8e8;border-radius:22px;padding:22px;font:16px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical;outline:none;background:#fbfdff;color:#172033}
textarea:focus{border-color:#3974c5;box-shadow:0 0 0 4px rgba(57,116,197,.10)}
button{border:0;cursor:pointer;font:700 16px inherit;border-radius:999px;padding:16px 30px;transition:.15s transform,.15s opacity}
button:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}
.primary{background:#24599f;color:#fff}.primary:hover{opacity:.92}
#generate{margin:26px 0 34px}
.result-title{margin-bottom:14px;color:#1d2b40}
.code{height:160px;border:1px solid #cbd8e8;border-radius:22px;background:#f8fbff;display:flex;align-items:center;justify-content:center;font:700 clamp(42px,9vw,70px)/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;color:#174d92}
.bottom-row{display:flex;align-items:center;gap:20px;margin-top:26px}.copy{min-width:150px}
.timer-wrap{flex:1}.timer-text{font-size:14px;color:#65748a;margin-bottom:8px}.timer-text span{font-weight:800;color:#24599f}
.progress{height:8px;background:#e8eef7;border-radius:99px;overflow:hidden}.progress div{height:100%;width:100%;background:#2f6fbd;transition:width .25s linear}
.error{min-height:24px;color:#b3261e;font-size:14px;margin-top:18px}.privacy{text-align:center;color:#8794a7;font-size:12px;margin:6px 0 0}
@media(max-width:640px){.topbar{padding:0 16px}.brand{font-size:18px}.container{margin:16px auto;padding:0 12px}.card{padding:22px;border-radius:20px}textarea{height:150px}.bottom-row{align-items:stretch;flex-direction:column}.copy{width:100%}.code{height:130px}}

.guide{margin-top:24px;background:#fff;border:1px solid #e7edf5;border-radius:26px;padding:30px;box-shadow:0 10px 35px rgba(25,71,120,.06)}
.guide h2{margin:0 0 8px;font-size:22px}.guide-note{margin:0 0 22px;color:#65748a;font-size:13px}
.guide details{border-top:1px solid #e7edf5;padding:18px 0}.guide details:last-child{border-bottom:1px solid #e7edf5}
.guide summary{cursor:pointer;font-weight:750;color:#1d2b40}.guide ol{padding-left:22px;line-height:1.75;color:#39485c}.guide li{margin:7px 0}
.guide a{color:#24599f;font-weight:650}.warning{margin-top:16px;padding:13px 15px;border-radius:12px;background:#fff7e8;color:#7a5615;font-size:13px;line-height:1.6}
@media(max-width:640px){.guide{padding:22px;border-radius:20px}}

.video-guide{margin-top:24px;background:#fff;border:1px solid #e7edf5;border-radius:26px;padding:24px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 10px 35px rgba(25,71,120,.06)}
.video-guide h2{margin:0 0 6px;font-size:19px}.video-guide p{margin:0;color:#65748a;font-size:13px}
.video-button{display:inline-flex;align-items:center;justify-content:center;background:#24599f;color:#fff;text-decoration:none;font-weight:700;padding:13px 20px;border-radius:999px;white-space:nowrap}
@media(max-width:640px){.video-guide{padding:22px;flex-direction:column;align-items:stretch}.video-button{width:100%}}