:root{--ion-color-primary: #0054e9;--ion-color-primary-rgb: 0, 84, 233;--ion-color-primary-contrast: #fff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #004acd;--ion-color-primary-tint: #1a65eb;--ion-color-secondary: #0163aa;--ion-color-secondary-rgb: 1, 99, 170;--ion-color-secondary-contrast: #fff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #015796;--ion-color-secondary-tint: #1a73b3;--ion-color-tertiary: #6030ff;--ion-color-tertiary-rgb: 96, 48, 255;--ion-color-tertiary-contrast: #fff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #542ae0;--ion-color-tertiary-tint: #7045ff;--ion-color-success: #2dd55b;--ion-color-success-rgb: 45, 213, 91;--ion-color-success-contrast: #000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #28bb50;--ion-color-success-tint: #42d96b;--ion-color-warning: #ffc409;--ion-color-warning-rgb: 255, 196, 9;--ion-color-warning-contrast: #000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0ac08;--ion-color-warning-tint: #ffca22;--ion-color-danger: #c5000f;--ion-color-danger-rgb: 197, 0, 15;--ion-color-danger-contrast: #fff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #ad000d;--ion-color-danger-tint: #cb1a27;--ion-color-light: #f4f5f8;--ion-color-light-rgb: 244, 245, 248;--ion-color-light-contrast: #000;--ion-color-light-contrast-rgb: 0, 0, 0;--ion-color-light-shade: #d7d8da;--ion-color-light-tint: #f5f6f9;--ion-color-medium: #636469;--ion-color-medium-rgb: 99, 100, 105;--ion-color-medium-contrast: #fff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #57585c;--ion-color-medium-tint: #737478;--ion-color-dark: #222428;--ion-color-dark-rgb: 34, 36, 40;--ion-color-dark-contrast: #fff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #1e2023;--ion-color-dark-tint: #383a3e}html.ios{--ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif}html.md{--ion-default-font: "Roboto", "Helvetica Neue", sans-serif}html{--ion-dynamic-font: -apple-system-body;--ion-font-family: var(--ion-default-font)}body{background:var(--ion-background-color);color:var(--ion-text-color)}body.backdrop-no-scroll{overflow:hidden}html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,html.ios ion-modal ion-footer ion-toolbar:first-of-type,html.ios ion-footer.modal-footer-moving ion-toolbar:first-of-type{padding-top:6px}html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type{padding-bottom:6px}html.ios ion-modal ion-toolbar,html.ios .modal-footer-moving ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 8px);padding-left:calc(var(--ion-safe-area-left) + 8px)}@media screen and (min-width: 768px){html.ios ion-modal.modal-card:first-of-type{--backdrop-opacity: .18}}ion-modal.modal-default.show-modal~ion-modal.modal-default{--backdrop-opacity: 0;--box-shadow: none}html.ios ion-modal.modal-card .ion-page{border-top-left-radius:var(--border-radius)}.ion-color-primary{--ion-color-base: var(--ion-color-primary, #0054e9) !important;--ion-color-base-rgb: var(--ion-color-primary-rgb, 0, 84, 233) !important;--ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-primary-shade, #004acd) !important;--ion-color-tint: var(--ion-color-primary-tint, #1a65eb) !important}.ion-color-secondary{--ion-color-base: var(--ion-color-secondary, #0163aa) !important;--ion-color-base-rgb: var(--ion-color-secondary-rgb, 1, 99, 170) !important;--ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-secondary-shade, #015796) !important;--ion-color-tint: var(--ion-color-secondary-tint, #1a73b3) !important}.ion-color-tertiary{--ion-color-base: var(--ion-color-tertiary, #6030ff) !important;--ion-color-base-rgb: var(--ion-color-tertiary-rgb, 96, 48, 255) !important;--ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-tertiary-shade, #542ae0) !important;--ion-color-tint: var(--ion-color-tertiary-tint, #7045ff) !important}.ion-color-success{--ion-color-base: var(--ion-color-success, #2dd55b) !important;--ion-color-base-rgb: var(--ion-color-success-rgb, 45, 213, 91) !important;--ion-color-contrast: var(--ion-color-success-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-success-shade, #28bb50) !important;--ion-color-tint: var(--ion-color-success-tint, #42d96b) !important}.ion-color-warning{--ion-color-base: var(--ion-color-warning, #ffc409) !important;--ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;--ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;--ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important}.ion-color-danger{--ion-color-base: var(--ion-color-danger, #c5000f) !important;--ion-color-base-rgb: var(--ion-color-danger-rgb, 197, 0, 15) !important;--ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-danger-shade, #ad000d) !important;--ion-color-tint: var(--ion-color-danger-tint, #cb1a27) !important}.ion-color-light{--ion-color-base: var(--ion-color-light, #f4f5f8) !important;--ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;--ion-color-contrast: var(--ion-color-light-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;--ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important}.ion-color-medium{--ion-color-base: var(--ion-color-medium, #636469) !important;--ion-color-base-rgb: var(--ion-color-medium-rgb, 99, 100, 105) !important;--ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-medium-shade, #57585c) !important;--ion-color-tint: var(--ion-color-medium-tint, #737478) !important}.ion-color-dark{--ion-color-base: var(--ion-color-dark, #222428) !important;--ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;--ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;--ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important}.ion-page{left:0;right:0;top:0;bottom:0;display:flex;position:absolute;flex-direction:column;justify-content:space-between;contain:layout size style;z-index:0}.ion-page.ion-page-overlay-passthrough{pointer-events:none}ion-modal>.ion-page{position:relative;contain:layout style;height:100%}.split-pane-visible>.ion-page.split-pane-main{position:relative}ion-route,ion-route-redirect,ion-router,ion-select-option,ion-nav-controller,ion-menu-controller,ion-action-sheet-controller,ion-alert-controller,ion-loading-controller,ion-modal-controller,ion-picker-controller,ion-popover-controller,ion-toast-controller,.ion-page-hidden{display:none!important}.ion-page-invisible{opacity:0}.can-go-back>ion-header ion-back-button{display:block}html.plt-ios.plt-hybrid,html.plt-ios.plt-pwa{--ion-statusbar-padding: 20px}@supports (padding-top: 20px){html{--ion-safe-area-top: var(--ion-statusbar-padding)}}@supports (padding-top: env(safe-area-inset-top)){html{--ion-safe-area-top: var(--safe-area-inset-top, env(safe-area-inset-top));--ion-safe-area-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom));--ion-safe-area-left: var(--safe-area-inset-left, env(safe-area-inset-left));--ion-safe-area-right: var(--safe-area-inset-right, env(safe-area-inset-right))}}ion-card.ion-color .ion-inherit-color,ion-card-header.ion-color .ion-inherit-color{color:inherit}.menu-content{transform:translateZ(0)}.menu-content-open{cursor:pointer;touch-action:manipulation;pointer-events:none;overflow-y:hidden}.menu-content-open ion-content{--overflow: hidden}.menu-content-open .ion-content-scroll-host{overflow:hidden}.ios .menu-content-reveal{box-shadow:-8px 0 42px #00000014}[dir=rtl].ios .menu-content-reveal{box-shadow:8px 0 42px #00000014}.md .menu-content-reveal,.md .menu-content-push{box-shadow:4px 0 16px #0000002e}ion-accordion-group.accordion-group-expand-inset>ion-accordion:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px}ion-accordion-group.accordion-group-expand-inset>ion-accordion:last-of-type{border-bottom-left-radius:8px;border-bottom-right-radius:8px}ion-accordion-group>ion-accordion:last-of-type ion-item[slot=header]{--border-width: 0px}ion-accordion.accordion-animated>[slot=header] .ion-accordion-toggle-icon{transition:.3s transform cubic-bezier(.25,.8,.5,1)}@media (prefers-reduced-motion: reduce){ion-accordion .ion-accordion-toggle-icon{transition:none!important}}ion-accordion.accordion-expanding>[slot=header] .ion-accordion-toggle-icon,ion-accordion.accordion-expanded>[slot=header] .ion-accordion-toggle-icon{transform:rotate(180deg)}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-previous ion-item[slot=header]{--border-width: 0px;--inner-border-width: 0px}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanding:first-of-type,ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanded:first-of-type{margin-top:0}ion-input input::-webkit-date-and-time-value{text-align:start}.ion-datetime-button-overlay{--width: fit-content;--height: fit-content}.ion-datetime-button-overlay ion-datetime.datetime-grid{width:320px;min-height:320px}[ion-last-focus],header[tabindex="-1"]:focus,[role=banner][tabindex="-1"]:focus,main[tabindex="-1"]:focus,[role=main][tabindex="-1"]:focus,h1[tabindex="-1"]:focus,[role=heading][aria-level="1"][tabindex="-1"]:focus{outline:none}.popover-viewport:has(>ion-content){overflow:hidden}@supports not selector(:has(> ion-content)){.popover-viewport{overflow:hidden}}audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){display:none;height:0}b,strong{font-weight:700}img{max-width:100%}hr{height:1px;border-width:0;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}label,input,select,textarea{font-family:inherit;line-height:normal}textarea{overflow:auto;height:auto;font:inherit;color:inherit}textarea::placeholder{padding-left:2px}form,input,optgroup,select{margin:0;font:inherit;color:inherit}html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}a,a div,a span,a ion-icon,a ion-label,button,button div,button span,button ion-icon,button ion-label,.ion-tappable,[tappable],[tappable] div,[tappable] span,[tappable] ion-icon,[tappable] ion-label,input,textarea{touch-action:manipulation}a ion-label,button ion-label{pointer-events:none}button{padding:0;border:0;border-radius:0;font-family:inherit;font-style:inherit;font-variant:inherit;line-height:1;text-transform:none;cursor:pointer;-webkit-appearance:button}[tappable]{cursor:pointer}a[disabled],button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{width:100%;height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}html.ion-ce body{display:block}html.plt-pwa{height:100vh}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin:0;padding:0;position:fixed;width:100%;max-width:100%;height:100%;max-height:100%;transform:translateZ(0);text-rendering:optimizeLegibility;overflow:hidden;touch-action:manipulation;-webkit-user-drag:none;-ms-content-zooming:none;word-wrap:break-word;overscroll-behavior-y:none;-webkit-text-size-adjust:none;text-size-adjust:none}html{font-family:var(--ion-font-family)}@supports (-webkit-touch-callout: none){html{font:var(--ion-dynamic-font, 16px var(--ion-font-family))}}a{background-color:transparent;color:var(--ion-color-primary, #0054e9)}h1,h2,h3,h4,h5,h6{margin-top:16px;margin-bottom:10px;font-weight:500;line-height:1.2}h1{margin-top:20px;font-size:1.625rem}h2{margin-top:18px;font-size:1.5rem}h3{font-size:1.375rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}small{font-size:75%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-vietnamese-400-normal-65jA92mZ.woff2) format("woff2"),url(/assets/patrick-hand-vietnamese-400-normal-CZjY324Y.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-latin-ext-400-normal-Dno5CMlI.woff2) format("woff2"),url(/assets/patrick-hand-latin-ext-400-normal-C2ywpnn3.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-latin-400-normal-B7HHA2Vw.woff2) format("woff2"),url(/assets/patrick-hand-latin-400-normal-Df9_VoRQ.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#173045;background:#f6f8f9;--ion-color-primary:#1769ad;--ion-color-primary-rgb:23,105,173;--ion-color-primary-contrast:#fff;--ion-color-primary-shade:#145c98;--ion-color-primary-tint:#2e78b5;--ion-color-secondary:#d45266;--ion-color-secondary-rgb:212,82,102;--ion-color-secondary-contrast:#fff;--ion-background-color:#f6f8f9;--ion-text-color:#173045}*{box-sizing:border-box}button,input,select{font:inherit}button{cursor:pointer}.app-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.05rem max(1.25rem,calc((100vw - 1180px)/2));background:#fff;border-bottom:1px solid #e3e9ed}.brand{padding:0;border:0;background:none;color:#164d75;font-weight:850;font-size:1.25rem;letter-spacing:-.055em;white-space:nowrap}.brand-dot{color:#d45266}.app-header nav{display:flex;gap:.4rem}.app-header nav button{display:flex;align-items:center;gap:.45rem;border:0;border-radius:999px;background:transparent;color:#5e7080;padding:.65rem 1rem;font-weight:650}.app-header nav button.active{background:#e8f3fc;color:#1769ad}.app-header nav ion-icon{font-size:1.15rem}.content-wrap{min-height:100%;background:radial-gradient(circle at 50% 5%,#eef6fc 0,#f6f8f9 48%)}.page{max-width:1180px;margin:auto;padding:3.4rem 1.5rem 5rem}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-weight:850;color:#d45266;font-size:.76rem;margin:0 0 .75rem}.hero-copy{text-align:center;margin:0 auto 2.2rem;max-width:760px}.hero-copy h1,.page-heading h1{font-size:clamp(2rem,4vw,3.45rem);line-height:1.08;letter-spacing:-.055em;color:#173045;margin:0 0 .85rem}.hero-copy>p:last-child,.page-heading>p:last-child{font-size:1.08rem;color:#607180;margin:0}.name-tag{width:min(100%,760px);aspect-ratio:1.53;margin:auto;display:grid;grid-template-rows:40% 49% 11%;border-radius:clamp(1.8rem,5vw,3.5rem);overflow:hidden;background:#216eae;box-shadow:0 22px 55px #19527b25,0 4px 12px #19527b13;border:1px solid #246da6}.name-tag-heading{color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.hello{font-weight:500;font-size:clamp(3.2rem,10vw,7.6rem);letter-spacing:-.055em}.my-name-is{font-weight:650;font-size:clamp(1.3rem,3.8vw,2.85rem);letter-spacing:-.04em}.name-tag-center{background:#fff;display:flex;align-items:center;justify-content:center;text-align:center;padding:.5rem 2.5rem;overflow:hidden}.name-tag-center span{font-family:Georgia,Times New Roman,serif;font-weight:750;font-size:clamp(2rem,6.1vw,4.85rem);line-height:1.05;letter-spacing:-.055em;overflow-wrap:anywhere;white-space:pre-wrap;max-height:100%;overflow:auto}.name-tag-center.empty span{font-family:inherit;font-size:clamp(1rem,2.5vw,1.5rem);font-weight:500;color:#b5c2cc;letter-spacing:0}.name-tag-footer{background:#216eae}.generator-actions{display:flex;justify-content:center;gap:.8rem;flex-wrap:wrap;margin:2rem auto 0}.generator-actions ion-button{--border-radius:999px;font-weight:750;letter-spacing:0;text-transform:none}.design-hint{text-align:center;color:#637381;margin:1.1rem 0}.design-hint button{border:0;background:none;color:#1769ad;font-weight:750;padding:0}.sample-note{text-align:center;color:#8b9aa5;font-size:.8rem;margin-top:2.2rem}.message{text-align:center;margin:1rem auto}.error{color:#a73a4c;font-weight:650}.page-heading{margin-bottom:2rem}.editor-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.85fr);align-items:start;gap:1.25rem}.panel{background:#fff;border:1px solid #e4eaee;border-radius:1.15rem;padding:1.35rem;box-shadow:0 8px 30px #2453750a}.panel h2{font-size:1.1rem;margin:0 0 1.2rem;letter-spacing:-.025em}.side-stack{display:grid;gap:1.25rem}.token-item{--padding-start:0;--inner-padding-end:0;--background:transparent;--border-color:#edf0f2;align-items:start}.token-item::part(native){align-items:start}.token-item ion-reorder{margin:.95rem .2rem 0 .7rem;color:#778c9b}.token-item ion-reorder ion-icon{font-size:1.35rem}.token-card{width:100%;padding:1rem 0}.token-top{display:flex;align-items:center;gap:.75rem}.token-number{font-size:.75rem;font-weight:800;color:#9aaab5}.token-top strong{font-size:1rem}.icon-button{display:grid;place-items:center;border:0;background:transparent;color:#8799a6;font-size:1.2rem}.remove{margin-left:auto}.token-fields{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:.9rem}.token-fields label,.text-label{display:flex;flex-direction:column;gap:.3rem;color:#677988;font-size:.76rem;font-weight:700}.token-fields input,.token-fields select,.text-label input{min-height:2.55rem;min-width:145px;padding:.55rem .7rem;border:1px solid #d5e1e9;border-radius:.55rem;background:#fbfdfe;color:#173045;outline-color:#1769ad}.text-label{margin-top:.9rem}.text-label input{width:100%}.text-label small{font-weight:400;font-size:.75rem}.add-grid{display:flex;flex-wrap:wrap;gap:.4rem}.add-grid ion-button{--border-radius:999px;text-transform:none;font-size:.78rem;font-weight:700;letter-spacing:0}.setting-item{--padding-start:0;--inner-padding-end:0;--border-color:#edf0f2;color:#4f6371}.setting-item span{font-size:.85rem}.setting-item ion-select{width:100%}.help{font-size:.82rem;line-height:1.5;color:#7a8b97;margin:.9rem 0 0}.empty-message,.empty-saved p{color:#738795}.saved-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:1rem}.saved-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e4eaee;border-top:8px solid #216eae;border-radius:1rem;padding:1.3rem;min-height:190px;box-shadow:0 8px 30px #2453750a}.saved-overline{margin:0 0 .65rem;color:#216eae;font-weight:750}.saved-card h2{font:750 clamp(1.5rem,3vw,2.1rem)/1.1 Georgia,serif;overflow-wrap:anywhere;margin:0 0 1rem}.saved-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;color:#8b9aa5;font-size:.8rem}.empty-saved{text-align:center;max-width:500px;margin:auto;padding:3rem 1.5rem}.empty-saved span{font-size:3rem;color:#d45266}.empty-saved h2{margin:.5rem 0}@media (max-width:700px){.app-header{padding:.8rem 1rem;gap:.3rem}.brand{font-size:1.05rem}.app-header nav{gap:0}.app-header nav button{flex-direction:column;gap:.1rem;padding:.4rem .5rem;font-size:.65rem}.app-header nav ion-icon{font-size:1.1rem}.page{padding:2.2rem 1rem 4rem}.hero-copy{margin-bottom:1.5rem}.hero-copy h1{font-size:clamp(1.85rem,8vw,2.5rem)}.hero-copy>p:last-child{font-size:.95rem}.name-tag{border-radius:1.65rem;aspect-ratio:1.28;grid-template-rows:41% 48% 11%}.hello{font-size:clamp(3.15rem,14vw,5.5rem)}.my-name-is{font-size:clamp(1.25rem,5.5vw,2rem)}.name-tag-center{padding:.35rem 1.1rem}.name-tag-center span{font-size:clamp(1.75rem,8vw,3.2rem)}.generator-actions{margin-top:1.3rem}.editor-layout{grid-template-columns:1fr}.side-stack{grid-row:1}.panel{padding:1rem}}.template-list{display:grid;gap:.45rem;margin-top:1rem}.template-row{display:flex;align-items:center;border:1px solid #e2e9ee;border-radius:.7rem;background:#fbfdfe}.template-row>button:first-child{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:.15rem;border:0;background:transparent;padding:.7rem;text-align:left;color:#173045}.template-row small{color:#81919d}.save-template{display:grid;gap:.65rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #edf0f2}.save-template label{display:grid;gap:.35rem;color:#677988;font-size:.76rem;font-weight:700}.save-template input{min-height:2.55rem;padding:.55rem .7rem;border:1px solid #d5e1e9;border-radius:.55rem;background:#fff;color:#173045}.save-template ion-button{justify-self:start;--border-radius:999px;text-transform:none;font-weight:700}.customize-page{max-width:1100px}.customize-heading{margin-bottom:2.2rem}.customize-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);grid-template-areas:"recipe preview";gap:clamp(1.5rem,4vw,3.5rem);align-items:start}.recipe-section{grid-area:recipe;min-width:0}.preview-section{grid-area:preview;position:sticky;top:1.5rem;background:#eaf3fa;border-radius:1.5rem;padding:1.25rem}.section-title,.preview-heading,.compact-heading,.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.section-title{margin-bottom:1rem}.section-title h2,.preview-heading h2,.compact-heading h2,.modal-heading h2{margin:.15rem 0 0;font-size:1.35rem;letter-spacing:-.035em}.section-title>span{color:#7a8c99;font-size:.82rem}.section-kicker{margin:0;color:#d45266;font-size:.7rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.recipe-list{display:grid;gap:.55rem}.recipe-piece{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;min-height:68px;background:#fff;border:1px solid #dfe8ee;border-radius:.9rem;box-shadow:0 4px 14px #17304508;transition:border-color .15s,transform .15s}.recipe-piece:hover{border-color:#b8cedd}.recipe-piece.is-quoted{border-left:4px solid #d45266;background:#fffafb}.recipe-piece.quote-start{margin-top:1rem}.quote-label{position:absolute;left:.65rem;top:-1.25rem;color:#b44759;font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.recipe-piece ion-reorder{display:grid;place-items:center;width:42px;height:100%;color:#78909f;font-size:1.3rem;cursor:grab}.piece-summary{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.12rem;min-height:66px;padding:.7rem .25rem;border:0;background:transparent;color:#173045;text-align:left}.piece-summary strong{font-size:1rem}.piece-summary small{color:#84939e;font-size:.75rem}.piece-actions{display:flex;align-items:center;padding-right:.35rem}.piece-actions button,.modal-heading>button,.my-template-row>button:last-child{display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:transparent;color:#6f8492;font-size:1rem}.piece-actions button:hover,.modal-heading>button:hover{background:#eef4f7}.piece-actions button:disabled{opacity:.25;cursor:default}.add-part-button{margin-top:1rem;--border-radius:999px;text-transform:none;font-weight:750;letter-spacing:0}.compact-section{margin-top:2.2rem;padding-top:1.5rem;border-top:1px solid #dfe7ec}.compact-heading{margin-bottom:.8rem}.text-action{border:0;background:transparent;color:#1769ad;font-weight:750;font-size:.82rem}.option-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:58px;border-bottom:1px solid #e5ebef}.option-row>span:first-child{display:flex;flex-direction:column}.option-row small{margin-top:.14rem;color:#8998a3;font-size:.72rem}.option-row select{min-width:116px;padding:.6rem 2rem .6rem .7rem;border:0;border-radius:.55rem;background:#eef5fa;color:#173045;font-weight:700}.option-value{color:#5d7280;font-size:.9rem}.template-chips{display:flex;gap:.55rem;overflow-x:auto;padding:.15rem 0 .5rem;scrollbar-width:none}.template-chips::-webkit-scrollbar{display:none}.template-chips button{flex:0 0 auto;min-height:44px;padding:.65rem .9rem;border:1px solid #cddce6;border-radius:999px;background:#fff;color:#225a82;font-weight:750}.template-chips button:hover{background:#eaf4fb}.my-templates{margin-top:1rem}.my-templates h3{margin:0 0 .4rem;font-size:.82rem;color:#687c89}.my-template-row{display:flex;align-items:center;border-bottom:1px solid #e5ebef}.my-template-row>button:first-child{flex:1;min-height:44px;border:0;background:transparent;color:#173045;text-align:left;font-weight:700}.preview-heading{margin-bottom:1rem}.preview-heading ion-button{text-transform:none;letter-spacing:0;font-weight:700}.compact-nametag .name-tag{width:100%;aspect-ratio:1.5;border-radius:1.5rem;box-shadow:0 12px 28px #19527b1c}.compact-nametag .hello{font-size:clamp(2.2rem,5vw,4rem)}.compact-nametag .my-name-is{font-size:clamp(1rem,2vw,1.6rem)}.compact-nametag .name-tag-center{padding:.3rem 1rem}.compact-nametag .name-tag-center span{font-size:clamp(1.45rem,3.4vw,2.6rem)}.preview-section>p{margin:.9rem .3rem 0;color:#657b89;font-size:.82rem;text-align:center}.recipe-empty{padding:1rem;border:1px dashed #bfd0db;border-radius:.9rem;color:#6d808d}.focused-modal{--width:min(580px,100%);--border-radius:1.4rem 1.4rem 0 0;--box-shadow:0 24px 80px #102f4538}.focused-modal::part(content){max-width:580px;margin-inline:auto}.modal-content{height:100%;overflow-y:auto;padding:1.35rem 1.35rem calc(1.5rem + env(safe-area-inset-bottom));background:#fff}.modal-heading{margin-bottom:1.25rem}.modal-heading>button{font-size:1.3rem}.add-choice-group{margin-top:1.2rem}.add-choice-group h3{margin:0 0 .35rem;color:#7a8d99;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.add-choice-group>button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:58px;padding:.65rem .8rem;border:0;border-bottom:1px solid #e8edf0;background:#fff;color:#173045;text-align:left}.add-choice-group>button span{display:flex;flex-direction:column;gap:.12rem}.add-choice-group small{color:#8796a1;font-size:.75rem}.add-choice-group ion-icon{color:#1769ad;font-size:1.25rem}.focused-fields{display:grid;gap:1rem}.focused-fields fieldset{display:grid;gap:.7rem;margin:0;padding:1rem;border:1px solid #dce6ec;border-radius:.8rem}.focused-fields legend{padding:0 .35rem;font-weight:800}.focused-fields fieldset label{display:flex;align-items:center;gap:.65rem;min-height:36px}.focused-fields input[type=radio]{width:20px;height:20px;accent-color:#1769ad}.field-label{display:grid;gap:.4rem;color:#526a79;font-size:.82rem;font-weight:750}.field-label input,.field-label select{width:100%;min-height:48px;padding:.7rem .8rem;border:1px solid #ccdce6;border-radius:.7rem;background:#fbfdfe;color:#173045}.quote-intent{display:grid;gap:.35rem;margin-top:1.2rem;padding:1rem;border-radius:.85rem;background:#fff5f7}.quote-intent ion-checkbox{--size:22px;font-weight:750}.quote-intent small{padding-left:2rem;color:#7c6d72;line-height:1.4}.modal-actions{margin-top:1.4rem}.modal-actions ion-button{text-transform:none;letter-spacing:0;font-weight:750}.small-modal{--width:min(480px,100%)}button:focus-visible,input:focus-visible,select:focus-visible,.recipe-piece:focus-within{outline:3px solid #65a9dc;outline-offset:2px}.generate-page{padding-top:2rem}.content-wrap.generate-background{background:radial-gradient(circle at 50% 10%,#193f5d 0,#102b40 48%,#0b2132)}.generate-background .design-hint{color:#b9c9d4}.generate-background .design-hint button{color:#75c2ff}.generate-background .sample-note{color:#829baa}.generate-background .name-tag{box-shadow:0 26px 65px #0000004a,0 5px 15px #00000035}.name-tag-center span{max-width:100%;padding:.08em .12em;overflow:visible;scrollbar-width:none;-ms-overflow-style:none}.name-tag-center span::-webkit-scrollbar{width:0;height:0;display:none}@media (min-width:701px){.piece-actions button:nth-child(-n+2){display:none}.focused-modal{--height:min(680px,86vh);--border-radius:1.25rem}.small-modal{--height:360px}.focused-modal::part(content){border-radius:1.25rem}}@media (max-width:700px){.customize-page{padding-top:1.5rem}.customize-heading{margin-bottom:1.2rem}.customize-heading h1{font-size:2.25rem}.customize-heading>p:last-child{font-size:.94rem}.customize-layout{grid-template-columns:1fr;grid-template-areas:"preview" "recipe";gap:1.5rem}.preview-section{position:static;padding:.85rem;border-radius:1.15rem}.preview-heading{margin-bottom:.65rem}.preview-heading h2{font-size:1.05rem}.compact-nametag .name-tag{aspect-ratio:2.05;border-radius:1rem;grid-template-rows:39% 50% 11%}.compact-nametag .hello{font-size:2.4rem}.compact-nametag .my-name-is{font-size:1rem}.compact-nametag .name-tag-center span{font-size:1.55rem}.preview-section>p{display:none}.section-title h2,.compact-heading h2{font-size:1.2rem}.recipe-piece{grid-template-columns:42px minmax(0,1fr) auto}.piece-actions button{width:36px}.piece-actions button:last-child{display:none}.compact-section{margin-top:1.75rem;padding-top:1.25rem}.template-chips{margin-right:-1rem;padding-right:1rem}.focused-modal{--width:100%;--height:100%}.modal-content{padding:1.15rem}.app-header{position:sticky;top:0}}.content-wrap.generate-background{background:#071522}.generate-page{padding-top:clamp(1.75rem,4vw,3.25rem);padding-bottom:4rem}.generate-background .name-tag{width:min(calc(100% - 1rem),720px);aspect-ratio:1.7;grid-template-rows:41% 45% 14%;border-color:#2b72aa;border-radius:clamp(1.7rem,4vw,2.8rem);box-shadow:0 24px 55px #0008,0 3px 12px #0007}.generate-background .name-tag-center{padding:.35rem 2rem}.name-tag-center span{font-family:Patrick Hand,Comic Sans MS,Segoe Print,sans-serif;font-weight:400;color:#090909;line-height:.9;letter-spacing:.005em;overflow-wrap:normal;word-break:normal}.name-tag-center.empty span{font-family:inherit;color:#aab7c0;line-height:1.1}.generator-actions{align-items:center;margin-top:1.65rem}.generator-actions .save-name-action{--color:#e05b70;--color-hover:#f07185;--background:transparent;--background-hover:#ffffff0d;--border-radius:999px;font-size:.95rem}.generate-background .design-hint{margin-top:.8rem}.generate-background .sample-note{margin-top:1.65rem}.generate-background .design-hint button{min-height:40px;padding:.4rem .6rem;border-radius:999px}.generate-background .design-hint button:hover{background:#ffffff0d}@media (max-width:700px){.generate-page{padding-top:1.5rem}.generate-background .name-tag{width:100%;aspect-ratio:1.62;grid-template-rows:41% 45% 14%;border-radius:1.55rem}.generate-background .name-tag-center{padding:.25rem 1rem}.generator-actions{margin-top:1.25rem;gap:.35rem}.generator-actions ion-button:first-child{font-size:1rem}.generator-actions .save-name-action{font-size:.85rem}.generate-background .sample-note{margin-top:1.2rem}}.filter-heading{margin:1.2rem 0 .4rem;color:#173045;font-size:.9rem}.match-count{display:block;margin:.55rem 0 1rem;color:#526a79;font-size:.8rem;font-weight:700}.match-count.no-match{color:#a73a4c}.brand{display:flex;align-items:center;min-width:0}.brand-logo{display:block;width:180px;max-width:100%;height:auto}.app-header{background:#071522;border-bottom-color:#183044;color:#dce8f0}.brand{color:#e8f1f7}.brand:hover,.brand.active{color:#fff}.app-header nav button{color:#9eb1bf}.app-header nav button:hover{background:#ffffff0b;color:#eaf4fa}.app-header nav button.active{background:#17354c;color:#fff}.content-wrap.generate-background{display:flex;flex-direction:column;background:#071522}.generate-page{display:flex;flex:1;width:100%;max-width:100%;flex-direction:column;align-items:center;padding-top:clamp(2.5rem,8vh,6rem);padding-bottom:max(1.25rem,env(safe-area-inset-bottom))}.name-tag-shell{position:relative;width:min(100%,760px);margin:auto}.name-tag-shell .name-tag{width:100%;margin:0}.generate-background .name-tag-shell{flex:0 0 auto;width:min(calc(100% - 1rem),720px);margin:0 auto}.generate-background .name-tag{width:100%}.name-tag-interactive{cursor:pointer;touch-action:manipulation;transition:border-color .15s,box-shadow .15s,transform .15s}.name-tag-interactive:hover{border-color:#68a6d4;box-shadow:0 26px 60px #0009,0 3px 12px #0007}.name-tag-interactive:focus-visible{outline:3px solid #85c8fa;outline-offset:6px}.name-tag-center{position:relative}.favorite-button{position:absolute;z-index:2;right:clamp(.65rem,2.3vw,1.25rem);top:63.5%;display:grid;width:48px;height:48px;place-items:center;padding:0;transform:translateY(-50%);border:0;border-radius:50%;background:transparent;color:#d45266;font-size:1.65rem}.favorite-button:hover{background:#d4526612}.favorite-button:focus-visible{outline-color:#d45266;outline-offset:1px}.favorite-button.is-saved{color:#d45266}.interaction-hint{margin:1rem 0 0;color:#91a7b6;font-size:.82rem;text-align:center}.generate-background .sample-note{margin:auto 0 0;padding-top:2rem;color:#78909f;font-size:.7rem;opacity:.5}.generate-background .message{color:#ffd1d8}.name-tag-shell.is-generating{animation:nametag-wiggle .26s ease-in-out}@keyframes nametag-wiggle{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-3px) rotate(-.35deg)}55%{transform:translate(3px) rotate(.35deg)}78%{transform:translate(-1px) rotate(-.12deg)}}@media (prefers-reduced-motion:reduce){.name-tag-interactive{transition:none}.name-tag-shell.is-generating{animation:none}}@media (max-width:700px){.app-header{min-height:64px;padding:.65rem 1rem}.brand{font-size:1.05rem}.brand-logo{width:clamp(110px,36vw,160px)}.app-header nav button{min-width:54px;padding:.35rem .55rem}.generate-page{padding:clamp(1.25rem,4vh,2rem) 1rem max(1rem,env(safe-area-inset-bottom))}.generate-background .name-tag-shell{width:100%}.favorite-button{right:.45rem;width:44px;height:44px;font-size:1.45rem}.interaction-hint{margin-top:.85rem}.generate-background .sample-note{max-width:280px;padding-top:1.5rem;line-height:1.35}}.customize-page{padding-top:2rem}.customize-heading{margin-bottom:1.4rem}.name-options{margin-top:1.35rem;padding-top:1rem}.name-options-summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;min-height:112px;padding:1rem 1.1rem;border:1px solid #dce6ec;border-radius:1rem;background:#fff;color:#173045;text-align:left;box-shadow:0 4px 14px #17304508}.name-options-summary:hover{border-color:#b8cedd;background:#fcfeff}.name-options-copy{display:grid;gap:.25rem;min-width:0}.name-options-copy strong{font-size:1.15rem;letter-spacing:-.025em}.name-options-copy>span:not(.section-kicker){color:#526a79;font-size:.85rem}.name-options-copy small{margin-top:.2rem;color:#6f8390;font-size:.76rem}.name-options-copy small.no-match{color:#a73a4c;font-weight:750}.name-options-edit{display:flex;align-items:center;gap:.15rem;flex:0 0 auto;color:#1769ad;font-size:.82rem;font-weight:750}.name-options-edit ion-icon{font-size:1rem}.templates-section{margin-top:1.4rem}.options-modal .filter-heading{margin:1.15rem 0 .4rem}.options-modal .option-row select{max-width:55%;min-width:0}.options-modal .match-count{margin:.55rem 0 .85rem}.options-context{margin:.8rem 0;color:#81939e;font-size:.76rem}@media (min-width:701px){.options-modal{--height:min(650px,88vh)}}@media (max-width:700px){.customize-page{padding-top:1.1rem}.customize-heading{margin-bottom:1rem}.customize-layout{gap:1.15rem}.preview-section{padding:.7rem}.preview-heading{margin-bottom:.45rem}.compact-nametag .name-tag{aspect-ratio:2.5;grid-template-rows:41% 48% 11%}.compact-nametag .hello{font-size:clamp(1.7rem,7vw,2.2rem)}.compact-nametag .my-name-is{font-size:clamp(.8rem,3.4vw,.95rem)}.name-options{margin-top:1.2rem;padding-top:.85rem}.name-options-summary{align-items:flex-start;min-height:0;padding:.9rem}.name-options-edit{align-self:center;font-size:.78rem}.name-options-copy>span:not(.section-kicker){font-size:.8rem}.options-modal .option-row{align-items:stretch;flex-direction:column;gap:.4rem;padding:.6rem 0}.options-modal .option-row select{width:100%;max-width:none;min-height:48px}.options-modal .modal-content{padding-bottom:calc(2rem + env(safe-area-inset-bottom))}}.preview-section>.message.error{display:block;color:#a73a4c}.customize-heading{margin-bottom:.8rem}.customize-heading .eyebrow{margin:0;color:#d45266;font-size:.76rem;line-height:1.3;letter-spacing:.15em}.templates-section{margin:0 0 1.25rem;padding:0;border:0}.templates-section .section-kicker{margin-bottom:.35rem}.template-picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;min-height:56px;padding:.8rem 1rem;border:1px solid #dce6ec;border-radius:.9rem;background:#fff;color:#173045;text-align:left;font-weight:750;box-shadow:0 4px 14px #17304508}.template-picker-trigger:hover{border-color:#b8cedd;background:#fcfeff}.template-picker-trigger ion-icon{flex:0 0 auto;color:#1769ad;font-size:1.1rem}.recipe-title{flex-wrap:wrap;align-items:flex-end;gap:.45rem 1rem}.recipe-title>span{margin-left:auto;color:#7a8c99;font-size:.82rem}.preview-heading{margin-bottom:.55rem}.template-picker-content{overflow-x:hidden;overscroll-behavior:contain}.template-picker-group{min-width:0;margin-top:1.3rem}.template-picker-group h3{margin:0 0 .55rem;color:#647b89;font-size:.75rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.template-picker-list{display:grid;gap:.45rem;min-width:0}.template-picker-choice{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-width:0;width:100%;min-height:52px;padding:.7rem .85rem;border:1px solid #dce6ec;border-radius:.75rem;background:#fbfdfe;color:#173045;text-align:left;font-weight:750}.template-picker-choice:hover{border-color:#b8cedd;background:#f0f8fd}.template-picker-choice span{min-width:0;overflow-wrap:anywhere}.template-picker-choice ion-icon{flex:0 0 auto;color:#1769ad}.template-picker-saved-row{display:flex;align-items:stretch;gap:.35rem;min-width:0}.template-picker-saved-row .template-picker-choice{flex:1}.template-picker-delete{display:grid;place-items:center;flex:0 0 48px;border:0;border-radius:.75rem;background:#fff5f7;color:#b44759;font-size:1.1rem}.template-picker-empty{margin:.15rem 0 .9rem;color:#738795;font-size:.85rem;line-height:1.4}.template-save-trigger{display:flex;align-items:center;gap:.45rem;min-height:48px;margin-top:1rem;padding:.5rem .25rem;border:0;background:transparent;color:#1769ad;text-align:left;font-size:.86rem;font-weight:750}.template-save-trigger ion-icon{flex:0 0 auto;font-size:1.2rem}.template-save-form{display:grid;gap:.7rem;margin-top:1rem;padding:1rem;border:1px solid #dce6ec;border-radius:.8rem;background:#f8fbfd}.template-save-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.template-save-actions ion-button{text-transform:none;letter-spacing:0;font-weight:750}@media (max-width:700px){.customize-heading{margin-bottom:.65rem}.templates-section{margin-bottom:1.1rem}.preview-heading{margin-bottom:.4rem}.template-picker-modal{--width:100%;--height:100%}.template-picker-content{padding-bottom:calc(2rem + env(safe-area-inset-bottom))}}.name-tag{position:relative}.name-tag-generate-target{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}.name-tag-generate-target:focus-visible{outline:3px solid #85c8fa;outline-offset:-6px}.name-tag-center{z-index:2;pointer-events:none}.name-tag-center .name-display{display:inline-block;pointer-events:none}.name-tag-center .name-segment{font:inherit;letter-spacing:inherit;line-height:inherit;white-space:inherit;padding:0;margin:0;overflow:visible}.name-part-detail{display:inline;padding:0;border:0;border-radius:.12em;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;text-align:inherit;cursor:pointer;pointer-events:auto}.name-part-detail:hover{background:#216eae14}.name-part-detail:focus-visible{outline:2px solid #1769ad;outline-offset:2px}.saved-card .name-part-detail{color:inherit}.saved-card .name-part-detail:hover{background:#dceefa}.name-details-modal{--width:min(920px, calc(100vw - 3rem) );--height:min(90vh,920px);--border-radius:1.25rem}.name-details-modal::part(content){border-radius:1.25rem}.name-details-content{height:100%;overflow:auto;overscroll-behavior:contain;padding:clamp(1.2rem,3vw,2rem);background:#f8fbfd;color:#173045}.name-details-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.name-details-header h2{margin:.2rem 0;font-size:clamp(2rem,5vw,3.25rem);letter-spacing:-.055em}.name-details-header p:last-child{margin:.1rem 0 0;color:#677b89;font-size:.9rem}.name-details-header>button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:0;border-radius:50%;background:#e9f2f8;color:#173045;font-size:1.25rem}.name-details-content h3{margin:0 0 .65rem;font-size:1.1rem;letter-spacing:-.025em}.details-state{margin:3rem auto;text-align:center;color:#617888}.details-state button{min-height:44px;padding:.6rem 1rem;border:1px solid #1769ad;border-radius:999px;background:#fff;color:#1769ad;font-weight:750}.details-latest{margin-top:1.5rem}.details-latest-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.65rem}.details-latest-item{display:grid;gap:.14rem;padding:.9rem 1rem;border:1px solid #e0eaf0;border-radius:.85rem;background:#fff;font-size:.86rem}.details-latest-item strong{font-size:.75rem}.details-chart-section{margin-top:1.75rem;padding:1.1rem;border:1px solid #e0eaf0;border-radius:1rem;background:#fff}.details-section-title{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.details-section-title h3{margin:0}.details-metric{display:flex;gap:.15rem;padding:.2rem;border-radius:999px;background:#eaf3fa}.details-metric button{min-height:36px;padding:.35rem .8rem;border:0;border-radius:999px;background:transparent;color:#4e687b;font-size:.8rem;font-weight:750}.details-metric button[aria-pressed=true]{background:#fff;color:#1769ad;box-shadow:0 1px 4px #17304520}.details-legend{display:flex;gap:.5rem;margin:.9rem 0 .2rem}.details-legend button{display:flex;align-items:center;gap:.4rem;min-width:52px;min-height:36px;padding:.3rem .65rem;border:1px solid #d9e5ec;border-radius:999px;background:#fff;color:#173045;font-size:.8rem;font-weight:750}.details-legend button[aria-pressed=false]{opacity:.45}.details-legend i{display:block;width:.75rem;height:.75rem;border-radius:50%}.history-chart-wrap{width:100%;overflow:hidden}.history-chart{display:block;width:100%;height:auto;min-height:180px}.chart-axis-label{fill:#708493;font:11px system-ui,sans-serif}.details-chart-note{margin:.2rem 0 0;color:#718695;font-size:.75rem;line-height:1.4}.details-highlights{margin-top:1.75rem}.details-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.7rem}.details-fact-column{padding:1rem;border:1px solid #e0eaf0;border-radius:.85rem;background:#fff}.details-fact-column h4{margin:0 0 .5rem;font-size:.8rem}.details-fact-column dl{margin:0}.details-fact-column dl>div{display:flex;justify-content:space-between;gap:.8rem;padding:.5rem 0;border-top:1px solid #edf2f5;font-size:.78rem}.details-fact-column dt{color:#697e8b}.details-fact-column dd{margin:0;text-align:right;font-weight:750}.details-source-note{max-width:760px;margin:1.5rem 0 .5rem;color:#718695;font-size:.75rem;line-height:1.5}@media (max-width:700px){.name-details-modal{--width:100%;--height:100%;--border-radius:0}.name-details-modal::part(content){border-radius:0}.name-details-content{padding:1.15rem 1rem calc(2rem + env(safe-area-inset-bottom))}.name-details-header p:last-child{font-size:.78rem}.details-chart-section{padding:.75rem}.details-latest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.details-latest-item{padding:.7rem;font-size:.72rem}.details-facts{grid-template-columns:1fr}.chart-axis-label{font-size:22px}}.vocabulary-details-body{max-width:760px;margin:1.5rem auto 0;overflow-wrap:anywhere}.vocabulary-role{display:inline-block;padding:.35rem .7rem;border-radius:999px;background:#e6f1f9;color:#1769ad;font-size:.8rem;font-weight:750}.vocabulary-lineage{margin:1rem 0 0;color:#476174;line-height:1.55}.vocabulary-senses,.vocabulary-facts{margin-top:1.35rem}.vocabulary-senses ol{display:grid;gap:.7rem;margin:.75rem 0 0;padding:0;list-style:none;counter-reset:word-sense}.vocabulary-senses li{counter-increment:word-sense;position:relative;padding:1rem 1rem 1rem 3rem;border:1px solid #e0eaf0;border-radius:.85rem;background:#fff;line-height:1.5}.vocabulary-senses li:before{content:counter(word-sense);position:absolute;left:1rem;top:1rem;display:grid;place-items:center;width:1.35rem;height:1.35rem;border-radius:50%;background:#e6f1f9;color:#1769ad;font-size:.72rem;font-weight:800}.vocabulary-facts{padding:1rem;border:1px solid #e0eaf0;border-radius:.85rem;background:#fff}.vocabulary-facts p{margin:.3rem 0 0;line-height:1.5}.vocabulary-empty-definition,.vocabulary-category-note{color:#617888;line-height:1.5}.vocabulary-facts .vocabulary-category-note{margin-top:.6rem;font-size:.8rem}@media (max-width:700px){.vocabulary-details-body{margin-top:1.2rem}.vocabulary-senses li{padding:.85rem .85rem .85rem 2.7rem}.vocabulary-senses li:before{left:.8rem;top:.85rem}}.name-origin-section{margin-top:1.5rem;padding:1.1rem;border:1px solid #dce8ef;border-radius:1rem;background:#fff;overflow-wrap:anywhere}.name-origin-senses{display:grid;gap:.75rem}.name-origin-sense{min-width:0;padding:.8rem .95rem;border:1px solid #e5edf2;border-radius:.8rem;background:#fbfdfe}.name-origin-sense h4{margin:0 0 .5rem;color:#38566b;font-size:.8rem}.name-origin-fact-group+.name-origin-fact-group{margin-top:.9rem;padding-top:.75rem;border-top:1px solid #e7eef3}.name-origin-fact-group h4,.name-origin-fact-group h5{margin:0 0 .3rem;color:#36566e;font-size:.8rem}.name-origin-fact-group p{margin:.3rem 0;line-height:1.5}.name-origin-fact-group ul{margin:.35rem 0 .2rem;padding-left:1.2rem}.name-origin-fact-group li{margin:.25rem 0;line-height:1.5;overflow-wrap:anywhere}.name-origin-state{margin:.4rem 0;color:#647c8c;line-height:1.5}.name-origin-state button{min-height:44px;padding:.55rem .9rem;border:1px solid #1769ad;border-radius:999px;background:#fff;color:#1769ad;font-weight:750}.name-origin-attribution{margin-top:1rem;color:#607989;font-size:.78rem;line-height:1.5}.name-origin-attribution summary{min-height:36px;cursor:pointer;color:#1769ad;font-weight:750}.name-origin-attribution p{max-width:70ch;margin:.2rem 0 0}.name-origin-attribution ul{margin:.45rem 0 0;padding-left:1.2rem;overflow-wrap:anywhere}.name-origin-attribution a{color:#1769ad}@media (max-width:700px){.name-origin-section{padding:.85rem}.name-origin-sense{padding:.75rem}}.name-lookup-trigger{min-height:44px;margin:1rem auto 0;padding:.45rem .8rem;border:0;border-radius:999px;background:transparent;color:#a8d8fb;font-size:.86rem;font-weight:750;text-decoration:underline;text-underline-offset:3px}.name-lookup-trigger:hover{background:#ffffff10;color:#fff}.name-details-lookup{display:flex;align-items:end;gap:.75rem;margin-top:1.25rem;flex-wrap:wrap}.name-details-lookup .given-lookup{flex:1 1 280px}.given-lookup{min-width:0}.given-lookup .field-label{display:block;margin-bottom:.4rem}.given-lookup-input{width:100%;min-height:48px;padding:.7rem .8rem;border:1px solid #cbdde8;border-radius:.75rem;background:#fff;color:#173045;font:inherit}.given-lookup-input:focus-visible{outline:3px solid #85c8fa;outline-offset:1px}.given-lookup-hint{display:block;margin-top:.35rem;color:#617888;line-height:1.35}.given-lookup-results{max-height:220px;overflow-y:auto;overscroll-behavior:contain;margin-top:.35rem;border:1px solid #dce8ef;border-radius:.8rem;background:#fff;box-shadow:0 5px 15px #17304516}.given-lookup-results button{display:block;width:100%;min-height:44px;padding:.55rem .8rem;border:0;border-bottom:1px solid #edf2f5;background:#fff;color:#173045;text-align:left;font:inherit;overflow-wrap:anywhere}.given-lookup-results button:hover,.given-lookup-results button[aria-selected=true]{background:#eaf4fb;color:#1769ad}.given-lookup-results button:last-child{border-bottom:0}.given-lookup-empty{margin:0;padding:.8rem;color:#617888;line-height:1.4}.use-given-name{min-height:48px;padding:.6rem 1.15rem;border:0;border-radius:999px;background:#1769ad;color:#fff;font-weight:800;white-space:nowrap}.use-given-name:hover{background:#105588}.name-details-intro{margin:1.5rem 0;color:#617888;line-height:1.5}@media (max-width:700px){.name-details-lookup{display:block}.name-details-lookup .use-given-name{margin-top:.75rem;width:100%}.given-lookup-results{max-height:min(210px,28dvh)}}.quote-intent{min-width:0;grid-template-columns:minmax(0,1fr);overflow-wrap:anywhere}.quote-intent ion-checkbox,.quote-intent small{min-width:0;max-width:100%}.name-origin-state strong{display:block;color:#173045;font-size:1rem}.name-origin-state p{margin:.35rem 0 0}.details-methodology{margin:.75rem 0 0;color:#526d7e;font-size:.8rem;line-height:1.5}.details-methodology summary{display:list-item;min-height:44px;padding:.65rem 0;color:#1769ad;font-weight:750;cursor:pointer}.details-methodology p{margin:.2rem 0 .4rem}.vocabulary-facts h3 small{margin-left:.3rem;color:#607989;font-size:.73rem;font-weight:750;letter-spacing:.08em}.name-tag-center.with-favorite .name-display{transform:translate(-clamp(12px,2.2vw,18px))}.vocabulary-pronunciations{display:grid;gap:.45rem;margin-top:.7rem}.vocabulary-pronunciation{display:grid;grid-template-columns:minmax(4.5rem,auto) minmax(0,1fr);align-items:start;gap:.7rem;line-height:1.5}.vocabulary-pronunciation>span:first-child{white-space:nowrap;color:#526d7e;font-weight:750}.vocabulary-pronunciation .ipa{min-width:0;overflow-wrap:anywhere;font-family:ui-sans-serif,system-ui,Segoe UI,sans-serif;font-size:1rem}.vocabulary-facts .vocabulary-pronunciation-note{margin-top:.7rem;color:#617888;font-size:.78rem}.saved-card .name-part-detail{text-decoration:underline;text-decoration-style:dotted;text-decoration-color:#8095a5;text-underline-offset:.15em}.saved-bottom ion-button{min-width:44px;min-height:44px}.app-header nav button,.template-picker-trigger,.name-options-summary,.piece-actions button,.modal-heading>button{min-height:44px}.details-metric button,.details-legend button{min-height:44px}@media (max-width:700px){.details-latest-grid{grid-template-columns:repeat(auto-fit,minmax(135px,1fr))}.vocabulary-pronunciation{grid-template-columns:1fr;gap:0}.name-details-header{min-width:0}.name-details-header>div{min-width:0;overflow-wrap:anywhere}.name-origin-fact-group,.name-origin-sense{overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){.name-tag-shell.is-generating{animation:none}.name-tag-interactive,.recipe-piece{transition:none}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.generate-footer{display:flex;align-items:center;justify-content:center;gap:.55rem;flex-wrap:wrap;margin-top:auto;padding:1.25rem .5rem 0;color:#8da6b7;font-size:.78rem}.generate-footer a,.generate-footer button{min-height:44px;display:inline-flex;align-items:center;padding:.25rem .35rem;color:#a8d8fb;text-decoration:underline;text-underline-offset:3px}.generate-footer button{border:0;background:transparent;font:inherit;cursor:pointer}.generate-footer a:hover,.generate-footer button:hover{color:#fff}.generate-footer a:focus-visible,.generate-footer button:focus-visible{outline:3px solid #85c8fa;outline-offset:2px;border-radius:.25rem}.about-page{max-width:800px;padding-top:2.2rem;overflow-wrap:anywhere}.about-back{min-height:44px;margin:0 0 1.4rem;padding:.45rem .7rem;border:0;border-radius:999px;background:#e8f3fc;color:#1769ad;font-weight:750}.about-back:hover{background:#d9ecfa}.about-back:focus-visible,.about-page a:focus-visible,.about-page summary:focus-visible{outline:3px solid #1769ad;outline-offset:3px;border-radius:.2rem}.about-page h1{margin:0;font-size:clamp(2.1rem,5vw,3.4rem);line-height:1.06;letter-spacing:-.05em}.about-lede{max-width:62ch;margin:1rem 0 2rem;color:#4e6778;font-size:clamp(1rem,2vw,1.15rem);line-height:1.55}.about-sections{display:grid;gap:1rem}.about-sections section{min-width:0;padding:1.25rem 1.4rem;border:1px solid #e0eaf0;border-radius:1rem;background:#fff;box-shadow:0 8px 30px #2453750a}.about-sections h2{margin:0 0 .45rem;font-size:1.15rem;letter-spacing:-.025em}.about-sections p{margin:0;color:#4e6778;line-height:1.6}.about-sections a{color:#1769ad;font-weight:750;text-underline-offset:3px}.about-sections .name-origin-attribution{margin-top:.65rem}.about-sections .name-origin-attribution p{margin:.3rem 0 0;font-size:.85rem;line-height:1.55}@media (max-width:700px){.about-page{padding-top:1.35rem}.about-lede{margin-bottom:1.35rem}.about-sections section{padding:1rem}.generate-footer{font-size:.73rem}}.attribution-groups{display:grid;gap:.85rem;margin-top:.5rem;min-width:0;overflow-wrap:anywhere}.attribution-groups section{padding:.7rem 0 0;border-top:1px solid #e7eef3;box-shadow:none;background:transparent}.attribution-groups h4,.attribution-entry-sources h4{margin:0 0 .25rem;color:#36566e;font-size:.84rem}.attribution-groups p{margin:0;color:#607989;font-size:.8rem;line-height:1.55}.attribution-entry-sources{margin-top:.9rem;overflow-wrap:anywhere}.name-origin-attribution summary{min-height:44px}.name-origin-attribution a:focus-visible,.about-text-link:focus-visible{outline:3px solid #1769ad;outline-offset:2px;border-radius:.2rem}.about-text-link{display:inline;min-height:44px;padding:.2rem 0;border:0;background:transparent;color:#1769ad;font:inherit;font-weight:750;text-decoration:underline;text-underline-offset:3px}.privacy-page .about-sections{margin-top:1.5rem}