:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand-navy:#1a237e;--brand-blue:#00c0ff;--brand-blue-accessible:#006399;--brand-green:#00ff80;--brand-orange:#ffb600;--brand-yellow:gold;--gradient-orange:linear-gradient(135deg, var(--brand-orange), var(--brand-yellow));--gradient-blue:linear-gradient(135deg, var(--brand-blue), var(--brand-green));--gradient-mixed:linear-gradient(135deg, var(--brand-orange), var(--brand-blue) 52%, var(--brand-green));--ink-strong:#111a4d;--ink:var(--brand-navy);--ink-muted:#5d6683;--ink-subtle:#667085;--surface:#fff;--surface-soft:#f6f8fc;--surface-warm:#fffdf7;--surface-brand:#eefaff;--line:#e3e8f1;--line-strong:#cfd7e6;--danger:#b42318;--danger-soft:#fff1f0;--success:#087a55;--success-soft:#ecfdf5;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:.75rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-pill:999px;--border-radius:var(--radius-lg);--border-radius-sm:var(--radius-sm);--shadow-xs:0 1px 2px #111a4d0d;--shadow-sm:0 6px 20px #111a4d14;--shadow-md:0 18px 45px #111a4d1f;--shadow-lg:0 28px 70px #111a4d29;--shadow:var(--shadow-sm);--focus-ring:0 0 0 4px #0077b633;--ease-out:cubic-bezier(.22, 1, .36, 1);--duration-fast:.16s;--duration:.22s;--bg-color:var(--surface);--bg-dark:var(--surface-soft);--text-color:var(--ink);--text-light:var(--ink-muted);--primary-orange:var(--brand-orange);--primary-yellow:var(--brand-yellow);--primary-blue:var(--brand-blue-accessible);--primary-green:var(--brand-green);--accent-dark:var(--brand-navy);--accent-red:var(--danger)}*,:before,:after{box-sizing:border-box}html{background:var(--surface-soft);min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;color:var(--ink-strong);background:var(--surface-soft);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;line-height:1.5;overflow-x:hidden}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:#0077b629}button{cursor:pointer;border:0}button:disabled,input:disabled{cursor:not-allowed}img{max-width:100%}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{color:var(--ink-strong);letter-spacing:-.025em;line-height:1.15}a,button,input,[tabindex]:not([tabindex="-1"]){outline:none}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{box-shadow:var(--focus-ring)}#root,.app-root{min-height:100vh}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::selection{color:var(--brand-navy);background:#ffd7007a}.page-shell{width:min(100%,70rem);min-height:100vh;margin-inline:auto;padding:clamp(1rem,3vw,2rem)}.surface,.card{color:var(--ink-strong);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fffffff5}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);text-align:center;transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) ease, border-color var(--duration-fast) ease, opacity var(--duration-fast) ease;padding:.8rem 1.25rem;font-weight:750;line-height:1.2;text-decoration:none;display:inline-flex}.btn-primary{color:var(--brand-navy);background:var(--gradient-orange);border-color:#0000;box-shadow:0 8px 22px #ffb6003d}.btn-secondary{color:var(--brand-navy);background:var(--surface);border-color:#1a237e33}.btn-accent{color:var(--brand-navy);background:var(--gradient-blue);border-color:#0000;box-shadow:0 8px 22px #00c0ff33}.btn-outline{color:var(--brand-navy);box-shadow:none;background:0 0;border-color:#1a237e47}.btn-danger{color:var(--danger);background:var(--surface);border-color:#f3b7b2}.btn:disabled{opacity:.5;box-shadow:none}.icon-button{width:44px;height:44px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);justify-content:center;align-items:center;padding:0;display:inline-flex}.ui-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;flex:none;width:1.25rem;height:1.25rem;display:block}label{color:var(--ink-strong);text-align:left;font-size:.875rem;font-weight:700}input{width:100%;min-height:48px;color:var(--ink-strong);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm);transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease, background var(--duration-fast) ease;padding:.8rem .95rem}input::placeholder{color:var(--ink-subtle)}input:focus{background:var(--surface);border-color:var(--brand-blue-accessible);box-shadow:var(--focus-ring)}.gradient-text{color:var(--brand-navy);background:var(--gradient-mixed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.spinner,.loading-spinner{border:3px solid #0077b629;border-top-color:var(--brand-blue-accessible);border-radius:50%;width:2.5rem;height:2.5rem;animation:.8s linear infinite spin}.status-panel{padding:var(--space-4);color:var(--ink-muted);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md)}.error-message,.auth-error{color:var(--danger);background:var(--danger-soft);border-radius:var(--radius-sm);border:1px solid #f7c9c5;padding:.85rem 1rem;font-size:.9rem;font-weight:650}.auth-success{color:var(--success);background:var(--success-soft);border-radius:var(--radius-sm);border:1px solid #a7e8d0;padding:.85rem 1rem}@media (hover:hover){.btn:not(:disabled):hover,.icon-button:not(:disabled):hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}}@media (width<=767px){.page-shell{padding:1rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn var(--duration) ease-out}.slide-in-up{animation:slideInUp var(--duration) var(--ease-out)}.scale-in{animation:scaleIn var(--duration) var(--ease-out)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.home-container{background:linear-gradient(135deg,#00c0ffe6,#00ff80c7),url(/app_background.png) 50%/620px;place-items:center;min-height:100dvh;padding:clamp(.75rem,3vw,2rem);display:grid;position:relative;overflow:hidden}.home-container:before,.home-container:after{content:"";filter:blur(1px);pointer-events:none;border-radius:50%;position:absolute}.home-container:before{aspect-ratio:1;background:#ffd70042;width:min(34rem,70vw);top:-24%;right:-12%}.home-container:after{aspect-ratio:1;background:#1a237e24;width:min(28rem,60vw);bottom:-28%;left:-10%}.home-hero{z-index:1;width:min(100%,72rem);position:relative}.home-content{box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:home-arrive .6s var(--ease-out);background:#fffffff0;border:1px solid #ffffffad;border-radius:clamp(1.5rem,3vw,2.25rem);grid-template-columns:minmax(0,1fr) minmax(20rem,.9fr);grid-template-areas:"copy art""features features";align-items:center;gap:clamp(1.25rem,3vw,3rem);padding:clamp(1.15rem,4vw,3.5rem);display:grid}.home-copy{grid-area:copy}.home-brand{margin-bottom:var(--space-8);color:var(--brand-navy);letter-spacing:-.02em;align-items:center;gap:.65rem;font-size:1rem;font-weight:850;display:inline-flex}.home-logo{object-fit:contain;width:2.6rem;height:2.6rem}.home-eyebrow{margin-bottom:var(--space-3);color:var(--brand-blue-accessible);letter-spacing:.1em;text-transform:uppercase;font-size:.78rem;font-weight:800}.home-title{max-width:12ch;margin-bottom:var(--space-4);letter-spacing:-.065em;font-size:clamp(2.35rem,5vw,4.6rem);font-weight:900}.home-tagline{max-width:34rem;margin-bottom:var(--space-6);color:var(--ink-muted);font-size:clamp(1rem,1.8vw,1.2rem)}.home-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.btn-large{min-height:50px;padding-inline:1.4rem}.home-welcome-asset{grid-area:art;place-items:center;min-width:0;display:grid}.welcome-asset-img{object-fit:contain;filter:drop-shadow(0 24px 30px #111a4d29);width:min(100%,31rem);max-height:24rem;display:block}.home-features{gap:var(--space-3);grid-area:features;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.feature-card{min-width:0;padding:var(--space-4);align-items:center;gap:var(--space-3);background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-md);display:flex}.feature-icon{object-fit:contain;flex:none;width:2.75rem;height:2.75rem}.feature-card h2{margin:0 0 .15rem;font-size:.95rem}.feature-card p{color:var(--ink-muted);margin:0;font-size:.8rem}@keyframes home-arrive{0%{opacity:0;transform:translateY(1rem)scale(.99)}to{opacity:1;transform:none}}@media (width<=767px){.home-container{padding:max(.65rem, env(safe-area-inset-top)) max(.65rem, env(safe-area-inset-right)) max(.65rem, env(safe-area-inset-bottom)) max(.65rem, env(safe-area-inset-left))}.home-content{border-radius:1.5rem;grid-template-columns:1fr;grid-template-areas:"copy""art""features";gap:.75rem;max-height:calc(100dvh - 1.3rem);padding:1.1rem;overflow:hidden}.home-brand{margin-bottom:.7rem}.home-logo{width:2rem;height:2rem}.home-eyebrow{margin-bottom:.35rem;font-size:.65rem}.home-title{max-width:15ch;margin-bottom:.5rem;font-size:clamp(1.85rem,8.5vw,2.6rem)}.home-tagline{margin-bottom:.8rem;font-size:.9rem}.home-actions{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.btn-large{min-height:44px;padding:.6rem;font-size:.78rem}.home-welcome-asset{height:clamp(6rem,18vh,9rem);position:relative;overflow:hidden}.welcome-asset-img{object-fit:contain;width:100%;height:100%;max-height:100%;position:absolute;inset:0}.home-features{gap:.45rem}.feature-card{text-align:center;flex-direction:column;gap:.2rem;padding:.5rem .3rem}.feature-icon{width:2rem;height:2rem}.feature-card h2{font-size:.75rem}.feature-card p{display:none}}@media (width>=768px) and (height<=800px){.home-container{padding:1rem}.home-content{gap:1.25rem 2rem;padding:1.5rem 2.5rem}.home-brand{margin-bottom:1rem}.home-title{font-size:clamp(2.35rem,4vw,3.6rem)}.home-tagline{margin-bottom:1rem}.welcome-asset-img{max-height:18rem}.feature-card{padding:.75rem}}@media (height<=620px) and (width<=767px){.home-welcome-asset{display:none}.home-content{grid-template-areas:"copy""features"}}.auth-container{background:linear-gradient(#f6f8fce6,#f6f8fcf0),url(/app_background.png) 50%/640px;place-items:center;min-height:100dvh;padding:clamp(1rem,4vw,3rem);display:grid;position:relative}.auth-container:before{content:"";background:var(--gradient-blue);opacity:.2;pointer-events:none;border-radius:50%;width:min(36rem,70vw);height:min(36rem,70vw);position:fixed;top:-24rem;right:-10rem}.auth-card{z-index:1;text-align:center;border-radius:var(--radius-lg);width:min(100%,27rem);box-shadow:var(--shadow-md);background:#fffffff5;border:1px solid #ffffffe6;padding:clamp(1.5rem,5vw,2.5rem);position:relative}.auth-logo{width:4.5rem;height:4.5rem;margin:0 auto var(--space-5);object-fit:contain;filter:drop-shadow(0 8px 12px #111a4d1f);display:block}.auth-title{margin-bottom:var(--space-2);font-size:clamp(1.75rem,4vw,2.25rem);font-weight:850}.auth-subtitle{margin-bottom:var(--space-6);color:var(--ink-muted);font-size:.95rem}.auth-form{margin-bottom:var(--space-5);flex-direction:column;gap:.7rem;display:flex}.auth-form label:not(:first-child){margin-top:var(--space-1)}.auth-form .btn{margin-top:var(--space-2)}.auth-hint{color:var(--ink-muted);text-align:left;margin:-.2rem 0 0;font-size:.78rem}.auth-footer{margin:var(--space-2) 0 0;color:var(--ink-muted);font-size:.875rem}.auth-link{min-height:44px;color:var(--brand-blue-accessible);border-radius:var(--radius-sm);align-items:center;font-weight:750;text-decoration:none;display:inline-flex}@media (hover:hover){.auth-link:hover{color:var(--brand-navy);text-underline-offset:.2em;text-decoration:underline}}@media (width<=480px){.auth-container{padding:max(1rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left));align-items:start}.auth-card{margin-block:auto;padding:1.4rem}}.groups-list-container{gap:var(--space-6);flex-direction:column;width:min(100%,70rem);min-height:100dvh;margin-inline:auto;padding:clamp(1rem,3vw,2rem);display:flex}.groups-topbar{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:3.5rem;display:flex}.groups-brand,.groups-account-link{border-radius:var(--radius-sm);color:var(--brand-navy);font-weight:800;text-decoration:none}.groups-brand{align-items:center;gap:var(--space-2);letter-spacing:-.02em;display:inline-flex}.groups-brand img{object-fit:contain;width:2.75rem;height:2.75rem}.groups-account-link{min-height:44px;padding-inline:var(--space-3);color:var(--brand-blue-accessible);align-items:center;font-size:.875rem;display:inline-flex}.groups-heading-row{justify-content:space-between;align-items:center;gap:var(--space-6);background:radial-gradient(circle at 90% 10%, #00ff8033, transparent 34%), var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);min-height:13rem;box-shadow:var(--shadow-sm);padding:clamp(1.5rem,4vw,3rem);display:flex;overflow:hidden}.groups-header{max-width:32rem}.groups-eyebrow{margin-bottom:var(--space-2);color:var(--brand-blue-accessible);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:850}.groups-header h1{margin-bottom:var(--space-2);color:var(--brand-navy);font-size:clamp(2rem,4vw,3.25rem);font-weight:900}.subtitle{color:var(--ink-muted);margin:0}.groups-heading-art{object-fit:contain;width:min(42%,22rem);max-height:11rem}.groups-actions{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.action-btn{align-items:center;gap:var(--space-4);min-height:5.25rem;color:var(--brand-navy);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) ease, border-color var(--duration-fast) ease;padding:1rem 1.25rem;text-decoration:none;display:flex}.action-create{background:var(--gradient-orange);border-color:#0000}.action-join{background:var(--surface-brand);border-color:#0077b62e}.btn-icon{object-fit:contain;flex:none;width:3rem;height:3rem}.action-btn span{text-align:left;min-width:0;display:grid}.action-btn strong{font-size:1rem}.action-btn small{color:#1a237eb8;margin-top:.1rem;font-size:.78rem}.groups-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));display:grid}.group-card{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:5rem;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) ease, border-color var(--duration-fast) ease;padding:1rem;text-decoration:none;display:flex}.group-card-content{align-items:center;gap:var(--space-3);min-width:0;display:flex}.group-icon{object-fit:contain;flex:none;width:2.8rem;height:2.8rem}.group-info{min-width:0}.group-info h3{color:var(--ink-strong);text-overflow:ellipsis;white-space:nowrap;margin:0 0 .25rem;font-size:.98rem;overflow:hidden}.group-code{color:var(--ink-muted);letter-spacing:.05em;font-size:.76rem;font-weight:750}.group-arrow{width:1.35rem;height:1.35rem;color:var(--brand-blue-accessible);transition:transform var(--duration-fast) var(--ease-out);flex:none}.empty-state,.loading,.groups-state{min-height:18rem;padding:var(--space-8);justify-content:center;align-items:center;gap:var(--space-2);text-align:center;background:var(--surface);border:1px dashed var(--line-strong);border-radius:var(--radius-lg);flex-direction:column;display:flex}.empty-icon{width:4.25rem;height:4.25rem;margin-bottom:var(--space-2);object-fit:contain}.empty-state h2,.empty-state p{margin:0}.empty-state p,.empty-subtitle,.loading{color:var(--ink-muted)}.groups-state .btn{margin-top:var(--space-3)}@media (hover:hover){.groups-account-link:hover{background:var(--surface)}.action-btn:hover,.group-card:hover{box-shadow:var(--shadow-sm);border-color:#0077b63d;transform:translateY(-2px)}.group-card:hover .group-arrow{transform:translate(.2rem)}}@media (width<=600px){.groups-list-container{gap:var(--space-4)}.groups-account-link{font-size:0}.groups-account-link:after{content:"Account";font-size:.8rem}.groups-heading-row{min-height:auto;padding:1.35rem}.groups-heading-art{width:34%}.groups-header h1{font-size:2rem}.groups-actions{gap:var(--space-2)}.action-btn{gap:var(--space-2);min-height:4.7rem;padding:.75rem}.btn-icon{width:2.3rem;height:2.3rem}.action-btn small{display:none}}.group-join-container{flex-direction:column;justify-content:center;width:min(100%,42rem);min-height:100dvh;margin-inline:auto;padding:clamp(1rem,4vw,2.5rem);display:flex;position:relative}.back-btn-page{min-height:44px;margin-bottom:var(--space-5);align-self:flex-start;align-items:center;gap:var(--space-2);color:var(--brand-navy);border-radius:var(--radius-sm);padding:.55rem .75rem;font-size:.875rem;font-weight:750;text-decoration:none;display:inline-flex}.back-arrow-page{width:1.2rem;height:1.2rem}.group-join-header{padding:0 var(--space-6) var(--space-5);text-align:center}.join-logo{width:4.25rem;height:4.25rem;margin:0 auto var(--space-4);object-fit:contain;display:block}.join-eyebrow{margin-bottom:var(--space-2);color:var(--brand-blue-accessible);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:850}.group-join-header h1{margin-bottom:var(--space-2);color:var(--brand-navy);font-size:clamp(2rem,5vw,2.8rem);font-weight:900}.group-join-header>p:last-child{color:var(--ink-muted);margin:0}.mode-selector{z-index:2;background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin:0 auto -1.35rem;padding:.35rem;display:flex;position:relative}.mode-btn{min-height:44px;color:var(--ink-muted);transition:color var(--duration-fast) ease, background var(--duration-fast) ease, box-shadow var(--duration-fast) ease;background:0 0;border-radius:.7rem;padding:.65rem 1.15rem;font-size:.875rem;font-weight:800}.mode-btn.active{color:var(--brand-navy);background:var(--surface);box-shadow:var(--shadow-xs)}.join-form{gap:var(--space-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:3.2rem clamp(1.25rem,5vw,2.5rem) clamp(1.5rem,5vw,2.5rem);display:grid}.join-form h2{color:var(--ink-strong);text-align:center;margin:0;font-size:1.25rem}.join-form input{text-align:center;font-size:1.05rem}.join-form .btn{width:100%}.group-join-container>.error-message{margin-top:var(--space-4);text-align:center}@media (width<=520px){.group-join-container{justify-content:flex-start}.group-join-header{padding-inline:0}.mode-selector{width:calc(100% - 2rem)}.mode-btn{flex:1;padding-inline:.5rem}}.chat-container{background:linear-gradient(#f6f8fceb,#f6f8fcf7),url(/app_background.png) 50%/680px;flex-direction:column;height:100%;display:flex;position:relative}.chat-status{min-height:28px;margin:var(--space-3) auto 0;z-index:2;color:var(--ink-muted);border:1px solid var(--line);border-radius:var(--radius-pill);box-shadow:var(--shadow-xs);background:#ffffffe6;align-items:center;gap:.4rem;padding:.25rem .65rem;font-size:.7rem;font-weight:750;display:inline-flex}.chat-status:before{content:"";background:var(--ink-subtle);border-radius:50%;width:.45rem;height:.45rem}.chat-status.connected:before{background:var(--success)}.chat-status.connecting:before{background:var(--brand-orange)}.chat-status.offline:before{background:var(--danger)}.messages-list{width:min(100%,52rem);min-height:0;padding:var(--space-5) clamp(.75rem, 3vw, 1.5rem);scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin;flex-direction:column;flex:1;gap:.6rem;margin-inline:auto;display:flex;overflow-y:auto}.chat-empty-state{min-height:100%;color:var(--ink-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.chat-empty-icon{width:5rem;height:5rem;margin-bottom:var(--space-3);object-fit:contain;filter:saturate(.9)}.chat-empty-state h2{margin-bottom:var(--space-1);color:var(--ink-strong);font-size:1.1rem}.chat-empty-state p{color:var(--ink-muted);margin:0;font-size:.85rem}.message-container{align-items:flex-end;gap:.45rem;display:flex}.message-container.own{flex-direction:row-reverse}.message-container.system{justify-content:center}.avatar-container{background:var(--surface-brand);border:2px solid var(--surface);width:2.25rem;height:2.25rem;box-shadow:var(--shadow-xs);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.avatar-container img{object-fit:cover;width:100%;height:100%}.message-wrapper{flex-direction:column;max-width:min(76%,34rem);display:flex}.message-username{color:var(--ink-subtle);margin:0 0 .2rem .7rem;font-size:.68rem;font-weight:700}.message-content{overflow-wrap:anywhere;border-radius:1.15rem;padding:.65rem .85rem;font-size:.92rem;line-height:1.45}.message-content.text{color:var(--ink-strong);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-xs)}.message-container.own .message-content.text{color:var(--brand-navy);background:var(--gradient-blue);border-color:#0000;border-bottom-right-radius:.35rem}.message-container.other .message-content.text{border-bottom-left-radius:.35rem}.message-content.system-message{color:var(--brand-blue-accessible);background:var(--surface-brand);text-align:center;border:1px solid #0077b61f;padding:.4rem .75rem;font-size:.78rem}.message-content.photo-challenge{min-width:min(17rem,72vw);color:var(--brand-navy);background:var(--gradient-orange);border:0;padding:0;overflow:hidden;box-shadow:0 10px 25px #ffb60033}.challenge-card{align-items:stretch;gap:var(--space-3);flex-direction:column;padding:1rem;display:flex}.challenge-header{align-items:center;gap:var(--space-2);color:var(--brand-navy);font-size:.95rem;font-weight:850;display:flex}.challenge-icon{object-fit:contain;width:2.25rem;height:2.25rem}.start-challenge-btn{min-height:40px;color:var(--brand-navy);border-radius:var(--radius-pill);background:#ffffffeb;place-items:center;padding:.6rem 1rem;font-size:.82rem;font-weight:800;display:grid}.message-container.own .message-wrapper{align-items:flex-end}.message-container.other .message-wrapper{align-items:flex-start}.message-input-container{gap:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-lg) var(--radius-lg) 0 0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border-bottom:0;width:min(100%,52rem);margin-inline:auto;padding:.75rem clamp(.75rem,3vw,1.5rem) 1rem;display:flex;box-shadow:0 -8px 24px #111a4d0f}.message-input{background:var(--surface-soft);border-radius:var(--radius-pill);border-color:#0000;flex:1;min-width:0}.send-button{width:48px;height:48px;color:var(--brand-navy);background:var(--gradient-orange);border-radius:50%;flex:none;place-items:center;padding:0;display:grid;box-shadow:0 6px 16px #ffb6003d}.send-button:disabled{opacity:.42;box-shadow:none}.send-icon{width:1.15rem;height:1.15rem}@media (hover:hover){.message-content.photo-challenge.clickable:hover{transform:translateY(-2px);box-shadow:0 14px 30px #ffb60047}}@media (width<=480px){.chat-status{margin-top:var(--space-2)}.messages-list{padding-top:var(--space-3)}.message-wrapper{max-width:82%}.message-input-container{border-radius:var(--radius-md) var(--radius-md) 0 0;padding-bottom:.7rem}}.leaderboard-container{background:var(--surface-soft);min-height:100%;padding:clamp(1rem,3vw,2rem)}.leaderboard-header{width:min(100%,52rem);margin:0 auto var(--space-6);align-items:center;gap:var(--space-3);display:flex}.leaderboard-header p{color:var(--brand-blue-accessible);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .1rem;font-size:.7rem;font-weight:850}.leaderboard-header h2{color:var(--brand-navy);margin:0;font-size:clamp(1.5rem,4vw,2.15rem)}.leaderboard-icon{object-fit:contain;width:3.75rem;height:3.75rem}.loading-state,.leaderboard-empty-state{min-height:24rem;color:var(--ink-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.loading-state{gap:var(--space-3)}.leaderboard-empty-icon{width:5.25rem;height:5.25rem;margin-bottom:var(--space-3);object-fit:contain}.leaderboard-empty-state h2{margin-bottom:var(--space-1);font-size:1.15rem}.leaderboard-empty-state p,.loading-state p{margin:0}.loading-state .btn{margin-top:var(--space-2)}.leaderboard-list{gap:var(--space-3);flex-direction:column;width:min(100%,52rem);margin-inline:auto;display:flex}.leaderboard-entry{align-items:center;gap:var(--space-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);min-height:5.5rem;box-shadow:var(--shadow-xs);transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) ease;padding:1rem 1.15rem;display:flex}.leaderboard-entry.current-user{background:linear-gradient(135deg,#00c0ff1a,#00ff801a);border:2px solid #0077b6}.leaderboard-entry.gold{background:linear-gradient(135deg,#fff9e6,#fff);border-left:4px solid gold}.leaderboard-entry.silver{background:linear-gradient(135deg,#f5f5f5,#fff);border-left:4px solid silver}.leaderboard-entry.bronze{background:linear-gradient(135deg,#fff5f0,#fff);border-left:4px solid #cd7f32}.entry-rank{min-width:2.8rem;color:var(--brand-navy);text-align:center;font-size:1.25rem;font-weight:900}.leaderboard-entry.gold .entry-rank{font-size:1.7rem}.leaderboard-entry.silver .entry-rank,.leaderboard-entry.bronze .entry-rank{font-size:1.5rem}.entry-avatar{background:var(--surface-soft);border:3px solid var(--surface);width:3rem;height:3rem;box-shadow:var(--shadow-xs);border-radius:50%;flex:none;overflow:hidden}.leaderboard-entry.gold .entry-avatar{border-color:gold;box-shadow:0 4px 16px #ffd70066}.leaderboard-entry.silver .entry-avatar{border-color:silver}.leaderboard-entry.bronze .entry-avatar{border-color:#cd7f32}.entry-avatar img{object-fit:cover;width:100%;height:100%}.entry-info{flex:1;min-width:0}.entry-username{margin-bottom:var(--space-2);align-items:center;gap:var(--space-2);color:var(--ink-strong);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:750;display:flex;overflow:hidden}.you-badge{color:var(--brand-navy);background:var(--gradient-blue);border-radius:var(--radius-pill);padding:.15rem .45rem;font-size:.62rem;font-weight:850}.entry-score-bar{background:#1a237e1a;border-radius:3px;height:6px;overflow:hidden}.score-fill{height:100%;transition:width .6s var(--ease-out);background:linear-gradient(90deg,#00c0ff,#00ff80);border-radius:3px}.leaderboard-entry.gold .score-fill{background:linear-gradient(90deg,#ffb600,gold)}.entry-score{min-width:3.8rem;color:var(--brand-navy);font-variant-numeric:tabular-nums;text-align:right;flex-direction:column;align-items:flex-end;font-size:1.3rem;font-weight:900;display:flex}.score-label{color:var(--ink-muted);font-size:.65rem;font-weight:700}@media (hover:hover){.leaderboard-entry:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}}@media (width<=520px){.leaderboard-container{padding-inline:.75rem}.leaderboard-entry{gap:.65rem;min-height:4.75rem;padding:.75rem}.entry-rank{min-width:2rem;font-size:1rem}.entry-avatar{width:2.5rem;height:2.5rem}.entry-score{min-width:3.15rem;font-size:1.05rem}}.camera-filter-picker{width:min(100% - 1rem,64rem)}.camera-filter-rail{grid-template-columns:2.5rem minmax(0,1fr) 2.5rem;align-items:center;gap:.4rem;min-width:0;display:grid}.camera-filter-arrow{color:#fff;width:2.5rem;height:4.5rem;font:inherit;transition:background var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);background:#ffffff14;border:1px solid #ffffff29;border-radius:1rem;place-items:center;font-size:2rem;line-height:1;display:grid}.camera-filter-arrow:hover{background:#ffffff2e;transform:scale(1.04)}.camera-filter-options{cursor:grab;-webkit-user-select:none;user-select:none;min-width:0}.camera-filter-options.dragging{cursor:grabbing;scroll-snap-type:none}.camera-filter-options.dragging .camera-filter-option{pointer-events:none}.camera-filter-icon{overflow:hidden}.camera-filter-icon.has-preview{background-image:var(--lens-preview), radial-gradient(circle at 30% 22%, #ffffff6b, transparent 34%), linear-gradient(145deg, color-mix(in srgb, var(--lens-accent) 72%, white), var(--lens-accent));background-position:50%;background-repeat:no-repeat;background-size:contain,auto,auto}.camera-text-banner{z-index:3;color:#fff;text-align:center;text-wrap:balance;pointer-events:none;justify-content:center;width:100%;padding:0 3%;font-size:clamp(1.25rem,5.4vw,3.7rem);font-weight:800;line-height:1.12;display:flex;position:absolute;left:0;transform:translateY(-50%)}.camera-text-banner span{overflow-wrap:anywhere;border-radius:.22em;max-width:94%;padding:.2em .7em .25em;box-shadow:0 .18em .8em #00000047}.camera-text-banner-classic span{background:#000000ad;width:100%}.camera-text-banner-neon span{text-shadow:0 .08em .2em #41002ab3;background:#ff1c97d6;box-shadow:0 0 .5em #ff1c979e,0 .18em .8em #0000005c}.camera-text-banner-clean span{color:#11131d;background:#ffffffeb}.text-banner-editor{z-index:6;position:relative}.text-banner-toggle{color:#fff;min-width:4.5rem;font:inherit;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#050712b8;border:1px solid #ffffff57;border-radius:999px;justify-content:center;align-items:center;gap:.35rem;padding:.55rem .8rem;font-size:.78rem;font-weight:700;display:inline-flex;box-shadow:0 8px 24px #00000047}.text-banner-toggle span{font-family:Georgia,serif;font-size:1.05rem}.text-banner-editor.open .text-banner-toggle{color:#16131f;background:var(--brand-yellow);border-color:#fff}.text-banner-controls{color:#fff;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#070916f5;border:1px solid #ffffff2e;border-radius:1rem;gap:.65rem;width:min(92vw,32rem);padding:.85rem;display:grid;position:absolute;bottom:calc(100% + .6rem);left:50%;transform:translate(-50%);box-shadow:0 18px 50px #00000075}.text-banner-controls .sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.text-banner-controls input[type=text]{color:#fff;width:100%;font:inherit;background:#ffffff1a;border:1px solid #ffffff3d;border-radius:.7rem;padding:.72rem .85rem}.text-banner-styles{grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}.text-banner-style,.text-banner-clear{color:#fff;font:inherit;background:#ffffff14;border:1px solid #ffffff2e;border-radius:.65rem;padding:.5rem .6rem;font-size:.75rem}.text-banner-style-neon{background:#ff1c979e}.text-banner-style-clean{color:#11131d;background:#ffffffe6}.text-banner-style[aria-pressed=true]{border-color:var(--brand-yellow);box-shadow:0 0 0 2px #ffd74f57}.text-banner-position{grid-template-columns:auto 1fr;align-items:center;gap:.7rem;font-size:.75rem;font-weight:700;display:grid}.text-banner-position input{width:100%;accent-color:var(--brand-yellow)}.text-banner-clear{color:#ffb9c7;justify-self:end}.preview-composer{right:0;bottom:max(6.5rem, calc(env(safe-area-inset-bottom) + 5.5rem));z-index:4;flex-direction:column;align-items:center;gap:.65rem;display:flex;position:absolute;left:0}@media (pointer:coarse),(width<=40rem){.camera-filter-rail{grid-template-columns:minmax(0,1fr)}.camera-filter-arrow{display:none}.camera-filter-picker{width:calc(100% - .7rem)}}.camera-container{background:#050712;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.camera-view,.photo-preview{width:100%;height:100%;position:relative;overflow:hidden}.camera-video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s;display:block;position:absolute;inset:0;transform:scaleX(-1)}.camera-video.ready{opacity:1}.camera-capture-canvas,.camera-source-canvas{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;top:-2px;left:-2px}.camera-filter-overlay,.photo-filter-overlay{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.camera-filter-overlay{object-fit:cover;transform:scaleX(-1)}.photo-filter-overlay{object-fit:contain}.camera-loading,.camera-file-fallback{z-index:4;align-items:center;gap:var(--space-3);color:var(--surface);text-align:center;flex-direction:column;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.camera-loading p{color:#ffffffc7;margin:0;font-size:.85rem}.camera-loading .spinner{border-color:#fff3;border-top-color:var(--brand-yellow)}.camera-error{width:min(100% - 2rem,28rem);padding:var(--space-6);z-index:10;color:var(--surface);border-radius:var(--radius-lg);text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#20263df0;border:1px solid #ffffff2e;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 70px #0006}.camera-error p{margin-bottom:var(--space-4)}.camera-error .btn{width:100%;margin-top:var(--space-2)}.file-fallback-btn,.file-fallback-label{color:var(--surface);background:#ffffff14;border-color:#ffffff6b}.file-fallback-label{cursor:pointer}.camera-file-input{opacity:0;width:1px;height:1px;position:absolute}.camera-controls{right:0;bottom:max(.85rem, env(safe-area-inset-bottom));z-index:3;flex-direction:column;align-items:center;gap:.8rem;display:flex;position:absolute;left:0}.camera-filter-picker{width:min(100% - 1rem,56rem);color:var(--surface);-webkit-backdrop-filter:blur(22px)saturate(1.35);backdrop-filter:blur(22px)saturate(1.35);background:linear-gradient(#080a1894,#050712f0);border:1px solid #ffffff26;border-radius:1.5rem;flex-direction:column;gap:.7rem;padding:.8rem .85rem .9rem;display:flex;box-shadow:0 18px 46px #00000057}.camera-filter-heading{justify-content:space-between;align-items:baseline;gap:1rem;padding:0 .3rem;display:flex}.camera-filter-label,.camera-filter-current{letter-spacing:.02em;font-size:.82rem;font-weight:700}.camera-filter-label{text-transform:uppercase}.camera-filter-current{color:var(--brand-yellow);font-weight:600}.camera-filter-options{overscroll-behavior-inline:contain;scrollbar-width:none;scroll-snap-type:x mandatory;gap:.72rem;width:100%;padding:.15rem .1rem .3rem;display:flex;overflow-x:auto}.camera-filter-options::-webkit-scrollbar{display:none}.camera-filter-option{--lens-accent:#7a7e91;color:#fffc;background:linear-gradient(160deg, color-mix(in srgb, var(--lens-accent) 17%, transparent), #05071280);width:5.5rem;min-width:5.5rem;font:inherit;scroll-snap-align:center;transition:transform var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);border:1px solid #ffffff2e;border-radius:1.2rem;flex-direction:column;align-items:center;gap:.38rem;padding:.38rem .22rem .52rem;font-size:.72rem;line-height:1.05;display:flex}.camera-filter-option:hover{background:linear-gradient(160deg, color-mix(in srgb, var(--lens-accent) 32%, transparent), #0507128c);border-color:color-mix(in srgb, var(--lens-accent) 70%, white);transform:translateY(-3px)}.camera-filter-icon{background:radial-gradient(circle at 30% 22%, #ffffff6b, transparent 34%), linear-gradient(145deg, color-mix(in srgb, var(--lens-accent) 72%, white), var(--lens-accent));border:1px solid color-mix(in srgb, var(--lens-accent) 55%, white);width:4.35rem;height:4.35rem;box-shadow:inset 0 1px #ffffff52, 0 8px 18px color-mix(in srgb, var(--lens-accent) 22%, transparent);border-radius:1rem;place-items:center;font-size:2rem;line-height:1;display:grid}.camera-filter-option-label{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.camera-filter-option.selected{color:var(--surface);background:color-mix(in srgb, var(--lens-accent) 26%, #050712bf);border-color:var(--lens-accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--lens-accent) 32%, transparent), 0 10px 28px color-mix(in srgb, var(--lens-accent) 26%, transparent);transform:translateY(-4px)}.camera-filter-option.selected .camera-filter-icon{box-shadow:inset 0 1px #ffffff73, 0 0 0 3px color-mix(in srgb, var(--lens-accent) 48%, transparent), 0 10px 24px color-mix(in srgb, var(--lens-accent) 45%, transparent);border-color:#fff}.camera-filter-picker small{color:#ffffffb8;text-align:center;max-width:28rem;font-size:.75rem}.camera-filter-picker .camera-filter-status{color:#fff0b8}.capture-button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff38;border:2px solid #ffffffe0;border-radius:50%;place-items:center;width:4.75rem;height:4.75rem;padding:.45rem;display:grid;box-shadow:0 10px 30px #00000059}.capture-inner{background:var(--surface);width:100%;height:100%;transition:transform var(--duration-fast) var(--ease-out);border-radius:50%}.capture-button:active .capture-inner{transform:scale(.86)}.camera-flash{z-index:9999;background:var(--surface);pointer-events:none;animation:.3s ease-out flash;position:fixed;inset:0}.photo-preview{background:#050712;flex-direction:column;display:flex}.preview-image{object-fit:contain;flex:1;width:100%;height:100%;display:block}.preview-filter-picker{right:0;bottom:max(6.5rem, calc(env(safe-area-inset-bottom) + 5.5rem));z-index:3;justify-content:center;display:flex;position:absolute;left:0}.preview-controls{right:0;bottom:max(1.5rem, env(safe-area-inset-bottom));z-index:4;justify-content:center;gap:var(--space-3);padding:0 clamp(1rem,4vw,2rem);display:flex;position:absolute;left:0}.preview-controls:before{content:"";z-index:-1;background:linear-gradient(#0000,#000000bd);position:absolute;inset:-2rem 0}.preview-controls .btn{width:min(100%,10rem)}.preview-controls .btn-outline{color:var(--surface);background:#05071280;border-color:#ffffff85}@keyframes flash{0%,to{opacity:0}45%{opacity:.88}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;top:0;left:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:0 0}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{-webkit-transform-origin:0 0;width:1600px;height:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{width:auto;padding:0;max-width:none!important;max-height:none!important}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:#33b5e566}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;z-index:800;width:0;height:0}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{z-index:800;pointer-events:visiblePainted;pointer-events:auto;position:relative}.leaflet-top,.leaflet-bottom{z-index:1000;pointer-events:none;position:absolute}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{outline-offset:1px;background:#ddd}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{text-align:center;color:#000;background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;text-decoration:none;display:block}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.leaflet-bar a.leaflet-disabled{cursor:default;color:#bbb;background-color:#f4f4f4}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{text-indent:1px;font:700 18px Lucida Console,Monaco,monospace}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{color:#333;background:#fff;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{padding-right:5px;overflow:hidden scroll}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{font-size:1.08333em;display:block}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;padding:0 5px;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{width:1em;height:.6669em;vertical-align:baseline!important;display:inline!important}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{white-space:nowrap;box-sizing:border-box;text-shadow:1px 1px #fff;background:#fffc;border:2px solid #777;border-top:none;padding:2px 5px 1px;line-height:1.1}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{text-align:center;margin-bottom:20px;position:absolute}.leaflet-popup-content-wrapper{text-align:left;border-radius:12px;padding:1px}.leaflet-popup-content{min-height:1px;margin:13px 24px 13px 20px;font-size:1.08333em;line-height:1.3}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{pointer-events:none;width:40px;height:20px;margin-top:-1px;margin-left:-20px;position:absolute;left:50%;overflow:hidden}.leaflet-popup-tip{pointer-events:auto;width:17px;height:17px;margin:-10px auto 0;padding:1px;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{color:#333;background:#fff;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{text-align:center;color:#757575;background:0 0;border:none;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;text-decoration:none;position:absolute;top:0;right:0}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";width:24px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=.707107, M12=.707107, M21=-.707107, M22=.707107);margin:0 auto}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{color:#222;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#fff;border:1px solid #fff;border-radius:3px;padding:6px;position:absolute;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{pointer-events:none;content:"";background:0 0;border:6px solid #0000;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{margin-left:-6px;left:50%}.leaflet-tooltip-top:before{border-top-color:#fff;margin-bottom:-12px;bottom:0}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-top:-12px;margin-left:-6px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;margin-left:-12px;left:0}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.game-overlay{z-index:2000;background:#050712f5;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-container,.skipped-message{width:min(100% - 2rem,24rem);padding:var(--space-8);align-items:center;gap:var(--space-4);color:var(--surface);border-radius:var(--radius-lg);text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border:1px solid #ffffff24;flex-direction:column;display:flex}.loading-container .loading-spinner{border-color:#fff3;border-top-color:var(--brand-yellow)}.loading-container p,.skipped-message p{margin:0}.photo-view{place-items:center;width:100%;height:100%;display:grid;position:relative}.game-photo{object-fit:contain;max-width:100%;max-height:100%}.timer-overlay{bottom:max(2rem, env(safe-area-inset-bottom));position:absolute;left:50%;transform:translate(-50%)}.timer-container{filter:drop-shadow(0 8px 20px #00000073);width:5.25rem;height:5.25rem;position:relative}.timer-icon{object-fit:contain;width:100%;height:100%}.timer-text{color:var(--surface);font-variant-numeric:tabular-nums;text-shadow:0 2px 8px #0000008c;font-size:1.85rem;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.skip-icon{object-fit:contain;width:5rem;height:5rem}.skipped-message>p:not(.skip-subtitle){font-size:1.25rem;font-weight:800}.skip-subtitle{color:#ffffffb8;font-size:.9rem}.guessing-view{gap:var(--space-3);background:var(--surface-soft);grid-template-rows:auto minmax(0,1fr) auto;width:100%;height:100%;padding:clamp(.75rem,2vw,1.25rem);display:grid}.guessing-header{justify-content:center;align-items:baseline;gap:var(--space-3);color:var(--ink-strong);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);text-align:center;padding:.8rem 1rem;display:flex}.guessing-header h3,.guessing-header p{margin:0}.guessing-header h3{color:var(--brand-navy);font-size:1.15rem}.guessing-header p{color:var(--ink-muted);font-size:.82rem}.guessing-view>.leaflet-container{border:1px solid var(--line-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.guess-button{width:min(100%,32rem);min-height:52px;margin-inline:auto}.result-view{width:min(100% - 2rem,70rem);height:min(94dvh,54rem);max-height:94dvh;color:var(--ink-strong);background:var(--surface);border-radius:var(--radius-lg);border:1px solid #fffc;flex-direction:column;padding:clamp(.75rem,2vw,1.5rem);display:flex;overflow:hidden;box-shadow:0 30px 80px #0006}.result-view>h2:first-child{color:var(--brand-navy);text-align:center;margin-top:auto}.result-view>h2:first-child+p{color:var(--ink-muted);text-align:center}.result-header{margin-bottom:var(--space-3);text-align:center;background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-md);padding:.75rem 1rem}.result-header h2{color:var(--brand-navy);margin:0;font-size:1.5rem}.result-header p{color:var(--ink-muted);margin:.2rem 0 0;font-size:.82rem}.result-content{gap:var(--space-4);flex:1;grid-template-columns:minmax(15rem,.82fr) minmax(20rem,1.18fr);min-height:0;display:grid}.result-details{min-width:0;overflow-y:auto}.result-image{object-fit:cover;border-radius:var(--radius-md);width:100%;max-height:14rem;display:block}.result-notice{color:var(--ink-muted);font-size:.85rem}.score-list{margin-top:var(--space-3);gap:var(--space-2);display:grid}.score-card{justify-content:space-between;align-items:center;gap:var(--space-3);background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.7rem .8rem;display:flex}.score-card.current-player{background:#effbff;border-color:#00c0ff}.score-card div{gap:.1rem;display:grid}.score-card span{color:var(--ink-muted);font-size:.76rem}.score-card b{color:var(--brand-navy);font-variant-numeric:tabular-nums;white-space:nowrap}.result-map{border:1px solid var(--line-strong);border-radius:var(--radius-md);height:100%;min-height:20rem;overflow:hidden}.next-button{width:min(100%,18rem);margin:var(--space-3) auto 0}@media (width<=760px){.guessing-view{padding:max(.6rem, env(safe-area-inset-top)) max(.6rem, env(safe-area-inset-right)) max(.6rem, env(safe-area-inset-bottom)) max(.6rem, env(safe-area-inset-left))}.guessing-header{display:block}.guessing-header p{margin-top:.2rem}.result-view{border:0;border-radius:0;width:100%;height:100dvh;max-height:100dvh}.result-content{grid-template-columns:1fr;overflow-y:auto}.result-details{overflow:visible}.result-map{height:42dvh;min-height:17rem}}.logout-btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;color:var(--danger);background:var(--surface);border-radius:var(--radius-sm);transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) ease, background var(--duration-fast) ease;border:1px solid #f3b7b2;padding:.75rem 1rem;font-size:.875rem;font-weight:750;display:inline-flex}.logout-icon{width:1.1rem;height:1.1rem}@media (hover:hover){.logout-btn:hover{background:var(--danger-soft);box-shadow:var(--shadow-sm);transform:translateY(-2px)}}.modal-overlay{z-index:1000;padding:var(--space-4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn var(--duration-fast) ease-out;background:#111a4d73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{width:min(100%,34rem);max-height:min(90dvh,48rem);color:var(--ink-strong);background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:modal-arrive var(--duration) var(--ease-out);border:1px solid #ffffffdb;padding:clamp(1.25rem,4vw,2rem);position:relative;overflow-y:auto}.modal-close{width:44px;height:44px;color:var(--ink-muted);background:var(--surface-soft);border:1px solid var(--line);border-radius:50%;place-items:center;display:grid;position:absolute;top:1rem;right:1rem}.modal-title{margin:0 3.5rem var(--space-1) 0;align-items:center;gap:var(--space-3);color:var(--ink-strong);font-size:1.45rem;display:flex}.modal-icon{object-fit:contain;width:2.1rem;height:2.1rem}.group-name-display{margin:0 0 var(--space-4) 2.85rem;color:var(--brand-blue-accessible);font-size:.95rem;font-weight:750}.personal-settings-link{min-height:44px;margin-bottom:var(--space-4);color:var(--brand-navy);background:var(--surface-brand);border-radius:var(--radius-sm);align-items:center;padding:.65rem .85rem;font-size:.875rem;font-weight:750;text-decoration:none;display:inline-flex}.settings-section{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--line)}.settings-section h4,.section-title{margin:0 0 var(--space-2);color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:850}.section-title{align-items:center;gap:var(--space-2);display:flex}.section-icon{object-fit:contain;width:1.35rem;height:1.35rem}.invite-box,.code-box{align-items:center;gap:var(--space-2);display:flex}.invite-input,.code-box .group-code{background:var(--surface-soft);border:1px solid var(--line);flex:1;min-width:0}.invite-input{color:var(--ink-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.code-box .group-code{min-height:48px;color:var(--brand-navy);border-radius:var(--radius-sm);letter-spacing:.16em;place-items:center;padding:.65rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.2rem;font-weight:850;display:grid}.copy-btn{align-items:center;gap:var(--space-2);min-height:44px;color:var(--brand-navy);background:var(--gradient-orange);border-radius:var(--radius-sm);padding:.65rem .85rem;font-size:.8rem;font-weight:800;display:inline-flex}.copy-icon{object-fit:contain;width:1.15rem;height:1.15rem}.members-toggle{width:100%;min-height:44px;color:var(--ink-strong);letter-spacing:0;text-align:left;text-transform:none;background:0 0;margin:0;padding:0}.members-toggle .ui-icon{color:var(--brand-blue-accessible)}.toggle-icon{transition:transform var(--duration-fast) ease;margin-left:auto;font-size:1.25rem}.members-toggle[aria-expanded=true] .toggle-icon{transform:rotate(180deg)}.members-list{margin-top:var(--space-2);gap:var(--space-2);display:grid}.member-item{align-items:center;gap:var(--space-3);background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-sm);min-height:3.5rem;padding:.55rem .7rem;display:flex}.member-avatar{object-fit:cover;border:2px solid var(--surface);width:2.4rem;height:2.4rem;box-shadow:var(--shadow-xs);border-radius:50%}.member-name{color:var(--ink-strong);font-weight:700}.members-loading,.members-empty{padding:var(--space-4);color:var(--ink-muted);background:var(--surface-soft);border-radius:var(--radius-sm);text-align:center;font-size:.85rem}.logout-section .logout-btn{width:100%}@keyframes modal-arrive{0%{opacity:0;transform:translateY(1rem)scale(.99)}to{opacity:1;transform:none}}@media (width<=600px){.modal-overlay{align-items:flex-end;padding:0}.modal-content{width:100%;max-height:92dvh;padding:1.5rem max(1rem, env(safe-area-inset-right)) max(1.25rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));border-radius:var(--radius-lg) var(--radius-lg) 0 0}.invite-box,.code-box{flex-direction:column;align-items:stretch}.copy-btn{justify-content:center}}.tab-bar{z-index:900;padding:.4rem max(.65rem, env(safe-area-inset-right)) max(.4rem, env(safe-area-inset-bottom)) max(.65rem, env(safe-area-inset-left));justify-content:center;gap:var(--space-2);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 28px #111a4d14}.tab{justify-content:center;align-items:center;gap:var(--space-2);min-width:0;min-height:3.75rem;color:var(--ink-muted);border-radius:var(--radius-md);transition:color var(--duration-fast) ease, background var(--duration-fast) ease, transform var(--duration-fast) var(--ease-out);background:0 0;border:1px solid #0000;flex:1;padding:.4rem .75rem;font-size:.76rem;font-weight:750;display:flex}.tab.active{color:var(--brand-navy);background:var(--surface-brand);border-color:#0077b61f}.tab-icon{object-fit:contain;width:2.1rem;height:2.1rem;transition:transform var(--duration-fast) var(--ease-out);flex:none}.tab.active .tab-icon{transform:translateY(-1px)scale(1.06)}@media (width<=480px){.tab{flex-direction:column;gap:.05rem;padding-inline:.25rem}.tab-icon{width:1.8rem;height:1.8rem}}@media (width>=768px){.tab-bar{border-top:0;border-right:1px solid var(--line);flex-direction:column;justify-content:flex-start;width:5.5rem;padding:5.8rem .65rem 1rem;top:0;right:auto;box-shadow:8px 0 28px #111a4d0f}.tab{flex-direction:column;flex:none;gap:.2rem;width:100%;min-height:4.65rem;padding:.55rem .2rem;font-size:.66rem}.tab-icon{width:2rem;height:2rem}}.group-view{background:var(--surface-soft);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.group-header{z-index:100;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;flex:none}.header-content{align-items:center;gap:var(--space-3);width:min(100%,70rem);min-height:4.5rem;margin-inline:auto;padding:.65rem clamp(.75rem,3vw,1.5rem);display:flex}.header-logo{object-fit:contain;flex:none;width:2.65rem;height:2.65rem}.back-btn,.settings-btn{width:44px;height:44px;color:var(--brand-navy);background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-sm);transition:transform var(--duration-fast) var(--ease-out), background var(--duration-fast) ease;flex:none;place-items:center;padding:0;text-decoration:none;display:grid}.back-arrow-icon{width:1.25rem;height:1.25rem}.group-title-block{flex:1;min-width:0}.group-title-block>span{color:var(--ink-subtle);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:800;display:block}.group-name{color:var(--brand-navy);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.1rem;font-weight:850;overflow:hidden}.settings-btn img{object-fit:contain;width:1.9rem;height:1.9rem;display:block}.group-view>.error-message{margin:var(--space-3) auto 0;z-index:10}.tab-content{min-height:0;padding-bottom:calc(4.85rem + env(safe-area-inset-bottom));flex:1;overflow:hidden}.tab-panel{width:100%;height:100%}@media (hover:hover){.back-btn:hover,.settings-btn:hover{background:var(--surface-brand);transform:translateY(-1px)}}@media (width>=768px){.group-view{padding-left:5.5rem}.tab-content{padding-bottom:0}}@supports (padding:max(0px)){.header-content{padding-top:max(.65rem, env(safe-area-inset-top))}}.account-settings-container{align-items:start;padding-block:clamp(1rem,4vw,3rem)}.account-settings-card{text-align:left;width:min(100%,46rem);padding:clamp(1.25rem,4vw,2.5rem)}.account-header{align-items:center;gap:var(--space-5);display:flex}.account-header>img{object-fit:contain;flex:none;width:5rem;height:5rem}.account-eyebrow{margin-bottom:var(--space-1);color:var(--brand-blue-accessible);letter-spacing:.09em;text-transform:uppercase;font-size:.72rem;font-weight:850}.account-header .auth-title{margin-bottom:var(--space-1)}.account-intro,.account-help,.account-section-heading p{color:var(--ink-muted)}.account-intro,.account-section-heading p{margin:0}.account-section,.account-danger{margin-top:var(--space-6);padding:var(--space-5);background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-md);gap:.65rem;display:grid}.account-section-heading{margin-bottom:var(--space-2)}.account-section-heading h2{margin:0 0 var(--space-1);font-size:1.12rem}.account-section-heading p,.account-help{font-size:.82rem}.account-help{margin:-.2rem 0 0}.account-section .btn,.account-danger .btn{margin-top:var(--space-2);justify-self:start}.avatar-picker{margin-bottom:var(--space-3);gap:var(--space-2);grid-template-columns:repeat(10,minmax(0,1fr));display:grid}.avatar-choice{aspect-ratio:1;background:var(--surface);min-width:44px;transition:transform var(--duration-fast) var(--ease-out), border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;border:2px solid #0000;border-radius:50%;padding:.15rem}.avatar-choice.selected{border-color:var(--brand-blue-accessible);box-shadow:0 0 0 3px #0077b629}.avatar-choice img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.account-verification{margin-top:var(--space-6);padding:var(--space-4) var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-4);background:var(--surface-brand);border-radius:var(--radius-md);border:1px solid #0077b629;display:flex}.account-verification>div{display:grid}.account-verification span{color:var(--ink-muted);font-size:.82rem}.account-danger{background:var(--danger-soft);border-color:#f7c9c5}.account-footer-actions{margin-top:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}@media (hover:hover){.avatar-choice:hover{transform:translateY(-2px)}}@media (width<=640px){.account-settings-container{background:var(--surface);padding:0}.account-settings-card{min-height:100dvh;box-shadow:none;border:0;border-radius:0}.account-header>img{width:3.5rem;height:3.5rem}.avatar-picker{grid-template-columns:repeat(5,minmax(0,1fr))}.account-verification,.account-footer-actions{flex-direction:column;align-items:stretch}.account-section .btn,.account-danger .btn,.account-footer-actions .logout-btn{width:100%}}