:root{--tut-bg:#06190f;--tut-card:#0d2a1c;--tut-line:#82ebaf38;--tut-green:#52d894;--tut-green-2:#2fbf76;--tut-wheat:#e6b85c;--tut-text:#effaf3;--tut-muted:#e1f5e9a8;--tut-red:#ff5a62}.tut-intro,.tut-welcome-backdrop,.tut-tour,.tut-gate,.tut-guide,.tut-dock{font-family:var(--font,"Noto Kufi Arabic",Tahoma,Arial,sans-serif);direction:rtl}.tut-spin{animation:1s linear infinite tutSpin}@keyframes tutSpin{to{transform:rotate(360deg)}}@keyframes tutIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes tutPulse{0%,to{opacity:.5;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.tut-btn-primary,.tut-btn-ghost{height:48px;font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-weight:800;text-decoration:none;transition:transform .18s,filter .18s,background .18s;display:inline-flex}.tut-btn-primary{color:#04170c;background:linear-gradient(#5fe7a0,#29b86c);border:1px solid #78ffaf99;box-shadow:0 0 26px #52d8942e}.tut-btn-primary:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-2px)}.tut-btn-primary:disabled{opacity:.45;cursor:not-allowed}.tut-btn-ghost{color:var(--tut-green);background:0 0;border:1px solid #52d8946b}.tut-btn-ghost:hover:not(:disabled){background:#52d89414}.tut-btn-primary.small,.tut-btn-ghost.small{height:40px;padding:0 16px;font-size:.88rem}.tut-btn-primary.big{height:56px;padding:0 30px;font-size:1.05rem}.tut-x{color:#fff9;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:999px;place-items:center;width:32px;height:32px;display:grid}.tut-x:hover{color:#fff;background:#ffffff14}.tut-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px;display:flex}.tut-error{color:#ffc0c3;background:#ff5a6214;border:1px solid #ff5a6240;border-radius:12px;max-width:520px;margin:16px auto 0;padding:10px 14px;font-size:.86rem}.tut-eyebrow{color:var(--tut-wheat);letter-spacing:.12em;font-size:.75rem;font-weight:800}.tut-intro{z-index:300;color:var(--tut-text);isolation:isolate;background:radial-gradient(circle at 50% 30%,#52d89438,#0000 36%),linear-gradient(150deg,#0b3122,#06190f 55%,#030d08);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.tut-intro:after{content:"";z-index:-1;opacity:.18;background-image:linear-gradient(#96ffbe1f 1px,#0000 1px),linear-gradient(90deg,#96ffbe1f 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.tut-intro-glow{filter:blur(110px);z-index:-1;border-radius:999px;width:34rem;height:34rem;position:absolute}.tut-intro-glow.one{background:var(--tut-green);opacity:.2;top:-15rem;right:-10rem}.tut-intro-glow.two{background:var(--tut-wheat);opacity:.13;bottom:-18rem;left:-8rem}.tut-intro-skip{color:#e6fff0bf;font:inherit;cursor:pointer;background:#0000002e;border:1px solid #a0ffc833;border-radius:999px;align-items:center;gap:7px;padding:10px 15px;font-size:.82rem;font-weight:700;display:inline-flex;position:absolute;top:22px;left:22px}.tut-intro-skip:hover{color:#c6ffdc;border-color:#a0ffc880}.tut-intro-content{text-align:center;width:min(780px,100% - 32px);animation:.45s cubic-bezier(.2,.8,.2,1) both tutIn}.tut-intro-mark{color:#b5ffd4;background:#52d8941f;border:1px solid #96ffbe59;border-radius:26px;place-items:center;width:84px;height:84px;margin:0 auto 20px;display:grid;box-shadow:0 0 44px #52d89438}.tut-intro-eyebrow{color:var(--tut-wheat);letter-spacing:.14em;font-size:.8rem;font-weight:800}.tut-intro h1{text-wrap:balance;margin:14px auto 0;font-size:clamp(2.1rem,5.6vw,4.4rem);font-weight:900;line-height:1.15}.tut-intro p{max-width:600px;color:var(--tut-muted);text-wrap:balance;margin:18px auto 0;font-size:clamp(1rem,2vw,1.2rem);line-height:1.9}.tut-intro-progress{justify-content:center;gap:6px;margin:32px auto 12px;display:flex}.tut-intro-progress span{background:#ffffff26;border-radius:9px;width:36px;height:4px;transition:background .25s}.tut-intro-progress span.is-active{background:var(--tut-green);box-shadow:0 0 12px #52d894b3}.tut-intro-counter{color:#c8ffdc73;letter-spacing:.15em;font-family:ui-monospace,monospace;font-size:.72rem}.tut-welcome-backdrop{z-index:280;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030d08d1;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.tut-welcome{text-align:center;width:min(640px,100%);max-height:calc(100vh - 32px);color:var(--tut-text);border:1px solid var(--tut-line);background:linear-gradient(160deg,#103524,#081d13);border-radius:28px;padding:30px 30px 26px;animation:.35s both tutIn;overflow:auto;box-shadow:0 30px 90px #0009}.tut-welcome img{object-fit:cover;border:2px solid #e6b85c80;border-radius:20px;width:74px;height:74px;margin-bottom:12px}.tut-welcome h2{margin:8px 0 6px;font-size:1.65rem;font-weight:900}.tut-welcome>p{max-width:480px;color:var(--tut-muted);margin:0 auto;line-height:1.8}.tut-welcome ul{text-align:right;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin:20px 0 0;padding:0;list-style:none;display:grid}.tut-welcome li{background:#ffffff09;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:9px;padding:9px 11px;font-size:.84rem;display:flex}.tut-welcome li b{height:24px;color:var(--tut-green);background:#52d89426;border-radius:8px;flex:0 0 24px;place-items:center;font-size:.75rem;display:grid}.tut-tour{z-index:260;position:fixed;inset:0}.tut-blocker{z-index:0;position:fixed;inset:0}.tut-dim{z-index:1;background:#020c07bd;position:fixed;inset:0}.tut-hole{z-index:1;box-shadow:0 0 0 9999px #020c07bd,0 0 0 2px var(--tut-wheat),0 0 30px #e6b85c73;pointer-events:none;border-radius:14px;transition:top .28s,left .28s,width .28s,height .28s;position:fixed}.tut-card{z-index:2;color:var(--tut-text);background:linear-gradient(165deg,#12392a,#0a2318);border:1px solid #e6b85c59;border-radius:20px;outline:none;padding:18px 20px 16px;animation:.3s both tutIn;position:fixed;box-shadow:0 24px 70px #0000008c}.tut-card.is-center{animation:none;top:50%;left:50%;transform:translate(-50%,-50%)}.tut-card.is-docked{bottom:12px;left:12px;right:12px}.tut-card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.tut-chapter{color:var(--tut-wheat);font-size:.74rem;font-weight:800}.tut-card h3{margin:8px 0 6px;font-size:1.22rem;font-weight:900}.tut-card p{color:#e8f8eed1;margin:0;font-size:.92rem;line-height:1.85}.tut-tips{gap:6px;margin:10px 0 0;padding:0;list-style:none;display:grid}.tut-tips li{color:#cdf5dd;background:#52d89412;border-radius:10px;align-items:flex-start;gap:7px;padding:7px 10px;font-size:.82rem;line-height:1.6;display:flex}.tut-tips svg{color:var(--tut-green);flex:none;margin-top:4px}.tut-progress{background:#ffffff14;border-radius:9px;height:4px;margin:14px 0 12px;overflow:hidden}.tut-progress i{background:linear-gradient(90deg,var(--tut-wheat),var(--tut-green));height:100%;transition:width .3s;display:block}.tut-card-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.tut-card-foot>div{gap:8px;display:flex}.tut-count{color:var(--tut-green);font-size:.8rem;font-weight:800}.tut-count small{color:var(--tut-muted);font-weight:500}.tut-dock{z-index:120;flex-direction:column;align-items:flex-start;gap:9px;display:flex;position:fixed;bottom:18px;left:18px}.tut-pill{color:#bff5d4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#081e14eb;border:1px solid #52d89466;border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:.8rem;font-weight:700;display:inline-flex;box-shadow:0 8px 24px #00000059}.tut-pill b{font-variant-numeric:tabular-nums;letter-spacing:.06em;color:#fff;font-size:.95rem}.tut-pill.is-ending{color:#ffc2c5;border-color:#ff5a6299}.tut-pill.is-ending .tut-dot{background:var(--tut-red);box-shadow:0 0 10px var(--tut-red)}.tut-pill-ok{cursor:pointer;font:inherit;color:#04170c;background:linear-gradient(#5fe7a0,#29b86c);font-weight:800}.tut-dot{background:var(--tut-green);width:8px;height:8px;box-shadow:0 0 10px var(--tut-green);border-radius:9px;animation:1.5s ease-in-out infinite tutPulse}.tut-guide-btn{height:46px;color:var(--tut-wheat);font:inherit;cursor:pointer;background:linear-gradient(#14402d,#0b281b);border:1px solid #e6b85c8c;border-radius:999px;align-items:center;gap:8px;padding:0 18px;font-weight:800;display:inline-flex;box-shadow:0 10px 28px #0006}.tut-guide-btn:hover{filter:brightness(1.12)}.tut-guide{z-index:121;width:min(370px,100vw - 36px);max-height:calc(100vh - 160px);color:var(--tut-text);border:1px solid var(--tut-line);background:#0a2318f7;border-radius:22px;padding:16px;animation:.25s both tutIn;position:fixed;bottom:128px;left:18px;overflow:auto;box-shadow:0 24px 70px #0000008c}.tut-guide header{border-bottom:1px solid #ffffff12;align-items:center;gap:10px;padding-bottom:12px;display:flex}.tut-guide header>span{width:40px;height:40px;color:var(--tut-wheat);background:#e6b85c1f;border-radius:13px;place-items:center;display:grid}.tut-guide header div{flex:1}.tut-guide h3{margin:0;font-size:1rem}.tut-guide header small{color:var(--tut-muted);font-size:.74rem}.tut-guide h4{color:var(--tut-wheat);align-items:center;gap:6px;margin:14px 0 8px;font-size:.8rem;display:flex}.tut-tasks{gap:6px;margin:0;padding:0;list-style:none;display:grid}.tut-tasks li{background:#ffffff06;border:1px solid #ffffff12;border-radius:12px;align-items:center;gap:9px;padding:9px 11px;font-size:.84rem;display:flex}.tut-tasks li b{border:1px solid #ffffff2e;border-radius:999px;flex:0 0 24px;place-items:center;height:24px;font-size:.72rem;display:grid}.tut-tasks li.is-done{background:#52d89417;border-color:#52d89473}.tut-tasks li.is-done b{background:var(--tut-green);border-color:var(--tut-green);color:#04170c}.tut-chapters{gap:6px;display:grid}.tut-chapters button{color:inherit;font:inherit;text-align:right;cursor:pointer;background:#ffffff06;border:1px solid #ffffff12;border-radius:12px;align-items:center;gap:10px;padding:9px 11px;display:flex}.tut-chapters button:hover{background:#e6b85c0f;border-color:#e6b85c73}.tut-chapters b{height:26px;color:var(--tut-green);background:#52d89421;border-radius:8px;flex:0 0 26px;place-items:center;font-size:.75rem;display:grid}.tut-chapters span{flex:1;font-size:.86rem;font-weight:700}.tut-chapters small{color:var(--tut-muted);font-size:.72rem}.tut-gate{z-index:400;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.tut-gate-card{width:min(760px,100%);max-height:calc(100vh - 32px);color:var(--tut-text);background:linear-gradient(115deg,#200c0af5,#060a08fa 50%,#062012f7);border:1px solid #52d89457;border-radius:30px;animation:.35s both tutIn;position:relative;overflow:auto;box-shadow:0 30px 100px #000000a6,0 0 55px #52d89414}.tut-gate-close{position:absolute;top:16px;left:16px}.tut-gate-view{text-align:center;padding:44px 40px 40px}.tut-gate-icon{width:76px;height:76px;color:var(--tut-wheat);background:#e6b85c14;border:1px solid #e6b85c66;border-radius:50%;place-items:center;margin:0 auto;display:grid}.tut-gate-icon.is-red{color:var(--tut-red);background:#ff5a6212;border-color:#ff5a6259;box-shadow:0 0 34px #ff5a6226}.tut-gate-icon.is-green{color:var(--tut-green);background:#52d89417;border-color:#52d89473;margin-bottom:14px}.tut-gate-line{justify-content:center;gap:38px;margin:0 auto 20px;display:flex}.tut-gate-line span{background:linear-gradient(90deg,transparent,var(--tut-red));width:70px;height:1px;display:block}.tut-gate-line span:last-child{background:linear-gradient(90deg,var(--tut-green),transparent)}.tut-gate-view h2{margin:0;font-size:clamp(2rem,4.6vw,3.3rem);font-weight:900;line-height:1.2}.tut-gate-view h2 strong{color:var(--tut-red)}.tut-gate-view>p{max-width:520px;color:var(--tut-muted);margin:14px auto 24px;line-height:1.85}.tut-phone{letter-spacing:.08em;color:var(--tut-wheat);font-variant-numeric:tabular-nums;margin-top:10px;font-size:clamp(2rem,5vw,3rem);font-weight:900;text-decoration:none;display:inline-block}.tut-code{background:#00000040;border:1px solid #52d8948c;border-radius:999px;align-items:center;gap:10px;width:min(360px,100%);height:60px;margin:0 auto;padding:0 18px;display:flex}.tut-code:focus-within{border-color:var(--tut-green);box-shadow:0 0 24px #52d8942e}.tut-code input{color:#fff;width:100%;font:inherit;text-align:center;letter-spacing:.45em;background:0 0;border:0;outline:0;font-size:1.5rem;font-weight:800}.tut-code svg{color:var(--tut-green);flex:none}.tut-ticket{background:#e6b85c0f;border:1px dashed #e6b85c80;border-radius:14px;align-items:center;gap:8px;width:min(560px,100%);margin:0 auto 20px;padding:8px 8px 8px 14px;display:flex}.tut-ticket code{overflow-wrap:anywhere;color:#ffe6b3;text-align:left;flex:1;font-size:.86rem}.tut-ticket button{background:var(--tut-wheat);color:#2a1c02;height:36px;font:inherit;cursor:pointer;border:0;border-radius:10px;flex:none;align-items:center;gap:6px;padding:0 12px;font-weight:800;display:inline-flex}.tut-install-steps{text-align:right;width:min(560px,100%);color:var(--tut-muted);margin:24px auto 18px;padding:0 22px 0 0;font-size:.9rem;line-height:1.8}.tut-install-steps li{margin-bottom:6px}.tut-gate-view .tut-btn-ghost{margin:8px 6px 0}@media (max-width:640px){.tut-gate-view{padding:40px 20px 28px}.tut-dock{bottom:10px;left:10px}.tut-guide{bottom:118px;left:10px}.tut-intro-skip{top:14px;left:14px}.tut-welcome{padding:24px 18px}.tut-card p{font-size:.88rem}}@media (prefers-reduced-motion:reduce){.tut-dot,.tut-card,.tut-gate-card,.tut-intro-content,.tut-hole{transition:none!important;animation:none!important}}@media print{.tut-dock,.tut-guide,.tut-tour,.tut-gate,.tut-intro,.tut-welcome-backdrop{display:none!important}}
.tut-intro{transition:opacity .42s,transform .42s}.tut-intro.is-closing{opacity:0;transform:scale(1.03)}.tut-intro-content{transition:opacity .3s,transform .3s,filter .3s}.tut-intro-content.is-leaving{opacity:0;filter:blur(3px);transform:translateY(-12px)}.tut-intro-brand{color:#fff;letter-spacing:-.02em;align-items:center;gap:10px;font-family:Georgia,serif;font-size:1.15rem;display:flex;position:absolute;top:22px;right:24px}.tut-intro-brand img{object-fit:cover;border-radius:50%;width:38px;height:38px}.tut-welcome img{border-color:#d94a5573;border-radius:50%}.tut-dim{display:none}.tut-hole{transition:top .45s cubic-bezier(.22,.8,.25,1),left .45s cubic-bezier(.22,.8,.25,1),width .45s cubic-bezier(.22,.8,.25,1),height .45s cubic-bezier(.22,.8,.25,1),border-radius .3s}.tut-hole:after{content:"";border-radius:inherit;border:2px solid var(--tut-wheat);opacity:0;animation:2.2s ease-out infinite tutRing;position:absolute;inset:-2px}.tut-hole.is-off{border-radius:50%;box-shadow:0 0 0 9999px #020c07bd}.tut-hole.is-off:after{display:none}@keyframes tutRing{0%{opacity:.7;transform:scale(1)}70%{opacity:0;transform:scale(1.06)}to{opacity:0}}.tut-card{transition:top .45s cubic-bezier(.22,.8,.25,1),left .45s cubic-bezier(.22,.8,.25,1),bottom .45s cubic-bezier(.22,.8,.25,1),opacity .25s;animation:none}.tut-card.is-moving{opacity:.82}.tut-card-body{animation:.38s cubic-bezier(.2,.8,.2,1) both tutBody}@keyframes tutBody{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.tut-chapter{animation:.4s both tutBody}.tut-chapter-dots{gap:4px;margin-top:14px;display:flex}.tut-chapter-dots i{background:#ffffff1a;border-radius:9px;flex:1;height:3px;transition:background .4s}.tut-chapter-dots i.is-done{background:#52d8948c}.tut-chapter-dots i.is-current{background:var(--tut-wheat);box-shadow:0 0 8px #e6b85c99}.tut-progress{margin-top:8px}.tut-pill.is-paused{color:#ffe2a8;border-color:#e6b85c99}.tut-pill.is-paused .tut-dot{background:var(--tut-wheat);box-shadow:0 0 10px var(--tut-wheat);animation:none}.tut-gate-brand{color:#ffffffbf;align-items:center;gap:8px;font-family:Georgia,serif;display:flex;position:absolute;top:18px;right:20px}.tut-gate-brand img{object-fit:cover;border-radius:50%;width:28px;height:28px}.tut-test-badge{background:#e6b85c1f;border:1px solid #e6b85c66;border-radius:999px;padding:5px 12px;display:inline-block;color:var(--tut-wheat)!important;margin:10px auto 0!important;font-size:.8rem!important}.site-tag{color:#c4323e;white-space:nowrap;background:#d94a5514;border:1px solid #d94a5566;border-radius:999px;align-items:center;gap:6px;margin-inline-end:10px;padding:5px 11px;font-size:.74rem;font-weight:800;display:inline-flex}.site-tag b{letter-spacing:.08em;color:#04170c;background:var(--tut-green);border-radius:999px;padding:2px 7px;font-size:.66rem}.site-tag b.is-dev{color:#200204;background:#ff6b75}.site-tag b.is-tester{background:var(--tut-wheat);color:#2a1c02}.dev-fab,.dev-panel{font-family:var(--font,"Noto Kufi Arabic",Tahoma,Arial,sans-serif);direction:rtl}.dev-fab{z-index:500;color:#ff8a92;cursor:pointer;background:radial-gradient(circle at 50% 35%,#3a0b10,#0d0203);border:1px solid #ff6b7599;border-radius:50%;place-items:center;width:52px;height:52px;transition:transform .2s;display:grid;position:fixed;bottom:18px;right:18px;box-shadow:0 10px 30px #00000080,0 0 22px #d94a5540}.dev-fab:hover{transform:translateY(-2px)rotate(-8deg)}.dev-fab.is-tester{color:var(--tut-wheat);background:radial-gradient(circle at 50% 35%,#3a2a0b,#0d0903);border-color:#e6b85c99;box-shadow:0 10px 30px #00000080,0 0 22px #e6b85c33}.dev-panel{z-index:500;color:#f5f5f5;background:#0e0607f7;border:1px solid #ff6b754d;border-radius:20px;width:min(400px,100vw - 36px);max-height:calc(100vh - 110px);padding:14px;animation:.25s both tutIn;position:fixed;bottom:82px;right:18px;overflow:auto;box-shadow:0 24px 70px #0009}.dev-panel header{border-bottom:1px solid #ffffff12;align-items:center;gap:10px;padding-bottom:10px;display:flex}.dev-panel header div{flex:1}.dev-panel h3{margin:0;font-size:1rem}.dev-panel header small{color:#ffffff80;font-size:.74rem}.dev-role{letter-spacing:.1em;color:#200204;background:#ff6b75;border-radius:8px;padding:4px 9px;font:800 .7rem ui-monospace,monospace}.dev-role.is-tester{background:var(--tut-wheat);color:#2a1c02}.dev-tabs{background:#ffffff0a;border-radius:12px;gap:4px;margin:10px 0;padding:4px;display:flex}.dev-tabs button{color:#fff9;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:5px;padding:7px 4px;font-size:.78rem;display:inline-flex}.dev-tabs button.is-active{color:#fff;background:#ff6b7529}.dev-section{gap:10px;margin-top:8px;display:grid}.dev-section h4{color:#ff9aa1;align-items:center;gap:6px;margin:8px 0 0;font-size:.82rem;display:flex}.dev-section p{color:#fff9;margin:0;font-size:.8rem;line-height:1.7}.dev-clock{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:14px;justify-content:space-between;align-items:baseline;padding:12px 14px;display:flex}.dev-clock b{letter-spacing:.06em;font:800 2rem ui-monospace,monospace}.dev-clock span{color:var(--tut-wheat);font-size:.85rem;font-weight:700}.dev-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.dev-section button,.dev-logo button{color:#fff;min-height:40px;font:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:.82rem;transition:background .15s,border-color .15s;display:inline-flex}.dev-section button:hover:not(:disabled){background:#ff6b751f;border-color:#ff6b7573}.dev-section button:disabled{opacity:.4;cursor:not-allowed}.dev-primary{color:#200204!important;background:linear-gradient(#ff7a83,#d94a55)!important;border-color:#0000!important;font-weight:800!important}.dev-field{color:#fff9;gap:4px;font-size:.78rem;display:grid}.dev-field input,.dev-field textarea{box-sizing:border-box;color:#fff;width:100%;font:inherit;resize:vertical;background:#00000059;border:1px solid #ffffff1f;border-radius:10px;padding:9px 11px;font-size:.86rem}.dev-field input:focus,.dev-field textarea:focus{border-color:#ff6b75;outline:none}.dev-logo{align-items:center;gap:12px;display:flex}.dev-logo img{object-fit:cover;background:#000;border:1px solid #ffffff26;border-radius:50%;width:64px;height:64px}.dev-logo>div{gap:6px;display:grid}.dev-file{color:#ffb3b8;cursor:pointer;border:1px dashed #ff6b7580;border-radius:11px;align-items:center;gap:6px;padding:8px 12px;font-size:.8rem;display:inline-flex}.dev-file input{display:none}.dev-code{background:#e6b85c12;border:1px dashed #e6b85c8c;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.dev-code b{letter-spacing:.3em;color:#ffe2a8;font:800 1.6rem ui-monospace,monospace}.dev-stats{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.dev-stats div{text-align:center;background:#ffffff0a;border-radius:12px;padding:10px}.dev-stats b{font-size:1.3rem;display:block}.dev-stats span{color:#ffffff8c;font-size:.7rem}.dev-log{max-height:180px;margin:0;padding:0;font-size:.74rem;list-style:none;overflow:auto}.dev-log li{color:#ffffffbf;border-bottom:1px solid #ffffff0d;gap:10px;padding:5px 2px;display:flex}.dev-log span{color:#fff6;font-family:ui-monospace,monospace}.dev-note{color:#c9f7dc;background:#52d89417;border:1px solid #52d8944d;border-radius:11px;margin:10px 0 0;padding:9px 12px;font-size:.8rem}.dev-note.is-bad{color:#ffc0c3;background:#ff5a6214;border-color:#ff5a624d}.dev-panel footer{color:#ffffffb3;border-top:1px solid #ffffff12;align-items:center;gap:8px;margin-top:12px;padding-top:10px;font-family:Georgia,serif;display:flex}.dev-panel footer img{border-radius:50%;width:24px;height:24px}.dev-panel footer span{flex:1}.dev-panel footer button{color:#ffffffb3;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:9px;align-items:center;gap:5px;padding:6px 10px;font-size:.76rem;display:inline-flex}@media (max-width:640px){.dev-fab{bottom:10px;right:10px}.dev-panel{bottom:72px;right:10px}.site-tag>span{display:none}}@media print{.dev-fab,.dev-panel,.site-tag{display:none!important}}