.app-head{min-height:var(--nav-h);border-bottom:1px solid var(--hairline);background:var(--glp-white);z-index:10;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-block:10px;padding-inline:40px;display:flex;position:sticky;top:0}.app-head .lockup{align-items:center;gap:16px;display:flex}.app-head .lockup img{width:auto;height:34px}.app-head .injaz{border-inline-start:1px solid var(--hairline);color:var(--ink-500);align-items:center;gap:8px;padding-inline-start:16px;display:flex}.app-head .injaz svg,.app-head .injaz img{flex:none;width:20px;height:20px}#nav .nav-brand img{flex:none;width:22px;height:22px}.head-tools{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.dev-strip{background:var(--bronze-050);border:1px solid var(--hairline);border-inline-start:3px solid var(--glp-bronze);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:8px;padding:6px 10px;display:flex}.dev-strip .ov{color:var(--bronze-900)}.nav-mark{align-items:center;gap:10px;padding:6px 10px 18px;display:flex}.nav-mark img{width:auto;height:30px}.nav-mark .injaz-line{color:var(--ink-500);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}@media (width<=1023px){.app-head{padding-inline:24px}.nav-mark{justify-content:center;padding:6px 0 14px}.nav-mark img,.nav-mark .injaz-line span{display:none}}@media (width<=639px){.app-head{padding-inline:16px}}.fixed.inset-0.z-50[data-state]{z-index:50;background:color-mix(in srgb, var(--ink-500) 60%, transparent);position:fixed;inset:0}.tutorial-dialog{z-index:51;background:var(--glp-white);border:1px solid var(--hairline);border-radius:var(--radius);width:min(720px,100vw - 32px);max-height:90vh;padding:24px;position:fixed;inset-block-start:50%;inset-inline-start:50%;overflow-y:auto;transform:translate(-50%,-50%)}[dir=rtl] .tutorial-dialog{transform:translate(50%,-50%)}.tutorial-dialog>button.absolute{display:none}.tutorial-dialog h2{font-size:22px;font-weight:700}.tutorial-dialog [role=tablist]{border-bottom:1px solid var(--hairline);flex-wrap:wrap;gap:4px;display:flex}.tutorial-dialog [role=tab]{color:var(--ink-500);cursor:pointer;border-bottom:2px solid #0000;padding:8px 12px}.tutorial-dialog [role=tab][data-state=active]{color:inherit;border-bottom-color:var(--glp-bronze);font-weight:700}.page-body{padding-top:32px;padding-bottom:48px}#screen header .ov{margin-bottom:4px}#screen header .h1{margin-top:6px;margin-bottom:4px}#screen header+*{margin-top:24px}.page-enter>*+section,.page-enter section+section{margin-top:32px}.card{padding:16px}.card>.btn:last-child,.card>.row:last-child{margin-top:12px}.row .btn+.btn{margin-inline-start:0}.row:has(>.btn){flex-wrap:wrap;gap:12px}.field,.field+.btn,.field+.row,textarea+.btn,textarea+.row,.input+.btn{margin-top:16px}:is(p+.btn,p+.row:has(>.btn)){margin-top:12px}.nav-foot{padding:18px 12px 6px}.nav-foot .row{gap:10px;margin-top:12px}#screen header .h1:after{content:"";background:var(--glp-red);width:32px;height:3px;transition:width var(--t-std) var(--ease);margin-top:10px;display:block}#app[data-tone=green] #screen header .h1:after{background:var(--glp-green)}#screen header:hover .h1:after{width:56px}.page-enter{animation:rsdIn var(--t-std) var(--ease)}.page-enter>*>*,.page-enter>*{animation:rsdIn var(--t-std) var(--ease) both}.page-enter>*>:nth-child(2){animation-delay:40ms}.page-enter>*>:nth-child(3){animation-delay:80ms}.page-enter>*>:nth-child(4){animation-delay:.12s}.page-enter>*>:nth-child(n+5){animation-delay:.16s}.btn{transition:background var(--t-hover) var(--ease),border-color var(--t-hover) var(--ease),transform var(--t-hover) var(--ease),box-shadow var(--t-hover) var(--ease)}.btn:not(:disabled):active{transform:translateY(1px)}a.card,button.card,.card[role=button],.feed-item,.list-row{transition:transform var(--t-hover) var(--ease),box-shadow var(--t-hover) var(--ease),background var(--t-hover) var(--ease)}a.card:hover,button.card:hover{box-shadow:0 6px 18px -12px var(--border-strong);transform:translateY(-2px)}.nav-item{transition:background var(--t-hover) var(--ease),border-color var(--t-std) var(--ease),padding var(--t-hover) var(--ease)}.nav-item:hover{padding-inline-start:15px}.nav-item[aria-current=page]{animation:navMark var(--t-std) var(--ease)}@keyframes navMark{0%{border-inline-start-color:#0000}}.nav-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.nav-toggle{width:32px;height:32px;color:var(--ink-500);border:1px solid var(--hairline);background:var(--glp-white);transition:background var(--t-hover) var(--ease);flex:none;justify-content:center;align-items:center;display:inline-flex}.nav-toggle:hover{background:var(--sand-100)}[dir=rtl] .nav-toggle svg{transform:scaleX(-1)}#app[data-nav=collapsed],#app[data-nav=collapsed].panel-open{grid-template-columns:0 minmax(0,1fr) 0}#app[data-nav=collapsed] #nav{visibility:hidden;border:0;padding-inline:0}#nav{transition:padding var(--t-std) var(--ease)}@media (width<=1023px){.nav-top{flex-direction:column;align-items:center}}.help-btn.btn.sm{gap:6px;min-height:32px;padding:4px 10px;font-size:12px}.fixed.inset-0.z-50[data-state=open]{animation:tutFade var(--t-std) var(--ease)}.tutorial-dialog[data-state=open]{animation:tutPop var(--t-std) var(--ease)}@keyframes tutFade{0%{opacity:0}}@keyframes tutPop{0%{opacity:0;transform:translate(-50%,-48%)scale(.97)}}[dir=rtl] .tutorial-dialog[data-state=open]{animation-name:tutPopRtl}@keyframes tutPopRtl{0%{opacity:0;transform:translate(50%,-48%)scale(.97)}}.tutorial-dialog{border-top:3px solid var(--glp-bronze);padding:28px}.tutorial-dialog [role=tab]{transition:color var(--t-hover) var(--ease),border-color var(--t-std) var(--ease)}.tut-card{padding:20px}.tut-head{align-items:center;gap:14px;display:flex}.tut-num{border:1px solid var(--glp-bronze);width:36px;height:36px;color:var(--glp-bronze);flex:none;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:inline-flex}.tut-shot{border:1px solid var(--hairline);border-radius:var(--radius);aspect-ratio:16/9;object-fit:cover;object-position:top;width:100%;margin-top:16px}.tut-body{margin-top:12px}.tut-action{margin-top:16px}.tut-slide.fwd{animation:tutFwd var(--t-std) var(--ease)}.tut-slide.back{animation:tutBack var(--t-std) var(--ease)}@keyframes tutFwd{0%{opacity:0;transform:translate(24px)}}@keyframes tutBack{0%{opacity:0;transform:translate(-24px)}}[dir=rtl] .tut-slide.fwd{animation-name:tutBack}[dir=rtl] .tut-slide.back{animation-name:tutFwd}.tut-nav{justify-content:space-between;align-items:center;gap:12px;display:flex}.tut-progress{flex-direction:column;align-items:center;gap:6px;display:flex}.tut-dots{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.tut-dots span{background:var(--sand-400);width:6px;height:6px;transition:all var(--t-std) var(--ease);border-radius:50%}.tut-dots span.done{background:var(--bronze-200)}.tut-dots span.on{background:var(--glp-bronze);border-radius:3px;width:18px}@media (prefers-reduced-motion:reduce){.page-enter,.page-enter *,.tut-slide,.tutorial-dialog,.fixed.inset-0.z-50,.nav-item,#app{transition:none!important;animation:none!important}}