:root{--color-navy:#0d1b2a;--color-teal:#0a3040;--color-neon:#4dff91;--color-mint:#86efac;--color-white:#fff;--color-white-70:#ffffffb3;--color-white-60:#fff9;--color-white-40:#fff6;--color-white-10:#ffffff1a;--color-white-05:#ffffff0d;--bg-gradient:linear-gradient(135deg, #0d1b2a 0%, #0a3040 100%);--font-primary:"Helvetica Neue", Helvetica, Arial, sans-serif;--font-syllabics:"Euphemia UCAS", "Noto Sans Canadian Aboriginal", Helvetica, Arial, sans-serif;--nav-height:64px;--nav-z-index:50;--nav-bg:#0d1b2ad9;--nav-blur:blur(8px);--nav-link-active:#fff;--nav-link-idle:#4dff91;--subnav-bg:#0d1b2af7;--subnav-blur:blur(8px);--subnav-tab-active:#4dff91;--subnav-tab-inactive:#ffffff80;--radius-pill:9999px;--radius-card:22px;--radius-cta:12px;--shadow-card:0 2px 0 #0000004d, 0 6px 28px #00000040;--max-width-content:1024px;--max-width-wide:1280px}.bg-gradient{background:var(--bg-gradient);background-attachment:fixed}.bg-mint-section{background-color:var(--color-mint);color:var(--color-navy)}.btn-primary{background:var(--color-neon);color:var(--color-navy);border-radius:var(--radius-pill);cursor:pointer;border:none;padding:12px 32px;font-weight:700}.btn-outlined{border:1px solid var(--color-neon);color:var(--color-neon);border-radius:var(--radius-pill);cursor:pointer;background:0 0;padding:12px 32px}.btn-card-cta{border-radius:var(--radius-cta);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff26;padding:20px 24px;transition:border-color .2s}.btn-card-cta:hover{border-color:var(--color-neon)}.card{border-radius:var(--radius-card);border:1px solid var(--color-white-10);box-shadow:var(--shadow-card);background:#ffffff12}.navbar{height:var(--nav-height);z-index:var(--nav-z-index);background:var(--nav-bg);-webkit-backdrop-filter:var(--nav-blur);backdrop-filter:var(--nav-blur)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{min-height:100%}body{font-family:var(--font-primary);background:var(--bg-gradient);color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;min-height:100svh}#root{flex-direction:column;min-height:100svh;display:flex}.nav-icon-btn{background:0 0;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:border-color .15s,background .15s;display:flex;position:relative;color:#fff!important}.nav-icon-btn:hover{border-color:var(--color-neon);opacity:1;background:#ffffff14;color:#fff!important}.nav-logo{height:72px}.nav-login-btn{background:var(--color-neon);border-radius:var(--radius-pill);padding:8px 20px;font-size:.9rem;font-weight:700;text-decoration:none;transition:opacity .15s;color:var(--color-navy)!important}.nav-login-btn:hover{opacity:.85}.nav-app-name{color:var(--color-white)}@media (width<=600px){.nav-logo{height:44px}.nav-app-name{display:none}}.lang-toggle{border:2px solid #ffffff4d;border-radius:20px;display:flex;overflow:hidden}.lang-btn{cursor:pointer;transition:background .15s,color .15s;color:var(--color-white-60)!important;background:0 0!important;border:none!important;border-radius:0!important;width:auto!important;padding:4px 12px!important;font-size:.8rem!important;font-weight:600!important}.lang-btn:hover{opacity:1;color:#fff!important;background:#ffffff14!important}.lang-active{background:var(--color-neon)!important;color:var(--color-navy)!important}.lang-active:hover{opacity:.9;background:var(--color-neon)!important;color:var(--color-navy)!important}.user-menu{position:relative}.user-icon-btn{background:var(--color-neon);width:38px;height:38px;color:var(--color-navy);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:opacity .15s;display:flex}.user-icon-btn:hover{opacity:.85;background:var(--color-neon)}.user-dropdown{background:var(--color-navy);z-index:50;border:1px solid #ffffff1f;border-radius:14px;flex-direction:column;min-width:200px;display:flex;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 8px 32px #00000080}.dropdown-balance{color:var(--color-white-40);border-bottom:1px solid var(--color-white-10);background:#ffffff0a;padding:14px 18px;font-size:.9rem}.dropdown-balance strong{color:var(--color-neon)}.user-dropdown a,.user-dropdown button{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:0;width:100%;padding:12px 18px;font-size:.95rem;font-weight:400;text-decoration:none;transition:background .15s;color:var(--color-white-70)!important}.user-dropdown a:hover,.user-dropdown button:hover{opacity:1;background:#ffffff0f;color:#fff!important}.dropdown-divider{background:var(--color-white-10);height:1px}.dropdown-logout{color:#ff6b6b!important}.help-fab{width:48px;height:48px;color:var(--color-neon);border:2px solid var(--color-neon);cursor:pointer;z-index:90;background:#0d1b2ae6;border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;font-weight:700;transition:transform .15s,background .15s;display:flex;position:fixed;bottom:28px;left:28px;box-shadow:0 4px 16px #0006}.help-fab:hover{opacity:1;background:#0d1b2afa;transform:scale(1.08)}.help-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.help-modal{background:var(--color-navy);border-radius:var(--radius-card);border:1px solid #ffffff1f;flex-direction:column;gap:20px;width:90%;max-width:560px;padding:28px;display:flex;box-shadow:0 8px 40px #00000080}.help-modal-header{justify-content:space-between;align-items:center;display:flex}.help-modal-header h2{color:var(--color-white);font-size:1.2rem}.help-close{cursor:pointer;color:var(--color-white-40)!important;background:0 0!important;border:none!important;width:auto!important;padding:4px!important}.help-close:hover{opacity:1;color:#fff!important;background:0 0!important}.help-video-placeholder{aspect-ratio:16/9;width:100%;color:var(--color-white-40);background:#ffffff0a;border:2px dashed #ffffff26;border-radius:12px;justify-content:center;align-items:center;font-size:.95rem;display:flex}.yes-no-field{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.yes-no-field:last-child{border-bottom:none}.yes-no-label{color:var(--color-white-70);font-size:.95rem;font-weight:500}.yes-no-buttons{gap:8px;display:flex}.yes-no-active{width:60px;background:var(--color-neon)!important;color:var(--color-navy)!important}.yes-no-inactive{width:60px;color:var(--color-white-40)!important;background:#ffffff14!important}.yes-no-inactive:hover{color:var(--color-white-70)!important;background:#ffffff24!important}.cha-ching-overlay{pointer-events:none;z-index:200;position:fixed;inset:0;overflow:hidden}.cha-ching-icon{color:var(--color-neon);animation:1.1s ease-out both cha-ching-pop;position:absolute;transform:translate(-50%,-50%)}@keyframes cha-ching-pop{0%{transform:translate(-50%, -50%) scale(.3) rotate(var(--rotate,0deg));opacity:0}20%{transform:translate(calc(-50% + var(--drift,0px) * .3), calc(-50% - 20px)) scale(1.3) rotate(var(--rotate,0deg));opacity:1}40%{transform:translate(calc(-50% + var(--drift,0px) * .5), calc(-50% - 60px)) scale(1) rotate(calc(var(--rotate,0deg) * .4))}to{transform:translate(calc(-50% + var(--drift,0px)), calc(-50% - 220px)) scale(.9) rotate(0deg);opacity:0}}.consent-checkboxes{text-align:left;flex-direction:column;gap:10px;margin:12px 0;display:flex}.consent-heading{color:var(--color-white-70);margin:0;font-size:.85rem;font-weight:600}.consent-item{color:var(--color-white-70);cursor:pointer;align-items:flex-start;gap:8px;font-size:.85rem;display:flex}.consent-item input{margin-top:3px}.consent-item input:disabled{cursor:not-allowed}.split-earnings{text-align:left;flex-direction:column;gap:8px;margin:12px 0;display:flex}.split-earnings-field{flex-direction:column;gap:4px;display:flex}.split-earnings-row{align-items:center;gap:8px;display:flex}.split-earnings-row input{flex:1}.split-earnings-input-error{border-color:salmon!important}.split-earnings-hint{color:var(--color-white-40);align-items:center;gap:5px;margin:0;font-size:.8rem;display:flex}.split-earnings-hint-valid{color:var(--color-neon)}.split-earnings-hint-error{color:salmon}.split-earnings-spin{animation:.8s linear infinite split-earnings-spin}@keyframes split-earnings-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.split-earnings-remove{width:32px;height:32px;color:var(--color-white-70);background:#ffffff14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.split-earnings-remove:hover{color:salmon;background:#ffffff24}.split-earnings-add{color:var(--color-neon);background:0 0;align-self:flex-start;align-items:center;gap:6px;padding:4px 0;font-size:.85rem;display:flex}.split-earnings-add:hover{color:var(--color-white-70)}.recorder-steps{color:var(--color-white-40);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;font-size:.85rem;display:flex}.step-arrow{color:#fff3}.recorder-card{text-align:center}.recorder-display{flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:220px;display:flex}.recorder-timer{color:var(--color-neon);letter-spacing:.05em;font-size:3rem;font-weight:700}.recorder-hint{color:var(--color-white-40);font-size:.95rem}.recorder-circle-wrap{justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative}.ring{border:2px solid #e74c3c80;border-radius:50%;animation:2s ease-out infinite ring-expand;position:absolute}.ring1{width:80px;height:80px;animation-delay:0s}.ring2{width:80px;height:80px;animation-delay:.6s}.ring3{width:80px;height:80px;animation-delay:1.2s}@keyframes ring-expand{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}.btn-record-circle{z-index:1;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;width:64px;height:64px;transition:background .2s,transform .1s;position:relative;background:#e74c3c!important}.btn-record-circle:hover{transform:scale(1.05);background:#c0392b!important}.btn-stop{align-items:center;gap:8px;display:flex;color:#fff!important;background:#e74c3c!important}.file-upload-card{text-align:left;flex-direction:column;gap:10px;display:flex}.file-upload-card label{font-size:.85rem}.user-id-row{background:#ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:4px;padding:10px 14px;display:flex}.user-id-label{color:var(--color-white-40);font-size:.85rem}.user-id-value{color:var(--color-neon);letter-spacing:.15em;font-size:1.2rem;font-weight:700}.masked-field{border:1px solid var(--color-white-10);color:var(--color-white-40);letter-spacing:.1em;background:#ffffff0a;border-radius:8px;padding:10px 12px;font-size:1rem}.optional{color:var(--color-white-40);font-size:.85rem;font-weight:400}.admin-tabs{gap:8px;margin-bottom:16px;display:flex}.admin-tab{color:var(--color-white-60);background:0 0;border:1px solid #fff3}.admin-tab.active{border-color:var(--color-neon);background:var(--color-neon)!important;color:var(--color-navy)!important}.modal-overlay{z-index:100;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-navy);border-radius:var(--radius-card);border:1px solid #ffffff1f;flex-direction:column;gap:14px;width:90%;max-width:480px;padding:36px;display:flex;box-shadow:0 8px 40px #00000080}.modal h2{color:var(--color-white);font-size:1.4rem}.modal p{color:var(--color-white-60);line-height:1.6}.modal-actions{flex-direction:column;gap:10px;margin-top:8px;display:flex}.btn-confirm{text-align:center;justify-content:center;background:var(--color-neon)!important;color:var(--color-navy)!important;width:100%!important}.btn-cancel{text-align:center;color:var(--color-white-40)!important;background:0 0!important;border:1px solid #fff3!important;width:100%!important}.btn-cancel:hover{color:var(--color-white-70)!important;background:#ffffff0d!important}.confirm-checkbox{color:var(--color-white-70);cursor:pointer;align-items:flex-start;gap:8px;font-size:.9rem;display:flex}.confirm-checkbox input{margin-top:3px}:root{--nav-height:88px}.navbar{height:var(--nav-height);background:var(--nav-bg);-webkit-backdrop-filter:var(--nav-blur);color:var(--color-white);width:100%;z-index:var(--nav-z-index);justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.nav-brand{color:var(--color-white);align-items:center;gap:12px;font-size:1.1rem;font-weight:700;text-decoration:none;display:flex}.nav-links{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.nav-links a{color:var(--nav-link-idle);font-size:.95rem;text-decoration:none}.nav-links a:hover{color:var(--nav-link-active)}main{flex:1;width:100%;max-width:860px;margin:0 auto;padding:32px 24px}@media (width<=600px){main{padding:20px 16px}:root{--nav-height:64px}.navbar{padding:0 16px}.card{padding:16px}}.page h1{color:var(--color-white);margin-bottom:24px;font-size:1.8rem;font-weight:700}h2,h3{color:var(--color-white);font-weight:700}.card{border-radius:var(--radius-card);border:1px solid var(--color-white-10);box-shadow:var(--shadow-card);background:#ffffff12;margin-bottom:20px;padding:24px}form,.card{flex-direction:column;gap:10px;display:flex}.card h2{margin-bottom:12px;font-size:1.2rem}.card h3{margin:16px 0 8px;font-size:1rem}.card p{color:var(--color-white-60);margin-bottom:14px}.balance{color:var(--color-neon);font-size:2.5rem;font-weight:700;margin-bottom:16px!important}label{color:var(--color-white-70);font-size:.9rem;font-weight:600}.required-star{color:salmon}input:not([type=checkbox]):not([type=radio]){border:1px solid var(--color-white-10);width:100%;color:var(--color-white);background:#ffffff0f;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:1rem}input[type=checkbox],input[type=radio]{width:16px;height:16px;accent-color:var(--color-neon);flex-shrink:0}input::placeholder{color:var(--color-white-40)}input:focus{border-color:var(--color-neon);background:#ffffff17;outline:none}input[type=range]{appearance:none;border-radius:var(--radius-pill);background:#ffffff26;border:none;width:160px;height:6px;padding:0}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-neon);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px}input[type=range]::-moz-range-track{border-radius:var(--radius-pill);background:#ffffff26;height:6px}input[type=range]::-moz-range-thumb{background:var(--color-neon);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px}audio{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:8px;width:100%}audio::-webkit-media-controls-panel{background-color:var(--color-navy)}select{border:1px solid var(--color-white-10);width:fit-content;color:var(--color-white);background:#ffffff0f;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:1rem}select:focus{border-color:var(--color-neon);background:#ffffff17;outline:none}select option{background:var(--color-navy);color:var(--color-white)}button{background:var(--color-neon);color:var(--color-navy);border-radius:var(--radius-pill);cursor:pointer;border:none;width:fit-content;padding:10px 24px;font-family:inherit;font-size:1rem;font-weight:700;transition:opacity .15s}button:hover{opacity:.88}.recorder-controls{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn-record{align-items:center;gap:8px;display:flex;background:var(--color-neon)!important;color:var(--color-navy)!important}.btn-discard{align-items:center;gap:6px;font-size:.9rem;display:flex;color:var(--color-white-40)!important;background:0 0!important;border:1px solid #fff3!important}.btn-discard:hover{color:var(--color-white-70)!important;border-color:#fff6!important}table{border-collapse:collapse;width:100%;margin-top:8px}th{text-align:left;background:var(--color-white-05);color:var(--color-white-40);text-transform:uppercase;letter-spacing:.05em;padding:8px 12px;font-size:.85rem;font-weight:700}td{text-align:left;color:var(--color-white-70);border-bottom:1px solid #ffffff14;padding:10px 12px;font-size:.95rem}tbody tr:hover{background:var(--color-white-05)}.footer{background:var(--color-navy);color:var(--color-white-40);text-align:center;flex-direction:column;gap:8px;margin-top:auto;padding:24px;display:flex}.footer-links{justify-content:center;align-items:center;gap:12px;display:flex}.footer-links a{color:var(--color-neon);font-size:.9rem;text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-divider{color:var(--color-white-10)}.footer-copy{color:#ffffff4d;font-size:.8rem}a{color:var(--color-neon)}.upload-progress-track{background:#ffffff14;border-radius:4px;width:100%;height:8px;overflow:hidden}.upload-progress-fill{background:var(--color-neon);height:100%;transition:width .2s ease-out}ol{color:var(--color-white-70);flex-direction:column;gap:8px;padding-left:20px;display:flex}