@charset "UTF-8";:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);--ui-bg:#eceef2;--ui-fg:#101a24;--ui-muted:#5d6b7a;--ui-line:#c8d0da;--ui-card:#ffffff}*,*:before,*:after{box-sizing:inherit}html{scroll-padding-top:env(safe-area-inset-top,0px);height:100%}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--ui-bg:#0a1119;--ui-fg:#e6edf5;--ui-muted:#8b9aab;--ui-line:#213141;--ui-card:#101b26}}:root[data-theme=dark]{--ui-bg:#0a1119;--ui-fg:#e6edf5;--ui-muted:#8b9aab;--ui-line:#213141;--ui-card:#101b26}body{margin:0;min-height:100%;background:var(--ui-bg);color:var(--ui-fg);font-family:Barlow Condensed,Arial Narrow,Arial,sans-serif;-webkit-font-smoothing:antialiased}html[data-mode=clean] body{background:transparent}.bug{--paper:#fdfdfa;--ink:#131b24;--dim:#54626e;position:relative;display:flex;align-items:stretch;width:min(780px,94vw);visibility:hidden;opacity:0;transform:translateY(14px) scale(.97);filter:drop-shadow(0 12px 28px rgba(0,10,20,.55));transition:opacity .38s cubic-bezier(.22,.85,.32,1),transform .38s cubic-bezier(.22,.85,.32,1)}.bug.is-live{visibility:visible}.bug.is-in{opacity:1;transform:translateY(0) scale(1)}.bug.is-out{opacity:0;transform:translateY(-10px) scale(.97)}.bug[data-type=follow]{--name:#009fe3;--grad:linear-gradient(180deg,#49bdf1 0%,#14abe9 24%,#009fe3 55%,#0089c7 100%)}.bug[data-type=sub]{--name:#128a3c;--grad:linear-gradient(180deg,#4cc47a 0%,#25a455 24%,#128a3c 55%,#0b6e2e 100%)}.bug[data-type=gift]{--name:#6b2d8f;--grad:linear-gradient(180deg,#a768c6 0%,#82419f 24%,#6b2d8f 55%,#52206f 100%)}.bug[data-type=bits]{--name:#c2317e;--grad:linear-gradient(180deg,#ee77b3 0%,#d8479a 24%,#c2317e 55%,#9e2263 100%)}.bug[data-type=raid]{--name:#d97400;--grad:linear-gradient(180deg,#ffb04d 0%,#f08c1a 24%,#d97400 55%,#b05c00 100%)}.bug__coupon{position:relative;flex:1 1 auto;display:flex;flex-direction:column;min-width:0;background:var(--paper);color:var(--ink);border-radius:9px 0 0 9px;overflow:hidden}.bug__coupon:after{content:"";position:absolute;inset:0 auto 0 -40%;width:30%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.75),transparent);opacity:0;pointer-events:none;z-index:3}.bug__header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 20px;background:var(--grad);box-shadow:inset 0 1px #ffffff40,inset 0 -2px #0000001a;color:#fff}.bug__airline{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;white-space:nowrap}.bug__plane{width:14px;height:14px;fill:currentColor;flex:0 0 auto}.bug__doc{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:9px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#ffffffc7;white-space:nowrap}.bug__body{flex:1 1 auto;display:flex;align-items:center;gap:28px;min-width:0;min-height:124px;padding:22px 20px 24px;background-image:repeating-linear-gradient(135deg,rgba(19,27,36,.022) 0 1px,transparent 1px 7px)}.bug__tag{display:block;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:8px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--dim);opacity:.75}.bug__pax{flex:1 1 auto;min-width:0;position:relative}.bug__name{position:relative;margin:5px 0 0;font-size:clamp(30px,4.8vw,44px);font-weight:700;line-height:.98;letter-spacing:.015em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:clip;color:var(--name, inherit)}.bug__name .ch{display:inline-block;transform-origin:50% 100%;will-change:transform}.bug__line{margin:7px 0 0;font-size:clamp(16px,2.1vw,20px);font-weight:500;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bug__note{display:inline-block;margin-top:9px;max-width:42ch;padding:6px 12px 7px;border-radius:4px;border-left:3px solid var(--name);background:color-mix(in srgb,var(--name) 11%,#fff);font-size:15px;font-weight:500;line-height:1.35;color:var(--ink);white-space:normal}.bug__note:empty{display:none}.bug__num{font-weight:700;color:var(--name);font-variant-numeric:tabular-nums}.bug__stampwrap{flex:0 0 auto;align-self:stretch;display:flex;align-items:center;justify-content:center;min-width:206px;padding-left:26px;border-left:1.5px dashed rgba(19,27,36,.18)}.bug__stamp{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border:3.5px solid var(--name);border-radius:7px;color:var(--name);font-size:clamp(21px,2.9vw,29px);font-weight:700;line-height:1;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;opacity:.9;transform:rotate(-11deg);-webkit-mask-image:radial-gradient(circle at 12% 22%,#0000 0,#0000 2.5px,#000 3.5px),radial-gradient(circle at 84% 14%,#0000 0,#0000 2px,#000 3px),radial-gradient(circle at 36% 88%,#0000 0,#0000 3px,#000 4px),radial-gradient(circle at 67% 78%,#0000 0,#0000 2px,#000 3px),radial-gradient(circle at 95% 58%,#0000 0,#0000 2.5px,#000 3.5px),radial-gradient(circle at 4% 64%,#0000 0,#0000 2px,#000 3px);mask-image:radial-gradient(circle at 12% 22%,#0000 0,#0000 2.5px,#000 3.5px),radial-gradient(circle at 84% 14%,#0000 0,#0000 2px,#000 3px),radial-gradient(circle at 36% 88%,#0000 0,#0000 3px,#000 4px),radial-gradient(circle at 67% 78%,#0000 0,#0000 2px,#000 3px),radial-gradient(circle at 95% 58%,#0000 0,#0000 2.5px,#000 3.5px),radial-gradient(circle at 4% 64%,#0000 0,#0000 2px,#000 3px);mask-composite:intersect;-webkit-mask-composite:source-in}.bug__stamp:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1.5px solid var(--name);border-radius:3px;opacity:.9;pointer-events:none}.bug__stub{position:relative;flex:0 0 auto;width:132px;display:flex;flex-direction:column;justify-content:center;gap:13px;padding:18px;background:var(--grad);box-shadow:inset 0 1px #ffffff40,inset 0 -2px #0000001a;border-radius:0 9px 9px 0;border-left:2px dashed rgba(255,255,255,.92);overflow:hidden}.bug__seat{display:grid;gap:2px}.bug__label{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:8px;font-weight:700;letter-spacing:.2em;color:#ffffff9e;text-transform:uppercase}.bug__value,.bug__flightno{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:22px;font-weight:700;line-height:1.05;letter-spacing:.03em;color:#fff;font-variant-numeric:tabular-nums}.bug__barcode{height:38px;margin-top:2px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.92) 0 2px,transparent 2px 4px,rgba(255,255,255,.92) 4px 5px,transparent 5px 6px,rgba(255,255,255,.92) 6px 9px,transparent 9px 11px,rgba(255,255,255,.92) 11px 12px,transparent 12px 15px)}.bug.is-in .bug__coupon:after{animation:sheen .66s ease-out .16s forwards}.bug.is-in .bug__name .ch{animation:letterRise .56s cubic-bezier(.2,.9,.25,1) backwards,letterGlint 7s ease-in-out infinite;animation-delay:calc(.11s + var(--i) * 34ms),calc(.9s + var(--i) * .11s)}.bug.is-in .bug__line{animation:riseIn .3s cubic-bezier(.2,.8,.25,1) .3s backwards}.bug.is-in .bug__stamp{animation:stampIn .52s ease-out .4s backwards}@keyframes sheen{0%{opacity:0;transform:translate(0)}15%{opacity:1}to{opacity:0;transform:translate(500%)}}@keyframes letterRise{0%{transform:translateY(112%) skewY(10deg) scaleY(1.25);opacity:0;filter:blur(5px)}55%{transform:translateY(-5%) skewY(-3deg) scaleY(.96);opacity:1;filter:blur(0)}80%{transform:translateY(1%) skewY(1deg) scaleY(1.01)}to{transform:translateY(0) skewY(0) scaleY(1);opacity:1;filter:blur(0)}}@keyframes letterGlint{0%,34%,to{filter:brightness(1)}17%{filter:brightness(1.5) saturate(1.12)}}@keyframes riseIn{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes stampIn{0%{opacity:0;transform:rotate(-11deg) scale(2.7)}30%{opacity:.95;transform:rotate(-11deg) scale(1.02)}46%{opacity:.95;transform:rotate(-11deg) scale(1.09)}66%{transform:rotate(-11deg) scale(.975)}to{opacity:.9;transform:rotate(-11deg) scale(1)}}@media (prefers-reduced-motion: reduce){.bug{transform:none!important;transition:opacity .2s ease!important}.bug.is-in .bug__name .ch,.bug.is-in .bug__line,.bug.is-in .bug__coupon:after{animation:none!important;opacity:1;transform:none}.bug.is-in .bug__stamp{animation:none!important;opacity:.9;transform:rotate(-11deg)}}html[data-dev="1"] .bug{transition:none}html[data-dev="1"] .bug.is-in .bug__name .ch{animation:none!important;transform:none;filter:none;opacity:1}html[data-dev="1"] .bug.is-in .bug__line{animation:none!important;opacity:1;transform:none}html[data-dev="1"] .bug.is-in .bug__stamp{animation:none!important;opacity:.9;transform:rotate(-11deg)}html[data-dev="1"] .bug__coupon:after{animation:none!important;opacity:0!important}html[data-mode=clean] .chrome{display:none}html[data-mode=clean] .scene{background:transparent!important;border:none;overflow:visible}html[data-mode=clean] .wrap{max-width:none;padding:0}.stage{position:relative;display:grid;place-items:center;min-height:clamp(230px,34vh,330px)}html[data-mode=clean] .stage{min-height:100vh;min-height:100dvh}.wrap{max-width:880px;margin:0 auto;padding:26px 20px 52px}.scene{position:relative;border:1px solid var(--ui-line);overflow:hidden}.scene[data-bg=cockpit]{background:linear-gradient(175deg,#4a76a8,#7fa8c9 42%,#1d2a33 42.5%,#0d1319)}.scene[data-bg=ciel]{background:linear-gradient(180deg,#bfe0f5,#eaf4fb 60%,#f6fafd)}.scene[data-bg=damier]{background:repeating-conic-gradient(#0000 0,#0000 25%,#7f7f7f3d 0,#7f7f7f3d 50%) 0 0/24px 24px,#7f7f7f}.chrome{margin-top:22px;font-family:Barlow Condensed,Arial,sans-serif}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.row+.row{margin-top:12px}button,select,input{font:inherit;color:inherit}.btn{padding:8px 14px;border:1px solid var(--ui-line);background:var(--ui-card);font-size:16px;font-weight:600;cursor:pointer;transition:border-color .12s,transform .06s}.btn:hover{border-color:var(--ui-fg)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid #ffb020;outline-offset:2px}.field{padding:8px 12px;border:1px solid var(--ui-line);background:var(--ui-card);font-size:16px;min-width:180px}.field:focus-visible{outline:2px solid #ffb020;outline-offset:2px}.hint{margin:18px 0 0;max-width:64ch;font-size:15.5px;line-height:1.62;font-weight:500;color:var(--ui-muted)}.hint code{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12.5px;padding:1px 5px;background:color-mix(in srgb,var(--ui-fg) 10%,transparent)}.sep{width:1px;align-self:stretch;background:var(--ui-line);margin:0 4px}
