*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f3f4f6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.global-session-header{z-index:10;position:absolute;top:24px;left:24px}.card-large{text-align:center;background-color:#fff;border-radius:24px;flex-direction:column;justify-content:space-between;align-items:center;width:100%;max-width:500px;min-height:520px;padding:40px;display:flex;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.vertical-slider-container-fixed{grid-template-columns:80px 200px;justify-content:center;align-items:center;width:100%;height:280px;margin:20px 0;display:grid;position:relative}.slider-track-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.slider-ticks-background{pointer-events:none;flex-direction:column;justify-content:space-between;width:30px;height:100%;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.tick-line{background-color:#d1d5db;border-radius:2px;width:100%;height:3px}.custom-slider-massive{appearance:none;z-index:5;cursor:pointer;writing-mode:vertical-lr;-webkit-appearance:slider-vertical;direction:rtl;background:#e5e7eb;border-radius:10px;outline:none;width:14px;height:100%;position:absolute}.custom-slider-massive::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#2563eb;border-radius:50%;width:55px;height:30px;transition:transform .1s;box-shadow:0 4px 6px #0003}.custom-slider-massive::-webkit-slider-thumb:active{transform:scale(1.15)}.custom-slider-massive::-moz-range-thumb{cursor:pointer;background:#2563eb;border:none;border-radius:50%;width:55px;height:35px;transition:transform .1s;box-shadow:0 4px 6px #0003}.custom-slider-massive::-moz-range-thumb:active{transform:scale(1.15)}.custom-slider-massive::-moz-range-track{background:#e5e7eb;border-radius:10px;height:100%}.custom-slider-massive::-moz-range-progress{background-color:#2563eb;border-radius:10px;width:10px}.slider-labels-fixed{color:#9ca3af;text-align:left;flex-direction:column;justify-content:space-between;height:100%;padding-left:20px;font-size:16px;display:flex}.primary-button-narrow{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:12px;justify-content:center;align-items:center;width:75%;padding:14px;font-size:16px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 6px -1px #2563eb33}.primary-button-narrow:disabled{cursor:not-allowed;background-color:#16a34a}.qr-badge-icon{margin-right:6px;font-size:14px}.session-badge{color:#1890ff;cursor:pointer;background-color:#e6f7ff;border:1px solid #91d5ff;border-radius:16px;align-items:center;padding:4px 10px;font-size:13px;font-weight:700;display:flex}.session-badge:hover{background-color:#bae7ff}.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{text-align:center;background-color:#fff;border-radius:12px;width:90%;max-width:500px;padding:40px 30px;box-shadow:0 4px 20px #00000026}.modal-content h3{color:#333;margin:0 0 5px}.qr-container{background-color:#f8f9fa;border:2px solid #f0f0f0;border-radius:8px;margin-bottom:15px;padding:20px;display:inline-block;box-shadow:inset 0 0 10px #00000005}.qr-url-preview{word-break:break-all;margin-top:5px;color:#999!important;font-size:11px!important}.container{background-color:#f3f4f6;justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.card{text-align:center;background-color:#fff;border-radius:20px;flex-direction:column;align-items:center;width:100%;max-width:420px;padding:28px;display:flex;box-shadow:0 10px 15px -3px #0000001a}.title{color:#1f2937;margin:0 0 8px;font-size:24px;font-weight:700}.subtitle{color:#6b7280;margin-bottom:24px;font-size:14px;line-height:1.4}.input-field{letter-spacing:6px;text-align:center;box-sizing:border-box;background-color:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;width:100%;margin-bottom:16px;padding:14px;font-size:24px;font-weight:700}.input-field:focus{border-color:#80bafc;outline:none}.primary-button{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:16px;font-weight:700;transition:background-color .2s;display:flex}.primary-button:disabled{cursor:not-allowed}.error-text{color:#dc2626;margin:-8px 0 16px;font-size:14px;font-weight:500}.section-title{color:#4b5563;margin:0 0 16px;font-size:18px;font-weight:700}.status-display{min-height:38px;margin:12px 0 24px;font-size:28px;font-weight:900;transition:color .2s}.loading-spinner{border:4px solid #f3f4f6;border-top-color:#2563eb;border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}