:root{color-scheme:dark;--bg:#07111e;--panel:#0d1b2b;--panel2:#12243a;--line:#203750;--text:#f4f8fc;--muted:#8da2b8;--orange:#ff6a22;--orange2:#ff914d;--green:#31d07f;--danger:#ff5f6d}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font:16px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2rem,5vw,4.5rem);line-height:.98;letter-spacing:-.045em}h2{margin:0;font-size:1.65rem}h3{margin-bottom:.3rem;font-size:1.15rem}.eyebrow{margin:0 0 .35rem;color:var(--orange2);font-size:.72rem;font-weight:900;letter-spacing:.17em}.lead,.panel-head p,.panel>p{color:var(--muted)}.auth-shell{display:grid;grid-template-columns:minmax(360px,560px) 1fr;min-height:100vh}.auth-panel{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,6vw,6rem);background:linear-gradient(145deg,#081423,#0b1b2e)}.brand-mark{width:76px;height:76px;border-radius:22px;margin-bottom:2rem}.auth-panel h1{max-width:650px;margin:.6rem 0 1.2rem}.auth-panel .lead{max-width:480px;font-size:1.05rem}.auth-form{display:grid;gap:1rem;margin-top:1.2rem}.auth-visual{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:100%;padding:6vw;overflow:hidden;background:radial-gradient(circle at 65% 25%,#1d4b70 0,transparent 32%),linear-gradient(155deg,#0e273e,#02070d)}.auth-visual:before{content:"";position:absolute;inset:15% -10% -35% 20%;border:2px solid #ff6a2255;border-radius:50% 50% 0 0;transform:rotate(-18deg);box-shadow:0 0 80px #ff6a221f}.auth-visual b{position:relative;font-size:clamp(2rem,5vw,5.5rem);max-width:800px;line-height:.95}.auth-visual span{position:relative;color:#bdd0e2;font-size:1.1rem;margin-top:1rem}.road-line{position:absolute;width:280px;height:720px;right:8%;top:-20%;border-left:10px solid #ffffff12;border-right:10px solid #ffffff12;transform:rotate(24deg)}label{display:grid;gap:.4rem;color:#b9cadb;font-size:.86rem;font-weight:650}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:12px;background:#07111e;color:var(--text);padding:.82rem .9rem;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ff6a2226}.primary,.secondary,.danger,.link-button,.search-row button{border:0;border-radius:12px;padding:.85rem 1rem;font-weight:850}.primary{background:linear-gradient(135deg,var(--orange),#ff8d39);color:white}.secondary{background:#18314c;color:#eaf4ff;border:1px solid #294965}.danger{width:100%;margin-top:1rem;background:#3b1721;color:#ffb2ba;border:1px solid #763240}.link-button{background:transparent;color:#ff9e6e}.status{min-height:1.4rem;margin:.7rem 0 0;color:#ffb080}.compact{width:auto;padding:.65rem .95rem}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;display:flex;flex-direction:column;padding:1.2rem;background:#081522;border-right:1px solid var(--line);z-index:20}.brand{display:flex;align-items:center;gap:.8rem;padding:.2rem .3rem 1.6rem}.brand img{width:46px;height:46px;border-radius:14px}.brand div{display:grid}.brand b{font-size:1.15rem}.brand small{color:var(--muted)}nav{display:grid;gap:.4rem}.nav-item{display:flex;align-items:center;gap:.8rem;border:0;border-radius:12px;padding:.85rem 1rem;background:transparent;color:#9db0c3;text-align:left;font-weight:750}.nav-item span{font-size:1.2rem}.nav-item:hover,.nav-item.active{background:#142b43;color:white}.nav-item.active{box-shadow:inset 3px 0 var(--orange)}.sidebar-user{display:flex;align-items:center;gap:.7rem;margin-top:auto;padding:1rem .5rem;border-top:1px solid var(--line);overflow:hidden}.sidebar-user>div:last-child{display:grid;min-width:0}.sidebar-user small{color:var(--muted);overflow:hidden;text-overflow:ellipsis}.avatar{display:grid!important;place-items:center;min-width:40px;height:40px;border-radius:50%;background:var(--orange);font-weight:900}.workspace{min-height:100vh;margin-left:260px}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:1rem;padding:1rem clamp(1rem,3vw,2.5rem);background:#07111edc;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.topbar>div{flex:1}.icon-button{display:none;border:0;background:transparent;color:white;font-size:1.35rem}.connection{padding:.45rem .7rem;border:1px solid #245d44;border-radius:999px;background:#102d22;color:#8ef1ba;font-size:.78rem;font-weight:750}.view{display:none;padding:clamp(1rem,3vw,2.5rem)}.view.active{display:block}.panel{border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,var(--panel2),var(--panel));padding:1.2rem;box-shadow:0 18px 50px #0002}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.panel-head p{margin:0;font-size:.85rem}.live-pill{border-radius:999px;padding:.35rem .6rem;background:#173626;color:#74e7a7;font-size:.68rem;font-weight:900}.community-layout,.groups-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:1.2rem}.messages{height:52vh;min-height:380px;overflow:auto;display:flex;flex-direction:column;gap:.75rem;padding:1rem .2rem}.message{align-self:flex-start;max-width:min(82%,650px);padding:.75rem .9rem;border:1px solid #29445e;border-radius:14px 14px 14px 3px;background:#13283e}.message.mine{align-self:flex-end;border-color:#a6491c;background:#53270f;border-radius:14px 14px 3px 14px}.message header{display:flex;gap:.5rem;margin-bottom:.25rem;color:#a8bad0;font-size:.72rem}.message p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.message img,.message video{display:block;max-width:100%;max-height:360px;margin-top:.6rem;border-radius:10px;background:#000}.compose{display:grid;grid-template-columns:auto 1fr auto;gap:.65rem;align-items:end}.compose textarea{resize:none;min-height:48px}.attach{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--line);border-radius:12px;background:#17304a;color:white;font-size:1.4rem}.attach input{display:none}.media-preview{margin:.7rem 0;padding:.65rem;border:1px solid #41617e;border-radius:12px;color:#c9d9e8}.hint{margin:.55rem 0 0;color:var(--muted);font-size:.75rem}.route-list,.group-list{display:grid;gap:.7rem;padding-top:1rem}.route-card,.group-card{border:1px solid var(--line);border-radius:13px;padding:.9rem;background:#0b1827}.route-card b,.group-card b{display:block}.route-card span,.group-card span{display:block;margin-top:.25rem;color:var(--muted);font-size:.8rem}.group-card{width:100%;color:white;text-align:left;cursor:pointer}.group-card.active{border-color:var(--orange);background:#40220f}.route-layout{display:grid;grid-template-columns:minmax(330px,460px) minmax(0,1fr);gap:1.2rem}.route-form-panel form{display:grid;gap:.85rem}.search-row{display:grid;grid-template-columns:1fr auto;gap:.5rem}.search-row button{background:#1b3856;color:white}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.stop-row{display:grid;grid-template-columns:1fr auto;gap:.5rem;margin-top:.75rem}.stop-row button{border:0;border-radius:10px;background:#3a1921;color:#ffb3bd;padding:0 .85rem}.map-column{position:sticky;top:98px;align-self:start}.map-column #routeMap{height:62vh;min-height:520px;border:1px solid var(--line);border-radius:18px;background:#0d1b2b;overflow:hidden}.route-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:.7rem}.route-summary>div{display:grid;padding:.8rem;border:1px solid var(--line);border-radius:12px;background:#102237}.route-summary small{color:var(--muted)}.route-summary b{font-size:1.1rem}.profile-layout{display:grid;grid-template-columns:minmax(320px,650px) minmax(260px,380px);gap:1.2rem}.profile-layout form{display:grid;gap:.9rem}.account-row{display:flex;justify-content:space-between;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--line)}.account-row span{color:var(--muted)}.good{color:#72e4a5}#toast{position:fixed;left:50%;bottom:1.5rem;z-index:100;transform:translate(-50%,140%);max-width:90vw;padding:.8rem 1rem;border-radius:12px;background:var(--orange);color:#fff;font-weight:800;transition:.25s}#toast.show{transform:translate(-50%,0)}.leaflet-control-attribution{font-size:10px!important}
@media(max-width:1000px){.community-layout,.groups-layout{grid-template-columns:1fr}.recent-panel{order:-1}.route-layout{grid-template-columns:1fr}.map-column{position:static}.profile-layout{grid-template-columns:1fr}.messages{height:44vh}}
@media(max-width:760px){.auth-shell{grid-template-columns:1fr}.auth-visual{display:none}.auth-panel{padding:2rem 1.2rem}.sidebar{z-index:2100;height:100dvh;overflow-y:auto;transform:translateX(-105%);transition:.25s;box-shadow:18px 0 50px #0009}.sidebar.open{transform:none}.menu-backdrop{display:block;position:fixed;inset:0;z-index:2000;border:0;padding:0;background:#02070db8;opacity:0;pointer-events:none;transition:opacity .2s}.menu-backdrop.open{opacity:1;pointer-events:auto}.workspace{margin-left:0}.icon-button{display:block;min-width:44px;min-height:44px;border-radius:10px;background:#142b43}.connection{font-size:0}.connection:first-letter{font-size:.8rem}.view{padding:1rem}.topbar{z-index:1200;padding:.8rem 1rem}.two-col,.route-summary{grid-template-columns:1fr}.map-column #routeMap{min-height:420px}.compose{grid-template-columns:auto 1fr}.compose .primary{grid-column:1/-1;width:100%}.messages{min-height:330px}.panel{padding:1rem}body.menu-open{overflow:hidden}.nav-item{min-height:50px;font-size:1rem}}

.collapse-button{margin-left:auto;border:1px solid var(--line);border-radius:10px;background:#142b43;color:white;font-size:1.4rem;width:34px;height:34px}.sidebar.collapsed{width:82px}.sidebar.collapsed .brand div,.sidebar.collapsed .sidebar-user>div:last-child,.sidebar.collapsed .nav-item:not(.active){font-size:0}.sidebar.collapsed .nav-item span{font-size:1.25rem}.workspace.sidebar-collapsed{margin-left:82px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1.2rem}.map-shell{position:relative}.map-shell #mainMap{height:calc(100vh - 145px);min-height:600px;border:1px solid var(--line);border-radius:18px;background:#0d1b2b;overflow:hidden}.map-legend{position:absolute;z-index:500;left:1rem;bottom:1rem;display:flex;flex-wrap:wrap;gap:.4rem;padding:.55rem;border-radius:12px;background:#07111ee8;border:1px solid var(--line)}.map-legend button{border:1px solid #2f506c;border-radius:8px;padding:.38rem .5rem;background:#142a40;color:white;font-size:.75rem;font-weight:750;cursor:pointer}.map-legend button b{display:inline-grid;place-items:center;min-width:1.35rem;height:1.35rem;margin-left:.2rem;border-radius:999px;background:#ff6a22}.map-legend button.off{opacity:.48;background:#07111e;text-decoration:line-through}.dashboard-side{display:grid;align-content:start;gap:1rem}.weather-card{display:flex!important;align-items:center;gap:1rem}.weather-icon{font-size:3rem}.weather-card div:last-child{display:grid}.weather-card small{color:var(--muted)}.weather-card b{font-size:2rem}.weather-card span{color:#bdd0e2}.toggle{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:.65rem;margin:.8rem 0;color:white}.toggle input{width:20px;height:20px}.compact-list{display:grid;gap:.55rem}.compact-list article{padding:.65rem;border-radius:10px;background:#0b1827;border-left:3px solid var(--orange)}.community-menu{align-self:start}.community-access{width:100%;margin-top:.6rem;border:1px solid var(--line);border-radius:12px;padding:.8rem;background:#102237;color:#c8d7e5;text-align:left;font-weight:800}.community-access.active{border-color:var(--orange);background:#4a260f;color:white}.community-layout{grid-template-columns:240px minmax(0,1fr)}.recent-panel{min-height:70vh}.market-head{display:grid;grid-template-columns:1fr minmax(300px,650px);gap:1rem;align-items:center}.disclaimer{padding:.8rem;border-radius:12px;background:#331d0f;border:1px solid #7d431d;color:#ffd2b7;font-size:.82rem}.market-tabs{display:flex;gap:.6rem;margin:1rem 0}.market-tabs .community-access{width:auto;margin:0}.market-grid{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:1rem}.listing-card{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.listing-card img,.listing-card video{width:100%;height:220px;object-fit:cover;background:#02070d}.listing-card>div{padding:1rem}.listing-card span{color:var(--muted)}.listing-card .price{color:#ff9a65;font-size:1.2rem;font-weight:900}.listing-form{max-width:760px}.support-layout{display:grid;grid-template-columns:minmax(340px,650px) minmax(300px,450px);gap:1.2rem}.mail-button{display:block;text-decoration:none;text-align:center;margin-top:1rem}.bike-pin{display:grid;place-items:center;width:46px;height:46px;border:3px solid var(--pin-color,#ff6a22);border-radius:50%;background:#07111e;box-shadow:0 3px 14px #000}.bike-pin img{width:40px;height:32px;object-fit:contain}
@media(max-width:1100px){.dashboard-grid{grid-template-columns:1fr}.dashboard-side{grid-template-columns:repeat(2,1fr)}.dashboard-side .panel:last-child{grid-column:1/-1}.market-grid{grid-template-columns:repeat(2,minmax(240px,1fr))}}
@media(max-width:1000px){.community-layout{grid-template-columns:1fr}.community-menu{display:flex;gap:.6rem}.community-menu h3{display:none}.community-menu .community-access{margin:0}.support-layout{grid-template-columns:1fr}.market-head{grid-template-columns:1fr}}
@media(max-width:760px){.sidebar,.sidebar.collapsed{width:260px}.workspace.sidebar-collapsed{margin-left:0}.dashboard-side{grid-template-columns:1fr}.dashboard-side .panel:last-child{grid-column:auto}.map-shell #mainMap{min-height:480px;height:65vh}.market-grid{grid-template-columns:1fr}.market-tabs{overflow:auto}}
.bike-glyph{display:block;width:44px;height:32px;background-image:url('assets/motorcycles/motorcycle-sprite.png');background-size:400% 200%;background-repeat:no-repeat;filter:drop-shadow(0 2px 2px #000)}.bike-adventure{background-position:0 0}.bike-touring{background-position:33.333% 0}.bike-sport{background-position:66.666% 0}.bike-naked{background-position:100% 0}.bike-scooter{background-position:0 100%}.bike-custom,.bike-cruiser{background-position:33.333% 100%}.bike-classic{background-position:66.666% 100%}
.sidebar,.workspace{transition:width .25s,margin-left .25s,transform .25s}.sidebar.collapsed .nav-item{font-size:0}.sidebar.collapsed .collapse-button{transform:rotate(180deg)}.weather-overlay{position:absolute;z-index:500;left:1rem;top:1rem;max-width:min(360px,calc(100% - 2rem));padding:.75rem 1rem!important;background:#07111ee8!important;backdrop-filter:blur(10px)}.weather-overlay .weather-icon{font-size:2.25rem}.weather-overlay b{font-size:1.5rem}.map-pick-tools{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.7rem;padding:.7rem;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.map-pick-tools button{border:1px solid #294965;border-radius:10px;padding:.55rem .75rem;background:#18314c;color:white;font-weight:800}.map-pick-tools button.active{border-color:var(--orange);background:#6a2e10}.map-pick-tools span{width:100%;color:var(--muted);font-size:.78rem}.private-messages{height:48vh}.terms-check{display:grid;grid-template-columns:auto 1fr;align-items:start}.terms-check input{width:20px;height:20px}.auth-panel>.secondary{margin-top:.75rem}
.menu-backdrop{display:none}
@media(max-width:760px){.menu-backdrop{display:block}}
.fixed-layer{margin:.8rem 0;padding:.7rem;border:1px solid #245d44;border-radius:10px;background:#102d22;color:#8ef1ba;font-size:.82rem;font-weight:750}
.map-area-search{display:grid;gap:.55rem;margin:.8rem 0}.leader-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.55rem}.leader-actions button{border:1px solid #294965;border-radius:9px;padding:.45rem .65rem;background:#17304a;color:white;font-weight:750}
.leader-actions .moderation-delete{border-color:#7a3540;background:#3b1721;color:#ffb2ba}
.leader-map-shortcuts{display:grid;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.leader-map-shortcuts h3{margin:0 0 .2rem}.leader-map-shortcuts button{border:1px solid #345675;border-radius:10px;padding:.7rem;background:#142d47;color:white;text-align:left;font-weight:800}.leader-section{scroll-margin-top:90px}
.leader-group-detail{grid-column:1/-1}.leader-detail-grid{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(380px,1.2fr);gap:1rem}.leader-detail-grid>div{min-width:0}.leader-detail-media{display:block;width:100%;max-height:300px;margin-top:.6rem;border-radius:10px;object-fit:contain;background:#02070d}.leader-list article p{margin:.45rem 0;color:#d9e5f1;white-space:pre-wrap}@media(max-width:900px){.leader-detail-grid{grid-template-columns:1fr}}
.leader-scope-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;position:sticky;top:74px;z-index:20;border-color:#37658a;box-shadow:0 10px 28px #0007}.leader-scope-bar strong{font-size:1.05rem}.leader-grid>.scope-hidden{display:none!important}
.school-web-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1.2rem}.school-map-panel{padding:1rem}.school-map-panel .panel-head{margin-bottom:1rem}.school-map-panel #schoolWebMap{height:calc(100vh - 230px);min-height:560px;border:1px solid var(--line);border-radius:16px;background:#0d1b2b;overflow:hidden}.school-web-side{align-self:start;position:sticky;top:95px}.school-web-side .primary{width:100%;margin:.5rem 0}.school-map-legend{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.75rem;color:var(--muted)}.school-map-legend span{display:flex;align-items:center;gap:.4rem}.school-person-marker{display:grid;place-items:center;width:44px;height:44px;border:4px solid var(--school-color);border-radius:50%;background:#07111e;box-shadow:0 4px 15px #000b}.school-person-marker span{font-size:24px}
@media(max-width:980px){.school-web-layout{grid-template-columns:1fr}.school-web-side{position:static}.school-map-panel #schoolWebMap{min-height:480px;height:65vh}}
.hazard-open{width:100%;margin-top:.65rem}.hazard-picker{margin-top:.7rem;padding:.75rem;border:1px solid #7d431d;border-radius:12px;background:#21150e}.hazard-picker p{margin:0 0 .65rem;color:#ffd2b7;font-size:.82rem}.hazard-options{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.hazard-options button{min-height:44px;border:1px solid #314d68;border-radius:10px;padding:.55rem;background:#102237;color:white;text-align:left;font-weight:750}.hazard-options button:hover,.hazard-options button:focus{border-color:var(--orange);background:#4a260f}.hazard-map-status{margin:.7rem 0 0;padding:.7rem;border-radius:10px;background:#6a2e10;color:white;font-weight:850}.hazard-pin{display:grid;place-items:center;width:38px;height:38px;border:3px solid white;border-radius:50%;background:var(--hazard-color);font-size:20px;box-shadow:0 3px 12px #0009}.hazard-targeting{cursor:crosshair}.hazard-targeting:after{content:'Toca para colocar el aviso';position:absolute;z-index:900;left:50%;bottom:4.8rem;transform:translateX(-50%);width:max-content;max-width:85%;padding:.65rem .85rem;border-radius:999px;background:#6a2e10;color:white;font-weight:850;pointer-events:none}
@media(max-width:760px){.hazard-options{grid-template-columns:1fr}.hazard-targeting:after{bottom:5.5rem;font-size:.86rem}}
.chat-actions{display:flex;gap:.5rem;flex-wrap:wrap}.chat-actions .danger{width:auto;margin:0}.gallery-item .route-delete{margin:.6rem}.route-point-number{display:grid;place-items:center;width:34px;height:34px;border:3px solid white;border-radius:50%;background:#ff6a22;color:white;font-weight:900;box-shadow:0 3px 12px #0008}
.media-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;padding-top:1rem}.gallery-item{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#091522}.gallery-item img,.gallery-item video{display:block;width:100%;height:220px;object-fit:cover;background:#000}.gallery-item span{display:block;padding:.65rem;color:var(--muted);font-size:.76rem}.share-route-row{display:grid;grid-template-columns:1fr auto;gap:.5rem;margin-top:.7rem}.share-route-row button,.route-delete{border:0;border-radius:9px;padding:.55rem .7rem;background:#18314c;color:white;font-weight:750}.route-delete{margin-top:.55rem;background:#3a1921;color:#ffb3bd}.self-bike{box-shadow:0 0 0 5px #3f8cff55,0 3px 14px #000}.rider-avatar{width:40px;object-fit:cover;border:2px solid var(--orange)}.leader-grid{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(420px,1.2fr);gap:1.2rem}.leader-list{display:grid;gap:.55rem;padding-top:1rem;max-height:70vh;overflow:auto}.leader-list article{display:grid;grid-template-columns:1fr auto;gap:.35rem;padding:.75rem;border:1px solid var(--line);border-radius:12px;background:#0b1827}.leader-list small{color:var(--muted)}.wheel-rating{display:flex;align-items:center;gap:.25rem;margin-top:.65rem}.wheel-rating button{border:0;background:transparent;padding:.15rem;font-size:1.45rem;filter:grayscale(1);opacity:.55}.wheel-rating button.selected,.wheel-rating button:hover{filter:none;opacity:1}.route-actions-web{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.7rem}.route-actions-web button{border:1px solid #294965;border-radius:10px;padding:.55rem .75rem;background:#18314c;color:white;font-weight:800}[hidden]{display:none!important}@media(max-width:980px){.leader-grid{grid-template-columns:1fr}}
.iphone-download-link{display:block;margin-top:.8rem;border:1px solid #536579;border-radius:12px;padding:.85rem 1rem;background:#f4f7fb;color:#07111e;text-align:center;text-decoration:none;font-weight:900}.iphone-download-link:hover{background:#fff}.iphone-sidebar-link{display:flex;align-items:center;gap:.8rem;margin-top:.55rem;border:1px solid #294965;border-radius:12px;padding:.8rem 1rem;background:#102237;color:#eaf4ff;text-decoration:none;font-weight:800}.iphone-sidebar-link span{font-size:1.2rem}.iphone-sidebar-link:hover{border-color:#ff6a22;background:#18314c}.sidebar.collapsed .iphone-sidebar-link{justify-content:center;font-size:0}.sidebar.collapsed .iphone-sidebar-link span{font-size:1.25rem}
.play-download-link{display:block;margin-top:.6rem;border:1px solid #2c6346;border-radius:12px;padding:.85rem 1rem;background:#163d2a;color:#ecfff4;text-align:center;text-decoration:none;font-weight:900}.play-download-link:hover{background:#1c5137}.play-sidebar-link{display:flex;align-items:center;gap:.8rem;margin-top:.45rem;border:1px solid #2c6346;border-radius:12px;padding:.8rem 1rem;background:#102d22;color:#dfffea;text-decoration:none;font-weight:800}.play-sidebar-link span{font-size:1.05rem;color:#58df91}.play-sidebar-link:hover{border-color:#58df91;background:#163d2a}.sidebar.collapsed .play-sidebar-link{justify-content:center;font-size:0}.sidebar.collapsed .play-sidebar-link span{font-size:1.15rem}.leader-collapsible>.panel-head{cursor:pointer}.leader-collapsible>.panel-head:after{content:'▾';font-size:1.25rem;margin-left:auto}.leader-collapsible.collapsed>.panel-head:after{content:'▸'}.leader-collapsible.collapsed>:not(.panel-head){display:none!important}
.account-delete-link{display:block;margin-top:.8rem;color:#ffb3bd;text-align:center;font-weight:800}.account-delete-help{margin:.35rem 0 0;text-align:center;font-size:.78rem}.delete-account-zone{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid #71313a}.delete-account-zone h3{color:#ffb3bd}.delete-account-zone p{font-size:.85rem}.delete-account-zone .danger{width:100%;margin-top:.5rem}
.leader-panel-toggle{margin-left:auto;min-width:72px}.leader-collapsible>.panel-head:after{display:none}.leader-school-create{display:grid;gap:.85rem;margin:1rem 0;padding:1rem;border:1px solid #31516d;border-radius:14px;background:#091725}.school-invite-result{padding:1rem;border:1px solid #2c6346;border-radius:14px;background:#0d2b1d}.school-invite-result p,.school-invite-result small{display:block;margin:.45rem 0;color:#b8cfbf}.school-invite-result .mail-button{display:inline-flex;margin:0}.leader-actions a{align-items:center;justify-content:center}.leader-collapsible.collapsed{padding-bottom:1rem}