:root{--bg-page: #133b53;--bg-panel: #ffffff;--bg-code: #111827;--bg-code-inline: #f3f4f6;--bg-error: #fee2e2;--text-main: #111827;--text-muted: #4b5563;--text-invert: #e5e7eb;--text-error: #991b1b;--accent: #2563eb;--shadow-panel: 0 12px 30px rgba(15, 23, 42, .12);--border-soft: #e5e7eb}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg-page);color:var(--text-main)}:root{--bg-page: linear-gradient(180deg, rgb(3 47 73), rgb(11 37 54))}.app-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.25rem}.app-shell--login{background:var(--bg-page);color:#fff}.app-shell--welcome{background:var(--bg-page);color:#fff;position:relative;align-items:center;justify-content:center}.app-content{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .42s cubic-bezier(.18,1.35,.28,1);will-change:transform}.app-content--pulling{transition:none}.app-shell--login .app-content{display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:1.25rem}.panel{width:min(100%,28rem);display:flex;flex-direction:column;gap:1rem}.pull-refresh{position:absolute;top:.35rem;left:50%;z-index:5;transform:translate(-50%,-120%);min-width:9rem;padding:.4rem .65rem;border:1px solid rgba(90,195,255,.28);border-radius:999px;background:#031927e0;color:#dfdfdfc7;font-size:.72rem;font-weight:800;text-align:center;text-transform:uppercase;pointer-events:none;opacity:0;transition:opacity .16s ease,transform .16s ease,color .16s ease}.pull-refresh--visible{opacity:1;transform:translate(-50%)}.pull-refresh--ready{color:#5ac3ff}.pwa-install{position:fixed;left:max(.75rem,env(safe-area-inset-left));right:max(.75rem,env(safe-area-inset-right));bottom:calc(4.8rem + env(safe-area-inset-bottom));z-index:30;display:flex;align-items:center;justify-content:space-between;gap:.75rem;max-width:30rem;margin:0 auto;padding:.75rem;border:1px solid rgba(255,158,66,.46);border-radius:8px;background:#3a1f0af5;box-shadow:0 .9rem 2rem #00000057,0 0 0 1px #ffc77f14 inset;color:#fff}.app-shell--login .pwa-install{bottom:calc(.75rem + env(safe-area-inset-bottom))}.pwa-install__copy{display:flex;flex-direction:column;gap:.2rem;min-width:0;text-align:left}.pwa-install__copy strong{font-size:.85rem;line-height:1.2}.pwa-install__copy span{color:#ffecd6cc;font-size:.76rem;line-height:1.25}.pwa-install__copy .pwa-install__notice{color:#ffd3a1}.pwa-install__actions{display:flex;align-items:center;gap:.45rem;flex:0 0 auto}.pwa-install__button,.pwa-install__dismiss{min-height:2.15rem;border:0;border-radius:6px;padding:0 .65rem;font:inherit;font-size:.76rem;font-weight:800}.pwa-install__button{background:#ff9e42;color:#241000}.pwa-install__dismiss{background:#ffffff1c;color:#ffecd6d1}.login-panel,.welcome-panel{align-items:center;text-align:center}.app-header{position:absolute;z-index:80;top:0;left:0;right:0;height:calc(3.25rem + 5px);display:flex;align-items:center;justify-content:space-between;padding:0 1rem 5px;background:linear-gradient(115deg,#777,#f4f7f8,#9fa5a8 34%,#fff 48%,#73787c 66%,#d7dbdd 82%,#6f7478);filter:drop-shadow(0 .35rem .65rem rgba(0,0,0,.28))}.app-header:before{content:"";position:absolute;top:0;right:0;bottom:3px;left:0;z-index:-1;background:linear-gradient(180deg,#05334ef0,#031927db),#031927d1;border-bottom:1px solid rgba(255,255,255,.12)}.app-header__brand{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.65rem;min-width:0}.app-header__logo{width:2rem;height:2rem;object-fit:contain;flex:0 0 auto}.app-header__name{font-family:GoodTimes,Good Times,Arial,sans-serif;font-size:1.2rem;font-weight:800;line-height:1;text-transform:uppercase;white-space:nowrap}.app-header__name-part+.app-header__name-part{margin-left:.38rem}.app-header__name-part--pallas{color:#b8b8b8}.app-header__name-part--invictus{color:#7e1e1e}.app-header__menu{position:relative;z-index:90;flex:0 0 auto}.app-header__menu-button{width:2.35rem;height:2.35rem;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.18rem;border:0;border-radius:6px;background:transparent;color:#fff}.app-header__menu-button span{width:.25rem;height:.25rem;border-radius:999px;background:currentColor}.app-header__menu-popover{position:absolute;z-index:100;top:calc(100% + .4rem);right:0;min-width:8.25rem;padding:.35rem;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#031927f5;box-shadow:0 .75rem 1.5rem #00000059}.app-header__logout{width:100%;min-height:2.35rem;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:0 .75rem;background:#ffffff0f;color:#ffffffeb;font:inherit;font-size:.82rem;font-weight:800;text-align:left}.app-header__logout:hover,.app-header__logout:focus-visible{border-color:#ff7e7e57;background:#ff7e7e1f;color:#fff;outline:none}.app-header__logout:disabled{opacity:.7}.brand-logo{width:min(58vw,13rem);height:auto;display:block;margin-bottom:.5rem}.eyebrow{margin:0;color:#ffffffb8;font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:uppercase}.rank-insignia{width:2.65rem;height:2.65rem;object-fit:contain;flex:0 0 auto}.connected-identity{display:flex;align-items:center;gap:.7rem;min-width:0}.connected-copy{display:flex;flex-direction:column;justify-content:center;gap:.2rem;min-width:0}.connected-line{margin:0;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;column-gap:.35rem;row-gap:.1rem;max-width:100%;color:#fffffff0;font-size:1rem;font-weight:800;line-height:1.25;overflow:visible}.connected-rank{flex:0 0 auto;white-space:nowrap}.connected-moniker{flex:0 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assignment{margin:0;color:#5ac3ff;font-size:.95rem;font-weight:700;line-height:1.35}.home-view,.roster-view,.calendar-view{position:absolute;top:4.45rem;left:.75rem;right:.75rem;bottom:5.1rem;display:flex;flex-direction:column;gap:.8rem;overflow-y:auto;padding-bottom:.25rem}.home-view[hidden],.roster-view[hidden],.calendar-view[hidden]{display:none}.view-slide--from-right{animation:viewSlideFromRight .26s cubic-bezier(.2,.9,.2,1) both}.view-slide--from-left{animation:viewSlideFromLeft .26s cubic-bezier(.2,.9,.2,1) both}@keyframes viewSlideFromRight{0%{opacity:.35;transform:translate(42%)}to{opacity:1;transform:translate(0)}}@keyframes viewSlideFromLeft{0%{opacity:.35;transform:translate(-42%)}to{opacity:1;transform:translate(0)}}.view-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.view-head h1{margin:0;color:#dfdfdf;font-family:GoodTimes,Good Times,Arial,sans-serif;font-size:1rem;font-weight:800;text-transform:uppercase}.view-head span{color:#dfdfdfa8;font-size:.74rem;font-weight:700;text-transform:uppercase}.user-card,.tokens-card,.home-card{border:1px solid rgba(90,195,255,.22);border-radius:.5rem;background:linear-gradient(180deg,#05334eb8,#031927c7),#031927b3;box-shadow:inset 0 0 1.4rem #5ac3ff0f}.user-card{padding:.85rem}.tokens-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-height:4.7rem}.token-stat{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:.5rem;align-content:center;padding:.7rem .55rem;border-right:1px solid rgba(90,195,255,.16)}.token-stat:last-child{border-right:0}.token-stat__badge{grid-row:1 / span 2;width:1.9rem;height:1.9rem;display:grid;place-items:center;align-self:center;border-radius:.35rem;color:#1d2a32;font-family:GoodTimes,Good Times,Arial,sans-serif;font-size:.72rem;font-weight:800;clip-path:polygon(25% 0,100% 0,75% 100%,0 100%)}.token-stat__badge--event{background:linear-gradient(135deg,#f1f1f1,#8d9296)}.token-stat__badge--mission{background:linear-gradient(135deg,#d9b865,#6f581a)}.token-stat__badge--total{background:linear-gradient(135deg,#5ac3ff,#2b6f94)}.token-stat__label{min-width:0;color:#dfdfdfb8;font-size:.56rem;line-height:1.1;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.token-stat__value{color:#fff;font-size:1.25rem;line-height:1.1}.home-card{padding:.8rem}.home-card__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.65rem}.home-card__head h2{margin:0;color:#5ac3ff;font-family:GoodTimes,Good Times,Arial,sans-serif;font-size:.95rem;font-weight:800;text-transform:uppercase}.home-card__head span{color:#dfdfdfb8;font-size:.72rem;font-weight:700}.activity-chart{min-height:8.6rem}.activity-chart__svg{width:100%;height:7rem;display:block}.activity-chart__axis{stroke:#5ac3ff26;stroke-width:1}.activity-chart__line{fill:none;stroke:#5ac3ff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 .4rem rgba(90,195,255,.35))}.activity-chart__labels{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.15rem;color:#dfdfdf8c;font-size:.64rem;text-align:center}.history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.history-list__item{display:grid;grid-template-columns:4rem minmax(0,1fr);gap:.55rem;align-items:center;color:#dfdfdf;font-size:.82rem}.history-list__date{color:#dfdfdf94;font-size:.72rem;text-transform:uppercase}.history-list__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem}.roster-list__item{display:grid;grid-template-columns:2.65rem minmax(0,1fr);gap:.7rem;align-items:center;padding:.75rem;border:1px solid rgba(90,195,255,.18);border-radius:.5rem;background:linear-gradient(180deg,#05334ead,#031927c2),#031927b8;box-shadow:inset 0 0 1.4rem #5ac3ff0d}.roster-list__rank-icon{width:2.65rem;height:2.65rem;object-fit:contain}.roster-list__rank-icon--empty{border:1px solid rgba(223,223,223,.14);border-radius:.35rem;background:#dfdfdf0a}.roster-list__content{min-width:0}.roster-list__identity{margin:0;display:flex;align-items:baseline;flex-wrap:wrap;column-gap:.35rem;row-gap:.1rem;color:#fff;font-size:.95rem;font-weight:800;line-height:1.25}.roster-list__rank{flex:0 0 auto;white-space:nowrap}.roster-list__moniker{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster-list__assignment{margin:.22rem 0 0;color:#5ac3ff;font-size:.82rem;font-weight:700;line-height:1.35}.roster-list__loading{padding:.5rem 0;color:#dfdfdf9e;font-size:.78rem;font-weight:800;text-align:center;text-transform:uppercase}.calendar-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem}.calendar-event-card{width:100%;color:inherit;font:inherit;text-align:left;display:grid;grid-template-columns:5.6rem minmax(0,1fr);gap:.75rem;padding:.75rem;border:1px solid rgba(90,195,255,.18);border-radius:.5rem;background:linear-gradient(180deg,#05334ead,#031927c2),#031927b8}button.calendar-event-card{cursor:pointer}button.calendar-event-card:active{transform:translateY(1px)}.calendar-event-card__date{color:#5ac3ff;font-size:.72rem;font-weight:800;line-height:1.35;text-transform:uppercase}.calendar-event-card__body{min-width:0}.calendar-event-card__body h2{margin:0;color:#fff;font-size:.95rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-event-card__signup{display:inline-flex;margin-top:.35rem;padding:.18rem .45rem;border:1px solid rgba(223,223,223,.18);border-radius:999px;font-size:.66rem;font-weight:800;line-height:1;text-transform:uppercase}.calendar-event-card__registered{display:inline-flex;margin-top:.35rem;margin-left:.35rem;color:#dfdfdfb8;font-size:.66rem;font-weight:800;line-height:1;text-transform:uppercase}.calendar-event-card__signup--yes{color:#c2f0c3;border-color:#75cf7873;background:#3f7c423d}.calendar-event-card__signup--declined{color:#dfdfdf;border-color:#d123237a;background:#4912129e}.calendar-event-card__signup--no{color:#dfdfdfad;background:#dfdfdf0f}.calendar-event-card__body p{margin:.28rem 0 0;color:#dfdfdfb8;font-size:.78rem;line-height:1.35}.calendar-event-card__location{color:#dfdfdf94!important}.calendar-detail{display:flex;flex-direction:column;gap:.65rem}.calendar-detail--from-right{animation:detailSlideFromRight .3s cubic-bezier(.2,.9,.2,1) both}@keyframes detailSlideFromRight{0%{opacity:.35;transform:translate(48%)}to{opacity:1;transform:translate(0)}}.calendar-detail__back{align-self:flex-start;border:1px solid rgba(184,184,184,.3);border-radius:.35rem;padding:.45rem .7rem;background:#031927b8;color:#dfdfdf;font-family:GoodTimes,Good Times,Arial,sans-serif;font-size:.68rem;font-weight:800;text-transform:uppercase}.calendar-detail-card{border:1px solid rgba(90,195,255,.22);border-radius:.5rem;background:linear-gradient(180deg,#05334eb8,#031927c7),#031927b3;box-shadow:inset 0 0 1.4rem #5ac3ff0f;overflow:hidden}.calendar-detail-card__banner{width:100%;max-height:10rem;display:block;object-fit:cover}.calendar-detail-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.85rem}.calendar-detail-card__date{margin:0 0 .35rem;color:#5ac3ff;font-size:.72rem;font-weight:800;line-height:1.35;text-transform:uppercase}.calendar-detail-card__head h1{margin:0;color:#fff;font-size:1.05rem;line-height:1.25}.calendar-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;padding:0 .85rem .85rem}.calendar-detail-field{min-width:0;padding:.62rem;border:1px solid rgba(90,195,255,.14);border-radius:.4rem;background:#0319276b}.calendar-detail-field span{display:block;margin-bottom:.22rem;color:#dfdfdf94;font-size:.62rem;font-weight:800;text-transform:uppercase}.calendar-detail-field strong{display:block;min-width:0;color:#dfdfdf;font-size:.82rem;line-height:1.25;overflow-wrap:anywhere}.calendar-detail-section{padding:0 .85rem .85rem}.calendar-detail-section h2{margin:0 0 .45rem;color:#5ac3ff;font-family:GoodTimes,Good Times,Arial,sans-serif;font-size:.78rem;font-weight:800;text-transform:uppercase}.calendar-detail-section p{margin:0;color:#dfdfdfc7;font-size:.82rem;line-height:1.45}.calendar-detail-objectives-card{display:flex;flex-direction:column;border:1px solid rgba(90,195,255,.16);border-radius:.45rem;background:linear-gradient(180deg,#05334e85,#0319279e),#03192794;overflow:hidden}.calendar-objective-row{border-bottom:1px solid rgba(90,195,255,.12)}.calendar-objective-row:last-child{border-bottom:0}.calendar-objective-row__head{width:100%;min-height:2.6rem;display:flex;gap:.55rem;align-items:center;border:0;padding:.5rem .65rem;background:transparent;color:#dfdfdf;font:inherit;text-align:left}.calendar-objective-row__number{min-width:1.8rem;height:1.45rem;display:grid;place-items:center;border:1px solid rgba(90,195,255,.16);border-radius:.25rem;background:#05334eb8;color:#dfdfdfc7;font-size:.72rem;font-weight:800;flex:0 0 auto}.calendar-objective-row__title{min-width:0;flex:1 1 auto;color:#fff;font-size:.86rem;font-weight:800;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-objective-row__critical{flex:0 0 auto;padding:.18rem .5rem;border:1px solid rgba(209,35,35,.5);border-radius:.25rem;background:linear-gradient(180deg,#d12323c7,#491212eb);color:#dfdfdf;font-size:.58rem;font-weight:900;line-height:1;text-transform:uppercase}.calendar-objective-row__body{padding:0 .65rem .65rem 3.2rem}.calendar-objective-row__description{color:#dfdfdfb8;font-size:.8rem;line-height:1.45;overflow-wrap:anywhere}.calendar-objective-row__description :first-child{margin-top:0}.calendar-objective-row__description :last-child{margin-bottom:0}.calendar-objective-row__description img{max-width:100%;height:auto}.calendar-detail-description__content{color:#dfdfdfd1;font-size:.82rem;line-height:1.45;overflow-wrap:anywhere}.calendar-detail-description__content :first-child{margin-top:0}.calendar-detail-description__content :last-child{margin-bottom:0}.calendar-detail-description__content img{max-width:100%;height:auto}.calendar-detail-reward-card{display:flex;flex-direction:column;gap:.65rem;border:1px solid rgba(90,195,255,.16);border-radius:.45rem;padding:.7rem;background:linear-gradient(180deg,#05334e85,#0319279e),#03192794}.reward-ribbon{width:100%;display:flex;flex-direction:column;gap:.55rem}.reward-ribbon__button{width:100%;border:0;padding:0;background:transparent;color:inherit;font:inherit;text-align:left}.reward-ribbon__overlay{position:relative;width:100%;margin:0 auto}.reward-ribbon__image{width:100%;height:auto;display:block}.reward-ribbon__rect{position:absolute;top:17%;height:64%;border-radius:10%;background-image:linear-gradient(145deg,#fff6,#0003),repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(255,255,255,.07) 2px,rgba(255,255,255,.07) 3px);background-blend-mode:overlay,overlay;box-shadow:0 8px 13px #00000080,inset 0 2px 4px #ffffff4d,inset 0 -3px 2px #00000080}.reward-ribbon__rect.rect-1{left:6%;z-index:200}.reward-ribbon__rect.rect-2{left:17.125%;z-index:190}.reward-ribbon__rect.rect-3{left:28.25%;z-index:180}.reward-ribbon__rect.rect-4{left:39.375%;z-index:170}.reward-ribbon__rect.rect-5{left:50.5%;z-index:160}.reward-ribbon__rect.rect-6{left:61.625%;z-index:150}.reward-ribbon__rect.rect-7{left:72.75%;z-index:140}.reward-ribbon__rect.rect-8{left:83.875%;z-index:130}.reward-ribbon__group-image{position:absolute;top:50%;left:50%;max-width:90%;max-height:90%;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 2px 1px rgba(0,0,0,.7));z-index:100}.reward-ribbon__progress{width:100%;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:.18rem;margin-top:.45rem}.reward-ribbon__progress-segment{min-width:0;height:.42rem;border:1px solid rgba(223,223,223,.14);border-radius:.12rem;background:#dfdfdf14}.reward-ribbon__progress-segment--filled{border-color:#75cf78a6;background:#75cf78;box-shadow:0 0 .45rem #75cf783d}.reward-ribbon__progress-label{margin:.32rem 0 0;color:#dfdfdf9e;font-size:.68rem;font-weight:800;text-align:center;text-transform:uppercase}.reward-ribbon__info{min-width:0;border-top:1px solid rgba(90,195,255,.12);padding-top:.55rem}.reward-ribbon__info h3{margin:0 0 .28rem;color:#fff;font-size:.82rem;font-weight:900;line-height:1.25;text-transform:uppercase}.reward-ribbon__info p{margin:0;color:#dfdfdfad;font-size:.76rem;line-height:1.35}.reward-token{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.6rem;align-items:center;padding-top:.65rem;border-top:1px solid rgba(90,195,255,.12)}.reward-token:first-child{padding-top:0;border-top:0}.reward-token__copy{display:flex;align-items:baseline;gap:.45rem;min-width:0}.reward-token__copy strong{color:#fff;font-size:1.25rem;line-height:1}.reward-token__copy span{color:#dfdfdfb3;font-size:.72rem;font-weight:800;text-transform:uppercase}.calendar-detail-actions{display:flex;flex-direction:column;gap:.5rem;padding:0 .85rem .85rem}.calendar-detail-action{width:100%;min-height:2.75rem;border:1px solid rgba(223,223,223,.18);border-radius:.4rem;color:#dfdfdf;font-family:GoodTimes,Good Times,Arial,sans-serif;font-size:.82rem;font-weight:800;text-transform:uppercase}.calendar-detail-action--signup{border-color:#75cf787a;background:linear-gradient(180deg,#3f7c42e6,#2a5f2deb)}.calendar-detail-action--decline{border-color:#d123237a;background:linear-gradient(180deg,#7e1e1eeb,#491212f0)}.calendar-detail-action:disabled{opacity:.68}.calendar-detail-actions__error{margin:0;color:#ffb8b8;font-size:.78rem;line-height:1.35}.home-placeholder{margin:0;color:#dfdfdfb8;font-size:.84rem}.bottom-nav{position:absolute;left:0;right:0;bottom:0;min-height:4.45rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#031927e6;border-top:1px solid rgba(184,184,184,.35)}.bottom-nav__button{min-width:0;border:0;border-right:1px solid rgba(184,184,184,.16);padding:.55rem .35rem .45rem;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.32rem;background:transparent;color:#dfdfdf;font-family:GoodTimes,Good Times,Arial,sans-serif;font-size:.68rem;font-weight:800;text-transform:uppercase}.bottom-nav__button:last-child{border-right:0}.bottom-nav__button--active{color:#5ac3ff}.bottom-nav__icon{width:1.35rem;height:1.35rem;position:relative;display:inline-block;color:currentColor;box-sizing:border-box}.bottom-nav__icon--home:before{content:"";position:absolute;left:.2rem;top:.46rem;width:.95rem;height:.75rem;border:2px solid currentColor;border-top:0;box-sizing:border-box}.bottom-nav__icon--home:after{content:"";position:absolute;left:.24rem;top:.12rem;width:.88rem;height:.88rem;border-left:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg);box-sizing:border-box}.bottom-nav__icon--roster:before,.bottom-nav__icon--roster:after{content:"";position:absolute;left:.1rem;right:.1rem;height:.32rem;border:2px solid currentColor;border-radius:999px}.bottom-nav__icon--roster:before{top:.18rem}.bottom-nav__icon--roster:after{bottom:.18rem}.bottom-nav__icon--calendar{border:2px solid currentColor;border-radius:.18rem}.bottom-nav__icon--calendar:before{content:"";position:absolute;left:-2px;right:-2px;top:.26rem;height:2px;background:currentColor}.bottom-nav__icon--calendar:after{content:"";position:absolute;left:.26rem;top:-.28rem;width:.5rem;height:.28rem;border-left:2px solid currentColor;border-right:2px solid currentColor}.status-text,.scanner-instructions{margin:0;color:#ffffffdb}.scanner-instructions{max-width:24rem;line-height:1.45}.scanner-frame{position:relative;width:100%;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;background:#0b2232;border:1px solid rgba(255,255,255,.18);border-radius:.5rem}.scanner-frame:after{content:"";position:absolute;top:14%;right:14%;bottom:14%;left:14%;border:2px solid rgba(255,255,255,.78);border-radius:.35rem;pointer-events:none}.scanner-video{width:100%;height:100%;object-fit:cover}.scanner-placeholder{position:absolute;color:#ffffffb8;font-weight:700}.actions,.manual-form{width:100%;display:flex;flex-direction:column;gap:.65rem}.manual-form{margin-top:.25rem;text-align:left}.manual-form label{color:#ffffffc7;font-size:.9rem;font-weight:700}.manual-form input{width:100%;border:1px solid rgba(255,255,255,.26);border-radius:.45rem;padding:.78rem;color:#fff;background:#0b2232b8;font:inherit}.manual-form input::placeholder{color:#ffffff7a}.primary-button,.secondary-button,.ghost-button{min-height:2.9rem;border:0;border-radius:.45rem;padding:.75rem 1rem;font-weight:800;font-size:1rem}.primary-button{background:#fff;color:#133b53}.secondary-button{width:100%;background:#0b2232;color:#fff}.ghost-button{width:100%;background:transparent;color:#ffffffd1;border:1px solid rgba(255,255,255,.24)}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled{opacity:.7}@media (max-width: 28rem){.app-header{height:calc(3rem + 5px)}.app-header__logo{width:1.8rem;height:1.8rem}.app-header__name{font-size:1.2rem}.home-view,.roster-view,.calendar-view{top:4.15rem}}.error-box,.info-box{width:100%;margin:0;padding:.75rem;border-radius:.45rem;text-align:left}.error-box{background:#fee2e2;color:#991b1b}.info-box{background:#ffffff24;color:#fff}.connected-error{position:absolute;left:1rem;right:1rem;bottom:5.3rem;width:auto;max-width:28rem;margin:0 auto}