@import url("shared-page-base.css");

:is(.utility-result,.analysis-result)>:not(.result-label):not(#rv):not(#sipFV):not(.age-parts):not(#rs):not(#sipSentence):not(#ageSummary):not(#rg):not(.result-grid):not(.age-extra){display:none!important}
:is(.utility-result,.analysis-result) :is(#rg,.result-grid,.age-extra):empty{display:none!important}
:is(.utility-result,.analysis-result) .mini{grid-column:auto!important;width:auto!important}
:is(.utility-result,.analysis-result) .mini span{white-space:normal!important;overflow-wrap:anywhere!important}
:is(.utility-result,.analysis-result) .mini b{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
:is(.utility-result,.analysis-result) .age-parts{display:flex!important;justify-content:center!important;gap:12px!important;flex-wrap:wrap!important}
:is(.utility-result,.analysis-result) .age-part{display:inline-flex!important;gap:5px!important;align-items:baseline!important;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;min-width:0!important}
:is(.utility-result,.analysis-result) .age-part strong{font-size:inherit!important;line-height:inherit!important}
:is(.utility-result,.analysis-result) .age-part span{font-size:16px!important}
:is(.utility-result,.analysis-result)::before{content:'';position:absolute;inset:18px;border:1px solid rgba(255,255,255,.06);border-radius:26px;pointer-events:none}
html[data-theme="light"] :is(.utility-result,.analysis-result)::before{border-color:rgba(47,134,166,.12)}
:is(.utility-result,.analysis-result) :is(.rvalue,.rsub,.result-label,.mini){box-sizing:border-box!important}
.calculator-input-error,.calculator-field-error{color:#ffb8c5;font-size:12px;font-weight:800;line-height:1.3}
.calculator-field-error{display:block;grid-column:1/-1;margin:6px 0 0}
.calculator-input-error{margin:0 0 12px;padding:12px 14px;border:1px solid #b94747;border-radius:12px;background:rgba(185,71,71,.13);color:var(--text);font-size:14px;font-weight:700;line-height:1.45}
.calculator-input-error:focus-visible{outline:3px solid #b94747;outline-offset:2px}
.calculator-invalid-field{border-color:rgba(255,130,153,.72)!important;box-shadow:0 0 0 3px rgba(255,130,153,.10)!important}
.calculator-invalid-field :is(input,select,textarea),:is(input,select,textarea)[aria-invalid="true"]{border-color:#ff8299!important}
html body .utility-shell.input-validation-failed :is(.utility-result,.analysis-result),html body .analysis-shell.input-validation-failed :is(.utility-result,.analysis-result){display:none!important}
html[data-theme="light"] .calculator-field-error{color:#a52840}
.field[hidden]{display:none!important}
#birthdayApp{width:min(560px,100%);margin:0 auto;color:#202938;line-height:1.5}
#birthdayApp *{box-sizing:border-box}
#birthdayApp [hidden]{display:none!important}
#birthdayApp .bc-card{padding:20px;border:1px solid #d7e0ee;border-radius:12px;background:#fff;box-shadow:0 12px 36px rgba(31,42,68,.09)}
#birthdayApp .bc-date-group{margin:0 0 14px;padding:18px 12px;border:1px solid #dbe8fb;border-radius:10px;background:#f7fbff;min-width:0}
#birthdayApp .bc-date-group:nth-child(2){background:#fff7f9;border-color:#ffd9e1}
#birthdayApp .bc-date-group legend{float:left;width:100%;margin:0 0 14px;text-align:center;font-weight:850;font-size:20px;color:#2468d8}
#birthdayApp .bc-date-group:nth-child(2) legend{color:#e43f51}
#birthdayApp .bc-selects{clear:both;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) minmax(0,.95fr);gap:8px}
#birthdayApp select{width:100%;min-width:0;min-height:54px;border:1px solid #d7e0ee;border-radius:8px;background:#fff;color:#202938;color-scheme:light;font-size:20px;text-align:center;text-align-last:center;padding:10px 6px}
#birthdayApp :is(select,button):focus-visible{outline:3px solid #9ec5ff;outline-offset:3px}
#birthdayApp .bc-leap{display:grid;gap:8px;margin-bottom:16px;font-size:14px;font-weight:750}
#birthdayApp .bc-leap select{font-size:16px}
#birthdayApp button{min-height:48px;border-radius:8px;font-weight:850;font-size:16px;cursor:pointer}
#birthdayApp .bc-calculate{width:100%;border:0;background:linear-gradient(135deg,#ff5967,#e43f51);color:#fff}
#birthdayApp .bc-result{margin-top:16px;padding:24px 20px;text-align:center;scroll-margin-top:16px}
#birthdayApp .bc-overline{margin:0;color:#596272;font-size:13px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}
#birthdayApp .bc-asof{display:block;margin-top:6px;color:#687284;font-size:13px}
#birthdayApp .bc-countdown{display:flex;align-items:baseline;justify-content:center;gap:12px;margin:24px 0;white-space:nowrap;min-width:0;font-family:Arial,Helvetica,sans-serif;color:#e43f51}
#birthdayApp .bc-countdown :is(strong,span){font-size:var(--count-size,64px);font-weight:950;line-height:1;letter-spacing:-.05em}
#birthdayApp .bc-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#birthdayApp .bc-fact{display:grid;align-content:center;gap:9px;padding:20px 10px;border-radius:15px;border:1px solid #cddfff;background:linear-gradient(135deg,#f4f8ff,#e5efff);min-width:0}
#birthdayApp .bc-fact:nth-child(2){border-color:#ffd1dc;background:linear-gradient(135deg,#fff5f7,#ffe7ed)}
#birthdayApp .bc-icon{font-size:28px}
#birthdayApp .bc-fact>span:not(.bc-icon){color:#596272;font-size:12px;font-weight:800}
#birthdayApp .bc-fact strong{color:#2468d8;font-size:clamp(22px,5vw,28px);line-height:1.25;font-weight:900;letter-spacing:-.03em;overflow-wrap:anywhere}
#birthdayApp .bc-fact:nth-child(2) strong{color:#e43f51}
#birthdayApp .bc-fact small{color:#687284;font-size:12px}
#birthdayApp .bc-progress-track{margin-top:22px;background:#e7ecf4;height:8px;border-radius:99px;overflow:hidden}
#birthdayApp .bc-progress-track>div{height:100%;background:linear-gradient(90deg,#3f86f8,#9184ff);border-radius:inherit}
#birthdayApp .bc-progress-text{font-size:12px;color:#687284;margin:8px 0 20px}
#birthdayApp .bc-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#birthdayApp .bc-details>div{padding:14px 10px;background:#f7faff;border:1px solid #dfe8f6;border-radius:9px;min-width:0}
#birthdayApp .bc-details span{display:block;font-size:12px;color:#687284}
#birthdayApp .bc-details b{display:block;margin-top:6px;font-size:22px;line-height:1.3;overflow-wrap:anywhere;color:#202938}
#birthdayApp .bc-note{margin:18px 0;font-size:12px;color:#687284;text-align:left;line-height:1.7}
#birthdayApp .bc-reset{width:min(220px,100%);border:1px solid #d7e0ee;background:#fff;color:#687284}
.bc-content-nav{padding:18px;border:1px solid var(--line);background:var(--surface2);border-radius:12px;margin:24px 0}
.bc-content-nav h2{margin:0 0 10px!important;font-size:20px!important}
.bc-content-nav ul{display:grid;gap:8px;margin:0;padding-left:20px}
.bc-content-nav a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.seo-article h2[id]{scroll-margin-top:24px}
@media(max-width:600px){body[data-calc-name="Birthday Countdown"] .calc-page>.wrap{width:calc(100% - 20px)!important}
#birthdayApp .bc-card{padding:12px}
#birthdayApp .bc-result{padding:22px 16px}
#birthdayApp .bc-date-group{padding:16px 10px}
#birthdayApp .bc-selects{gap:6px}
#birthdayApp select{padding:10px 4px}
#birthdayApp .bc-facts{gap:10px}
#birthdayApp .bc-fact{padding:18px 8px}
}
@media(max-width:350px){#birthdayApp .bc-facts{grid-template-columns:1fr}
#birthdayApp .bc-details b{font-size:19px}
}
#birthdayApp .bc-personalize{display:grid;gap:10px;margin:18px 0;color:#596272;font-size:14px;font-weight:750;text-align:left}
#birthdayApp .bc-personalize label span{font-size:12px;font-weight:500;color:#687284}
#birthdayApp #bcName{width:100%;min-width:0;padding:13px 12px;min-height:48px;border:1px solid #d7e0ee;border-radius:8px;font-size:18px;background:white;color:#202938}
#birthdayApp .bc-photo-control{padding:14px;border:1px dashed #b9cdee;border-radius:10px;background:#f7faff;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#birthdayApp .bc-photo-control label{flex:1;min-width:0}
#birthdayApp #bcPhotoInput{display:block;max-width:100%;width:100%;font-size:13px;margin-top:10px;color:#596272}
#birthdayApp #bcPhotoInput::file-selector-button{padding:10px 12px;border:0;border-radius:7px;background:#e5efff;color:#2468d8;font-weight:750;margin-right:8px;cursor:pointer}
#birthdayApp #bcPhotoPreview{width:60px;height:60px;border-radius:50%;object-fit:cover}
#birthdayApp #bcPhotoRemove{border:1px solid #d7e0ee;background:white;color:#596272;padding:0 12px;min-height:40px;font-size:13px}
#birthdayApp .bc-stage{margin:22px 0;padding:22px 16px 18px;border:1px solid #e1e3e8;border-radius:16px;background:linear-gradient(145deg,#f7f7fa,#eaebef);color:#24262e;text-align:center;box-shadow:inset 0 1px 0 #fff,0 14px 25px #1719260b}
#birthdayApp .bc-stage-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}
#birthdayApp .bc-stage-tools>span{font-size:10px;font-weight:850;letter-spacing:.14em;color:#72737e;text-align:left}
#birthdayApp #bcMaximize{flex-shrink:0;min-height:38px;border:1px solid #cfd2dc;background:#fff;color:#444755;font-size:13px;padding:6px 10px}
#birthdayApp #bcStageName{margin:10px 0 20px;font-size:20px;font-weight:800;color:#373945;letter-spacing:-.03em}
#birthdayApp .bc-stage-photo{width:90px;height:90px;border:4px solid #fff;border-radius:50%;object-fit:cover;box-shadow:0 6px 24px #191a2b22}
#birthdayApp .bc-flip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;margin-inline:auto;max-width:800px}
#birthdayApp .bc-flip-group{min-width:0}
#birthdayApp .bc-flip-group>span{display:block;margin-top:12px;color:#72737e;font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}
#birthdayApp .bc-flip-digits{display:flex;gap:4px;justify-content:center}
#birthdayApp .bc-digit{position:relative;display:block;flex:1;min-width:0;max-width:65px;height:68px;border-radius:7px;background:#262730;box-shadow:0 5px 0 #191a20,0 7px 12px #13151c26;perspective:300px;font-family:Arial,Helvetica,sans-serif;font-size:46px;font-weight:800;line-height:68px;color:#f9f9fb}
#birthdayApp .bc-digit:after{content:'';position:absolute;top:50%;left:0;right:0;height:2px;background:#111218;z-index:2;box-shadow:0 1px 0 #ffffff0d}
#birthdayApp .bc-digit i{position:absolute;left:0;width:100%;height:50%;overflow:hidden;font-style:normal;text-align:center;background:#2b2c35}
#birthdayApp .bc-digit-top{top:0;border-radius:7px 7px 0 0;line-height:68px;transform-origin:bottom}
#birthdayApp .bc-digit-bottom{bottom:0;border-radius:0 0 7px 7px;line-height:0;background:#24252e!important}
#birthdayApp .bc-flipping .bc-digit-top{animation:bcFlipTop .28s ease-in}
#birthdayApp .bc-flipping .bc-digit-bottom{animation:bcFlipBottom .28s .18s ease-out}
@keyframes bcFlipTop{to{transform:rotateX(-75deg);filter:brightness(.5)}}
@keyframes bcFlipBottom{from{transform:rotateX(75deg);filter:brightness(.6)}to{transform:rotateX(0)}}
#birthdayApp #bcClockNote{margin:18px 0 0;font-size:11px;color:#72737e;line-height:1.5}
#birthdayApp .bc-calendar-summary{margin:10px 0 20px}
#birthdayApp .bc-calendar-summary :is(strong,span){font-size:24px!important;color:#687284;letter-spacing:-.02em}
#birthdayApp .bc-preview-party{display:block;margin:12px auto 0;background:#f3edff;color:#7550bd;border:1px solid #dfd0fb;font-size:13px;padding:8px 14px}
#birthdayApp .bc-stage-dialog{padding:0;border:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;background:#eeeff3;overflow:hidden}
#birthdayApp .bc-stage-dialog::backdrop{background:#eeeff3}
#birthdayApp .bc-stage-dialog .bc-stage{margin:0;width:100%;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;border:0;border-radius:0;padding:90px 5vw 60px}
#birthdayApp .bc-stage-dialog .bc-stage-tools{position:absolute;top:22px;left:24px;right:24px}
#birthdayApp .bc-stage-dialog #bcStageName{font-size:clamp(24px,4vw,48px);margin-bottom:40px}
#birthdayApp .bc-stage-dialog .bc-stage-photo{width:clamp(100px,15vw,180px);height:clamp(100px,15vw,180px);margin:0 auto 18px}
#birthdayApp .bc-stage-dialog .bc-digit{max-width:95px;height:120px;font-size:82px;line-height:120px}
#birthdayApp .bc-stage-dialog .bc-digit-top{line-height:120px}
#birthdayApp .bc-stage-dialog .bc-flip-group>span{font-size:16px}
#birthdayApp .bc-party{position:fixed;inset:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;padding:24px;overflow:auto;color:#fff;background:radial-gradient(ellipse at 50% 38%,#422163 0,#16132e 48%,#080d20 100%)}
#birthdayApp .bc-party::backdrop{background:#080d20}
#birthdayApp #bcPartyCanvas,#birthdayApp #bcBalloons{position:fixed;inset:0;pointer-events:none;width:100%;height:100%;overflow:hidden}
#birthdayApp .bc-party-content{position:relative;z-index:2;min-height:calc(100dvh - 48px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px 0;gap:18px}
#birthdayApp .bc-party-eyebrow{font-size:12px;font-weight:850;letter-spacing:.3em;color:#e9ceff}
#birthdayApp #bcPartyTitle{margin:0;font-family:Arial,Helvetica,sans-serif;font-size:clamp(62px,12vw,180px);font-weight:950;line-height:.98;letter-spacing:-.065em;filter:drop-shadow(0 0 28px #ff79bb3a)}
#birthdayApp #bcPartyTitle span{display:block;background:linear-gradient(120deg,#fff4ce,#ffd166 38%,#ff8ac4 75%,#c9afff);background-clip:text;-webkit-background-clip:text;color:transparent}
#birthdayApp #bcPartyName{font-size:clamp(28px,5vw,64px);font-weight:800;line-height:1.2;margin:0;color:#fff0fa;overflow-wrap:anywhere;max-width:90vw}
#birthdayApp .bc-party-wish{max-width:540px;margin:0;font-size:clamp(15px,2vw,20px);line-height:1.7;color:#d8cde7}
#birthdayApp #bcPartyPhoto{width:clamp(100px,15vw,180px);height:clamp(100px,15vw,180px);border-radius:50%;object-fit:cover;border:5px solid #ffdfaa;box-shadow:0 0 0 10px #ffdfaa12,0 0 60px #ff9dcc40}
#birthdayApp #bcPartyBack{margin-top:10px;min-height:48px;padding:10px 22px;border:1px solid #ffffff35;border-radius:99px;color:#fff;background:#ffffff12;backdrop-filter:blur(8px)}
#birthdayApp .bc-party-close{position:fixed;top:16px;right:16px;z-index:5;width:48px;height:48px;border:1px solid #ffffff40!important;border-radius:50%!important;background:#ffffff15!important;color:white;font-size:22px!important}
#birthdayApp .bc-balloon{position:absolute;left:var(--x);bottom:-150px;width:70px;height:90px;border-radius:50% 50% 46% 46%;background:radial-gradient(circle at 30% 25%,#ffffffb0,transparent 25%),var(--color);box-shadow:inset -12px -10px 20px #0002;animation:bcFloat 12s var(--delay) linear infinite;opacity:.7}
#birthdayApp .bc-balloon:before{content:'';position:absolute;bottom:-7px;left:calc(50% - 5px);border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:8px solid var(--color)}
#birthdayApp .bc-balloon:after{content:'';position:absolute;left:50%;top:100%;width:1px;height:95px;background:#ffffff55}
@keyframes bcFloat{0%{transform:translateY(0) rotate(-8deg)}50%{transform:translate(25px,-60vh) rotate(10deg)}100%{transform:translate(-15px,-130vh) rotate(-8deg)}}
@media(max-width:600px){#birthdayApp .bc-stage{padding:16px 10px}
#birthdayApp .bc-flip{gap:7px}
#birthdayApp .bc-flip-digits{gap:3px}
#birthdayApp .bc-digit{height:48px;font-size:30px;line-height:48px;border-radius:5px}
#birthdayApp .bc-digit-top{line-height:48px}
#birthdayApp .bc-flip-group>span{font-size:9px;letter-spacing:.04em}
#birthdayApp #bcStageName{font-size:17px}
#birthdayApp .bc-stage-tools>span{font-size:8px;letter-spacing:.06em}
#birthdayApp #bcMaximize{padding:5px 8px;font-size:12px}
#birthdayApp .bc-stage-dialog .bc-flip{grid-template-columns:repeat(2,minmax(0,1fr));max-width:380px;gap:30px 22px}
#birthdayApp .bc-stage-dialog .bc-digit{height:90px;font-size:64px;line-height:90px}
#birthdayApp .bc-stage-dialog .bc-digit-top{line-height:90px}
#birthdayApp .bc-stage-dialog .bc-stage-tools{left:16px;right:16px}
#birthdayApp .bc-party{padding:18px}
#birthdayApp .bc-party-content{min-height:calc(100dvh - 36px)}
#birthdayApp .bc-balloon{width:46px;height:60px}
}
@media(prefers-reduced-motion:reduce){#birthdayApp .bc-flipping i,#birthdayApp .bc-balloon{animation:none!important}
#birthdayApp .bc-balloon{bottom:12%;opacity:.35}
}
#birthdayApp .bc-flip{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 12px}
#birthdayApp .bc-flip-group[data-unit="days"]{grid-column:1/-1;justify-self:center;width:min(240px,100%)}
#birthdayApp .bc-flip-group[data-unit="days"] .bc-digit{max-width:82px;height:100px;font-size:68px;line-height:100px}
#birthdayApp .bc-flip-group[data-unit="days"] .bc-digit-top{line-height:100px}
#birthdayApp .bc-flip[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr));max-width:440px}
#birthdayApp .bc-flip[data-columns="1"]{grid-template-columns:minmax(0,1fr);max-width:260px}
#birthdayApp .bc-flip[data-columns="0"]{display:none}
#birthdayApp .bc-flip .bc-digit{height:82px;font-size:56px;line-height:82px;max-width:80px}
#birthdayApp .bc-flip .bc-digit-top{line-height:82px}
#birthdayApp .bc-flip[data-days="false"] .bc-digit{height:100px;font-size:68px;line-height:100px;max-width:95px}
#birthdayApp .bc-flip[data-days="false"] .bc-digit-top{line-height:100px}
#birthdayApp .bc-flip[data-columns="1"] .bc-digit{height:130px;font-size:90px;line-height:130px;max-width:110px}
#birthdayApp .bc-flip[data-columns="1"] .bc-digit-top{line-height:130px}
#birthdayApp .bc-stage-dialog .bc-flip{grid-template-columns:repeat(3,minmax(0,1fr));max-width:800px;gap:36px 24px}
#birthdayApp .bc-stage-dialog .bc-flip[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr));max-width:600px}
#birthdayApp .bc-stage-dialog .bc-flip[data-columns="1"]{grid-template-columns:1fr;max-width:320px}
#birthdayApp .bc-stage-dialog .bc-flip-group[data-unit="days"]{width:min(320px,100%)}
#birthdayApp .bc-stage-dialog .bc-flip .bc-digit{height:120px;line-height:120px;font-size:82px;max-width:110px}
#birthdayApp .bc-stage-dialog .bc-flip .bc-digit-top{line-height:120px}
#birthdayApp .bc-stage-dialog .bc-flip[data-columns="1"] .bc-digit{height:160px;line-height:160px;font-size:112px;max-width:140px}
#birthdayApp .bc-stage-dialog .bc-flip[data-columns="1"] .bc-digit-top{line-height:160px}
@media(max-width:600px){#birthdayApp .bc-flip{gap:22px 8px}
#birthdayApp .bc-flip .bc-digit{height:62px;line-height:62px;font-size:42px}
#birthdayApp .bc-flip .bc-digit-top{line-height:62px}
#birthdayApp .bc-flip[data-days="false"] .bc-digit{height:74px;line-height:74px;font-size:50px}
#birthdayApp .bc-flip[data-days="false"] .bc-digit-top{line-height:74px}
#birthdayApp .bc-flip[data-columns="2"] .bc-digit{height:92px;line-height:92px;font-size:62px}
#birthdayApp .bc-flip[data-columns="2"] .bc-digit-top{line-height:92px}
#birthdayApp .bc-flip[data-columns="1"] .bc-digit{height:120px;line-height:120px;font-size:82px}
#birthdayApp .bc-flip[data-columns="1"] .bc-digit-top{line-height:120px}
#birthdayApp .bc-stage-dialog .bc-flip{gap:30px 10px;max-width:420px}
#birthdayApp .bc-stage-dialog .bc-flip .bc-digit{height:80px;line-height:80px;font-size:54px}
#birthdayApp .bc-stage-dialog .bc-flip .bc-digit-top{line-height:80px}
#birthdayApp .bc-stage-dialog .bc-flip-group[data-unit="days"] .bc-digit{height:110px;line-height:110px;font-size:76px}
#birthdayApp .bc-stage-dialog .bc-flip-group[data-unit="days"] .bc-digit-top{line-height:110px}
#birthdayApp .bc-stage-dialog .bc-flip[data-columns="2"] .bc-digit{height:110px;line-height:110px;font-size:76px}
#birthdayApp .bc-stage-dialog .bc-flip[data-columns="2"] .bc-digit-top{line-height:110px}
#birthdayApp .bc-stage-dialog .bc-flip[data-columns="1"] .bc-digit{height:150px;line-height:150px;font-size:104px}
#birthdayApp .bc-stage-dialog .bc-flip[data-columns="1"] .bc-digit-top{line-height:150px}
}
html:has(#bcStageDialog[open]),html:has(#bcStageDialog[open]) body{overflow:hidden!important}
#birthdayApp .bc-stage-dialog .bc-stage{width:100%;height:100%;min-height:0;max-height:100%;box-sizing:border-box;padding:68px 20px 20px;overflow:hidden;gap:0}
#birthdayApp .bc-stage-dialog .bc-stage-tools{top:12px;left:16px;right:16px;margin:0}
#birthdayApp .bc-stage-dialog .bc-stage-photo{width:clamp(44px,12dvh,120px);height:clamp(44px,12dvh,120px);flex-shrink:0;margin:0 auto 10px}
#birthdayApp .bc-stage-dialog #bcStageName{font-size:clamp(16px,3.2dvh,36px);line-height:1.2;margin:0 0 18px;flex-shrink:0}
#birthdayApp .bc-stage-dialog .bc-flip{width:min(100%,800px);gap:clamp(12px,3dvh,28px) clamp(6px,2vw,24px);flex-shrink:0}
#birthdayApp .bc-stage-dialog .bc-flip .bc-digit,#birthdayApp .bc-stage-dialog .bc-flip-group[data-unit="days"] .bc-digit{height:clamp(36px,12dvh,110px);font-size:clamp(24px,8dvh,76px);line-height:clamp(36px,12dvh,110px)}
#birthdayApp .bc-stage-dialog .bc-flip .bc-digit-top,#birthdayApp .bc-stage-dialog .bc-flip-group[data-unit="days"] .bc-digit-top{line-height:clamp(36px,12dvh,110px)}
#birthdayApp .bc-stage-dialog .bc-flip[data-columns="1"] .bc-digit{height:clamp(60px,20dvh,160px);font-size:clamp(42px,14dvh,112px);line-height:clamp(60px,20dvh,160px)}
#birthdayApp .bc-stage-dialog .bc-flip[data-columns="1"] .bc-digit-top{line-height:clamp(60px,20dvh,160px)}
#birthdayApp .bc-stage-dialog .bc-flip-group>span{font-size:clamp(10px,1.8dvh,16px);margin-top:8px}
#birthdayApp .bc-stage-dialog #bcClockNote{font-size:clamp(10px,1.6dvh,13px);margin:16px 0 0;flex-shrink:0}
@media(max-height:500px){#birthdayApp .bc-stage-dialog .bc-stage{padding:56px 18px 12px}
#birthdayApp .bc-stage-dialog .bc-stage-photo{width:44px;height:44px;margin-bottom:6px}
#birthdayApp .bc-stage-dialog #bcStageName{margin-bottom:10px}
#birthdayApp .bc-stage-dialog .bc-flip{gap:12px}
#birthdayApp .bc-stage-dialog #bcClockNote{margin-top:10px}
}
#birthdayApp .bc-flip{max-width:none}
#birthdayApp .bc-flip .bc-digit{max-width:none;height:108px;line-height:108px;font-size:70px;font-weight:950}
#birthdayApp .bc-flip .bc-digit-top{line-height:108px}
#birthdayApp .bc-flip-group[data-unit="days"]{width:min(300px,100%)}
#birthdayApp .bc-flip-group[data-unit="days"] .bc-digit{max-width:none;height:148px;line-height:148px;font-size:100px}
#birthdayApp .bc-flip-group[data-unit="days"] .bc-digit-top{line-height:148px}
#birthdayApp .bc-flip[data-days="false"] .bc-digit{max-width:none;height:120px;line-height:120px;font-size:78px}
#birthdayApp .bc-flip[data-days="false"] .bc-digit-top{line-height:120px}
#birthdayApp .bc-flip[data-columns="1"] .bc-digit{height:170px;line-height:170px;font-size:120px;max-width:none}
#birthdayApp .bc-flip[data-columns="1"] .bc-digit-top{line-height:170px}
@media(max-width:600px){#birthdayApp .bc-flip .bc-digit{height:88px;line-height:88px;font-size:clamp(32px,9vw,54px)}
#birthdayApp .bc-flip .bc-digit-top{line-height:88px}
#birthdayApp .bc-flip-group[data-unit="days"]{width:min(260px,100%)}
#birthdayApp .bc-flip-group[data-unit="days"] .bc-digit{height:132px;line-height:132px;font-size:88px}
#birthdayApp .bc-flip-group[data-unit="days"] .bc-digit-top{line-height:132px}
#birthdayApp .bc-flip[data-days="false"] .bc-digit{height:108px;line-height:108px;font-size:clamp(34px,9.5vw,58px)}
#birthdayApp .bc-flip[data-days="false"] .bc-digit-top{line-height:108px}
#birthdayApp .bc-flip[data-columns="2"] .bc-digit{height:130px;line-height:130px;font-size:clamp(50px,15vw,78px)}
#birthdayApp .bc-flip[data-columns="2"] .bc-digit-top{line-height:130px}
#birthdayApp .bc-flip[data-columns="1"] .bc-digit{height:170px;line-height:170px;font-size:120px}
#birthdayApp .bc-flip[data-columns="1"] .bc-digit-top{line-height:170px}
}
#birthdayApp .bc-stage-dialog .bc-flip{width:100%;max-width:1400px;gap:clamp(10px,2dvh,24px) clamp(8px,2vw,28px)}
#birthdayApp .bc-stage-dialog .bc-flip-group[data-unit="days"]{width:min(48vw,600px)}
#birthdayApp .bc-stage-dialog .bc-flip .bc-digit{height:clamp(40px,18dvh,200px);line-height:clamp(40px,18dvh,200px);font-size:min(12dvh,8vw);max-width:none}
#birthdayApp .bc-stage-dialog .bc-flip .bc-digit-top{line-height:clamp(40px,18dvh,200px)}
#birthdayApp .bc-stage-dialog .bc-flip-group[data-unit="days"] .bc-digit{height:clamp(50px,21dvh,230px);line-height:clamp(50px,21dvh,230px);font-size:min(15dvh,16vw)}
#birthdayApp .bc-stage-dialog .bc-flip-group[data-unit="days"] .bc-digit-top{line-height:clamp(50px,21dvh,230px)}
#birthdayApp .bc-stage-dialog .bc-flip[data-columns="2"]{max-width:1000px}
#birthdayApp .bc-stage-dialog .bc-flip[data-columns="2"] .bc-digit{height:clamp(70px,28dvh,280px);line-height:clamp(70px,28dvh,280px);font-size:min(20dvh,18vw)}
#birthdayApp .bc-stage-dialog .bc-flip[data-columns="2"] .bc-digit-top{line-height:clamp(70px,28dvh,280px)}
#birthdayApp .bc-stage-dialog .bc-flip[data-columns="1"]{max-width:800px}
#birthdayApp .bc-stage-dialog .bc-flip[data-columns="1"] .bc-digit{height:clamp(100px,38dvh,380px);line-height:clamp(100px,38dvh,380px);font-size:min(28dvh,34vw)}
#birthdayApp .bc-stage-dialog .bc-flip[data-columns="1"] .bc-digit-top{line-height:clamp(100px,38dvh,380px)}
@media(max-height:500px){#birthdayApp .bc-stage-dialog .bc-stage-photo{width:36px;height:36px}
#birthdayApp .bc-stage-dialog #bcStageName{font-size:16px;margin-bottom:8px}
#birthdayApp .bc-stage-dialog .bc-flip .bc-digit{height:15dvh;line-height:15dvh;font-size:min(11dvh,8vw)}
#birthdayApp .bc-stage-dialog .bc-flip .bc-digit-top{line-height:15dvh}
#birthdayApp .bc-stage-dialog .bc-flip-group[data-unit="days"] .bc-digit{height:18dvh;line-height:18dvh;font-size:13dvh}
#birthdayApp .bc-stage-dialog .bc-flip-group[data-unit="days"] .bc-digit-top{line-height:18dvh}
}