:root{--message-warning-background: #fff6e0;--message-warning-content-default: #584311;--message-error-background: #fae2e8;--message-error-content-default: #8d0e33;--message-info-background: #e7e9eb;--message-info-content-default: #2b2e38;--border-radius: 4px;--space: 4px;--brand: #1a56db;--brand-light: #ebf1fd;--surface: #ffffff;--bg: #f0f2f5;--text-primary: #1a1d23;--text-secondary: #6b7280;--border: #e5e7eb;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 4px 16px rgba(0,0,0,.06)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg);color:var(--text-primary)}#app{min-height:100dvh;display:flex;flex-direction:column}.container{max-width:800px;margin:0 auto;padding:calc(var(--space) * 5)}.loading{flex:1;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:16px}.loading p{color:var(--text-secondary);font-size:14px;letter-spacing:.01em}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--message-error-content-default);border-radius:8px;box-shadow:var(--shadow);padding:28px 24px;margin:32px auto;max-width:480px;text-align:center}.error .error-icon{font-size:28px;margin-bottom:10px;line-height:1}.error h3{font-size:16px;font-weight:600;color:var(--message-error-content-default);margin-bottom:8px}.error p{font-size:13px;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.error button{display:inline-block;padding:8px 20px;background:var(--brand);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:opacity .15s}.error button:hover{opacity:.88}.welcome-container{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.welcome-content{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:40px 36px;max-width:440px;width:100%;text-align:center}.welcome-icon{font-size:40px;margin-bottom:16px;line-height:1}.welcome-content h1{font-size:22px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.welcome-message{font-size:14px;color:var(--text-secondary);margin-bottom:28px}.welcome-info{background:var(--brand-light);border-radius:8px;padding:16px 20px;text-align:left;margin-bottom:20px}.welcome-info h3{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--brand);margin-bottom:10px}.welcome-info ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.welcome-info li{font-size:13px;color:var(--text-primary);padding-left:16px;position:relative}.welcome-info li:before{content:"→";position:absolute;left:0;color:var(--brand);font-size:12px}.debug-info{background:var(--bg)!important;border:1px solid var(--border)!important;border-radius:8px!important;padding:12px 16px!important;font-size:11px!important;color:var(--text-secondary)!important;text-align:left!important;line-height:1.7!important;margin-top:20px!important}.debug-info strong{color:var(--text-primary);display:block;margin-bottom:4px}.offline-banner{background-color:var(--message-warning-background);color:var(--message-warning-content-default);text-align:center;padding:10px calc(var(--space) * 2.5);font-size:13px;display:none}.offline-banner.show{display:block}.ticket-content{padding:20px}@media(max-width:440px){.container{padding:0}}.alert{width:100%;padding:calc(var(--space) * 1.5);margin:calc(var(--space) * 4);border-radius:var(--border-radius);font-size:13px;line-height:1.5em;text-align:center}.alert-warning{color:var(--message-warning-content-default);background-color:var(--message-warning-background)}.alert-error{color:var(--message-error-content-default);background-color:var(--message-error-background)}.alert-info{color:var(--message-info-content-default);background-color:var(--message-info-background)}:root{--surface-border: #edeef0;--surface-background: #ffffff;--surface-shadow: rgba(102, 115, 131, .2);--canvas-background: #f8f9ff;--text-primary: #000;--text-highlight: #d30d42;--font-family-base: Arial;--font-weight-normal: 400;--font-weight-bold: 700;--font-size-xs: 13px;--font-size-sm: 14px;--font-size-base: 15px;--font-size-lg: 20px;--spacing-xs: 2px;--spacing-sm: 4px;--spacing-md: 8px;--spacing-lg: 10px;--spacing-xl: 12px;--spacing-2xl: 16px;--spacing-3xl: 20px;--radius-sm: 5px;--radius-md: 12px;--shadow-sm: 0 2px 4px 0 var(--surface-shadow);--shadow-md: 0 2px 10px rgba(0, 0, 0, .1);--barcode-size: 118px;--barcode-section-width: 150px;--barcode-section-height: 176px;--ticket-width: 400px;--ticket-id-max-width: 250px}.ticket-container{background:var(--canvas-background);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden;margin-top:var(--spacing-3xl);padding:var(--spacing-md);width:var(--ticket-width);margin:0 auto;padding-top:var(--spacing-3xl);padding-bottom:var(--spacing-3xl);max-width:100%}.ticket-container h1{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.detail-section{margin-top:var(--spacing-2xl);padding:var(--spacing-sm) var(--spacing-md);width:100%}.detail-section p,.validity-section p{color:var(--text-primary);font-family:var(--font-family-base);font-size:var(--font-size-base);font-style:normal;font-weight:var(--font-weight-normal);line-height:normal}.validity-section p{font-weight:var(--font-weight-bold)}.barcode-section{position:relative;z-index:10;margin:0 auto;width:var(--barcode-section-width);height:var(--barcode-section-height);padding:var(--spacing-2xl) var(--spacing-2xl) var(--spacing-xl) var(--spacing-2xl);border-radius:var(--radius-sm);border:1px solid var(--surface-border);background-color:var(--surface-background);box-shadow:var(--shadow-sm)}.barcode-area{display:flex;flex-direction:column;align-items:center}.barcode-section img{width:var(--barcode-size);height:var(--barcode-size)}.barcode-section p{margin-top:var(--spacing-md);text-align:center;font-size:var(--font-size-sm)}.id-hint p{color:var(--text-highlight);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal)}.ticket-id-image-section img{width:100%;max-width:var(--ticket-id-max-width);margin:0 auto;display:block}.icon-section{display:flex;align-items:flex-start;justify-content:center;gap:var(--spacing-lg);margin:0 auto}.icon-section .captcha-image{flex-shrink:0}.icon-section .icon-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.icon-section .icons{display:flex;gap:var(--spacing-md);flex-wrap:wrap;align-items:center}.icon-section .icon-content p{color:var(--text-primary);font-family:var(--font-family-base);font-size:var(--font-size-base);font-style:normal;font-weight:var(--font-weight-bold);line-height:normal}.ticket-header{max-width:var(--ticket-width);margin:20px auto 0;padding:10px 16px;border-radius:var(--radius-md) var(--radius-md) 0 0;display:flex;align-items:center}.ticket-header-name{font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.04em;text-transform:uppercase}.ticket-header+.ticket-container{margin-top:0;border-radius:0 0 var(--radius-md) var(--radius-md)}.ticket-tenant-bvg-header{background-color:#d30d42;color:#fff}.ticket-tenant-bvg .id-hint p{color:#d30d42}.ticket-tenant-nahsh-header{background-color:#007a3d;color:#fff}.ticket-tenant-nahsh{--canvas-background: #f6fbf8}.ticket-tenant-nahsh .id-hint p{color:#007a3d}.ticket-tenant-default-header{background-color:#1a56db;color:#fff}.ticket-tenant-default .id-hint p{color:#1a56db}.ticket-tenant-eos_ets4demo-header{background-color:#e87722;color:#fff}.ticket-tenant-eos_ets4demo .id-hint p{color:#e87722}.ets4-ticket{--bodyLvl1-gap: 24px;--bodyLvl1-marginTop: 16px;--bodyLvl1-marginBottom: 16px;--navigationBar-backgroundColor: #F8F9FF;--groupLvl2-gap: 12px;--canvasLvl2-backgroundColor: #F8F9FF;--canvasLvl2-marginLeftRight: 8px;--canvasLvl2-gap: 12px;--canvasLvl2-sectionLvl3-paddingLeftRight: 0px;--canvasLvl2-sectionLvl3-gap: 4px;--surfaceLvl2-backgroundColor: #FFF;--surfaceLvl2-marginLeftRight: 16px;--surfaceLvl2-gap: 12px;--surfaceLvl2-sectionLvl3-paddingLeftRight: 8px;--surfaceLvl2-sectionLvl3-paddingTopBottom: 12px;--surfaceLvl2-sectionLvl3-gap: 4px;--surfaceLvl2-sectionLvl3-borderColor: #EDEEF0;--surfaceLvl2-sectionLvl3-borderRadius: 8px;--wrapperLvl4-paddingLeftRight: 8px;--wrapperLvl4-paddingTopBottom: 4px;--wrapperLvl4-borderRadius: 4px;--colorsContent-neutral-contentDefault: #2B2E38;--colorsContent-neutral-contentMuted: #5C6776;background-color:var(--canvasLvl2-backgroundColor);font-family:Arial,Helvetica,sans-serif;max-width:720px;margin:0 auto;padding-bottom:var(--bodyLvl1-marginBottom)}.ets4-ticket .fontBig{font-size:21px;line-height:32px}.ets4-ticket .fontNormal{font-size:15px;line-height:23px}.ets4-ticket .fontSmall{font-size:13px;line-height:20px}.ets4-ticket .contentDefault{color:var(--colorsContent-neutral-contentDefault)}.ets4-ticket .contentMuted{color:var(--colorsContent-neutral-contentMuted)}.ets4-ticket .center{text-align:center}.ets4-ticket .right{text-align:right}.ets4-ticket .bodyLvl1{display:flex;gap:var(--bodyLvl1-gap);padding-top:var(--bodyLvl1-marginTop);padding-bottom:var(--bodyLvl1-marginBottom);flex-wrap:wrap}.ets4-ticket .groupLvl2{flex-basis:100%;display:flex;flex-wrap:wrap;gap:var(--groupLvl2-gap)}.ets4-ticket .canvasLvl2{flex-basis:100%;margin:0 var(--canvasLvl2-marginLeftRight);display:flex;gap:var(--canvasLvl2-gap);flex-wrap:wrap}.ets4-ticket .canvasLvl2 .sectionLvl3{flex-basis:100%;display:flex;gap:var(--canvasLvl2-sectionLvl3-gap);flex-wrap:wrap;padding:0 var(--canvasLvl2-sectionLvl3-paddingLeftRight)}.ets4-ticket .surfaceLvl2{flex-basis:100%;margin:0 var(--surfaceLvl2-marginLeftRight);display:flex;gap:var(--surfaceLvl2-gap);flex-wrap:wrap}.ets4-ticket .surfaceLvl2 .sectionLvl3{flex-basis:100%;display:flex;gap:var(--surfaceLvl2-sectionLvl3-gap);flex-wrap:wrap;padding:var(--surfaceLvl2-sectionLvl3-paddingTopBottom) var(--surfaceLvl2-sectionLvl3-paddingLeftRight);background-color:var(--surfaceLvl2-backgroundColor);border:1px solid var(--surfaceLvl2-sectionLvl3-borderColor);border-radius:var(--surfaceLvl2-sectionLvl3-borderRadius)}.ets4-ticket .groupRowLvl4{flex-basis:100%;display:flex;justify-content:space-between;gap:var(--groupLvl2-gap)}.ets4-ticket .wrapperLvl4{flex-basis:100%;padding:var(--wrapperLvl4-paddingTopBottom) var(--wrapperLvl4-paddingLeftRight);border-radius:var(--wrapperLvl4-borderRadius)}.ets4-ticket .logos{display:flex;justify-content:space-between;align-items:center}.ets4-ticket .logos img{height:30px}.ets4-ticket .ets4-header{padding:12px 16px;background-color:var(--navigationBar-backgroundColor);text-align:center;box-shadow:0 8px 8px #66738314;margin-bottom:8px}.ets4-ticket .progress-indicator{display:flex;gap:8px;align-items:center;justify-content:center;height:16px}.ets4-ticket .dot{width:10px;height:10px;border-radius:50%;background-color:#5c6776;flex-shrink:0;transition:width .3s ease-in-out,background-color .3s ease-in-out,border-radius .3s ease-in-out}.ets4-ticket .dot.active{width:28px;background-color:#0d998f;border-radius:5px}.ets4-ticket .countup{margin-top:4px}.ets4-ticket .timeel{font-size:15px;line-height:23px}.ets4-ticket #ets4-train-container{position:relative;width:100%;display:flex;justify-content:center;align-items:center;height:50px}.ets4-ticket #ets4-train{width:200px;height:auto;position:absolute;transition:transform .2s linear;left:50%;transform:translate(-50%)}.ets4-ticket .ets4-watermark{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:.08;z-index:0;-webkit-user-select:none;user-select:none}.ets4-ticket .bodyLvl1>.groupLvl2,.ets4-ticket .bodyLvl1>.canvasLvl2{position:relative;z-index:1}.ets4-ticket .ets4-footer{padding:12px 16px;background-color:var(--navigationBar-backgroundColor);text-align:center;box-shadow:0 -8px 8px #66738314;margin-top:8px}.ets4-ticket .ets4-footer img{max-height:48px}