.auth-screen,.station-pin-screen{min-height:100svh;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:radial-gradient(circle at 50% 10%,#163f35 0,#0b211c 40%,#06130f 100%);color:#f7fbf9}.auth-card,.station-pin-screen form{width:min(100%,440px);padding:32px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(8,28,23,.88);box-shadow:0 24px 70px rgba(0,0,0,.32);backdrop-filter:blur(16px)}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.auth-brand>div{display:grid}.auth-brand small{color:#92aaa2;text-transform:uppercase;letter-spacing:.14em}.auth-card h1,.station-pin-screen h1{font-size:clamp(1.75rem,5vw,2.35rem);margin:6px 0 8px}.auth-card>p:not(.eyebrow),.station-pin-screen form>p:not(.eyebrow):not(.auth-error){color:#b6c7c1;line-height:1.5}.auth-card form,.station-pin-screen form{display:grid;gap:16px}.auth-card form{margin-top:24px;padding:0;border:0;background:none;box-shadow:none}.auth-card label,.station-pin-screen label{display:grid;gap:7px;font-weight:650}.auth-card label>div,.station-pin-screen label>div{display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.06)}.auth-card input,.station-pin-screen input{width:100%;min-height:46px;border:0;background:transparent;color:#fff;outline:0;font:inherit}.auth-card label>input{padding:0 12px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.06)}.auth-card label small{color:#9fb0aa;font-weight:400}.auth-card .button,.station-pin-screen .button{justify-content:center;min-height:48px;margin-top:4px}.auth-error{padding:10px 12px;border-radius:9px;background:#4c1919;color:#ffd7d7!important}.station-pin-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#0e8d69;margin-bottom:18px}.station-pin-screen>svg{animation:auth-spin 1s linear infinite}.station-pin-screen>p{color:#c9d6d1}@keyframes auth-spin{to{transform:rotate(1turn)}}.sidebar-user{display:flex;align-items:center;gap:8px;padding:14px 10px;margin-top:auto;border-top:1px solid rgba(255,255,255,.09)}.sidebar-user>a{display:flex!important;align-items:center;gap:10px;min-width:0;flex:1;padding:0!important;background:none!important}.sidebar-user span{display:grid;min-width:0}.sidebar-user small,.sidebar-user strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user small{color:#829990;font-size:.72rem}.sidebar-user button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:8px;color:#9db0a9;background:transparent}.sidebar-user button:hover{background:rgba(255,255,255,.08);color:white}.account-grid{display:grid;gap:18px}.account-panel{max-width:920px}.account-form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:14px;padding:18px}.password-form{grid-template-columns:repeat(3,1fr) auto}.account-form label{display:grid;gap:6px}.account-form input{min-height:42px}.account-form .auth-message{grid-column:1/-1}.users-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:16px}.user-card{padding:0;overflow:hidden}.user-card.disabled{opacity:.62}.user-card header{display:flex;align-items:center;gap:12px;padding:18px}.user-card header>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e4f5ef;color:#087b5d}.user-card header div{min-width:0;flex:1}.user-card h2{margin:0;font-size:1rem}.user-card header p{margin:3px 0 0;color:#68766f;overflow:hidden;text-overflow:ellipsis}.user-card header b{font-size:.68rem;color:#087b5d;letter-spacing:.08em}.user-card dl{display:grid;grid-template-columns:repeat(3,1fr);margin:0;border-block:1px solid #e1e7e4}.user-card dl div{padding:12px}.user-card dt{font-size:.67rem;text-transform:uppercase;color:#738078}.user-card dd{margin:4px 0 0;font-weight:650;font-size:.82rem}.user-card footer{display:flex;flex-wrap:wrap;gap:8px;padding:14px}.user-card footer button{display:flex}.user-create-form{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) auto;align-items:end;gap:12px;padding:16px;margin-bottom:18px}.user-create-form label{display:grid;gap:6px}.user-actions{margin-bottom:14px}@media(max-width:800px){.account-form,.user-create-form{grid-template-columns:1fr}.account-form .button,.user-create-form .button{width:100%;justify-content:center}.user-card dl{grid-template-columns:1fr}.user-card dl div+div{border-top:1px solid #edf1ef}}.account-form{padding:20px;background:#fbfdfc}.account-form label,.user-create-form label{gap:7px;color:#53635d;font-size:.76rem;font-weight:750}.account-form input,.user-card footer select,.user-create-form input,.user-create-form select{width:100%;min-height:44px;padding:0 12px;border:1px solid #cbd8d3;border-radius:9px;background:#fff;color:var(--ink);outline:0}.account-form input:hover,.user-create-form input:hover,.user-create-form select:hover{border-color:#8ca99e}.account-form input:focus,.user-create-form input:focus,.user-create-form select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.user-actions{align-items:center}.user-actions>.button{border:1px solid var(--accent)!important;background:var(--accent)!important;color:#fff!important}.user-actions>.button:hover{background:#087655!important}.user-create-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px;border-color:#d7e2de}.user-create-form .button{justify-self:start;min-height:44px}.user-card footer{align-items:center;background:#fbfdfc}.user-card footer button{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:8px 11px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);cursor:pointer}.user-card footer button:hover{border-color:#9ab9ae;background:var(--accent-soft);color:#087655}.user-card footer select{width:auto;min-width:150px;min-height:38px}@media(max-width:800px){.user-create-form{grid-template-columns:1fr}.user-create-form .button{justify-self:stretch}.user-card footer>*{flex:1 1 160px;justify-content:center}.user-card footer select{width:100%}}.sidebar-user{margin-top:0}.gamification-catalog,.gamification-details{display:grid;gap:18px}.gamification-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px}.gamification-toolbar>label{display:flex;align-items:center;gap:9px;flex:1;max-width:520px;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--muted)}.gamification-toolbar input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font:inherit}.gamification-toolbar label button{display:grid;place-items:center;border:0;background:transparent;color:var(--muted);cursor:pointer}.gamification-message{margin:0;padding:10px 13px;border-radius:9px;background:var(--accent-soft);color:#087655}.gamification-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}.gamification-grid>article{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(15,45,36,.05)}.gamification-card-main{display:flex;gap:15px;min-height:170px;padding:22px;color:inherit;text-decoration:none}.gamification-card-main>span{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:14px;background:var(--accent-soft);color:var(--accent)}.gamification-card-main small{color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.gamification-card-main h2{margin:7px 0 8px;font-size:20px}.gamification-card-main p{margin:0;color:var(--muted);line-height:1.5}.gamification-grid footer{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--line);background:#fbfdfc;color:var(--muted);font-size:12px}.gamification-grid footer time{margin-left:auto}.gamification-grid footer button{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);cursor:pointer}.gamification-grid footer svg{width:15px}.gamification-create-modal{display:grid;gap:16px;width:min(520px,calc(100vw - 28px));padding:22px;border-radius:17px;background:#fff}.gamification-create-modal header{display:flex;align-items:flex-start;justify-content:space-between}.gamification-create-modal header h2{margin:0}.gamification-create-modal header>button{border:0;background:transparent;cursor:pointer}.gamification-create-modal label,.gamification-identity label{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:750}.gamification-create-modal input,.gamification-create-modal textarea,.gamification-identity input,.gamification-identity textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font:inherit}.gamification-create-modal textarea,.gamification-identity textarea{min-height:88px;resize:vertical}.gamification-create-modal footer{display:flex;justify-content:flex-end;gap:9px}.gamification-page-header a{display:inline-flex;align-items:center;gap:6px;margin-bottom:18px;color:var(--muted);font-size:13px;font-weight:700;text-decoration:none}.gamification-page-header a svg{width:15px}.gamification-identity{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:22px;padding:20px}.gamification-identity>div{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(280px,1.3fr);gap:14px}.gamification-identity aside{display:grid;justify-items:end;gap:8px;color:var(--muted);font-size:12px}.event-gamification-selector{padding:20px}.event-gamification-selector-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end;gap:14px}.event-gamification-selector label{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:750}.event-gamification-selector select{width:100%;min-height:44px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink)}.event-gamification-selector .selection-message{grid-column:1/-1;margin:0;color:#087655}.event-gamification-selector .gamification-manage-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 13px;border:1px solid var(--line);border-radius:9px;color:var(--ink);font-weight:750;text-decoration:none}.event-gamification-selector .gamification-manage-link svg{width:16px}@media(max-width:800px){.gamification-toolbar{align-items:stretch;flex-direction:column}.gamification-toolbar>label{max-width:none}.gamification-toolbar>.button{justify-content:center}.event-gamification-selector-body,.gamification-identity,.gamification-identity>div{grid-template-columns:1fr}.gamification-identity aside{justify-items:stretch}.gamification-create-modal footer{flex-direction:column-reverse}.gamification-create-modal footer .button{justify-content:center}}.effect-template-catalog{display:grid;gap:20px}.template-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.template-search,.template-toolbar>label{display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;flex:1}.template-search input,.template-toolbar input{border:0;outline:0;width:100%;font:inherit;background:transparent}.template-toolbar select{min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#fff}.effect-template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.effect-template-grid article{min-width:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.template-card-body{padding:18px;display:grid;gap:12px}.template-card-body h3,.template-card-body p{margin:0}.template-card-body p{color:var(--muted);min-height:44px;line-height:1.5;font-size:13px}.template-card-body>small{color:var(--muted);font-size:11px}.template-card-body .button{justify-content:center}.template-badges{display:flex;gap:7px;flex-wrap:wrap}.template-badges span{background:var(--accent-soft);border-radius:99px;padding:4px 9px;font-size:10px;color:var(--accent);font-weight:750}.effect-sample{height:210px;position:relative;overflow:hidden;background:var(--sample-accent);isolation:isolate}.sample-grid{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 10%,#ffffff55,transparent 60%),repeating-linear-gradient(45deg,transparent,transparent 25px,#ffffff09 0,#ffffff09 26px)}.sample-subject{position:absolute;width:96px;height:160px;left:calc(50% - 48px);bottom:20px;filter:drop-shadow(0 7px 7px #0003)}.sample-subject i{display:block;position:absolute;border-radius:50%;background:#eebd9b;width:48px;height:52px;left:24px;top:0}.sample-subject b{display:block;position:absolute;width:96px;height:108px;border-radius:38% 38% 5% 5%;bottom:0;background:linear-gradient(110deg,#334d5a,#142b37)}.sample-caption{position:absolute;bottom:9px;left:10px;right:10px;text-align:center;color:#fff;font-weight:800;font-size:12px;letter-spacing:.1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.effect-sample>small{position:absolute;right:9px;top:8px;color:#fff;background:#0004;border-radius:6px;padding:3px 6px;font-size:9px}.sample-neon{background:#111022}.sample-neon .sample-subject{filter:drop-shadow(0 0 3px var(--sample-accent)) drop-shadow(0 0 12px var(--sample-accent))}.sample-sticker .sample-subject{filter:drop-shadow(2px 0 white) drop-shadow(-2px 0 white) drop-shadow(0 2px white) drop-shadow(0 -2px white) drop-shadow(5px 7px 0 #0005)}.sample-frame:after,.sample-video-frame:after{content:"";position:absolute;inset:12px;border:solid #fff9;border-width:7px 7px 24px}.sample-instant .sample-subject{bottom:36px}.sample-instant:after{content:"";position:absolute;inset:10px 28px;border:solid white;border-width:9px 9px 30px;z-index:-1}.sample-instant .sample-caption{color:#423b32;bottom:15px;font-size:10px}.sample-mono .sample-subject{filter:grayscale(1)}.sample-double-exposure .sample-subject{opacity:.8;background:repeating-linear-gradient(45deg,#fff3,#fff3 8px,transparent 0,transparent 16px);mix-blend-mode:screen}.sample-magazine .sample-caption{bottom:auto;top:26px;font-size:26px;color:white;font-family:Georgia,serif}.sample-before-after:before{content:"ANTES";position:absolute;inset:0 50% 0 0;background:#16373155;padding:20px 12px;color:white;font-size:10px}.sample-before-after .sample-caption{text-align:right;right:22px}.sample-boomerang .sample-subject{animation:sample-boomerang 2s ease-in-out infinite alternate}.sample-slow-motion .sample-subject{animation:sample-boomerang 5s linear infinite alternate}.sample-speed-ramp .sample-subject{animation:sample-boomerang 3s cubic-bezier(.6,0,.4,1) infinite alternate}.sample-gif .sample-grid,.sample-scenery .sample-grid{animation:sample-backgrounds 3s steps(1) infinite}.sample-playback{position:absolute;left:12px;top:12px;background:#0005;color:white;border-radius:99px;padding:6px 9px;font-size:11px;font-weight:800}.template-modal{display:flex;flex-direction:column;width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 28px);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 24px 100px #0005}.template-modal>header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line);flex-shrink:0}.template-modal h2{margin:0}.template-modal header>button{background:transparent;border:0;padding:8px;color:var(--ink);cursor:pointer}.template-modal-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:22px;display:grid;gap:18px}.template-modal-scroll>.effect-sample{border-radius:12px;width:100%;max-width:350px;margin:auto}.template-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.template-binding,.template-form label{display:grid;gap:8px;font-size:12px;font-weight:750;color:var(--muted)}.template-binding select,.template-form input,.template-form select,.template-form textarea{width:100%;min-height:42px;background:#f9fbfa;border:1px solid var(--line);border-radius:9px;padding:9px 11px;font:inherit;color:var(--ink)}.template-form input[type=color]{padding:4px}.template-form label small{font-weight:400;line-height:1.5}.template-assets{grid-column:1/-1;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px;border:1px dashed var(--line);border-radius:12px}.template-asset{position:relative;width:72px;height:72px;background:#eef3f1;border-radius:8px}.template-asset img{width:100%;height:100%;object-fit:contain}.template-asset button{position:absolute;top:-5px;right:-5px;border:1px solid var(--line);background:#fff;border-radius:50%;width:24px;height:24px;padding:2px;cursor:pointer}.template-form .template-checkbox{display:flex;align-items:center;gap:8px}.template-checkbox input{width:18px;min-height:18px;accent-color:var(--accent)}.template-modal>footer{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:9px;padding:14px 22px;border-top:1px solid var(--line);background:#f9fbfa;flex-shrink:0}.template-error{margin:0;padding:10px 22px;color:#a93431;font-size:13px;flex-shrink:0}.template-picker{width:min(1060px,calc(100vw - 24px))}.template-picker .effect-template-grid{grid-template-columns:repeat(auto-fill,minmax(225px,1fr))}.template-picker .template-modal-scroll>p{margin:0;line-height:1.5}.effect-processing-controls{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:12px;margin-bottom:18px;background:#f7fbf9}.effect-processing-controls .form-grid{gap:12px}.effect-processing-controls input,.effect-processing-controls select{width:100%;min-height:40px;border:1px solid var(--line);border-radius:8px;background:white;padding:7px}.effect-processing-controls label{display:grid;gap:6px;font-size:12px;color:var(--muted)}@keyframes sample-boomerang{0%{transform:translateX(-38px) rotate(-8deg)}to{transform:translateX(38px) rotate(8deg)}}@keyframes sample-backgrounds{0%{background-color:#4162bd55}33%{background-color:#b958a655}66%{background-color:#37b77c55}}@media (prefers-reduced-motion:reduce){.effect-sample *{animation:none!important}}@media (max-width:640px){.template-form{grid-template-columns:1fr}.template-modal-scroll{padding:15px}.template-modal>footer,.template-modal>header{padding:13px 15px}.template-modal>footer .button{flex:1;justify-content:center}.template-toolbar>label{flex-basis:100%}.template-toolbar .button{flex:1;justify-content:center}.effect-template-grid,.template-picker .effect-template-grid{grid-template-columns:1fr}.effect-sample{height:180px}}