:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg0: #fff5f7;--bg1: #ffffff;--page-text: #1a0b10;--muted: rgba(26, 11, 16, .72);--card-bg: rgba(255, 255, 255, .82);--card-border: rgba(0, 0, 0, .1);--ui-text: #111;--field-bg: rgba(255, 255, 255, .94);--field-border: rgba(0, 0, 0, .18);--accent: #cc1f3a;--accent-soft: rgba(204, 31, 58, .22);--btn-border: rgba(0, 0, 0, .14);--btn-bg: rgba(0, 0, 0, .06);--btn-bg-hover: rgba(0, 0, 0, .1);--btn-text: rgba(0, 0, 0, .92);--btn-secondary-bg: rgba(0, 0, 0, .04);--btn-secondary-bg-hover: rgba(0, 0, 0, .08);--btn-disabled-bg: rgba(0, 0, 0, .03);--btn-disabled-text: rgba(0, 0, 0, .55)}*{box-sizing:border-box}html,body,#root{height:100%}html{color-scheme:light;background:var(--bg0)}body{margin:0;color:var(--page-text);background:radial-gradient(circle at 12% 10%,rgba(255,77,109,.14),transparent 45%),radial-gradient(circle at 88% 22%,rgba(204,31,58,.1),transparent 50%),linear-gradient(180deg,var(--bg0),var(--bg1));background-color:var(--bg0);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cpath d='M110 140c-25-18-45-34-45-56 0-12 8-22 21-22 9 0 16 5 20 12 4-7 11-12 20-12 13 0 21 10 21 22 0 22-20 38-45 56z' fill='%23cc1f3a' fill-opacity='0.38'/%3E%3C/svg%3E");background-size:220px 220px}#root{margin:0 auto;padding:16px;text-align:center}.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}@media(max-width:520px){.formGrid{grid-template-columns:1fr}}.mlLabel{display:grid;gap:6px;justify-items:center}.mlLabelText{font-size:14px;color:var(--muted);text-align:center}.mlBlankCell{width:100%;max-width:420px;min-height:58px}.mlInput{width:100%;max-width:420px;padding:12px 14px;border-radius:12px;background:var(--field-bg);border:1px solid var(--field-border);color:#111;font-size:16px;text-align:center;outline:none;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}.mlInput::placeholder{color:#00000061}.mlInput:focus{background:#fffffffa;border-color:#cc1f3abf;box-shadow:0 0 0 4px var(--accent-soft)}@media(hover:hover){.mlInput:hover{border-color:#00000047}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em rgba(100,108,255,.6))}.logo.react:hover{filter:drop-shadow(0 0 2em rgba(97,218,251,.6))}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.gridBtn{width:100%;min-width:0;justify-self:stretch;align-self:end;white-space:normal}.btn{padding:10px 14px;border-radius:10px;border:1px solid var(--btn-border);color:var(--btn-text);cursor:pointer;-webkit-user-select:none;user-select:none;background:transparent}.btnPrimary{background:var(--btn-bg)}.btnSecondary{background:var(--btn-secondary-bg)}.btn:hover:not(:disabled){background:var(--btn-bg-hover)}.btnSecondary:hover:not(:disabled){background:var(--btn-secondary-bg-hover)}.btn:disabled{background:var(--btn-disabled-bg);color:var(--btn-disabled-text);cursor:not-allowed}.storyCard{margin-top:16px;padding:16px;border-radius:12px;background:#fff;border:1px solid rgba(0,0,0,.14);color:#111;white-space:pre-wrap;line-height:1.5;text-align:left;-webkit-text-fill-color:#111;filter:none}html,body,#root{filter:none!important;color-scheme:light!important;forced-color-adjust:none;-webkit-forced-color-adjust:none}