@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=DM+Serif+Display:ital@0;1&display=swap');

:root{--paper:#f6f4eb;--ink:#292b25;--muted:#6c6e63;--purple:#ded9f0;--lime:#d6ed83;--line:#dcded1;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible+span{outline:3px solid #5e4cb5;outline-offset:5px}a{color:inherit}button{transition:background .2s,transform .2s}button:disabled{cursor:wait}.page-shell{max-width:1120px;padding:0 44px;margin:auto}.site-header{height:122px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:22px;line-height:.98;font-weight:700;letter-spacing:-1px}.brand-flower{font-size:55px;line-height:1;font-weight:400}.header-right{display:flex;align-items:center;gap:44px}.department{font-size:9px;letter-spacing:1.6px;color:var(--muted)}.text-button{border:0;background:none;padding:8px 0;font-size:12px}.text-button span{margin-left:10px}.text-button:hover{text-decoration:underline}.intro{position:relative;text-align:center;padding:55px 0 36px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.8px;display:flex;align-items:center;justify-content:center;gap:8px}.status-dot{width:7px;height:7px;background:#7a9361;border-radius:50%}h1{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:76px;letter-spacing:-2.7px;line-height:1.04;margin:24px 0 22px;position:relative;display:inline-block}h1 em{font-weight:400;position:relative;z-index:0}h1 em:after{content:'';position:absolute;height:12px;background:var(--lime);bottom:7px;left:-3px;right:-7px;z-index:-1;transform:rotate(-3deg)}.title-spark{position:absolute;right:-69px;top:19px;width:48px;height:55px;stroke:var(--ink);stroke-width:2.5;stroke-linecap:round;fill:none}.intro>p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}.generator{border:1px solid var(--ink);border-radius:16px;overflow:hidden;box-shadow:0 5px 0 #292b25;max-width:860px;margin:0 auto;background:var(--purple)}.machine-top{border-bottom:1px solid #292b2530;display:flex;align-items:center;justify-content:space-between;padding:17px 27px;font-size:10px;letter-spacing:1.3px;font-weight:600}.machine-top>span{display:flex;align-items:center;gap:9px}.machine-top>span>span{font-size:18px;line-height:12px}.machine-top time{font-size:10px;letter-spacing:.6px;font-weight:500}.machine-body{display:grid;grid-template-columns:1.2fr 1fr;gap:10px;padding:34px 38px 30px}.small-label{font-size:9px;font-weight:600;letter-spacing:1.7px}.effort-number{display:flex;align-items:baseline;gap:3px;margin:8px 0 0;height:106px}.effort-number>span:first-child{font-size:102px;font-weight:600;letter-spacing:-7px;line-height:1}.percent{font-family:'DM Serif Display',Georgia,serif;font-size:49px;margin-left:5px}.allocation-stamp{font-size:9px;line-height:1.5;letter-spacing:1px;align-self:center;border:1px solid #287548;padding:6px 9px;transform:rotate(-9deg);margin-left:26px;text-align:center;color:#287548}.machine-copy h2{font-family:'DM Serif Display',Georgia,serif;font-size:27px;font-weight:400;letter-spacing:-.4px;margin:11px 0 8px;line-height:1.18}.result-description{font-size:12px;line-height:1.7;margin:0;min-height:42px;max-width:325px;color:#575363}.effort-meter{height:9px;border:1px solid #292b2559;background:#ffffff42;border-radius:10px;overflow:hidden;margin-top:22px}.effort-meter>div{width:0%;height:100%;background:var(--ink);border-radius:10px;transition:width .7s cubic-bezier(.2,.8,.2,1)}.meter-labels{display:flex;justify-content:space-between;font-size:8px;color:#575363;margin-top:7px}.mascot-scene{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;min-width:0}.mascot{width:100%;max-width:280px;margin-top:8px;overflow:visible;animation:bob 5s ease-in-out infinite}.scene-note{position:absolute;top:0;right:0;font-family:'DM Serif Display',Georgia,serif;font-size:16px;font-style:italic;line-height:1.15;transform:rotate(8deg)}.scene-note svg{position:absolute;left:-57px;top:7px;width:55px;stroke:var(--ink);stroke-width:1.5;stroke-linecap:round;fill:none;transform:rotate(12deg)}.mascot-caption{font-size:8px;letter-spacing:2px;margin-top:0;color:#575363}.machine-controls{background:#faf9f3;padding:23px 38px 17px;border-top:1px solid #292b2530;text-align:center}.mode-picker{border:0;padding:0;margin:0 0 18px}.mode-picker legend{font-size:8px;letter-spacing:1.5px;margin:0 auto 10px;color:var(--muted)}.mode-options{display:flex;justify-content:center;gap:7px}.mode-options label{position:relative;cursor:pointer}.mode-options input{position:absolute;opacity:0;width:100%;height:100%;margin:0;left:0;top:0;cursor:pointer}.mode-options span{font-size:11px;border:1px solid var(--line);border-radius:6px;padding:8px 13px;display:block;transition:background .2s}.mode-options input:checked+span{background:var(--ink);color:var(--paper);border-color:var(--ink)}.mode-options label:hover span{border-color:var(--ink)}.roll-button{width:100%;background:var(--lime);border:1px solid var(--ink);border-radius:7px;box-shadow:0 3px 0 var(--ink);height:55px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:15px;font-weight:600;position:relative}.roll-button>span:first-child{font-size:26px;line-height:1}.roll-button .button-arrow{position:absolute;right:20px;font-size:24px;font-weight:400}.roll-button:hover{background:#c9e86b;transform:translateY(-1px)}.roll-button:active{box-shadow:0 0 0;transform:translateY(3px)}.fine-print{font-size:9px;color:var(--muted);margin:13px 0 0;letter-spacing:.2px}.result-actions{padding:13px 38px;background:#faf9f3;border-top:1px dashed var(--line);display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1px}.result-actions[hidden]{display:none}.result-actions button{border:0;background:none;font-size:11px;letter-spacing:0;text-decoration:underline;text-underline-offset:4px}.supporting{max-width:860px;margin:36px auto 0;display:flex;align-items:center;justify-content:space-between;gap:30px}.daily-memo{display:flex;gap:16px;max-width:550px;align-items:center}.memo-icon{width:47px;height:47px;background:#eeece2;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-size:21px;filter:grayscale(1)}.daily-memo h2{font-size:12px;font-weight:600;margin:0 0 6px}.daily-memo p{font-size:11px;line-height:1.7;color:var(--muted);margin:0;max-width:400px}.approval{display:flex;align-items:center;gap:8px;transform:rotate(-7deg);color:#777968;flex-shrink:0}.approval-star{font-size:49px}.approval>span:last-child{font-size:7px;letter-spacing:1px;line-height:1.3}.approval strong{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:26px;letter-spacing:0;line-height:1.2}.bottom-note{display:flex;justify-content:center;align-items:center;gap:17px;font-family:'DM Serif Display',Georgia,serif;font-style:italic;font-size:17px;margin:49px 0 43px;color:#666b56}.bottom-note>span{font-size:13px;color:#839359}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px 0;color:var(--muted);font-size:9px}footer button{font-size:9px!important}.recent{max-width:860px;margin:32px auto 0;border-top:1px solid var(--line);padding-top:18px}.recent-heading{display:flex;align-items:center;justify-content:space-between}.recent-heading h2{font-family:'DM Serif Display',Georgia,serif;font-size:22px;font-weight:400;margin:0}.recent-heading>span{font-size:8px;letter-spacing:1px;color:var(--muted)}.recent ol{display:flex;list-style:none;gap:10px;padding:0;margin:14px 0 0}.recent li{flex:1;background:#eeece2;border-radius:8px;padding:13px;min-width:0}.recent li strong{font-size:23px;font-weight:500;display:block}.recent li span{display:block;font-size:10px;margin-top:5px}.recent li small{display:block;font-size:8px;color:var(--muted);margin-top:8px}dialog{background:var(--paper);color:var(--ink);border:1px solid var(--ink);border-radius:16px;padding:45px 34px 30px;width:min(480px,calc(100% - 32px));box-shadow:6px 7px 0 #292b2533}dialog::backdrop{background:#292b2566;backdrop-filter:blur(4px)}dialog .eyebrow{justify-content:flex-start;font-size:8px}dialog h2{font-family:'DM Serif Display',Georgia,serif;font-size:34px;font-weight:400;margin:17px 0}dialog p{font-size:14px;line-height:1.8;color:var(--muted)}.close-button{position:absolute;right:14px;top:8px;border:0;background:none;font-size:29px}.dialog-done{background:var(--lime);border:1px solid var(--ink);border-radius:6px;padding:12px 18px;margin-top:10px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);background:var(--ink);color:var(--paper);padding:14px 23px;border-radius:8px;font-size:12px;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;z-index:10;width:max-content;max-width:90vw}.toast.visible{opacity:1;transform:translate(-50%,0)}.skip{position:absolute;top:-70px;left:20px;background:var(--ink);color:white;padding:14px;z-index:20}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.rolling .mascot{animation:wiggle .25s infinite}.rolling .effort-number>span:first-child{opacity:.55}.noscript{padding:20px;text-align:center}.confetti{position:fixed;pointer-events:none;z-index:12;width:8px;height:13px;left:50%;top:55%;background:var(--lime);animation:confetti 1s ease-out forwards}@keyframes bob{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}@keyframes wiggle{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes confetti{to{transform:translate(var(--x),var(--y)) rotate(var(--r));opacity:0}}
@media(min-width:1500px){.page-shell{max-width:1200px}.intro{padding-top:65px;padding-bottom:42px}h1{font-size:84px}.generator,.supporting,.recent{max-width:900px}}
@media(max-width:760px){.page-shell{padding:0 24px}.site-header{height:95px}.department{display:none}.intro{padding:42px 0 30px}h1{font-size:61px}.title-spark{width:32px;right:-39px;top:10px}.machine-body{padding:29px 27px 25px;grid-template-columns:1.3fr 1fr}.machine-copy h2{font-size:25px}.effort-number>span:first-child{font-size:88px}.effort-number{height:94px}.allocation-stamp{margin-left:15px;font-size:7px}.scene-note{font-size:14px;right:0;top:-5px}.mascot-caption{font-size:6px;letter-spacing:1px}.machine-controls{padding:22px 27px 17px}.supporting{gap:20px}.approval{display:none}.recent li:nth-child(4){display:none}}
@media(max-width:520px){.page-shell{padding:0 18px}.brand{font-size:19px}.brand-flower{font-size:46px}.header-right .text-button{font-size:11px}.intro .eyebrow{font-size:8px;letter-spacing:1.1px}h1{font-size:49px;letter-spacing:-1.8px;margin:23px 0 20px}.title-spark{width:26px;right:-26px;top:7px}h1 em:after{height:9px;bottom:5px}.intro>p{font-size:12px;max-width:300px;margin:auto}.desktop-break{display:none}.machine-top{padding:14px 17px;font-size:8px;letter-spacing:.8px}.machine-top time{font-size:8px;letter-spacing:0}.machine-body{display:block;padding:27px 22px 23px;position:relative}.machine-copy{position:relative;z-index:1}.small-label{font-size:8px;letter-spacing:1.2px}.effort-number{height:94px}.effort-number>span:first-child{font-size:89px}.percent{font-size:42px}.allocation-stamp{font-size:7px;margin-left:16px}.machine-copy h2{font-size:25px;max-width:260px;margin-top:17px}.result-description{font-size:12px;max-width:260px;min-height:42px}.mascot-scene{position:absolute;width:111px;right:4px;top:25px;opacity:1;pointer-events:none}.mascot{margin-top:0}.scene-note,.mascot-caption{display:none}.effort-number .allocation-stamp{display:none}.effort-meter{margin-top:20px}.meter-labels{font-size:7px}.machine-controls{padding:20px 15px 16px}.mode-options{gap:5px}.mode-options span{font-size:9px;padding:8px 7px}.roll-button{font-size:14px;height:54px}.roll-button .button-arrow{right:14px}.machine-controls legend{font-size:8px}.result-actions{padding:13px 16px;font-size:6px;letter-spacing:.5px}.result-actions button{font-size:10px}.supporting{margin-top:29px}.daily-memo{gap:12px}.daily-memo h2{font-size:11px}.daily-memo p{font-size:10px}.memo-icon{width:39px;height:39px;font-size:18px}.bottom-note{font-size:15px;gap:10px;margin:34px 0}footer{flex-wrap:wrap;padding:18px 0;gap:8px}footer>span:nth-child(2){order:3;flex-basis:100%;font-size:8px}footer button{margin-left:auto}.recent-heading>span{font-size:6px;letter-spacing:.6px}.recent-heading h2{font-size:20px}.recent li{padding:10px}.recent li span{font-size:9px}.recent li small{font-size:7px}.recent li:nth-child(3){display:none}}
.result-actions a{font-size:11px;letter-spacing:0;text-underline-offset:4px;cursor:pointer}
@media(max-width:520px){.title-spark{right:0;top:8px}.result-actions>span{display:none}.result-actions a{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.personalize,.subscriptions{max-width:860px;margin:28px auto 0;border:1px solid var(--line);border-radius:12px;background:#faf9f3;overflow:hidden}.personalize summary,.subscriptions summary{padding:22px 25px;display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;list-style:none}.personalize summary::-webkit-details-marker,.subscriptions summary::-webkit-details-marker{display:none}.personalize summary .eyebrow,.subscriptions summary .eyebrow{justify-content:flex-start;font-size:8px;letter-spacing:1.6px;margin-bottom:7px}.personalize summary strong,.subscriptions summary strong{font-family:'DM Serif Display',Georgia,serif;font-size:25px;font-weight:400;display:block;line-height:1.15}.personalize summary small,.subscriptions summary small{font-size:11px;color:var(--muted);display:block;margin-top:7px}.customize-toggle{font-size:11px;white-space:nowrap}.customizer-body{display:grid;grid-template-columns:220px 1fr;gap:25px;border-top:1px solid var(--line);padding:25px}.character-preview{background:var(--purple);border-radius:10px;padding:15px;display:flex;align-items:center;flex-direction:column;align-self:start;position:sticky;top:20px}.character-preview svg{width:200px;max-width:100%}.character-preview p{font-size:7px;letter-spacing:1px;text-align:center;line-height:1.8}.secondary-button{background:var(--lime);border:1px solid var(--ink);border-radius:6px;padding:10px 14px;font-size:11px}.secondary-button:hover{background:#c9e86c}.secondary-button:disabled{opacity:.5;cursor:not-allowed}.character-fields,.delivery-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.character-fields label,.character-colors label,.character-code label,.delivery-fields label,.manage-import label,#delivery-key label{display:flex;flex-direction:column;font-size:10px;gap:6px;font-weight:600}.character-fields select,.delivery-fields input,.delivery-fields select,.manage-import input,.character-code input,#delivery-key input{font:inherit;font-size:12px;border:1px solid #c9cbbf;border-radius:6px;padding:10px;background:var(--paper);color:var(--ink);width:100%;min-width:0}.character-colors{display:flex;gap:15px;align-items:center;margin-top:17px;flex-wrap:wrap}.character-colors input{width:55px;height:32px;border:1px solid #c9cbbf;border-radius:5px;background:none;padding:2px;cursor:pointer}.character-colors button{font-size:10px;margin-left:auto}.character-code{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.character-code label{font-size:8px;letter-spacing:1px}.character-code label small{font-size:10px;letter-spacing:0;font-weight:400;line-height:1.6;color:var(--muted)}.character-code>div{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.character-code input{font-family:monospace;flex:1;min-width:220px;font-size:11px}.control-feedback{font-size:10px;color:var(--muted);line-height:1.7;min-height:17px;margin:12px 0 0}.delivery-body{border-top:1px solid var(--line);padding:25px}.delivery-explainer{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.delivery-notice{font-size:11px;line-height:1.7;background:#eeece2;padding:14px;border-radius:8px;margin:18px 0}.delivery-fields label button{align-self:flex-start;font-weight:400;font-size:10px;padding:0}.delivery-checks{display:flex;gap:22px;margin:18px 0;font-size:11px}.delivery-checks label,.delivery-consent{display:flex;align-items:flex-start;gap:7px}.delivery-checks input,.delivery-consent input{accent-color:#626d3b;margin:0}.delivery-consent{font-size:11px;line-height:1.7;padding:13px 0}.delivery-consent input{margin-top:3px;flex-shrink:0}.delivery-buttons{display:flex;gap:17px;align-items:center;flex-wrap:wrap;margin-top:8px}.delivery-buttons .text-button{font-size:10px}.manage-import{display:flex;align-items:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:25px}.manage-import label{flex:1;min-width:0}.subscription-card{background:#eeece2;padding:18px;border-radius:9px;margin-top:17px}.subscription-card h3{font-size:13px;margin:0 0 8px}.subscription-card p{font-size:11px;line-height:1.7;margin:5px 0}.subscription-card .delivery-buttons{border-top:1px solid #d9dacd;padding-top:6px;margin-top:10px}#delivery-key{margin-top:20px;border:1px dashed #777d60;border-radius:8px;padding:16px}#delivery-key p{font-size:11px;line-height:1.7;color:var(--muted)}#management-key{font-family:monospace;font-size:10px}#delivery-key[hidden]{display:none}summary:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #5e4cb5;outline-offset:3px}@media(max-width:760px){.customizer-body{grid-template-columns:160px 1fr;gap:18px}.character-preview{padding:10px}.character-preview svg{width:145px}.personalize summary strong,.subscriptions summary strong{font-size:23px}}@media(max-width:520px){.personalize,.subscriptions{margin-top:23px}.personalize summary,.subscriptions summary{padding:19px 16px;gap:10px}.personalize summary strong,.subscriptions summary strong{font-size:22px;max-width:240px}.personalize summary small,.subscriptions summary small{font-size:10px;line-height:1.6}.customize-toggle{font-size:9px}.customizer-body{display:block;padding:17px}.character-preview{position:static;flex-direction:row;justify-content:space-between;gap:10px;padding:10px;margin-bottom:18px}.character-preview svg{width:125px}.character-preview p{display:none}.character-fields,.delivery-fields{gap:12px}.character-colors{gap:12px}.character-colors button{margin-left:0}.character-code input{min-width:100%;font-size:11px}.delivery-body{padding:17px}.delivery-fields{grid-template-columns:1fr}.manage-import{flex-wrap:wrap}.manage-import label{flex-basis:100%}.delivery-checks{gap:15px;font-size:10px}.delivery-consent{font-size:10px}}
.footer-support{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:var(--ink);text-decoration:none;text-underline-offset:4px;padding:8px 0}.footer-support:hover{text-decoration:underline}@media(max-width:520px){.footer-support{order:4;flex-basis:100%;margin-top:5px}}
/* Feature dialogs keep the generator front and center. */
.header-right{gap:24px}.customize-link{font-size:10px;padding:7px 5px 0;text-decoration:underline;text-underline-offset:3px}.customize-link span{margin-left:4px}.feature-dialog{width:min(860px,calc(100% - 36px));max-width:860px;max-height:calc(100dvh - 48px);margin:auto;padding:0;border:1px solid var(--ink);border-radius:16px;background:var(--paper);overflow:auto}.feature-dialog:not([open]){display:none}.feature-dialog .close-button{top:10px;right:17px;z-index:2}.feature-heading{padding:30px 30px 23px}.feature-heading .eyebrow{font-size:8px;justify-content:flex-start;letter-spacing:1.6px}.feature-heading h2{font-size:34px;line-height:1.12;margin:13px 0 10px;max-width:650px}.feature-heading p{font-size:12px;line-height:1.7;margin:0;color:var(--muted)}.feature-actions{display:flex;justify-content:flex-end;padding:16px 25px;border-top:1px solid var(--line)}.feature-dialog .customizer-body{margin:0}.integration-tabs{display:flex;gap:8px;padding:0 30px 17px;border-bottom:1px solid var(--line)}.integration-tabs button{background:none;border:1px solid var(--line);border-radius:6px;padding:10px 16px;font-size:12px}.integration-tabs button[aria-selected=true]{color:var(--paper);background:var(--ink);border-color:var(--ink)}.integration-content [role=tabpanel][hidden]{display:none}.feature-dialog .delivery-body{border:0}.api-guide{padding:25px 30px}.api-guide h3{font-family:'DM Serif Display',Georgia,serif;font-size:29px;font-weight:400;margin:0 0 12px}.api-guide h4{font-size:13px;font-weight:600;margin:24px 0 9px}.api-guide p{font-size:12px;line-height:1.8;margin:9px 0;color:var(--muted)}.api-guide code{font-size:11px;color:var(--ink);overflow-wrap:anywhere}.api-guide pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#eeece2;border:1px solid var(--line);border-radius:8px;padding:15px;line-height:1.8;margin:12px 0}.api-guide pre code{font-size:11px}.api-endpoints{margin:18px 0;background:#eeece2;border-radius:8px;padding:3px 15px}.api-endpoints>div{display:grid;grid-template-columns:185px 1fr;gap:15px;padding:14px 0;border-bottom:1px solid var(--line)}.api-endpoints>div:last-child{border-bottom:0}.api-endpoints span{font-size:11px;color:var(--muted);line-height:1.7}.api-code-label{font-size:8px;letter-spacing:1px;display:block;margin:16px 0 7px}.api-guide input{width:100%;min-width:0;font-family:monospace;font-size:12px;padding:11px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink)}.api-example-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.api-example-actions a{font-size:11px;text-underline-offset:3px}.api-management{margin-top:22px;padding:15px;border:1px solid var(--line);border-radius:8px}.api-management summary{padding:0;font-size:12px;display:list-item;list-style:revert;cursor:pointer}.api-guide .api-footnote{font-size:10px;margin-top:24px}.api-guide .control-feedback{font-size:10px}.integration-tabs button:focus-visible{outline:3px solid #5e4cb5;outline-offset:3px}@media(max-width:760px){.header-right{gap:16px}}@media(max-width:520px){.header-right{gap:8px;max-width:205px;justify-content:flex-end}.header-right .text-button{font-size:10px}.header-right .text-button span{margin-left:4px}.mascot-scene{z-index:2;pointer-events:none;width:105px}.mascot-scene .mascot{width:100px;max-width:100px}.mascot-caption{display:block;font-size:5.5px;letter-spacing:.8px;line-height:1.4;white-space:nowrap}.customize-link{pointer-events:auto;font-size:9px;padding:5px 2px;line-height:1.3}.feature-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.feature-heading{padding:30px 19px 20px}.feature-heading h2{font-size:29px;margin-right:10px}.feature-heading p{font-size:11px}.feature-actions{padding:14px 17px}.integration-tabs{padding:0 17px 16px}.integration-tabs button{font-size:11px;padding:9px 13px}.api-guide{padding:20px 17px}.api-endpoints>div{grid-template-columns:1fr;gap:6px}.api-guide pre{padding:12px}.api-guide pre code{font-size:10px}}@media(max-width:360px){.header-right{flex-direction:column;align-items:flex-end;gap:0}}
/* Keep automation tabs in one stable frame; only their content scrolls. */
#integrations-dialog[open]{display:flex;flex-direction:column;height:min(850px,calc(100dvh - 48px));overflow:hidden}#integrations-dialog>.feature-heading,#integrations-dialog>.feature-actions{flex-shrink:0}#integrations-dialog .integration-content{display:flex;flex-direction:column;flex:1;min-height:0}#integrations-dialog .integration-tabs{flex-shrink:0}#integrations-dialog .integration-content>[role=tabpanel]{flex:1;min-height:0;overflow-y:auto;scrollbar-gutter:stable}@media(max-width:520px){#integrations-dialog[open]{height:min(850px,calc(100dvh - 24px))}}
.rolling .effort-number>.percent{opacity:.55}.rolling .allocation-stamp{visibility:hidden}
/* Keep the page behind a modal still while allowing its content to scroll. */
html{scrollbar-gutter:stable}html:has(dialog[open]),body:has(dialog[open]){overflow:hidden}
.webhook-retention{font-size:11px;line-height:1.7;color:var(--muted);margin:0 0 18px}
.delivery-body>[hidden]{display:none}.delivery-stage-heading{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:29px;line-height:1.2;margin:0 0 12px}.delivery-stage-intro{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 22px}.delivery-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0 25px}.delivery-option{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;text-align:left;background:#eeece2;border:1px solid var(--line);border-radius:10px;padding:22px;min-height:165px}.delivery-option:hover{background:var(--lime);border-color:var(--ink)}.delivery-option strong{display:block;font-family:'DM Serif Display',Georgia,serif;font-size:25px;font-weight:400;line-height:1.15}.delivery-option small{display:block;font-size:11px;line-height:1.8;color:var(--muted);margin-top:12px}.delivery-option>span:last-child{font-size:23px;flex-shrink:0}.delivery-option:focus-visible{outline:3px solid #5e4cb5;outline-offset:3px}.delivery-stage-header{margin-bottom:19px}.delivery-stage-header .text-button{font-size:11px;margin-bottom:13px}.delivery-stage-header .delivery-stage-heading{margin-bottom:0}.delivery-stage-header:not([hidden])+.delivery-notice{margin-top:0}.delivery-empty{font-size:12px;color:var(--muted);line-height:1.8;margin:4px 0 20px}.delivery-body .manage-import{margin-top:0;border-top:0;padding-top:0}.delivery-body #delivery-key:not([hidden]){margin:0 0 22px}@media(max-width:520px){.delivery-options{grid-template-columns:1fr;gap:12px;margin:18px 0 22px}.delivery-option{min-height:0;padding:18px}.delivery-option strong{font-size:23px}.delivery-option small{margin-top:8px}.delivery-stage-heading{font-size:27px}}
.assignment-band{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 38px;background:#faf9f3;border-top:1px solid #292b2530}.assignment-band[hidden]{display:none}.assignment-band h3{font-size:8px;font-weight:500;letter-spacing:1.7px;color:var(--muted);margin:0 0 7px}.assignment-band p{font-size:14px;line-height:1.6;margin:0}.assignment-disclaimer{flex-shrink:0;font-family:'DM Serif Display',Georgia,serif;font-size:19px;line-height:1.3;background:var(--lime);border-radius:6px;padding:7px 13px}.rolling .assignment-band{visibility:hidden}@media(max-width:760px){.assignment-band{padding:19px 27px}}@media(max-width:520px){.assignment-band{padding:17px 22px;gap:13px;flex-wrap:wrap}.assignment-band h3{font-size:7px;letter-spacing:1.2px}.assignment-band p{font-size:13px}.assignment-disclaimer{font-size:16px;padding:5px 10px}}
/* Fold the business status into the navigation instead of a separate intro row. */
.site-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:20px}.site-header .brand{justify-self:start}.header-right{justify-self:end}.header-status{display:flex;align-items:center;justify-content:center;gap:8px;font-size:8px;letter-spacing:1.1px;white-space:nowrap}.header-status .status-dot{flex-shrink:0}.intro{padding:12px 0 22px}.intro h1{margin:8px 0 16px}@media(min-width:1500px){.intro{padding-top:20px}}@media(max-width:900px){.site-header{gap:14px}.header-right{gap:22px}.header-status{font-size:7px;letter-spacing:.6px}}@media(max-width:760px){.site-header{grid-template-columns:auto 1fr}.header-status{display:none}.intro{padding:14px 0 20px}}@media(max-width:520px){.header-right{gap:16px}}
/* A short introduction keeps the randomizer close to the top of the page. */
.intro{padding:24px 0 26px}.intro h1{display:block;font:450 18px/1.5 'DM Sans',sans-serif;letter-spacing:0;margin:0 auto 5px;max-width:40em}.intro>p{font-size:15px;line-height:1.6;max-width:36em;margin:0 auto}@media(max-width:520px){.intro{padding:20px 0 22px}.intro h1{font-size:16px;line-height:1.5;max-width:22em;margin-bottom:7px}.intro>p{font-size:14px;max-width:22em}}
.brand-mark{display:block;width:55px;height:55px;flex-shrink:0;transform:rotate(-7deg)}@media(max-width:520px){.brand-mark{width:46px;height:46px}}
.generator-mark{display:block;width:18px;height:18px;flex-shrink:0;transform:rotate(-7deg)}.approval-mark{display:block;width:49px;height:49px;flex-shrink:0;opacity:.65}@media(max-width:520px){.generator-mark{width:14px;height:14px}}
#info-dialog.small-print-dialog{width:min(760px,calc(100% - 32px));max-height:calc(100dvh - 48px);overflow-y:auto}
/* Keep every modal and its backdrop in sync while entering and leaving. */
dialog[open]{animation:modal-in 180ms cubic-bezier(.2,.8,.2,1) both}dialog[open]::backdrop{animation:modal-backdrop-in 180ms ease-out both}dialog[open].is-closing{animation:modal-out 150ms ease-in both}dialog[open].is-closing::backdrop{animation:modal-backdrop-out 150ms ease-in both}@keyframes modal-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modal-out{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.98)}}@keyframes modal-backdrop-in{from{opacity:0}to{opacity:1}}@keyframes modal-backdrop-out{from{opacity:1}to{opacity:0}}
@media(prefers-reduced-motion:reduce){dialog[open],dialog[open]::backdrop{animation:none!important}}
