@tailwind base;@tailwind components;@tailwind utilities;body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.full-screen-layout{background-color:#f8f9fa;box-sizing:border-box;height:100vh}.app-layout,.full-screen-layout{display:flex;flex-direction:column;width:100%}.app-layout{min-height:100vh}.content-area{box-sizing:border-box;flex:1 1;overflow-y:auto;padding:20px}.loading-screen{color:#4a90e2;font-size:18px;height:100vh;width:100%}.access-denied-container,.loading-screen{align-items:center;display:flex;justify-content:center}.access-denied-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:70vh;padding:2rem}.access-denied-content{background:#fff;border:1px solid #e1e5e9;border-radius:16px;box-shadow:0 10px 30px #0000001a;max-width:500px;padding:3rem;text-align:center;width:100%}.access-denied-content h2{color:#dc3545;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.access-denied-content p{color:#6c757d;line-height:1.6;margin-bottom:1rem}.access-denied-content code{background:#f8f9fa;border-radius:4px;color:#e83e8c;font-family:Monaco,Menlo,monospace;font-size:.9rem;padding:.25rem .5rem}.access-denied-content .btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;margin-top:1rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.access-denied-content .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.access-denied-content .btn-primary:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.app-container{background-color:#f8f9fa;display:flex;flex-direction:column;min-height:100vh;width:100%}.questionnaire-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh}.self-assessment-container{justify-content:center}.admin-integrated{position:relative}.admin-badge{align-items:center;background:#dc3545;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;position:absolute;right:-5px;top:-5px;width:20px}@media (prefers-color-scheme:dark){.app-container,.app-layout,.full-screen-layout{background-color:#1a1a1a;color:#e9ecef}.access-denied-container{background:linear-gradient(135deg,#2c3e50,#34495e)}.access-denied-content{background:#1a1a1a;border-color:#333;color:#e9ecef}.access-denied-content h2{color:#ff6b6b}.access-denied-content p{color:#adb5bd}.access-denied-content code{background:#343a40;color:#ff6b9d}}@media (max-width:768px){.app-layout{flex-direction:column}.content-area{padding:15px}.access-denied-container{min-height:50vh;padding:1rem}.access-denied-content{padding:2rem 1.5rem}.access-denied-content h2{font-size:1.25rem}}.universal-interface{display:flex;flex-direction:column;min-height:100vh}.universal-interface .main-content{display:flex;flex:1 1;flex-direction:column}.universal-interface .admin-features{background:#dc35450d;border-top:1px solid #e1e5e9;margin-top:auto;padding:1rem}.universal-interface .admin-toggle{background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .3s ease}.universal-interface .admin-toggle:hover{box-shadow:0 4px 12px #dc35454d;transform:translateY(-1px)}*{box-sizing:border-box}.app-container,.app-layout,.universal-interface{transition:all .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.content-area{animation:fadeIn .5s ease-out}.admin-panel-integrated{background:linear-gradient(135deg,#dc35450d,#c823330d);border:2px solid #dc3545;border-radius:12px;margin:20px 0;padding:20px}.admin-panel-header{align-items:center;color:#dc3545;display:flex;font-weight:600;gap:10px;margin-bottom:20px}.admin-panel-header:before{content:"🛡️";font-size:24px}.introduction-container{-webkit-overflow-scrolling:touch;background-color:#f8f9fa;box-sizing:border-box;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;min-height:100dvh;overflow-x:hidden;padding:env(safe-area-inset-top,20px) env(safe-area-inset-right,20px) env(safe-area-inset-bottom,20px) env(safe-area-inset-left,20px);width:100%}.logo-container{display:flex;justify-content:center;margin-bottom:clamp(20px,5vw,30px)}.introduction-content{box-shadow:0 4px 12px #0000001a;box-sizing:border-box;flex:1 1;justify-content:space-between;margin:0 auto;max-width:600px;padding:clamp(15px,4vw,20px);width:100%}.slide{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:clamp(15px,4vw,20px) 0;text-align:center}.slide-image{font-size:clamp(50px,12vw,72px);line-height:1;margin-bottom:clamp(16px,4vw,20px)}.slide h1{color:#2c3e50;font-size:clamp(20px,5vw,24px);font-weight:600;line-height:1.3;margin-bottom:clamp(12px,3vw,16px)}.slide p{color:#5d6778;font-size:clamp(14px,3.5vw,16px);line-height:1.6;margin:0 auto;max-width:100%}.slide-indicators{display:flex;gap:8px;justify-content:center;margin:clamp(20px,5vw,30px) 0}.indicator{-webkit-tap-highlight-color:rgba(74,144,226,.2);background-color:#ddd;border-radius:50%;cursor:pointer;height:12px;margin:0 2px;padding:4px;touch-action:manipulation;transition:all .3s ease;width:12px}.indicator.active{background-color:#4a90e2;box-shadow:0 0 10px #4a90e24d;transform:scale(1.2)}.indicator:hover:not(.active){background-color:#bbb;transform:scale(1.1)}.navigation-buttons{align-items:center;gap:12px;justify-content:space-between;margin-top:clamp(15px,4vw,20px)}.nav-button{-webkit-tap-highlight-color:rgba(74,144,226,.1);min-height:48px;min-width:80px}.nav-button.back{background-color:initial;border:2px solid #ddd;color:#5d6778;flex:0 0 auto}.nav-button.back:hover:not(:disabled){background-color:#f8f9fa;border-color:#bbb;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.nav-button.skip{background-color:initial;border:2px solid #0000;color:#5d6778;flex:0 0 auto}.nav-button.skip:hover{background-color:#f8f9fa;border-color:#ddd;transform:translateY(-2px)}.nav-button.next{background-color:#4a90e2;border:2px solid #4a90e2;flex:1 1;min-width:120px}.nav-button.next:hover{background-color:#357abd;border-color:#357abd;box-shadow:0 6px 20px #4a90e24d}.nav-button:disabled{cursor:not-allowed;opacity:.5;transform:none!important}@media screen and (max-width:430px){.introduction-container{padding:env(safe-area-inset-top,15px) env(safe-area-inset-right,15px) env(safe-area-inset-bottom,15px) env(safe-area-inset-left,15px)}.introduction-content{border-radius:8px;padding:15px}.slide{padding:15px 0}.navigation-buttons{gap:10px;margin-top:15px}.nav-button{min-width:70px;padding:14px 20px}}@media screen and (orientation:landscape) and (max-height:500px){.introduction-container{padding:env(safe-area-inset-top,10px) env(safe-area-inset-right,20px) env(safe-area-inset-bottom,10px) env(safe-area-inset-left,20px)}.introduction-content{padding:10px 15px}.slide{padding:10px 0}.slide-image{font-size:clamp(40px,8vw,50px);margin-bottom:10px}.slide h1{font-size:clamp(18px,4vw,20px);margin-bottom:8px}.slide p{font-size:clamp(13px,3vw,14px)}.slide-indicators{margin:15px 0}.navigation-buttons{margin-top:10px}.nav-button{min-height:42px;padding:12px 18px}}@media (prefers-color-scheme:dark){.introduction-container{background-color:#1a1a1a}.introduction-content{background-color:#2d2d2d;box-shadow:0 4px 12px #0000004d}.slide h1{color:#fff}.slide p{color:#ccc}.indicator{background-color:#555}.indicator.active{background-color:#4a90e2}.nav-button.back{border-color:#555;color:#ccc}.nav-button.skip{color:#ccc}.nav-button.back:hover{background-color:#3a3a3a;border-color:#777}.nav-button.skip:hover{background-color:#3a3a3a;border-color:#555}}@media (prefers-reduced-motion:reduce){.indicator,.nav-button{transition:none}.indicator:hover,.nav-button:hover{transform:none}}.nav-button:active{transform:scale(.98)}.indicator:active{transform:scale(.9)}.navigation-buttons,.slide-indicators{-webkit-user-select:none;user-select:none}.self-assessment-container{-webkit-overflow-scrolling:touch;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;justify-content:flex-start;min-height:100vh;min-height:100dvh;overflow-x:hidden;padding:env(safe-area-inset-top,20px) env(safe-area-inset-right,20px) 120px env(safe-area-inset-left,20px);position:relative}.assessment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;max-width:700px;padding:0 5px;width:100%}.back-button{-webkit-tap-highlight-color:rgba(255,255,255,.1);align-items:center;background-color:#fff3;border:1px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:clamp(14px,4vw,16px);justify-content:center;min-height:44px;min-width:80px;padding:12px 20px;touch-action:manipulation;transition:all .3s ease}.back-button:hover{background-color:#ffffff4d;transform:translateY(-2px)}.progress-indicator{color:#ffffffe6;font-size:clamp(14px,4vw,16px);font-weight:500;text-align:center}.category-progress{color:#fffc;font-size:clamp(12px,3.5vw,14px);text-align:right}.progress-bar-container{margin-bottom:25px;max-width:700px;padding:0 5px;width:100%}.progress-bar{background-color:#fff3;border-radius:4px;height:8px;overflow:hidden}.progress-fill{background-color:#ffffffe6;border-radius:4px;height:100%;transition:width .5s ease}.assessment-content{align-items:center;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(145deg,#ffffff26,#ffffff0d);border:1px solid #fff3;border-radius:25px;box-shadow:0 20px 60px #00000026;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;margin-bottom:30px;max-width:700px;overflow-y:auto;padding:35px 30px 50px;transition:opacity .4s cubic-bezier(.175,.885,.32,1.275),transform .4s cubic-bezier(.175,.885,.32,1.275);width:100%}.fade-out{opacity:0;transform:translateY(20px)}.fade-in{opacity:1;transform:translateY(0)}.category-header{margin-bottom:30px;text-align:center}.category-icon{font-size:clamp(40px,10vw,48px);margin-bottom:15px}.category-header h2{color:#fff;font-size:clamp(24px,6vw,28px);font-weight:600;line-height:1.3;margin-bottom:15px}.category-question{color:#fffffff2;font-size:clamp(16px,4.5vw,18px);font-weight:500;line-height:1.4;margin-bottom:12px}.category-description{color:#fffc;font-size:clamp(14px,3.5vw,16px);line-height:1.5;margin-bottom:25px;max-width:600px}.response-options{margin-bottom:30px;width:100%}.response-option{-webkit-tap-highlight-color:rgba(255,255,255,.1);align-items:flex-start;background-color:#ffffff1a;border:2px solid #fff3;border-radius:16px;cursor:pointer;display:flex;margin-bottom:16px;min-height:56px;padding:18px 15px;touch-action:manipulation;transition:all .3s ease}.response-option:hover{background-color:#ffffff26;box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.response-option.selected{background-color:#ffffff40;border-color:#fff9;box-shadow:0 8px 25px #0003}.response-option input{cursor:pointer;margin-right:15px;margin-top:5px;min-height:18px;min-width:18px}.option-content{flex:1 1}.option-header{align-items:center;display:flex;line-height:1.3;margin-bottom:8px}.option-icon{flex-shrink:0;font-size:clamp(18px,5vw,20px);margin-right:12px}.option-header strong{font-size:clamp(14px,3.5vw,16px);font-weight:600}.option-description{color:#fffc;font-size:clamp(13px,3vw,14px);line-height:1.4}.details-section{margin-bottom:40px;margin-top:20px;width:100%}.details-label{color:#ffffffe6;display:block;font-size:clamp(13px,3.5vw,14px);margin-bottom:10px}.details-textarea{-webkit-appearance:none;background-color:#ffffff1a;border:2px solid #ffffff4d;border-radius:12px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:clamp(14px,3.5vw,15px);min-height:80px;padding:15px;resize:vertical;width:100%}.details-textarea::placeholder{color:#ffffff80}.details-textarea:focus{background-color:#ffffff26;border-color:#fff9;outline:none}.scoring-preview{background-color:#00000026;border-radius:16px;display:none;margin-bottom:30px;padding:20px;width:100%}.scoring-preview h4{color:#fffffff2;font-size:clamp(16px,4vw,18px);margin-bottom:15px;margin-top:0}.score-breakdown{display:flex;flex-direction:column;gap:12px}.score-item{align-items:center;background-color:#ffffff1a;border-radius:12px;display:flex;font-size:clamp(13px,3.5vw,14px);justify-content:space-between;padding:12px 15px}.total-score{background-color:#fff3;border-radius:12px;margin-top:15px;padding:15px;text-align:center}.attachment-level{font-size:clamp(14px,3.5vw,15px);font-weight:500;margin-top:8px}.navigation-buttons{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(145deg,#fff3,#ffffff1a);border-radius:20px 20px 0 0;border-top:1px solid #ffffff4d;bottom:0;box-shadow:0 -8px 30px #0000001f;left:50%;max-width:660px;padding:16px 20px max(16px,env(safe-area-inset-bottom));position:fixed;transform:translateX(-50%);width:calc(100% - 40px);z-index:1000}.complete-button,.next-button{-webkit-tap-highlight-color:rgba(255,255,255,.1);border:none;border-radius:14px;box-shadow:0 4px 15px #0000001a;cursor:pointer;font-size:clamp(13px,3.5vw,15px);font-weight:600;letter-spacing:.3px;min-height:44px;min-width:160px;padding:12px 20px;text-align:center;text-transform:uppercase;touch-action:manipulation;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.next-button{background:linear-gradient(145deg,#ffffff4d,#fff3);border:2px solid #fff6;color:#fff;text-shadow:0 1px 2px #0000001a}.next-button:hover:not(.disabled){background:linear-gradient(145deg,#fff6,#ffffff4d);border-color:#fff9;box-shadow:0 12px 35px #0003;transform:translateY(-3px)}.complete-button{background:linear-gradient(145deg,#4caf50,#45a049);border:2px solid #ffffff4d;color:#fff;text-shadow:0 1px 2px #0003}.complete-button:hover:not(.disabled){background:linear-gradient(145deg,#45a049,#3d8b40);border-color:#ffffff80;box-shadow:0 12px 35px #4caf5066;transform:translateY(-3px)}.disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.overall-progress{display:none;margin-bottom:30px;width:100%}.overall-progress h4{color:#fffffff2;font-size:clamp(16px,4vw,18px);margin-bottom:15px;margin-top:0}.categories-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.category-item{-webkit-tap-highlight-color:rgba(255,255,255,.1);background-color:#ffffff1a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;min-height:44px;padding:15px 12px;touch-action:manipulation;transition:all .3s ease}.category-item:hover{background-color:#ffffff26;transform:translateY(-1px)}.category-item.completed{background-color:#fff3}.category-item.current{background-color:#ffffff40;border:2px solid #fff9}.category-icon-small{font-size:clamp(18px,5vw,20px);margin-bottom:5px}.category-name{font-size:clamp(12px,3vw,13px);font-weight:500;margin-bottom:5px}.category-status{color:#ffffffb3;font-size:clamp(14px,3.5vw,16px)}.response-level{color:#fffc;font-size:clamp(10px,2.5vw,11px);margin-top:5px}.help-section{display:none;margin-bottom:60px;width:100%}.help-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffffff26,#ffffff0d);border:1px solid #ffffff40;border-radius:16px;box-shadow:0 8px 32px #0000001a;overflow:hidden}.help-toggle summary{-webkit-tap-highlight-color:rgba(255,255,255,.1);align-items:center;color:#fffffff2;cursor:pointer;display:flex;font-size:clamp(14px,3.5vw,15px);font-weight:500;min-height:44px;padding:18px;touch-action:manipulation}.help-content{color:#fffc;font-size:clamp(13px,3vw,14px);padding:0 18px 18px}.help-content h4{color:#fffffff2;font-size:clamp(14px,3.5vw,15px);margin:15px 0 10px}.help-content p,.help-content ul{line-height:1.5;margin:10px 0}.help-content ul{padding-left:20px}.privacy-notice{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(145deg,#0003,#0000001a);border:1px solid #ffffff1a;border-radius:10px;bottom:75px;color:#ffffffb3;font-size:clamp(10px,2.5vw,11px);font-weight:500;left:50%;max-width:600px;padding:10px 18px;position:fixed;text-align:center;transform:translateX(-50%);width:calc(100% - 60px);z-index:999}.confetti-container{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:10000}.confetti{animation:confetti-fall 3s linear forwards;height:10px;position:absolute;top:-10px;width:10px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(2turn)}}@media (max-width:374px){.self-assessment-container{padding:10px 12px 120px}.assessment-content{border-radius:16px;margin-bottom:30px;padding:20px 15px}.response-option{margin-bottom:12px;min-height:52px;padding:15px 12px}.navigation-buttons{padding:12px 12px max(12px,env(safe-area-inset-bottom))}.complete-button,.next-button{font-size:clamp(12px,3vw,14px);min-height:42px;min-width:130px;padding:10px 16px}.privacy-notice{bottom:65px;font-size:clamp(9px,2vw,10px);padding:8px 15px}}@media (min-width:375px) and (max-width:414px){.self-assessment-container{padding:15px 16px 130px}.assessment-content{margin-bottom:25px;padding:25px 20px}.response-option{margin-bottom:14px;min-height:54px;padding:16px 15px}.navigation-buttons{padding:14px 16px max(14px,env(safe-area-inset-bottom))}.complete-button,.next-button{min-height:44px;min-width:145px;padding:11px 18px}.privacy-notice{bottom:70px}}@media (min-width:415px) and (max-width:768px){.assessment-content{padding:30px 25px}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.complete-button,.next-button{min-width:200px}}@media (max-width:768px) and (orientation:landscape){.self-assessment-container{padding:10px 20px 110px}.assessment-content{margin-bottom:20px;padding:20px 25px}.category-header{margin-bottom:20px}.response-option{margin-bottom:10px;min-height:48px;padding:12px 15px}.navigation-buttons{padding:10px 20px max(10px,env(safe-area-inset-bottom))}.privacy-notice{bottom:55px}}@supports (padding:max(0px)){.self-assessment-container{padding-top:max(20px,env(safe-area-inset-top))}.navigation-buttons,.self-assessment-container{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}.navigation-buttons{padding-bottom:max(20px,env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.confetti{animation:none}.assessment-content,.response-option{transition:none}}@media (prefers-contrast:high){.response-option{border-width:3px}.response-option.selected{border-width:4px}.complete-button,.next-button{border-width:3px}}.stage-level-introduction{-webkit-overflow-scrolling:touch;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;min-height:100dvh;overflow-x:hidden;padding:env(safe-area-inset-top,20px) env(safe-area-inset-right,20px) env(safe-area-inset-bottom,20px) env(safe-area-inset-left,20px)}.stage-instructions-header{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(8px,2vw,12px);justify-content:space-between;margin-bottom:clamp(20px,5vw,30px)}.back-button,.skip-button{-webkit-tap-highlight-color:rgba(92,107,192,.1);align-items:center;background-color:#f0f0f0;border:none;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;font-size:clamp(14px,3.5vw,16px);font-weight:600;justify-content:center;min-height:48px;min-width:80px;padding:14px 20px;touch-action:manipulation;transition:all .3s ease}.back-button{margin-right:clamp(8px,2vw,20px)}.skip-button{margin-left:clamp(8px,2vw,20px)}.back-button:hover,.skip-button:hover{background-color:#e0e0e0;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.back-button:active,.skip-button:active{transform:scale(.98)}.stage-instructions-header h1{color:#333;flex-grow:1;font-size:clamp(20px,5vw,32px);font-weight:700;line-height:1.2;margin:0;padding:0 clamp(8px,2vw,16px);text-align:center}.introduction-content{align-items:center;background-color:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 4px 16px #0000001a;display:flex;flex-direction:column;padding:clamp(16px,4vw,20px)}.slide-container{max-width:800px;padding:clamp(20px,5vw,30px);text-align:center;width:100%}.slide-container h2{color:#5c6bc0;font-size:clamp(22px,5.5vw,28px);font-weight:600;line-height:1.3;margin-bottom:clamp(16px,4vw,20px)}.slide-container p{color:#555;font-size:clamp(16px,4vw,18px);line-height:1.6;margin-bottom:clamp(30px,7vw,40px)}.slide-progress{flex-wrap:wrap;gap:clamp(8px,2vw,10px);margin-top:clamp(30px,7vw,40px)}.progress-dot,.slide-progress{display:flex;justify-content:center}.progress-dot{-webkit-tap-highlight-color:rgba(92,107,192,.1);align-items:center;background-color:#ddd;border:none;border-radius:50%;box-sizing:border-box;cursor:pointer;height:clamp(14px,3.5vw,16px);min-height:24px;min-width:24px;padding:4px;touch-action:manipulation;transition:all .3s ease;width:clamp(14px,3.5vw,16px)}.progress-dot:hover{background-color:#bbb;transform:scale(1.1)}.progress-dot:active{transform:scale(.95)}.progress-dot.active{background-color:#5c6bc0;box-shadow:0 2px 8px #5c6bc04d}.navigation-buttons{flex-wrap:wrap;gap:clamp(16px,4vw,20px);margin-top:clamp(24px,6vw,30px);width:100%}.nav-button,.navigation-buttons{display:flex;justify-content:center}.nav-button{-webkit-tap-highlight-color:rgba(92,107,192,.1);align-items:center;border:none;border-radius:8px;box-sizing:border-box;cursor:pointer;font-size:clamp(14px,3.5vw,16px);font-weight:600;min-height:52px;min-width:120px;padding:16px 24px;touch-action:manipulation;transition:all .3s ease}.nav-button.back{background-color:#f0f0f0;border:2px solid #dee2e6;color:#333}.nav-button.back:hover{background-color:#e0e0e0;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.nav-button.back:active{transform:scale(.98)}.nav-button.refresh-pahm{background-color:#4a90e2;color:#fff}.nav-button.refresh-pahm:hover{background-color:#3a7bc8;box-shadow:0 6px 20px #4a90e24d;transform:translateY(-2px)}.nav-button.refresh-pahm:active{transform:scale(.98)}.nav-button.next{background-color:#5c6bc0;color:#fff}.nav-button.next:hover{background-color:#3f51b5;box-shadow:0 6px 20px #5c6bc04d;transform:translateY(-2px)}.nav-button.next:active{transform:scale(.98)}@media screen and (max-width:430px){.stage-level-introduction{padding:env(safe-area-inset-top,12px) env(safe-area-inset-right,12px) env(safe-area-inset-bottom,12px) env(safe-area-inset-left,12px)}.stage-instructions-header{align-items:stretch;flex-direction:column;gap:12px}.back-button,.skip-button{justify-content:center;margin:0;width:100%}.stage-instructions-header h1{order:-1;padding:0;text-align:center}.slide-progress{gap:6px}.progress-dot{min-height:20px;min-width:20px}.navigation-buttons{align-items:center;flex-direction:column}.nav-button{max-width:280px;width:100%}}@media screen and (max-width:390px){.stage-level-introduction{padding:env(safe-area-inset-top,10px) env(safe-area-inset-right,10px) env(safe-area-inset-bottom,10px) env(safe-area-inset-left,10px)}.slide-container{padding:16px}.introduction-content{padding:12px}}@media screen and (max-width:375px){.stage-level-introduction{padding:env(safe-area-inset-top,8px) env(safe-area-inset-right,8px) env(safe-area-inset-bottom,8px) env(safe-area-inset-left,8px)}.slide-container{padding:12px}.introduction-content{padding:10px}.slide-progress{gap:4px}.progress-dot{min-height:18px;min-width:18px}}@media screen and (orientation:landscape) and (max-height:500px){.stage-level-introduction{padding:env(safe-area-inset-top,8px) env(safe-area-inset-right,8px) env(safe-area-inset-bottom,8px) env(safe-area-inset-left,8px)}.stage-instructions-header{margin-bottom:16px}.stage-instructions-header h1{font-size:20px}.introduction-content,.slide-container{padding:12px}.slide-container h2{margin-bottom:12px}.slide-container p{margin-bottom:20px}.slide-progress{margin-top:20px}.navigation-buttons{margin-top:16px}}@media (prefers-color-scheme:dark){.stage-level-introduction{background-color:#1a1a1a;color:#fff}.back-button,.nav-button.back,.skip-button{background-color:#2a2a2a;border-color:#404040;color:#fff}.back-button:hover,.nav-button.back:hover,.skip-button:hover{background-color:#3a3a3a}.introduction-content{background-color:#2a2a2a;border-color:#404040;color:#fff}.stage-instructions-header h1{color:#fff}.slide-container h2{color:#7986cb}.slide-container p{color:#ccc}.progress-dot{background-color:#555}.progress-dot:hover{background-color:#666}.progress-dot.active{background-color:#7986cb}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.back-button:active,.back-button:hover,.nav-button:active,.nav-button:hover,.progress-dot:active,.progress-dot:hover,.skip-button:active,.skip-button:hover{transform:none}}@media (prefers-contrast:high){.back-button,.nav-button.back,.skip-button{border:2px solid #000}.nav-button.next,.nav-button.refresh-pahm{border:2px solid #fff}.progress-dot{border:2px solid #000}.progress-dot.active{border-color:#fff}.introduction-content{border:2px solid #000}}
/*# sourceMappingURL=main.28531553.css.map*/