/* Visual theme inspired by the supplied mobile reference. */
:root{--ink:#252832;--muted:#7f8491;--rose:#d15572;--peach:#efb1a3}
.public-page{color:#fff4ed;background:#11141a;isolation:isolate;min-height:100vh;min-height:100svh}
.public-page::before{content:"";position:fixed;inset:0;z-index:-2;background-image:linear-gradient(180deg,rgba(11,12,17,.35),rgba(10,11,16,.6) 55%,rgba(8,10,15,.78)),url("hotel-room.webp");background-size:cover;background-position:center;pointer-events:none}
.public-page::after{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at center,transparent 20%,#090b1255 100%);pointer-events:none}
.public-page.scene-city::before,.public-page.scene-celebration::before{background-image:linear-gradient(180deg,#11141a20,#10131b80 40%,#0b101bdd 78%,#0b101bf0),url("warsaw-dusk.webp");background-position:center top}
.public-page.scene-celebration::after{background:radial-gradient(circle at 16% 17%,#ffd4ba60 0,transparent 2px),radial-gradient(circle at 81% 12%,#ffd4ba90 0,transparent 3px),radial-gradient(circle at 10% 38%,#ffe1b965 0,transparent 2px),radial-gradient(circle at 89% 40%,#ffd4ba80 0,transparent 2px),radial-gradient(circle at 76% 26%,#e9a9b970 0,transparent 2px)}
.public-header{padding:26px 30px;color:#ffe9dfb8;font-size:10px;letter-spacing:.2em;position:relative;flex-shrink:0}.public-header .brand{color:#f3c2b2;font-size:23px}.header-dot{background:#efb1a3;box-shadow:0 0 18px #efb1a370}
.public-main{padding:22px 24px 30px;min-width:0;flex:1 0 auto}.survey-wrap{width:100%;max-width:420px}
.public-page .surprise-card{background:linear-gradient(135deg,#201a2070,#11141b8c);border:1px solid #ffe8dd22;border-radius:26px;box-shadow:0 24px 90px #0005;padding:40px 34px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);max-width:460px;color:#fff4ed;min-width:0}
.public-page .surprise-card .eyebrow{display:none}
.public-page .hero-mark{background:none;color:#f3c8b8;width:54px;height:58px;margin:0 auto 28px;border-radius:0;font-size:45px;box-shadow:none}.hero-mark svg{width:100%;height:100%;display:block}.public-page .surprise-card h1{color:#fff0e6;font-family:Georgia,"Times New Roman",serif;letter-spacing:-.035em;font-size:clamp(29px,6.8vw,37px);line-height:1.18;margin:0 0 25px}
.public-page .surprise-card p{color:#efe3df;line-height:1.75;font-size:15px;text-shadow:0 1px 8px #0006;margin-bottom:26px}
.public-page .surprise-card .fine-print{color:#d3c5c2;font-size:12px;line-height:1.7;margin-top:25px}
.public-page .surprise-card .pretitle{font-size:13px;color:#ecdad3;margin-bottom:13px}
.public-page .btn-primary{background:linear-gradient(110deg,#f2baab,#eaa597);border-color:transparent;color:#241c21;box-shadow:0 6px 24px #e99e8826}
.public-page .btn-primary:hover,.public-page .btn-primary:focus-visible{background:linear-gradient(110deg,#ffd0c1,#efb2a4);color:#241c21;border-color:#f6c7b8}
.public-page .btn{min-height:51px;border-radius:16px;font-size:12px;letter-spacing:.025em;padding:15px 17px;line-height:1.45}.public-page .survey-form>.btn{margin-top:15px}
.public-page .btn-outline-dark,.public-page .btn-light{background:#efe5ed24;border:1px solid #ead8e24d;color:#fff0ed;box-shadow:inset 0 0 16px #efe1e308;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.public-page .btn-outline-dark:hover,.public-page .btn-light:hover{background:#efe5ed3f;color:#fff;border-color:#e7bacd99}
.public-page .stage-question .btn-primary,.public-page .stage-yes_reveal .btn-primary{background:linear-gradient(110deg,#d75276,#cb536b);color:#fff;border:1px solid #ffb1c330}
.public-page .stage-question .choice-stack{gap:12px;margin-top:29px}.public-page .stage-question .hero-mark{display:none}
.public-page .form-label{font-size:11px;color:#e9dcd8;letter-spacing:.02em;margin-bottom:9px}
.public-page .form-control{background:#fffafbeF;color:#29252c;border:1px solid #ffffff77;border-radius:11px;padding:14px 15px;min-height:51px;font-size:16px;box-shadow:0 5px 18px #0002}
.public-page .form-control:focus{background:#fffafd;box-shadow:0 0 0 3px #f2b3a642;border-color:#f4c0b0}
.public-page .pin-field{background:#080c11a8;border-color:#dfcdd044;color:#fff1e9;letter-spacing:.3em}.public-page .pin-field:focus{background:#101218;color:#fff1e9}
.public-page textarea.form-control{min-height:150px;resize:vertical}
.public-page .bed-options{gap:13px;margin:27px 0 24px}.public-page .bed-card{background:#d7cdda28;color:#fff0e9;border:1px solid #efe1e05c;border-radius:15px;min-height:180px;padding:23px 10px;gap:12px;box-shadow:0 8px 30px #0002}
.public-page .bed-card small{color:#edddd8;font-size:12px;line-height:1.5}.public-page .bed-card strong{font-size:13px;letter-spacing:.05em}
.public-page .bed-card:hover,.public-page .bed-card:focus-visible{background:#eeb0a1;color:#251f23;border-color:#ffd2c4;outline:2px solid #ffd2c4;outline-offset:3px}.public-page .bed-card:hover small,.public-page .bed-card:focus-visible small{color:#3b2a2d}
.public-page .bed-icon{color:#f4c3b3;display:block;width:64px;height:49px}.bed-icon svg{width:100%;height:100%;stroke-width:1.5}.public-page .bed-card:hover .bed-icon,.public-page .bed-card:focus-visible .bed-icon{color:#342529}
.public-page .date-pill{background:transparent;border:0;color:#fff2e7;font:italic 27px Georgia,serif;margin:-5px auto 26px;padding:0}
.public-page .saved-check{color:#f0c9bb;font-size:12px;margin:0 0 24px}.public-page .success-mark{color:#f1bcaf}
.step-dots{display:flex;gap:9px;justify-content:center;align-items:center;margin:32px 0 0;min-height:8px}.step-dots span{width:5px;height:5px;border-radius:50%;background:#d3baba50}.step-dots span.current{width:6px;height:6px;background:#f5c1b1;box-shadow:0 0 8px #f5c1b140}
.public-page .test-banner{background:#151922b0;border:1px solid #eac9b336;color:#ecd2c1;padding:7px 13px;font-size:9px;letter-spacing:.15em;margin-bottom:16px}
.public-page .test-restart .btn{color:#e3c9c0a8;min-height:38px;font-size:11px;padding:9px 12px;text-decoration:none}.public-page .test-restart .btn:hover{color:#ffe3d7}
.public-footer{color:#c7b6b28f;font-size:8px;letter-spacing:.15em;padding:12px 20px 22px;flex-shrink:0}
.public-page .alert-danger{background:#3d1f2bed;color:#ffe4e5;border:1px solid #b5617380;font-size:13px;text-align:left}
.public-page .text-muted{color:#d2c0bc!important}
.js .public-page .sent-loading{color:#ffe9df;height:190px;animation:reference-hide 1.8s forwards}.public-page .sent-loading .hero-mark{margin:0 auto 20px}.public-page .loading-dots i{background:#edb9aa;width:7px;height:7px}
.public-page .sent-result h1{font-size:30px}
.public-page a:focus-visible,.public-page button:focus-visible{outline-color:#ffd4c5}
@keyframes reference-hide{0%,98%{opacity:1;height:190px}100%{opacity:0;height:0;padding:0;overflow:hidden}}
/* Studio: light workspace, dark navigation, rose action accents. */
.admin-page{--bs-body-color:#2b3040;color:#2b3040;background:#f3f5f9}
.admin-header{background:#151d29;color:#f4f3f5;border-bottom:1px solid #ffffff12;height:76px}
.admin-header .brand{color:#fff0ec}.admin-header .brand span{color:#adb5c5}.admin-header .btn-outline-dark{color:#eef0f5;border-color:#697184;background:#ffffff08}
.admin-nav{background:#192330;border-color:#263142;width:205px}
.admin-nav a{color:#bdc6d6;display:flex;gap:11px;align-items:center;font-size:13px}.admin-nav a::before{content:"◇";font-size:15px;color:#d0b6c1}.admin-nav a.active,.admin-nav a:hover{background:#344154;color:#fff}
.admin-main .btn-primary{background:#ca526e;border-color:#ca526e;color:#fff}.admin-main .btn-primary:hover{background:#b5405c;border-color:#b5405c}
.admin-main .btn-outline-dark{color:#3c4659;border-color:#d5dbe5}.admin-main .btn-light{background:#edf0f5;border-color:#e5e9f1;color:#414959}
.admin-main .panel-card{border-color:#e2e6ef;box-shadow:0 4px 18px #172a4210;border-radius:15px}
.admin-main h1{font-size:29px;letter-spacing:-.04em;color:#242b39}.admin-main .eyebrow{color:#9a7b8a}
.admin-main .stat-card{border-color:#e1e8f6;border-radius:13px;box-shadow:0 3px 10px #172a4205}
.admin-main .stat-card:nth-child(1){background:#edf4ff;color:#3666be}.admin-main .stat-card:nth-child(2){background:#f3edff;color:#805bbb}.admin-main .stat-card:nth-child(3){background:#fff1f4;color:#c64e72}.admin-main .stat-card:nth-child(4){background:#fff5ee;color:#bc7947}.admin-main .stat-card:nth-child(5){background:#edf9f1;color:#3e8a60}
.admin-main .stat-card span{color:#667185}.admin-main .stat-card strong{font-size:32px}
.admin-main .campaign-tile{background:linear-gradient(145deg,#fff,#fff6f6)}.campaign-symbol{color:#c96b80}
.admin-main .form-control,.admin-main .form-select{background:#fff;border-color:#dde2ec;font-size:14px;border-radius:9px}.admin-main .form-control:focus,.admin-main .form-select:focus{border-color:#d68399;box-shadow:0 0 0 3px #d15b791c}
.admin-main .form-check-input:checked{background-color:#cb526f;border-color:#cb526f}
.admin-main .table{--bs-table-color:#465066;--bs-table-border-color:#ecedf3}.admin-main .table th{color:#8991a1}
.admin-main .table a,.admin-main .public-url{color:#b74b65}.admin-main .save-bar{background:#fafbffeb;border-color:#e1e5ef}
.admin-main .event-timeline li{border-left-color:#ecd0d8}.admin-main .custom-answer{background:#f6f3f7}
.admin-main .test-panel{background:#fffaf1;border-color:#ead9b5}
@media(min-width:701px){.public-main{padding-top:25px;padding-bottom:30px}.public-page .surprise-card{padding:42px 35px}.public-page::before{background-position:center 60%}}
@media(max-width:700px){.public-header{padding:20px 24px}.public-main{padding:12px 25px 16px}.public-page .surprise-card{background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:27px 0 22px;border-radius:0;max-width:390px}.public-page::before{background-image:linear-gradient(180deg,#0b0d1255,#090b1270 35%,#090b129c 75%,#090b12ba),url("hotel-room.webp")}.public-page.scene-city::before,.public-page.scene-celebration::before{background-image:linear-gradient(180deg,#0c101c18,#0c101c66 28%,#0b101bdc 57%,#0b101bf0),url("warsaw-dusk.webp");background-position:65% top}.public-page .stage-question{padding-top:120px}.public-page .hero-mark{width:47px;height:50px;margin-bottom:27px}.public-page .surprise-card h1{font-size:34px}.public-page .surprise-card p{font-size:15px}.public-page .test-banner{margin-bottom:8px}.public-page .stage-completed .surprise-card{padding-top:20px}.admin-header{height:66px}.admin-nav{width:100%;background:#1d2838}.admin-nav a{font-size:12px}.admin-nav a::before{display:none}.admin-main .page-heading h1{font-size:26px}}
@media(max-width:350px){.public-main{padding-inline:22px}.public-page .surprise-card h1{font-size:29px}.public-page .surprise-card p{font-size:14px}.public-page .bed-options{gap:10px}.public-page .bed-card{min-height:168px}.public-page .stage-question{padding-top:85px}}
@media(max-height:740px) and (max-width:700px){.public-header{padding-block:14px}.public-page .surprise-card{padding-top:13px}.public-page .hero-mark{margin-bottom:21px;height:43px}.public-page .surprise-card h1{margin-bottom:21px}.public-page .stage-question{padding-top:65px}.step-dots{margin-top:24px}.public-footer{padding-bottom:15px}}
@media(prefers-reduced-motion:reduce){.js .public-page .sent-loading{display:none}.public-page::before{animation:none}}

/* Installer and additional campaign surprises */
.public-page:has(.installer-shell)::before{background:#141820}
.installer-shell{width:100%;max-width:720px;padding:34px;background:#fffaf8;color:#2a2831;border:1px solid #efded8;border-radius:22px;box-shadow:0 20px 60px #0003}
.installer-shell h1{font:34px/1.2 Georgia,serif;color:#30262b}
.installer-shell p{font-size:14px;line-height:1.65;color:#6d6268}
.installer-shell fieldset{padding:22px 0;border:0;border-bottom:1px solid #eaded9}
.installer-shell legend{float:none;font-size:17px;font-weight:600;margin-bottom:10px}
.public-page .installer-shell .form-label{color:#4a3d43;font-size:12px;margin-top:14px}
.public-page .installer-shell .form-control,.installer-shell .form-select{color:#29252c;background:#fff;border:1px solid #d8cbd0;box-shadow:none}
.installer-shell summary{padding:20px 0;cursor:pointer;font-size:14px;font-weight:600}
.installer-shell .alert-danger{background:#fce7eb;color:#852f48;border-color:#f2c3cf}
.code-editor{font:13px/1.6 ui-monospace,Consolas,monospace!important;white-space:pre;tab-size:2;min-height:380px}
.gift-shell{width:100%;max-width:1000px;text-align:center}
.gift-shell h1{font:34px Georgia,serif;margin:0 0 24px;color:#ffeadf}
.gift-shell .eyebrow{color:#d3b7b1}
.gift-frame{display:block;width:100%;height:72vh;min-height:480px;border:1px solid #d2bfc344;background:#171b24;border-radius:18px;margin-bottom:22px}
.gift-list{padding:24px 0;text-align:center;border-top:1px solid #dec3bf33;margin-top:18px}
.gift-list h2{color:#ffe7de;font:25px Georgia,serif;margin-bottom:18px}
.gift-list a{margin-bottom:12px}
@media(max-width:700px){.installer-shell{padding:24px 18px}.installer-shell h1{font-size:28px}.gift-shell h1{font-size:29px}.gift-frame{min-height:420px;border-radius:12px}.public-main:has(.gift-shell){padding-inline:12px}}

/* Participant portal: available after the main survey response. */
.public-main:has(.participant-panel){align-items:flex-start;padding-top:24px}
.participant-panel{width:100%;max-width:960px;color:#f7e9e3;animation:enter .45s ease-out}
.portal-top,.portal-card-top,.portal-section-title{display:flex;align-items:center;justify-content:space-between;gap:16px}
.portal-top .eyebrow,.portal-card-top .eyebrow{margin:0;color:#d6b7b0;justify-content:flex-start}
.portal-inbox{color:#f7d5c6;text-decoration:none;border:1px solid #ffffff24;background:#15172099;border-radius:24px;padding:9px 15px;font-size:16px}
.portal-heading{padding:30px 0 32px}.portal-heading h1{font:clamp(34px,6vw,54px)/1.12 Georgia,serif;letter-spacing:-.035em;margin:0 0 16px}
.portal-heading p,.portal-card p{color:#e0d3cf;font-size:15px;line-height:1.7}.portal-person{font-size:12px;color:#d3b6b1;overflow-wrap:anywhere}
.portal-card{background:linear-gradient(135deg,#29252be8,#141821ed);border:1px solid #f8c1b12b;box-shadow:0 15px 45px #0003;border-radius:24px;padding:28px;overflow-wrap:anywhere}
.portal-main-card{margin:0 0 32px;border-color:#efac9d55}.portal-main-card h2{font:32px Georgia,serif;margin:24px 0 12px}
.portal-state{color:#e9c8bc;font-size:11px;text-align:right}.portal-section-title{margin-bottom:18px}.portal-section-title h2{font:26px Georgia,serif;margin:0}.portal-section-title>span{color:#d2aaa1;font-size:12px}
.portal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.portal-gift{display:flex;flex-direction:column}.portal-gift h3{font:25px/1.3 Georgia,serif;margin:20px 0 28px}.portal-gift form{margin-top:auto}
.portal-gift-symbol{font-size:34px;color:#efb6a5}.portal-badge{background:#efb3a2;color:#2e2025;border-radius:30px;font-size:10px;font-weight:800;letter-spacing:.09em;padding:6px 10px}.portal-read{font-size:11px;color:#b8b4ad}
.portal-notice,.portal-new-summary{border:1px solid #e9ac9760;background:#3e2a33eb;border-radius:14px;padding:16px 20px;margin-bottom:20px;font-size:13px;line-height:1.7}.portal-notice a,.portal-new-summary a{color:#ffd4bf}
.portal-empty{text-align:center;padding:28px;background:#151720b0;border:1px dashed #ffffff30;border-radius:20px}.portal-empty>span{font-size:34px;color:#efb6a5}.portal-empty p{font-size:14px;color:#d0bcb6;margin:12px 0 0}
.portal-footnote{text-align:center;color:#c6aca5;font-size:11px;line-height:1.7;margin:28px 12px}.portal-back{display:block;color:#efc5b6;font-size:12px;text-decoration:none;margin:0 auto 20px;text-align:center;padding:10px}
.public-page a:focus-visible,.portal-card button:focus-visible{outline:3px solid #efb6a5;outline-offset:4px}
@media(max-width:640px){.portal-grid{grid-template-columns:1fr}.portal-card{padding:24px 20px;border-radius:20px}.portal-card-top{align-items:flex-start}.portal-heading{padding-top:26px}.portal-main-card .btn{width:100%}.portal-state{max-width:140px}.public-main:has(.participant-panel){padding-inline:18px}}
@media(prefers-reduced-motion:reduce){.participant-panel{animation:none}}
/* Massage selection: native form, stored against the participant's verified session. */
.public-main:has(.massage-page){align-items:flex-start;padding-top:0}
.massage-page{width:100%;max-width:620px;animation:enter .55s ease-out;color:#ffede4}
.massage-header{text-align:center;margin:22px auto 30px;max-width:480px}.massage-emblem{width:54px;height:54px;color:#f4c8b6;margin:22px auto}.massage-emblem svg{width:100%;height:100%}
.massage-header .eyebrow{color:#e7bdad;font-size:9px;letter-spacing:.22em;margin:0 0 17px}.massage-header h1{font:clamp(34px,7vw,46px)/1.13 Georgia,serif;letter-spacing:-.035em;margin:0 0 18px}.massage-header p{color:#e1d2ce;font-size:14px;line-height:1.8;padding:0 12px}
.massage-form fieldset{min-width:0}.massage-options{display:grid;gap:12px}.massage-option{display:block;position:relative;cursor:pointer}.massage-option input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1;margin:0}
.massage-option-body{display:flex;align-items:center;gap:18px;padding:23px 22px;border:1px solid #f2c8b32e;border-radius:19px;background:linear-gradient(125deg,#30282cda,#171923ed);transition:background .2s,border-color .2s,box-shadow .2s;color:#fff0e7;min-height:110px;box-shadow:0 8px 25px #0002}
.massage-option-icon{width:34px;height:34px;flex-shrink:0;color:#efbbaa}.massage-option-icon svg{width:100%;height:100%}.massage-option-copy{flex:1;min-width:0}.massage-option-copy strong{display:block;font:23px/1.25 Georgia,serif;margin-bottom:8px;overflow-wrap:anywhere}.massage-option-copy>span{display:block;color:#cbbcb8;font-size:12px;line-height:1.6}
.massage-radio{width:20px;height:20px;flex-shrink:0;border:1px solid #cfb4ac70;border-radius:50%;display:grid;place-items:center}.massage-radio:after{content:'';width:8px;height:8px;border-radius:50%;background:transparent}
.massage-option input:checked+.massage-option-body{background:linear-gradient(120deg,#634349e8,#382c35ef);border-color:#efb3a2;box-shadow:0 0 0 1px #efb3a240}.massage-option input:checked+.massage-option-body .massage-radio{border-color:#f4c8b6}.massage-option input:checked+.massage-option-body .massage-radio:after{background:#f4c8b6}.massage-option input:focus-visible+.massage-option-body{outline:3px solid #efb6a5;outline-offset:4px}.massage-option:hover .massage-option-body{border-color:#efb3a285}
.massage-option-small .massage-option-body{min-height:80px;padding-block:17px;background:#171923b8}.massage-option-small .massage-option-icon{width:25px;height:25px}.massage-option-small .massage-option-copy strong{font-family:inherit;font-size:13px;font-weight:500;margin-bottom:4px}
.massage-notes{margin:28px 0 20px}.public-page .massage-notes .form-label{color:#eed4c9;font-size:12px;display:flex;justify-content:space-between;gap:12px}.massage-notes .form-label span{color:#b59d97;font-size:10px;font-weight:400}.public-page .massage-notes .form-control{background:#15161dc9;color:#ffede4;border:1px solid #d6b1a638;border-radius:16px;font-size:16px}.massage-notes textarea::placeholder{color:#ae9791}.massage-submit{min-height:54px!important;letter-spacing:.055em}.massage-note{font-size:11px;line-height:1.8;text-align:center;color:#d4b8af;white-space:pre-line;margin:18px 16px}
.massage-success{display:flex;gap:14px;align-items:center;background:#293a32d9;border:1px solid #a4bba969;border-radius:18px;padding:20px;margin-bottom:22px;animation:enter .4s ease-out}.massage-success svg{width:34px;height:34px;flex-shrink:0;color:#c1dac3}.massage-success strong{font-size:15px;color:#ecf4e8}.massage-success p{font-size:12px;line-height:1.7;margin:5px 0 0;color:#d8e0d4}.massage-current{font-size:12px;color:#e5cdc2;line-height:1.7;border-left:2px solid #e8b2a0;padding-left:14px;margin-bottom:22px}
.massage-signoff{display:flex;align-items:center;justify-content:center;gap:15px;color:#eec6b5;margin:30px auto}.massage-signoff svg{width:23px;height:23px}.massage-signoff span{height:1px;width:55px;background:#e5bba62e}.extra-answer{border-top:1px solid #eee;padding-top:16px;margin-top:16px}
@media(min-width:760px){.massage-page{padding:12px 38px 24px;border:1px solid #ffe4d420;border-radius:30px;background:#14131b91;box-shadow:0 20px 80px #0003}.massage-header{margin-top:30px}}
@media(max-width:400px){.massage-option-body{padding:20px 16px;gap:13px}.massage-option-copy strong{font-size:21px}.massage-option-icon{width:28px;height:28px}.massage-option-small .massage-option-copy strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){.massage-page,.massage-success{animation:none}.massage-option-body{transition:none}}

/* Countdown uses the campaign start date in Europe/Warsaw, after an explicit YES. */
.trip-countdown{width:100%;padding:28px 24px 26px;margin:24px 0 30px;border:1px solid #eab6a544;border-radius:24px;text-align:center;background:radial-gradient(ellipse at 50% 0,#85506044,transparent 70%),linear-gradient(135deg,#28212be8,#111820ee);color:#f8e9df;box-shadow:0 18px 45px #0002}
.countdown-heart{display:block;font:34px Georgia,serif;color:#efb6a5;line-height:1;margin-bottom:12px}.trip-countdown h2{font:clamp(24px,5vw,31px)/1.2 Georgia,serif;letter-spacing:-.025em;margin:0 0 12px}
.trip-countdown .countdown-date{color:#e6c9bd;font-size:13px;line-height:1.6;margin:0 0 22px}.countdown-date span{display:block;color:#bca4a0;font-size:10px;margin-top:3px}
.countdown-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:450px;margin:auto}.countdown-unit{padding:16px 4px 12px;border:1px solid #f4cab525;border-radius:14px;background:#f6c7b708;min-width:0}.countdown-unit strong{display:block;font:500 clamp(25px,7.5vw,40px)/1.15 Georgia,serif;font-variant-numeric:tabular-nums;color:#ffdfcc;overflow-wrap:anywhere}.countdown-unit span{display:block;margin-top:9px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#cdb1a9}
.trip-countdown .countdown-finished{margin:20px 0 0;color:#f8c4b5;font:22px Georgia,serif}.trip-countdown .countdown-fallback{font-size:11px;color:#cdb1a9;margin:16px 0 0}
@media(max-width:400px){.trip-countdown{padding:24px 16px;border-radius:20px}.countdown-grid{gap:7px}.countdown-unit{padding:14px 3px 11px;border-radius:12px}}