/* Five complete visual directions. Business logic remains in app.js. */
.design-bar{background:#191d24;color:#fff;border-bottom:1px solid #ffffff25;font-family:Manrope,Arial,sans-serif}
.design-bar-inner{max-width:1248px;margin:auto;padding:12px 24px;display:flex;align-items:center;gap:22px;min-height:64px;font-size:12px}
.design-gallery-link{font-weight:800;white-space:nowrap;display:flex;gap:8px;align-items:center}.design-gallery-link:hover{color:#ffd282}
.design-controls{display:flex;align-items:center;border:1px solid #626872;border-radius:8px;overflow:hidden;flex-shrink:0}
.design-controls button{border:0;background:transparent;color:#fff;padding:7px 11px;font-size:17px}.design-controls button:hover{background:#353c48}
.design-controls select{background:#191d24;color:#fff;border:0;border-left:1px solid #626872;border-right:1px solid #626872;padding:7px 9px;max-width:190px;font-size:12px}
#design-description{color:#ccd2dc;line-height:1.5}.design-motion{margin-left:auto;background:none;border:1px solid #626872;border-radius:7px;color:white;padding:8px 10px;white-space:nowrap;font-size:12px}
.design-motion:hover{background:#353c48}.direction-art{width:100%;height:100%;position:relative;isolation:isolate;overflow:hidden}.direction-art *{box-sizing:border-box}
:root[data-design=terminal]{--orange:#d4f75b;--bright:#e6ff9c;--ink:#f1f4ec;--muted:#a5b0b9;--line:#34414c;--bg:#101820;--soft:#24313b;--surface:#18232d;--tint:#283626;--accent-ink:#152009;--green:#b2d788;--radius:4px;color-scheme:dark}
:root[data-design=sky]{--orange:#2459cf;--bright:#4384ff;--ink:#163459;--muted:#59708a;--line:#d6e2f0;--bg:#f1f7ff;--soft:#e5effe;--surface:#fff;--tint:#e2edff;--accent-ink:#fff;--green:#237055;--radius:22px}
:root[data-design=post]{--orange:#9b2841;--bright:#b34159;--ink:#342826;--muted:#7c655e;--line:#dacebc;--bg:#f6f0e5;--soft:#ede2d1;--surface:#fffcf5;--tint:#f6e2dc;--accent-ink:#fff9f0;--green:#466545;--radius:2px}
:root[data-design=mint]{--orange:#076549;--bright:#12805e;--ink:#183d30;--muted:#526f61;--line:#acc7b7;--bg:#eaf4e9;--soft:#d8efde;--surface:#fffef4;--tint:#d7f2cb;--accent-ink:#fffef4;--green:#146747;--radius:18px}
:root[data-design=orbit]{--orange:#c7adff;--bright:#dccaff;--ink:#f7f1ff;--muted:#b8aacd;--line:#4c3b65;--bg:#170f26;--soft:#352544;--surface:#251934;--tint:#3d2853;--accent-ink:#231139;--green:#b9e5cf;--radius:26px;color-scheme:dark}
html:not([data-design=original]) body{background:var(--bg);color:var(--ink)}
html:not([data-design=original]) :is(header,.order-card,.panel,.search-panel,.btn,.icon-button,.swap,.package,dialog,.airport-options,.airport-option,.message,.art-label){background:var(--surface);color:var(--ink);border-color:var(--line)}
html:not([data-design=original]) :is(.btn.primary,.btn.dark,.chip.active,.step.active .step-num){background:var(--orange);border-color:var(--orange);color:var(--accent-ink)}
html:not([data-design=original]) .btn.primary:hover{background:var(--bright);filter:brightness(.93)}
html:not([data-design=original]) :is(.btn.soft,.tag.orange,.note.orange,.selected-package,.airport-option:hover,.airport-option[aria-selected=true]){background:var(--tint);color:var(--orange);border-color:var(--line)}
html:not([data-design=original]) :is(.tag,.note,.details-route,.chat,.tabs,.upload,.detail-photo,.demo-strip){background:var(--soft);color:var(--muted)}
html:not([data-design=original]) :is(.tabs button.active,.form-field input,.form-field select,.form-field textarea,.search-input){background:var(--surface);color:var(--ink);border-color:var(--line)}
html:not([data-design=original]) .header-inner nav a{color:var(--muted)}html:not([data-design=original]) .header-inner nav a.active{color:var(--ink)}
html:not([data-design=original]) :is(.card-ref,.step,.modal-copy){color:var(--muted)}
html:not([data-design=original]) .avatar{background:var(--tint);color:var(--orange)}
html:not([data-design=original]) .logo-mark{background:var(--orange);color:var(--accent-ink)}
html:not([data-design=original]) .tag.green{background:var(--soft);color:var(--green)}
html:not([data-design=original]) :is(.flight-line:before,.flight-line:after){background:var(--line)}
html:not([data-design=original]) .flight-line{color:var(--orange)}
html:not([data-design=original]) :is(input,textarea)::placeholder{color:var(--muted);opacity:1}
html:not([data-design=original]) .wallet{background:var(--ink);color:var(--bg)}
html:not([data-design=original]) .wallet .muted{color:var(--bg);opacity:.75}
html:not([data-design=original]) .wallet .star{color:var(--bg)}
html:not([data-design=original]) .intro-art{height:330px;background:transparent;border-radius:var(--radius)}
html:not([data-design=original]) .intro{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:44px;margin-bottom:32px}
html:not([data-design=original]) .intro h1{font-size:clamp(36px,4.2vw,58px);line-height:1.09;letter-spacing:-2.4px}
html:not([data-design=original]) .intro p.description{font-size:15px;max-width:490px}
html:not([data-design=original]) .order-card:hover{border-color:var(--orange)}
html:not([data-design=original]) .panel.order-chat{border:3px solid var(--orange);background:var(--tint);box-shadow:0 8px 30px color-mix(in srgb,var(--orange) 12%,transparent)}
html:not([data-design=original]) .chat-heading{border-color:var(--line)}html:not([data-design=original]) .chat-heading h2{color:var(--orange)}
html:not([data-design=original]) .order-chat :is(.chat,.attachment-label,.search-input){background:var(--surface);border-color:var(--orange);color:var(--ink)}
html:not([data-design=original]) .order-chat :is(.message.mine,.note,.locked,.chat-heading .tag){background:var(--soft);color:var(--ink);border-color:var(--line)}
html:not([data-design=original]) .order-chat .message{border-color:var(--line)}
html:not([data-design=original]) .order-chat .chat-send{background:var(--orange);color:var(--accent-ink);border-color:var(--orange);box-shadow:0 4px 0 color-mix(in srgb,var(--orange) 65%,#000)}
html:not([data-design=original]) .order-chat .chat-form>.search-input:focus{border-color:var(--orange);outline:2px solid color-mix(in srgb,var(--orange) 50%,transparent);outline-offset:2px}
html:not([data-design=original]) :is(button,a,input,select,textarea):focus-visible{outline-color:var(--orange)}

/* 01 · TERMINAL: instrument panel, angular geometry, radar sweep. */
html[data-design=terminal] body{background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px)!important;background-size:42px 42px!important}
html[data-design=terminal] .header-inner{height:80px}html[data-design=terminal] .wordmark{letter-spacing:1px;font-size:23px}
html[data-design=terminal] :is(.logo-mark,.btn,.panel,.search-panel,.tag,.chip,.details-route){border-radius:4px}
html[data-design=terminal] :is(.eyebrow,.airport,.card-ref,.reward,.terminal-top,.terminal-bottom){font-family:Consolas,'Courier New',monospace}
html[data-design=terminal] .intro{padding:12px 0 24px;border-bottom:1px solid var(--line)}
html[data-design=terminal] .intro h1{font-weight:800;text-transform:uppercase;font-size:clamp(34px,3.9vw,52px)!important;letter-spacing:-1.6px!important}
html[data-design=terminal] .intro h1 span{color:var(--orange)}
html[data-design=terminal] .order-card{border-top:3px solid var(--orange);animation:terminal-arrive .6s both}
html[data-design=terminal] .order-card:nth-child(2n){animation-delay:.1s}html[data-design=terminal] .card-top{margin-bottom:20px}
html[data-design=terminal] .airport{letter-spacing:2px}html[data-design=terminal] .search-panel{box-shadow:0 0 0 5px #d4f75b08}
html[data-design=terminal] .art-terminal{background:#15222b;border:1px solid #3a4d53;padding:20px;color:#d4f75b}
.terminal-top,.terminal-bottom{position:absolute;left:20px;right:20px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;z-index:2}.terminal-top{top:20px}.terminal-bottom{bottom:18px;line-height:1.6}.live-signal{color:#d4f75b}
.terminal-route{display:flex;justify-content:space-between;align-items:center;font-family:Consolas,monospace;position:absolute;top:55px;left:24px;right:24px;font-size:30px;z-index:2}.terminal-route>span{font-size:19px;color:#829a91}
.radar-art{position:absolute;width:235px;height:235px;left:50%;top:52%;transform:translate(-50%,-50%);border:1px solid #d4f75b44;border-radius:50%;background:linear-gradient(90deg,transparent 49.7%,#d4f75b22 50%,transparent 50.3%),linear-gradient(transparent 49.7%,#d4f75b22 50%,transparent 50.3%);overflow:hidden}
.radar-art>i{position:absolute;border:1px solid #d4f75b25;border-radius:50%;inset:22%}.radar-art>i:nth-child(2){inset:37%}.radar-art>i:nth-child(3){inset:10%}
.radar-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 260deg,#d4f75b30 358deg,#d4f75b99 360deg);animation:radar-turn 10s linear infinite}
.radar-plane{position:absolute;left:145px;top:61px;font-size:28px;transform:rotate(20deg);animation:radar-flight 7s ease-in-out infinite}.radar-point{position:absolute;left:58px;top:157px;width:7px;height:7px;background:#d4f75b;border-radius:50%;box-shadow:0 0 16px #d4f75b}
@keyframes radar-turn{to{transform:rotate(360deg)}}@keyframes radar-flight{50%{transform:translate(-42px,45px) rotate(20deg)}}@keyframes terminal-arrive{from{opacity:0;transform:translateY(12px);clip-path:inset(0 0 40%)}to{opacity:1;transform:none;clip-path:inset(0)}}

/* 02 · SKY: spacious sky-blue hero and perforated boarding tickets. */
html[data-design=sky] .intro{background:#dcecff;padding:34px 36px;border-radius:30px;gap:22px!important;position:relative}
html[data-design=sky] .intro h1{font-weight:650;font-size:clamp(35px,4vw,53px)!important;letter-spacing:-2px!important}
html[data-design=sky] .intro-art{height:300px!important;overflow:visible}
html[data-design=sky] .search-panel{border-radius:24px;box-shadow:0 12px 30px #2459cf0b;padding:14px}
html[data-design=sky] .btn{border-radius:30px}html[data-design=sky] .cards{gap:24px}
html[data-design=sky] .order-card{box-shadow:0 7px 25px #16345906;border:0;animation:sky-arrive .7s both}
html[data-design=sky] .order-card:nth-child(3n+2){animation-delay:.09s}html[data-design=sky] .order-card:nth-child(3n){animation-delay:.18s}
html[data-design=sky] .card-bottom{border-top:2px dashed var(--line);position:relative;padding-top:22px}
html[data-design=sky] .card-bottom:before,html[data-design=sky] .card-bottom:after{content:'';position:absolute;width:22px;height:22px;background:var(--bg);border-radius:50%;top:-12px;left:-34px}
html[data-design=sky] .card-bottom:after{left:auto;right:-34px}html[data-design=sky] .airport{font-size:31px;color:#2459cf}
html[data-design=sky] .order-card:hover{box-shadow:0 14px 32px #2459cf18;transform:translateY(-5px)}
.art-sky{overflow:visible}.cloud{position:absolute;background:#ffffff99;border-radius:100px;width:135px;height:40px;animation:cloud-drift 12s ease-in-out infinite}.cloud:before{content:'';position:absolute;left:28px;bottom:6px;width:65px;height:65px;background:inherit;border-radius:50%}.cloud-one{top:24px;left:2px}.cloud-two{right:-15px;bottom:40px;transform:scale(.7);animation-delay:-6s}
.boarding-ticket{position:absolute;left:8%;top:26%;width:85%;background:#fff;border-radius:16px;box-shadow:0 20px 25px #426fbc17;padding:20px;transform:rotate(-7deg);animation:ticket-land 1s both;color:#163459}
.ticket-kicker{font-size:9px;letter-spacing:1.2px;font-weight:800}.boarding-ticket>div:not(.ticket-bottom){display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:35px}.boarding-ticket>div>span{color:#2459cf}.boarding-ticket p{font-size:12px;margin:5px 0 16px;color:#59708a}.ticket-bottom{border-top:1px dashed #bacfe9;padding-top:12px;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1px}
.barcode{width:65px;height:20px;background:repeating-linear-gradient(90deg,#163459 0 2px,transparent 2px 4px,#163459 4px 5px,transparent 5px 8px)}
.sky-plane{font-size:55px;position:absolute;z-index:2;right:30px;top:3px;color:#2459cf;transform:rotate(-20deg);animation:sky-cruise 8s ease-in-out infinite}.sky-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:10px;color:#59708a}
@keyframes cloud-drift{50%{translate:20px 0}}@keyframes sky-cruise{50%{translate:18px -8px;rotate:6deg}}@keyframes ticket-land{from{opacity:0;transform:translateY(25px) rotate(0)}to{opacity:1;transform:rotate(-7deg)}}@keyframes sky-arrive{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}

/* 03 · POST: warm editorial typography, postal borders, stamped paper. */
html[data-design=post] .wordmark{font-family:Georgia,'Times New Roman',serif;letter-spacing:2px;font-size:25px}
html[data-design=post] .logo-mark{border-radius:50%;font-family:Manrope,Arial,sans-serif}html[data-design=post] header{border-bottom:3px double var(--line)}
html[data-design=post] .intro{grid-template-columns:minmax(0,1fr) minmax(0,1.45fr)!important;gap:65px!important;padding:15px 0 26px;border-bottom:3px double var(--line)}
html[data-design=post] .intro>div:first-child{order:2}html[data-design=post] .intro-art{order:1;height:340px!important}
html[data-design=post] .intro h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-1.9px!important;font-size:clamp(40px,4.8vw,62px)!important}
html[data-design=post] .intro h1 span{font-style:italic}html[data-design=post] .eyebrow{letter-spacing:2px;font-size:10px}
html[data-design=post] :is(.search-panel,.btn,.panel,.details-route,.tag,.chip){border-radius:2px}
html[data-design=post] .search-panel{padding:14px;background:#fffcf5;box-shadow:0 4px 0 #e8dfd0}
html[data-design=post] .order-card{border:1px solid var(--line);box-shadow:3px 3px 0 #e9dfce;animation:post-unfold .7s both;transform-origin:50% 0}
html[data-design=post] .card-title{font-family:Georgia,'Times New Roman',serif;font-size:21px;line-height:1.3;font-weight:400}
html[data-design=post] .section-title h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:29px}
html[data-design=post] .airport{font-family:Georgia,'Times New Roman',serif;font-size:31px;font-weight:400}html[data-design=post] .reward{color:var(--orange)}
html[data-design=post] .order-card:hover{transform:rotate(-.5deg) translateY(-3px)}html[data-design=post] .avatar{border-radius:4px}
.art-post{background:repeating-linear-gradient(45deg,#a3294304 0 1px,transparent 1px 5px);overflow:visible}
.post-letter{position:absolute;inset:28px 12px 42px;background:#fffcf5;border:8px solid transparent;border-image:repeating-linear-gradient(135deg,#a32943 0 12px,#fffaf1 12px 24px,#7c9caa 24px 36px,#fffaf1 36px 48px) 8;box-shadow:4px 9px 0 #e4d8c6;transform:rotate(-6deg);padding:22px;color:#342826;animation:post-unfold .9s both}
.post-address{font:11px/1.9 'Courier New',monospace}.post-stamp{position:absolute;right:15px;top:15px;border:2px dotted #a32943;width:57px;height:63px;text-align:center;font:28px/1.1 Georgia,serif;color:#a32943;padding-top:7px}.post-stamp small{font:7px Manrope,Arial,sans-serif;display:block;letter-spacing:1px;margin-top:4px}
.post-dash{width:60%;border-top:1px solid #dacebc;margin-top:18px}.post-letter p{font:32px/1.1 Georgia,serif;margin:15px 0 0}.post-letter em{color:#9b2841}
.post-seal{position:absolute;right:8px;bottom:9px;border:2px solid #9b2841;border-radius:50%;width:89px;height:89px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:9px;line-height:1.8;letter-spacing:1px;color:#9b2841;transform:rotate(14deg);animation:post-stamp .8s .3s both}
.post-caption{position:absolute;bottom:0;left:0;right:0;font-size:9px;letter-spacing:1.1px;text-align:center;color:#7c655e}
@keyframes post-unfold{from{opacity:0;translate:0 15px;rotate:2deg}to{opacity:1;translate:0 0;rotate:0deg}}@keyframes post-stamp{0%{opacity:0;scale:1.7;filter:blur(3px)}70%{opacity:1;scale:.94;filter:blur(0)}100%{scale:1}}

/* 04 · MINT: bold outlines, lemon stickers and a springy parcel. */
html[data-design=mint] header{border-bottom:2px solid #183d30}html[data-design=mint] .wordmark{font-weight:800;letter-spacing:-2px;font-size:29px}
html[data-design=mint] .logo-mark{border-radius:9px;transform:rotate(-7deg)}html[data-design=mint] .intro{padding:10px 0}
html[data-design=mint] .intro h1{font-weight:800;letter-spacing:-3px!important;font-size:clamp(40px,4.8vw,64px)!important;line-height:1.02!important}
html[data-design=mint] .intro h1 span{color:#076549}html[data-design=mint] .eyebrow{display:inline-block;padding:7px 10px;border:1px solid #183d30;background:#e8f58d;transform:rotate(-2deg);letter-spacing:.7px}
html[data-design=mint] :is(.btn,.chip){border:1.5px solid #183d30;border-radius:8px}html[data-design=mint] .btn.primary{box-shadow:3px 3px 0 #183d30;background:#e8f58d;color:#183d30;border-color:#183d30}
html[data-design=mint] .btn:hover{transform:translate(-2px,-2px)}html[data-design=mint] .search-panel{border:2px solid #183d30;box-shadow:5px 5px 0 #bad9c4;padding:13px;border-radius:12px}
html[data-design=mint] .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}html[data-design=mint] .order-card{border:2px solid #183d30;box-shadow:4px 4px 0 #bad9c4;animation:mint-pop .65s both}
html[data-design=mint] .order-card:nth-child(2n){background:#f6f8d6;animation-delay:.1s}html[data-design=mint] .order-card:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 #8cb89d}
html[data-design=mint] .tag{border:1px solid var(--line);border-radius:30px}html[data-design=mint] .airport{font-size:34px}html[data-design=mint] .reward{font-size:27px}
.art-mint{overflow:visible}.mint-disc{position:absolute;inset:18px 30px;border-radius:50%;background:#c9e8d3;border:1.5px solid #183d30}
.mint-box{position:absolute;width:158px;height:153px;left:calc(50% - 79px);top:90px;background:#e8f58d;border:3px solid #183d30;border-radius:10px;transform:rotate(-9deg);box-shadow:12px 12px 0 #183d30;animation:mint-bounce 4s ease-in-out infinite;color:#183d30}
.box-tape{position:absolute;left:62px;top:0;bottom:0;width:27px;background:#9ccead;border-left:2px solid #183d30;border-right:2px solid #183d30}.mint-box>span{position:absolute;font-size:52px;font-weight:800;left:18px;top:25px}.mint-box small{position:absolute;bottom:13px;right:9px;font-size:9px;font-weight:800;letter-spacing:1px}
.mint-star{position:absolute;right:36px;top:0;font-size:95px;line-height:1;color:#076549;animation:mint-wiggle 5s ease-in-out infinite}.mint-label{position:absolute;font-size:11px;font-weight:800;padding:10px 14px;border:2px solid #183d30;border-radius:30px;z-index:3;background:#fffef4;white-space:nowrap;color:#183d30}.label-one{left:0;top:60px;transform:rotate(-12deg)}.label-two{right:0;bottom:34px;background:#e8f58d;transform:rotate(7deg)}.mint-trail{position:absolute;bottom:16px;left:23px;font-size:25px;color:#076549;transform:rotate(12deg)}
@keyframes mint-bounce{0%,100%{transform:translateY(0) rotate(-9deg)}45%{transform:translateY(-12px) rotate(-4deg)}65%{transform:translateY(1px) rotate(-10deg)}}@keyframes mint-wiggle{50%{transform:rotate(30deg)}}@keyframes mint-pop{from{opacity:0;transform:scale(.94) translateY(14px)}70%{opacity:1;transform:scale(1.01)}to{transform:scale(1)}}

/* 05 · ORBIT: luminous glass and orbital motion. */
html[data-design=orbit] body{background-image:radial-gradient(ellipse at 75% 10%,#5d337c40,transparent 50%)!important}
html[data-design=orbit] header{background:#20152dde!important;backdrop-filter:blur(16px)}html[data-design=orbit] .logo-mark{border-radius:50%;background:linear-gradient(135deg,#dabfff,#9860e1);box-shadow:0 0 23px #b181f133}
html[data-design=orbit] .intro{padding:22px 0 14px;gap:25px!important}html[data-design=orbit] .intro h1{font-weight:500;letter-spacing:-2.8px!important}
html[data-design=orbit] .intro h1 span{background:linear-gradient(110deg,#e4d1ff,#b6a1ff,#edafe0);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-design=orbit] .intro-art{height:350px!important;overflow:visible}html[data-design=orbit] .eyebrow{font-size:10px;font-weight:600;letter-spacing:2.8px}
html[data-design=orbit] :is(.search-panel,.order-card,.panel){background:linear-gradient(135deg,#372548a8,#22182fbf);border-color:#8a62b344;box-shadow:inset 0 1px 0 #ffffff09;backdrop-filter:blur(16px)}
html[data-design=orbit] .search-panel{padding:14px;border-radius:24px}html[data-design=orbit] .btn{border-radius:30px}
html[data-design=orbit] .btn.primary{background:linear-gradient(120deg,#d6b9ff,#bda1f5);box-shadow:0 5px 20px #ad71fc25}
html[data-design=orbit] .order-card{animation:orbit-reveal .9s both}html[data-design=orbit] .order-card:nth-child(3n+2){animation-delay:.1s}html[data-design=orbit] .order-card:nth-child(3n){animation-delay:.2s}
html[data-design=orbit] .order-card:hover{box-shadow:0 8px 35px #a267df1c,inset 0 1px 0 #ffffff15;border-color:#bd93edaa;transform:translateY(-4px)}
html[data-design=orbit] .airport{font-weight:500;font-size:34px}html[data-design=orbit] .reward{font-weight:650;color:#ddc6ff}
.art-orbit{overflow:visible}.orbit-glow{position:absolute;inset:0;background:radial-gradient(ellipse,#b06cff24,transparent 65%);animation:orbit-breathe 7s ease-in-out infinite}
.orbit-ring{position:absolute;border:1px solid #ad82d477;border-radius:50%;width:90%;height:50%;left:5%;top:25%;transform:rotate(-28deg)}.ring-two{transform:rotate(28deg);border-color:#c8b1f933}.ring-three{transform:rotate(90deg);border-color:#c8b1f926;width:64%;left:18%;height:57%;top:21.5%}
.orbit-core{position:absolute;left:calc(50% - 76px);top:calc(50% - 76px);width:152px;height:152px;border:1px solid #d6b9ff99;border-radius:36px;background:linear-gradient(140deg,#d9bdf533,#68448155);display:flex;align-items:center;justify-content:center;font-size:84px;font-weight:800;color:#e3d0ff;box-shadow:inset 0 0 24px #d6b9ff20,0 0 55px #c494ff1a;transform:rotate(-10deg);backdrop-filter:blur(10px)}
.orbit-core>span{position:absolute;bottom:17px;font-size:7px;letter-spacing:1.4px;font-weight:500}.orbit-satellite{position:absolute;width:240px;height:240px;left:calc(50% - 120px);top:calc(50% - 120px);animation:radar-turn 20s linear infinite}.orbit-satellite>span{position:absolute;top:-9px;left:50%;font-size:27px;color:#e8ceff;text-shadow:0 0 22px #c79dff}
.orbit-label{position:absolute;font-size:20px;font-weight:500;padding:12px 16px;background:#392449d9;border:1px solid #74588b;border-radius:15px;color:#f5eaff;backdrop-filter:blur(8px)}.orbit-label small{display:block;font-size:7px;color:#cdb9dd;letter-spacing:1px;margin-top:4px}.orbit-from{top:32px;left:8px}.orbit-to{bottom:25px;right:0}
@keyframes orbit-breathe{50%{opacity:.45;transform:scale(.85)}}@keyframes orbit-reveal{from{opacity:0;filter:blur(5px);transform:translateY(10px)}to{opacity:1;filter:blur(0);transform:none}}

@media(max-width:1020px){#design-description{display:none}.design-bar-inner{gap:14px}html:not([data-design=original]) .intro{gap:25px}html:not([data-design=original]) .intro h1{font-size:40px!important}html[data-design=post] .intro{gap:32px!important}html[data-design=sky] .intro{padding:28px 24px}.post-letter{padding:16px}.post-letter p{font-size:27px}.boarding-ticket{left:0;width:100%;padding:16px}.ticket-kicker{font-size:8px}.terminal-top,.terminal-bottom{font-size:9px}.mint-label{font-size:9px;padding:9px}.label-one{left:0}.mint-star{right:5px}}
@media(max-width:720px){.design-bar-inner{padding:10px 16px;gap:10px;flex-wrap:wrap;justify-content:space-between}.design-gallery-link{font-size:12px}.design-controls{margin-left:auto}.design-controls select{max-width:154px;font-size:12px;padding:7px 3px}.design-controls button{padding:5px 8px}.design-motion{margin:0 0 0 auto;font-size:11px;padding:5px 8px}.design-bar-inner{min-height:64px}.demo-strip{font-size:10px}.demo-strip span{display:inline;font-size:10px;margin-right:5px}html:not([data-design=original]) .header-inner{height:auto}html:not([data-design=original]) .intro{grid-template-columns:1fr!important;gap:16px!important;margin-bottom:24px;padding:0 0 20px}html:not([data-design=original]) .intro h1{font-size:38px!important;letter-spacing:-1.7px!important}html:not([data-design=original]) .intro-art{height:250px!important;max-width:430px;width:100%;margin:0 auto}html:not([data-design=original]) .intro p.description{display:block;font-size:13px;margin-top:15px}html:not([data-design=original]) .intro p.description br{display:none}html:not([data-design=original]) .cards{grid-template-columns:1fr}html:not([data-design=original]) .search-panel{padding:10px}html:not([data-design=original]) .intro-art .direction-art{width:100%}html[data-design=post] .intro>div:first-child{order:0}html[data-design=post] .intro-art{order:1;height:280px!important}html[data-design=post] .intro h1{font-size:43px!important}html[data-design=sky] .intro{padding:24px 18px;border-radius:24px}html[data-design=sky] .intro h1{font-size:35px!important}html[data-design=sky] .intro-art{height:275px!important}html[data-design=orbit] .intro-art{height:300px!important}.sky-caption{font-size:9px}.boarding-ticket{width:90%;left:5%;top:23%;padding:17px}.sky-plane{right:22px;top:-7px}.terminal-route{top:47px;font-size:25px}.radar-art{width:178px;height:178px}.radar-plane{left:116px;top:45px}.radar-point{left:35px;top:112px}.terminal-bottom{bottom:12px}.mint-box{top:60px;width:137px;height:137px;left:calc(50% - 68px)}.box-tape{left:54px;width:25px}.mint-box>span{font-size:43px}.mint-star{right:22px;font-size:76px}.label-one{top:35px}.label-two{bottom:10px}.mint-disc{inset:8px 25px}.mint-trail{bottom:0}.post-letter{inset:14px 14px 35px;padding:19px}.post-letter p{font-size:30px}.post-seal{width:76px;height:76px;font-size:8px}.post-caption{font-size:8px}.post-stamp{height:57px;width:52px;font-size:24px}.orbit-core{width:125px;height:125px;left:calc(50% - 62px);top:calc(50% - 62px);font-size:67px;border-radius:30px}.orbit-core>span{font-size:6px}.orbit-satellite{width:214px;height:214px;left:calc(50% - 107px);top:calc(50% - 107px)}.orbit-label{font-size:16px;padding:10px 12px}.orbit-from{top:23px}.orbit-to{bottom:18px}html[data-design=mint] .intro h1{font-size:42px!important}html[data-design=post] .section-title h2{font-size:25px}html:not([data-design=original]) .search-panel .swap{right:15px;top:40px}}
@media(max-width:370px){.design-gallery-link span{max-width:77px;line-height:1.4}.design-bar-inner{gap:7px}.design-controls select{max-width:133px}.design-controls button{padding:5px 6px}html:not([data-design=original]) .intro h1{font-size:33px!important}.post-caption{letter-spacing:.5px}}
html[data-motion=paused] *,html[data-motion=paused] *:before,html[data-motion=paused] *:after{animation-play-state:paused!important}
html[data-motion=paused] :is(.order-card,.post-letter,.post-seal,.boarding-ticket,.handover-message){animation:none!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.design-motion{display:none}}