*,:before,:after{box-sizing:border-box}:root{color:#fff;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0b0f1c;--surface:#0d1019fa;--surface-elevated:#0e121dfa;--text-primary:#fff;--text-secondary:#c9d3ea;--border:#6272ff38;--accent:#7a61ff;--accent-strong:#ff66c4;--success:#63e6a7;--warning:#ffd36d;--danger:#ef4444;--radius:20px;--shadow:0 18px 60px #171b2c7a;--glow:0 10px 28px #5d70ff47;--accent-gradient:linear-gradient(90deg,#4f8cff 0%,#7a61ff 45%,#ff66c4 100%);--card-gradient:linear-gradient(180deg,#0e121dfa 0%,#090c15fa 100%);background:#0b0f1c;font-family:Roboto,ui-sans-serif,system-ui,sans-serif}html{background:var(--background);scrollbar-color:var(--border) var(--background)}body{background:radial-gradient(circle at 82% -8%,#6a36b842,transparent 34rem),radial-gradient(circle at 5% 18%,#4f8cff1f,transparent 28rem),var(--background);min-width:320px;min-height:100vh;color:var(--text-primary);margin:0;font-size:14px;line-height:1.6}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{border-radius:var(--radius);background:var(--accent-gradient);color:#fff;cursor:pointer;letter-spacing:.02em;border:0;min-height:44px;padding:.75rem 1rem;font-weight:700;transition:background .15s,opacity .15s,border-color .15s,color .15s,transform .15s}button:hover:not(:disabled){background:linear-gradient(90deg,#7a61ff 0%,#ff66c4 100%)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.4;cursor:default}a{color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #8ea6ff}.app{width:min(100%,1100px);min-height:100vh;padding:0 clamp(1rem,4vw,2rem) calc(6.5rem + env(safe-area-inset-bottom));margin:auto}header{min-height:calc(82px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:clamp(1.5rem,4vw,2.5rem);display:flex}.brand{min-height:52px;color:var(--text-primary);text-align:left;background:0 0;align-items:center;gap:.75rem;padding:0;display:flex}.brand:hover:not(:disabled){background:0 0}.brand img{object-fit:contain;border-radius:9px;width:42px;height:42px}.brand-copy{line-height:1.05;display:grid}.brand-copy strong{letter-spacing:-.02em;font-family:Rajdhani,Arial Narrow,ui-sans-serif,sans-serif;font-size:1.08rem}.brand-copy small{color:#ff9de1;letter-spacing:.18em;text-transform:uppercase;margin-top:.3rem;font-size:.65rem}.avatar,.profile-avatar{color:#fff;box-shadow:var(--glow);background:linear-gradient(135deg,#4c5bff3d,#6a36b83d);border:1px solid #6e84ff73;border-radius:50%;place-items:center;font-weight:800;display:grid}.avatar{width:48px;min-width:48px;height:48px;padding:0}.avatar:hover:not(:disabled),.avatar[aria-expanded=true]{color:#fff;background:#7a61ff4d;border-color:#8ea6ff}main{max-width:900px;margin:auto}h1,h2,h3,p{overflow-wrap:anywhere}h1{letter-spacing:-.055em;margin:.35rem 0 1rem;font-family:Rajdhani,Arial Narrow,ui-sans-serif,sans-serif;font-size:clamp(2rem,7vw,3.5rem);font-weight:700;line-height:1.05}h2{letter-spacing:-.03em;margin:.2rem 0;font-size:clamp(1.05rem,4vw,1.35rem)}.lead{max-width:650px;color:var(--text-secondary);font-size:1rem}.eyebrow{color:#8ea6ff;letter-spacing:.15em;text-transform:uppercase;margin:0 0 .45rem;font-size:.68rem;font-weight:700}section{background:var(--card-gradient);border:1px solid var(--border);border-radius:var(--radius);margin:1rem 0;padding:clamp(1rem,4vw,1.5rem);box-shadow:0 18px 60px #171b2c38}.section-head,.row{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.section-head{margin-bottom:.75rem}.row{border-bottom:1px solid var(--border);min-height:56px;padding:.55rem 0}.row:last-child{border:0}.row>span{flex:1}.row button{flex-shrink:0}.hero{min-height:158px;box-shadow:var(--glow);background:linear-gradient(135deg,#0c1223fa 0%,#1a1138fa 100%);border-color:#7a61ff38;justify-content:space-between;align-items:flex-end;padding:clamp(1.3rem,5vw,2rem);display:flex;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#ff66c42e,#0000 65%);width:15rem;height:15rem;position:absolute;top:-5rem;right:-3rem}.hero>div{z-index:1;position:relative}.hero h2{font-size:clamp(1.45rem,6vw,2.1rem)}.top-three{border-color:#6e84ff52}.top-three .row{counter-increment:focus-item;padding-left:2.4rem;font-weight:650;position:relative}.top-three{counter-reset:focus-item}.top-three .row:before{content:counter(focus-item,decimal-leading-zero);color:#8ea6ff;letter-spacing:.08em;font-size:.72rem;position:absolute;left:0}.status-badge,.pill{color:#8ea6ff;letter-spacing:.08em;text-transform:uppercase;background:#7a61ff1f;border:1px solid #6e84ff52;border-radius:6px;align-items:center;min-height:26px;padding:.2rem .55rem;font-size:.68rem;font-weight:700;display:inline-flex}.secondary,.section-head button{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.secondary:hover:not(:disabled),.section-head button:hover:not(:disabled){color:#ff9de1;background:#7a61ff1f;border-color:#7a61ff}label{color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;margin:1rem 0;font-size:.74rem;font-weight:700;display:block}input:not([type=checkbox]),textarea,select{border:1px solid var(--border);background:var(--surface);width:100%;min-height:48px;color:var(--text-primary);border-radius:10px;outline:none;margin-top:.5rem;padding:.78rem 1rem;transition:border-color .15s,box-shadow .15s;display:block}textarea{resize:vertical;min-height:110px}input::placeholder,textarea::placeholder{color:var(--text-secondary)}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7a61ff2e}.slider input{min-height:auto;accent-color:var(--accent)}form button{width:100%}.need{background:var(--surface-elevated);width:100%;min-height:70px;color:var(--text-primary);box-shadow:var(--glow);border:1px solid #7a61ff73;margin:1rem 0;font-size:1rem}.need:hover:not(:disabled){color:#fff;background:var(--accent-gradient)}.need span{color:var(--text-secondary);font-size:.72rem;font-weight:400;display:block}.need:hover span{color:#fff}nav{z-index:10;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b0f1cf0;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}nav button{min-height:58px;color:var(--text-secondary);background:0 0;border-radius:0;padding:.8rem clamp(.48rem,2.2vw,1.2rem);font-size:.68rem}nav button:hover:not(:disabled){color:var(--text-primary);background:#7a61ff14}nav button.active{color:var(--accent);box-shadow:inset 0 2px var(--accent)}dialog{z-index:30;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-elevated);width:min(560px,100vw - 2rem);max-height:78vh;color:var(--text-primary);box-shadow:var(--shadow);padding:1.25rem;position:fixed;inset:10% auto auto 50%;overflow:auto;transform:translate(-50%)}.auth-shell{min-height:100vh;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));background:radial-gradient(circle at 50% 15%,#7a61ff3d,transparent 25rem),radial-gradient(circle at 72% 50%,#ff66c41a,transparent 20rem),var(--background);place-items:center;display:grid}.auth-card{width:min(100%,440px);box-shadow:var(--shadow),var(--glow);margin:0;padding:clamp(1.3rem,6vw,2rem)}.auth-card:before{content:"INNOFAITH";color:#8ea6ff;letter-spacing:.18em;margin-bottom:1.2rem;font:700 .72rem Rajdhani,Arial Narrow,sans-serif;display:inline-block}.auth-card h1{font-size:clamp(2.15rem,10vw,3.3rem)}.auth-card>.secondary{width:100%}.auth-card button:disabled,.auth-card input:disabled{opacity:.5;cursor:wait}.profile-backdrop,.support-backdrop{z-index:20;padding:calc(84px + env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#04060ec7;display:flex;position:fixed;inset:0}.profile-backdrop{justify-content:flex-end;align-items:flex-start}.profile-sheet{width:min(100%,360px);box-shadow:var(--shadow),var(--glow);margin:0}.profile-sheet>button{text-align:left;width:100%;min-height:48px;margin:.4rem 0;display:block}.profile-sheet>button:not(.secondary){background:var(--surface);color:var(--text-primary);border:1px solid var(--border)}.profile-sheet>button:not(.secondary):hover{border-color:var(--accent);color:var(--accent);background:#7a61ff1a}.profile-card{max-width:600px}.profile-avatar{width:72px;height:72px;margin-bottom:1.4rem;font-size:1.35rem}.profile-card dl{overflow-wrap:anywhere;grid-template-columns:minmax(8rem,auto) 1fr;gap:.8rem 1rem;display:grid}.profile-card dt{color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:700}.profile-card dd{margin:0}.support-float{z-index:12;right:max(1rem,env(safe-area-inset-right));bottom:calc(72px + max(1rem,env(safe-area-inset-bottom)));color:#fff;min-width:54px;min-height:54px;box-shadow:var(--glow);background:linear-gradient(135deg,#4c5bff47,#6a36b847);border:1px solid #6e84ff8c;border-radius:999px;font-size:.72rem;position:fixed}.support-float:hover:not(:disabled),.support-float[aria-expanded=true]{background:var(--accent-gradient);color:#fff}.support-backdrop{justify-content:flex-end;align-items:flex-end}.support-sheet{border-radius:var(--radius);width:min(100%,440px);max-height:min(78vh,680px);box-shadow:var(--shadow),var(--glow);margin:0;overflow:auto}.support-sheet>button,.support-action{text-align:left;border-radius:10px;width:100%;min-height:48px;margin:.5rem 0;padding:.8rem 1rem;font-weight:700;display:block}.support-action{background:var(--accent-gradient);color:#fff;text-decoration:none}.support-sheet>button:not(:disabled){background:var(--surface);color:var(--text-primary);border:1px solid var(--border)}.support-note{color:var(--text-secondary);font-size:.76rem}.focus{max-width:600px;margin:7vh auto}.focus button{width:100%;margin:.8rem 0;display:block}.choice{text-align:left;background:var(--surface);color:var(--text-primary);border:1px solid var(--border)}.permission{justify-content:space-between;align-items:center;display:flex}.permission p{margin:.2rem 0}.diagnostics{white-space:pre-wrap;overflow-wrap:anywhere;max-height:55vh;color:var(--text-secondary);font-size:.75rem;overflow:auto}[data-testid=offline-queue-count]{position:fixed;left:-9999px}@media (max-width:620px){.app{padding-inline:1rem}header{margin-bottom:1.3rem}.brand img{width:38px;height:38px}.brand-copy strong{font-size:1rem}h1{font-size:clamp(2rem,11vw,2.8rem)}section{padding:1rem}.row{flex-wrap:wrap;align-items:flex-start}.row>span{flex-basis:100%}.row button{flex:1}.hero{min-height:140px}.profile-backdrop,.support-backdrop{padding:1rem max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));align-items:flex-end}.profile-sheet,.support-sheet{border-radius:16px}.profile-card dl{grid-template-columns:1fr;gap:.2rem}.profile-card dd{margin-bottom:.8rem}nav{justify-content:flex-start;overflow-x:auto}nav button{white-space:nowrap;flex:1}.support-float{bottom:calc(72px + max(1rem,env(safe-area-inset-bottom)))}}@media (min-width:760px){.support-float{bottom:calc(80px + max(1rem,env(safe-area-inset-bottom)))}nav button{padding-inline:1.2rem;font-size:.78rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:where(button,select,textarea,input:not([type=checkbox]):not([type=radio])){min-height:44px}:where(.brand span,.avatar){min-width:44px;min-height:44px}.skip-link{z-index:100;color:#fff;background:#153f3a;border-radius:.5rem;padding:.75rem 1rem;position:fixed;inset-block-start:.5rem;inset-inline-start:.5rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}@media (prefers-color-scheme:dark){.brand,nav button{color:#e8eee9}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid highlight}}