:root{color:#17211b;background:#edf2ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}.page-shell{display:grid;min-height:100vh;place-items:center;padding:32px 20px;background:radial-gradient(circle at 22% 16%,rgba(60,132,118,.16),transparent 28%),linear-gradient(135deg,#f6f8f2,#e7eee9 52%,#dce7e1)}.code-panel{width:min(100%,680px);padding:clamp(28px,6vw,56px);border:1px solid rgba(23,33,27,.12);border-radius:8px;background:#ffffffc7;box-shadow:0 24px 70px #17211b24;text-align:center}.code-display{margin:clamp(28px,7vw,48px) auto 24px;padding:18px clamp(18px,5vw,32px);border:1px solid rgba(23,33,27,.14);border-radius:8px;background:#17211b;color:#f8fbf8;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(3.2rem,15vw,7.8rem);font-variant-numeric:tabular-nums;font-weight:800;line-height:1;text-align:center}.timestamp{margin:20px 0 0;color:#5e6f67;font-size:.92rem}@media(max-width:520px){.page-shell{padding:18px}.code-panel{padding:28px 18px}}