:host{margin:0;padding:0;display:flex}header{background-color:var(--primary-color);margin:0;color:var(--surface-c);display:flex;align-items:center;justify-content:space-between}header .logo{height:40px;gap:1rem;padding:.5rem 1rem}@font-face{font-family:Roboto Flex;font-style:normal;font-weight:100 1000;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoflex/v30/NaNNepOXO_NexZs0b5QrzlOHb8wCikXpYqmZsWI-__OGbt8jZktqc2V3Zs0KvDLdBP8SBZtOs2IifRuUZQMsPJtUsR4DEK6cULNeUx9XgTnH37Ha_FIAp4Fm0PP1hw45DntW2x0wZGzhPmr1YNMYKYn9_1IQXGwJAiUJVUMdN5YUW4O8HtSoXjC79QRyaLshNDUf3e0O-gn5rrZCu20YNau1OPF80A.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Flex;font-style:normal;font-weight:100 1000;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoflex/v30/NaNNepOXO_NexZs0b5QrzlOHb8wCikXpYqmZsWI-__OGbt8jZktqc2V3Zs0KvDLdBP8SBZtOs2IifRuUZQMsPJtUsR4DEK6cULNeUx9XgTnH37Ha_FIAp4Fm0PP1hw45DntW2x0wZGzhPmr1YNMYKYn9_1IQXGwJAiUJVUMdN5YUW4O8HtSoXjC79QRyaLshNDUf3e0O-gn5rrZCu20YNau8OPF80A.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto Flex;font-style:normal;font-weight:100 1000;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoflex/v30/NaNNepOXO_NexZs0b5QrzlOHb8wCikXpYqmZsWI-__OGbt8jZktqc2V3Zs0KvDLdBP8SBZtOs2IifRuUZQMsPJtUsR4DEK6cULNeUx9XgTnH37Ha_FIAp4Fm0PP1hw45DntW2x0wZGzhPmr1YNMYKYn9_1IQXGwJAiUJVUMdN5YUW4O8HtSoXjC79QRyaLshNDUf3e0O-gn5rrZCu20YNau7OPF80A.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Roboto Flex;font-style:normal;font-weight:100 1000;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoflex/v30/NaNNepOXO_NexZs0b5QrzlOHb8wCikXpYqmZsWI-__OGbt8jZktqc2V3Zs0KvDLdBP8SBZtOs2IifRuUZQMsPJtUsR4DEK6cULNeUx9XgTnH37Ha_FIAp4Fm0PP1hw45DntW2x0wZGzhPmr1YNMYKYn9_1IQXGwJAiUJVUMdN5YUW4O8HtSoXjC79QRyaLshNDUf3e0O-gn5rrZCu20YNau3OPF80A.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Flex;font-style:normal;font-weight:100 1000;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoflex/v30/NaNNepOXO_NexZs0b5QrzlOHb8wCikXpYqmZsWI-__OGbt8jZktqc2V3Zs0KvDLdBP8SBZtOs2IifRuUZQMsPJtUsR4DEK6cULNeUx9XgTnH37Ha_FIAp4Fm0PP1hw45DntW2x0wZGzhPmr1YNMYKYn9_1IQXGwJAiUJVUMdN5YUW4O8HtSoXjC79QRyaLshNDUf3e0O-gn5rrZCu20YNau2OPF80A.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Flex;font-style:normal;font-weight:100 1000;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoflex/v30/NaNNepOXO_NexZs0b5QrzlOHb8wCikXpYqmZsWI-__OGbt8jZktqc2V3Zs0KvDLdBP8SBZtOs2IifRuUZQMsPJtUsR4DEK6cULNeUx9XgTnH37Ha_FIAp4Fm0PP1hw45DntW2x0wZGzhPmr1YNMYKYn9_1IQXGwJAiUJVUMdN5YUW4O8HtSoXjC79QRyaLshNDUf3e0O-gn5rrZCu20YNau4OPE.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html{height:-webkit-fill-available;height:stretch}body{display:flex;flex-direction:column;background-color:var(--surface-ground);color:#495057;margin:0;padding:0;font-size:.95rem;min-height:100vh;font-family:Roboto Flex,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"slnt" 0,"wdth" 100,"GRAD" 0,"XOPQ" 96,"XTRA" 468,"YOPQ" 79,"YTAS" 750,"YTDE" -203,"YTFI" 738,"YTLC" 514,"YTUC" 712}input{font-size:1rem}.container button{color:#fff;background:#005ca9;border:1px solid #005ca9;padding:.5rem 1.25rem;font-size:1rem;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;border-radius:6px;outline-color:transparent}.container button:not(:disabled):active,.container button:not(:disabled):hover{background:#004076;color:#fff;border-color:#004076}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--surface-a: #fff;--surface-b: #f8f9fa;--surface-c: #e9ecef;--surface-d: #dee2e6;--surface-e: #ced4da;--surface-f: #adb5bd;--text-color: #495057;--text-color-secondary: #6c757d;--primary-color: #005ca9;--primary-light-color: #aad8ff;--primary-dark-color: #004a87;--primary-color-text: #fff;--primary-600: #004a87;--secondary-color: #e0f0ff;--success-color: #a1dbae;--fail-color: #f5c4db;--font-family: Roboto Flex Variable, -apple-system, blinkmacsystemfont, Segoe UI, roboto, helvetica, arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;--surface-0: #fff;--surface-50: #fafafa;--surface-100: #f5f5f5;--surface-200: #eee;--surface-300: #e0e0e0;--surface-400: #bdbdbd;--surface-500: #9e9e9e;--surface-600: #757575;--surface-700: #616161;--surface-800: #424242;--surface-900: #212121;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #eee;--gray-300: #e0e0e0;--gray-400: #bdbdbd;--gray-500: #9e9e9e;--gray-600: #757575;--gray-700: #616161;--gray-800: #424242;--gray-900: #212121;--content-padding: 1.25rem;--inline-spacing: .5rem;--border-radius: 6px;--surface-ground: #eff3f8;--surface-section: #fff;--surface-card: #fff;--surface-overlay: #fff;--surface-border: #dfe7ef;--surface-hover: #f6f9fc;--focus-ring: 0 0 0 .1rem #aad8ff;--maskbg: rgba(0, 0, 0, .4);color-scheme:light;--gap: 1rem}select{border:1px solid var(--surface-d);border-radius:var(--border-radius);background:var(--surface-b);padding:10px;transition:.4s}button{background:var(--primary-color);border:1px solid var(--secondary-color);color:var(--secondary-color);padding:.5rem 1rem;border-radius:var(--border-radius);cursor:pointer;margin-left:1rem}button:disabled{background:var(--surface-d);border-color:var(--surface-d);color:var(--surface-f);cursor:not-allowed}.questions{flex:1;overflow-y:auto;padding:1rem 2rem;flex-direction:column}.loading{display:flex;flex-direction:column;justify-content:center;align-items:center;height:80vh;gap:var(--gap);color:var(--text-color)}.animate-spin{animation:spin 1s linear infinite}.error-page{display:flex;flex-direction:column;justify-content:center;align-items:center;height:80vh;gap:var(--gap);color:var(--text-color)}.upload-container{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:2rem}.upload-card{background:var(--surface-a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--surface-border);border-radius:var(--border-radius);padding:3rem;text-align:center;max-width:500px;width:100%;display:flex;flex-direction:column;gap:1.5rem}.icon-wrapper{background:var(--primary-color);color:var(--secondary-color);width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;box-shadow:0 10px 25px var(--surface-600)}.upload-area{border:2px dashed var(--primary-color);border-radius:var(--border-radius);padding:2rem;cursor:pointer;transition:all .3s ease;display:block}.upload-area:hover{border-color:var(--primary-light-color);background:var(--primary-light-color)}.upload-area.has-file{border-style:solid;border-color:var(--primary-light-color)}.file-info{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-color)}.placeholder{display:flex;flex-direction:column;gap:.5rem;color:var(--text-color)}.upload-btn{background:var(--primary-color);border:none;padding:1rem;border-radius:var(--border-radius);color:var(--secondary-color);font-weight:600;cursor:pointer;transition:transform .2s}.upload-btn:hover:not(:disabled){transform:translateY(-2px)}.upload-btn:disabled{opacity:.5;cursor:not-allowed}.error-message{display:flex;align-items:center;gap:.5rem;color:#ef4444;background:#ef44441a;padding:.75rem;border-radius:var(--border-radius);font-size:.9rem}.upload-page-container{display:flex;flex-direction:column;height:100vh}.success-header{background:#22c55e1a;border-bottom:1px solid rgba(34,197,94,.2);display:flex;align-items:center;gap:1rem;justify-content:center}.reset-btn{background:var(--primary-color);border:1px solid var(--secondary-color);color:var(--secondary-color);padding:.5rem 1rem;border-radius:var(--border-radius);cursor:pointer;margin-left:1rem}.reset-btn:hover{background:var(--secondary-color);border:1px solid var(--primary-color);color:var(--primary-color)}
