@font-face{font-family:'NS Work';src:url('/SKINS/NL-GEBOORTEKAARTJES/css/fonts/Work_Sans/work-sans-v24-latin-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'NS Work';src:url('/SKINS/NL-GEBOORTEKAARTJES/css/fonts/Work_Sans/work-sans-v24-latin-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'NS Hand';src:url('/cf-fonts/s/annie-use-your-telescope/5.2.8/latin/400/normal.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--ns-paper:#fff4f6;--ns-ink:#342b38;--ns-berry:#8c3654;--ns-teal:#36786b;--ns-muted:#6b5c66;--ns-line:#ecdde2;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--ns-paper);color:var(--ns-ink);font:400 16px/1.5 'NS Work',sans-serif;-webkit-text-size-adjust:100%;overflow-x:hidden}button,input,select,textarea{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.42}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--ns-teal);outline-offset:4px}[hidden]{display:none!important}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}button svg{flex-shrink:0}.ns-header{height:72px;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--ns-line);gap:24px}.ns-header>a{display:flex;align-items:center;min-height:48px}.ns-header img{width:220px;max-width:100%;height:auto}.ns-icon{width:48px;height:48px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ns-line);border-radius:50%;background:#fff;color:var(--ns-berry);font-size:30px;line-height:1}.ns-icon svg circle{fill:#fff}.ns-app{max-width:440px;margin:0 auto;padding:18px 24px max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;min-height:calc(100svh - 72px)}.ns-tabs{align-self:center;display:flex;gap:4px;padding:4px;background:#f0e2e7;border-radius:30px}.ns-tabs a{display:flex;justify-content:center;align-items:center;min-height:44px;padding:8px 30px;border-radius:24px;color:#64535d;text-decoration:none;font-weight:600}.ns-tabs a[aria-current]{background:#fff;color:var(--ns-berry);box-shadow:0 2px 8px #6732450a}.ns-intro{text-align:center;margin:20px -12px 8px}.ns-intro h1{font:400 27px/1.2 Georgia,serif;letter-spacing:-.6px;margin:0 0 8px}.ns-intro p{font-size:16px;color:var(--ns-muted);margin:0}.ns-toolbar{display:flex;align-items:center;justify-content:space-between;margin:8px -4px 12px}.ns-textbutton{border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:16px;min-height:44px;padding:8px 4px;color:var(--ns-berry);text-decoration:none}.ns-textbutton svg{width:20px;height:20px}.ns-toolbar #ns-count{min-width:25px;min-height:25px;display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;font-size:16px}.ns-stage{position:relative;min-height:310px;flex:1;max-height:520px;display:grid;isolation:isolate;margin:0 0 20px}.ns-under{position:absolute;inset:7px 7px -7px;background:#edd5df;border-radius:22px;transform:rotate(-2deg);z-index:-1;border:1px solid #dec1cd}.ns-card,.ns-start,.ns-empty{position:relative;grid-area:1/1;width:100%;background:#fff;border:1px solid #eedde4;border-radius:22px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:38px 24px 22px;min-height:310px;box-shadow:0 14px 36px #79364e0a}.ns-card{touch-action:none;user-select:none;transition:transform .25s ease,opacity .21s ease;will-change:transform;cursor:grab;overflow:hidden}.ns-card:active{cursor:grabbing}.ns-dragging{transition:none}.ns-welcome{font:400 30px/1.15 'NS Hand',cursive;color:var(--ns-teal);margin-bottom:22px;transform:rotate(-5deg)}.ns-name{font:400 clamp(60px,19vw,90px)/1.05 Georgia,serif;letter-spacing:-3px;color:var(--ns-berry);margin:0;max-width:100%;white-space:nowrap;overflow-wrap:normal}.ns-name.ns-long-name{font-size:clamp(40px,12vw,57px);letter-spacing:-1.8px}.ns-name.ns-very-long-name{font-size:clamp(33px,10vw,45px);letter-spacing:-1px}.ns-family{font-size:22px;line-height:1.2;margin:6px 0 0;overflow-wrap:anywhere;max-width:100%;color:var(--ns-muted)}.ns-family:empty{display:none}.ns-meta{font-size:16px;line-height:1.4;color:var(--ns-muted);margin-top:20px}.ns-card-foot{margin-top:25px}.ns-card-foot>span{display:block;font-size:26px;color:var(--ns-teal);line-height:1}.ns-card-foot p{font:400 21px/1.2 'NS Hand',cursive;color:var(--ns-muted);margin:7px 0 0}.ns-stamp{position:absolute;top:35px;left:50%;transform:translateX(-50%) rotate(-12deg);background:#fff;border:2px solid var(--ns-berry);border-radius:8px;padding:7px 14px;font-size:24px;font-weight:600;color:var(--ns-berry);opacity:0;pointer-events:none}.ns-actions{display:flex;justify-content:center;gap:28px;flex-shrink:0}.ns-action{border:0;padding:0;background:transparent;color:var(--ns-muted);font-size:16px;display:flex;align-items:center;flex-direction:column;gap:8px;min-width:76px;min-height:100px}.ns-action-icon{width:64px;height:64px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;font-size:40px;box-shadow:0 5px 15px #76364e0b;border:1px solid var(--ns-line);transition:transform .18s}.ns-action:hover .ns-action-icon{transform:translateY(-3px)}.ns-pass .ns-action-icon{color:#8b6b79}.ns-love .ns-action-icon{color:var(--ns-teal);font-size:34px}.ns-like .ns-action-icon{background:var(--ns-berry);color:#fff;border-color:var(--ns-berry);font-size:44px}.ns-hint{font-size:16px;line-height:1.4;color:var(--ns-muted);text-align:center;margin:10px -12px 0}.ns-status{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);background:var(--ns-ink);color:#fff;border-radius:14px;padding:10px 16px;max-width:calc(100% - 24px);width:max-content;font-size:16px;z-index:9;pointer-events:none;box-shadow:0 4px 18px #342b3833}.ns-status:empty{display:none}.ns-start{border-radius:22px;padding:24px;justify-content:flex-start}.ns-start-mark{font:400 52px/1 Georgia,serif;color:var(--ns-berry);margin-bottom:14px}.ns-start h2,.ns-empty h2{font:400 29px/1.18 Georgia,serif;margin:0 0 10px;letter-spacing:-.5px}.ns-start p,.ns-empty p{font-size:16px;color:var(--ns-muted);margin:0 0 20px}.ns-start-options{width:100%;display:grid;gap:10px}.ns-start-options button{border:1px solid var(--ns-line);border-radius:14px;background:var(--ns-paper);color:var(--ns-berry);font-size:16px;min-height:52px;padding:12px}.ns-start-options button:last-child{background:var(--ns-berry);color:#fff}.ns-empty{border-radius:22px}.ns-empty .ns-textbutton{margin-top:10px}.ns-primary{width:100%;min-height:52px;border:0;border-radius:13px;background:var(--ns-berry);color:#fff;padding:13px 18px;font-size:16px;font-weight:600}.ns-dialog{position:fixed;inset:auto 0 0;width:min(100%,520px);max-width:100%;max-height:90dvh;margin:auto auto 0;padding:24px 24px max(24px,env(safe-area-inset-bottom));border:0;border-radius:28px 28px 0 0;background:#fff;color:var(--ns-ink);overflow:auto;overscroll-behavior:contain}.ns-dialog::backdrop{background:#342b3866;backdrop-filter:blur(3px)}.ns-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.ns-dialog-head h2{font:400 30px/1.2 Georgia,serif;margin:0}.ns-dialog-intro{margin:0 0 20px;color:var(--ns-muted);font-size:16px}.ns-dialog label{display:block;font-size:16px;font-weight:600;margin:22px 0 8px}.ns-dialog label span{font-weight:400}.ns-dialog select,.ns-dialog input,.ns-copy-fallback{width:100%;min-height:52px;padding:12px;border:1px solid #cfbdc6;border-radius:10px;background:#fff;font-size:16px;line-height:1.4}.ns-help{font-size:16px;line-height:1.55;color:var(--ns-muted);margin:12px 0 20px}.ns-saved-list{margin-top:18px}.ns-saved-row{padding:12px 0;border-bottom:1px solid var(--ns-line);display:flex;align-items:center;justify-content:space-between;gap:16px}.ns-saved-row strong{display:block;font:400 29px/1.2 Georgia,serif;overflow-wrap:anywhere}.ns-super-label{display:block;font-size:16px;color:var(--ns-teal);margin-top:4px}.ns-copy-fallback{min-height:160px;margin-top:12px}
@media(min-width:700px){.ns-header{padding-left:max(24px,calc((100vw - 932px)/2));padding-right:max(24px,calc((100vw - 932px)/2))}.ns-app{padding-top:22px;min-height:min(890px,calc(100svh - 72px))}.ns-stage{min-height:370px}.ns-dialog{inset:0;margin:auto;max-height:85dvh;border-radius:24px;height:max-content}.ns-intro{margin-top:22px}.ns-intro h1{font-size:30px}}
@media(max-height:760px) and (max-width:699px){.ns-app{padding-top:10px}.ns-intro{margin-top:12px}.ns-intro h1{font-size:25px}.ns-intro p{display:none}.ns-toolbar{margin-top:4px;margin-bottom:8px}.ns-stage{min-height:270px;margin-bottom:15px}.ns-card{min-height:270px;padding-top:24px;padding-bottom:18px}.ns-welcome{margin-bottom:14px}.ns-card-foot{margin-top:18px}.ns-action{min-height:89px}.ns-action-icon{height:58px;width:58px}.ns-hint{margin-top:5px}.ns-start{padding-top:18px}.ns-start-mark{font-size:40px;margin-bottom:10px}.ns-start h2{font-size:26px}.ns-start p{margin-bottom:14px}.ns-start-options{gap:8px}}
@media(max-width:350px){.ns-header{padding:10px 16px;gap:14px}.ns-header img{width:204px}.ns-app{padding-left:16px;padding-right:16px}.ns-actions{gap:20px}.ns-tabs a{padding-left:26px;padding-right:26px}.ns-intro h1{font-size:24px}.ns-meta{max-width:240px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* The switch belongs to the header; let the name carry the screen. */
.ns-header{height:auto;padding:0 16px 8px;display:flex;flex-direction:column;gap:0}
.ns-header-inner{height:72px;width:100%;max-width:932px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.ns-header-inner>a{display:flex;align-items:center;min-height:48px}
.ns-header .ns-tabs{margin:0 auto;background:var(--ns-paper);padding:3px}
.ns-header .ns-tabs a{min-height:40px;padding:6px 32px}
.ns-header .ns-tabs a[aria-current]{background:var(--ns-berry);color:#fff;box-shadow:none}
.ns-app{min-height:calc(100svh - 126px);padding-top:8px}
.ns-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}
@media(min-width:700px){.ns-header{padding:0 24px 8px}.ns-app{min-height:min(810px,calc(100svh - 126px))}}

@media(max-height:650px) and (max-width:699px){.ns-stage,.ns-card{min-height:220px}.ns-card-foot,.ns-hint{display:none}.ns-meta{margin-top:16px}.ns-start{min-height:310px}.ns-app{padding-bottom:12px}.ns-stage{margin-bottom:12px}}

/* A real prepared name stays behind the current name. Only the departing card moves sideways. */
.ns-header{padding-bottom:0}.ns-app{min-height:calc(100svh - 72px);padding-top:26px}
.ns-card{z-index:4;transform:translateY(0) scale(1);transition:transform .24s cubic-bezier(.2,.8,.2,1)}
.ns-card.ns-back{z-index:1;transform:translateY(12px) scale(.96);background:#f8edf2;pointer-events:none;box-shadow:none}
.ns-card.ns-back.ns-promoting{transform:translateY(0) scale(1);background:#fff}
.ns-card.ns-dragging{transition:none}.ns-card.ns-exit{pointer-events:none}
.ns-actions{gap:12px;justify-content:space-between}.ns-action{min-width:0;flex:1}.ns-back-action .ns-action-icon{color:#8b6b79;font-size:34px}
.ns-saved-link{width:100%;margin-top:12px}.ns-empty{z-index:3}
@media(max-width:350px){.ns-actions{gap:6px}.ns-action-icon{width:56px;height:56px}.ns-action{font-size:16px}}
@media(min-width:700px){.ns-app{min-height:min(810px,calc(100svh - 72px))}}
@media(max-height:650px) and (max-width:699px){.ns-app{padding-top:20px}.ns-stage{min-height:220px}}
/* A visible choice, then a measured departure and promotion. No lateral return. */
.ns-card{transition:transform 280ms cubic-bezier(.35,.12,.55,1)}.ns-card.ns-dragging{transition:none}.ns-header .ns-icon svg{width:24px;height:24px;stroke-width:1.7}