: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}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f5f5f5;color:#333}.container{max-width:800px;margin:0 auto;padding:calc(var(--space) * 5)}.loading{display:flex;justify-content:center;align-items:center;min-height:50vh;flex-direction:column}.spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:calc(var(--space) * 5)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error{background-color:var(--message-error-background);color:var(--message-error-content-default);padding:calc(var(--space) * 5);border-radius:var(--border-radius);border-left:4px solid var(--message-error-content-default);margin:calc(var(--space) * 5) 0}.ticket-content{padding:20px}.offline-banner{background-color:var(--message-warning-background);color:var(--message-warning-content-default);text-align:center;padding:calc(var(--space) * 2.5);display:none}.offline-banner.show{display:block}@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}