:root{--navy:#20354c;--navy-deep:#13243a;--slate:#283a51;--line-dark:#3a4f68;--cyan:#03e5f9;--cyan-bright:#12f9fd;--white:#fefefe;--mist:#e9f6ff;--grey-blue:#c9d6e3;--surface:#f4f8fb;--border:#e3ecf4;--ink:#20354c;--ink-body:#4a5b6e;--radius:24px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--ink);background:var(--surface);-webkit-font-smoothing:antialiased;font-family:Poppins,system-ui,sans-serif}a{color:var(--navy)}a:hover{color:var(--navy-deep)}h1,h2,h3{letter-spacing:-.3px;margin:0}h1{font-size:32px;font-weight:700}h2{font-size:20px;font-weight:700}h3{font-size:16px;font-weight:700}p{margin:0;line-height:1.6}button,input,textarea,select{color:var(--ink);font-family:inherit;font-size:15px}:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.shell{flex-wrap:wrap;min-height:100vh;display:flex}.side{background:var(--navy-deep);max-width:280px;color:var(--white);flex-direction:column;flex:248px;gap:28px;padding:28px 20px;display:flex}.side .brand{flex-direction:column;gap:6px;padding:0 8px;display:flex}.side .brand img{width:132px;height:auto}.eyebrow{letter-spacing:3px;text-transform:uppercase;color:var(--cyan-bright);font-size:11px;font-weight:600}.side nav{flex-direction:column;gap:2px;display:flex}.side nav a{color:var(--grey-blue);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;font-size:15px;text-decoration:none;display:flex}.side nav a:hover{background:var(--slate);color:var(--white)}.side nav a.active{background:var(--navy);color:var(--white);box-shadow:inset 3px 0 0 var(--cyan-bright);font-weight:600}.side .me{background:var(--navy);border-radius:14px;align-items:center;gap:12px;margin-top:auto;padding:14px;display:flex}.side .me .who{flex-direction:column;min-width:0;display:flex}.side .me .who small{color:var(--grey-blue);font-size:12px}.side .signout{color:var(--grey-blue);cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}.main{flex-direction:column;flex:999 560px;gap:28px;min-width:0;padding:36px clamp(20px,4vw,56px) 64px;display:flex}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.page-head .sub{color:var(--ink-body);margin-bottom:4px;font-size:14px;font-weight:500;display:block}.row{flex-wrap:wrap;align-items:flex-start;gap:28px;display:flex}.grow{flex:999 460px;min-width:0}.col{flex:320px;min-width:0}.stack{flex-direction:column;gap:14px;display:flex}.inline{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.grid-tiles{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;display:grid}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:16px;padding:26px;display:flex}.card.dark{background:var(--navy);border-color:var(--navy);color:var(--white)}.card.mist{background:var(--mist);border-color:var(--mist)}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.muted{color:var(--ink-body);font-size:14px}.dark .muted{color:var(--grey-blue)}.tile .num{font-size:42px;font-weight:800;line-height:1}.tile .label{color:var(--ink-body);font-size:14px}.card.dark .label{color:var(--grey-blue)}.hero{background:var(--navy);color:var(--white);border-radius:28px;flex-wrap:wrap;align-items:center;gap:40px;padding:36px clamp(24px,3vw,44px);display:flex;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";border:1px solid var(--slate);pointer-events:none;border-radius:50%;position:absolute}.hero:before{width:320px;height:320px;top:-80px;right:-80px}.hero:after{width:200px;height:200px;top:-20px;right:-20px}.hero h2{max-width:560px;font-size:28px;line-height:1.25}.hero .hl{color:var(--cyan-bright)}.hero p{color:var(--grey-blue);max-width:560px}.btn{border:1px solid var(--grey-blue);background:var(--white);min-height:46px;color:var(--navy);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--navy)}.btn.primary{background:var(--cyan);border-color:var(--cyan);color:var(--navy-deep);font-weight:700}.btn.primary:hover{filter:brightness(.96)}.btn.navy{background:var(--navy);border-color:var(--navy);color:var(--white)}.btn.ghost-dark{border-color:var(--line-dark);color:var(--white);background:0 0}.btn:disabled{background:var(--border);border-color:var(--border);color:var(--ink-body);cursor:not-allowed;filter:none}.linkbtn{color:var(--navy);cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;font-weight:600;text-decoration:underline}.pill{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;padding:5px 11px;font-size:12px;font-weight:600;display:inline-flex}.pill.done{background:var(--navy);color:var(--white)}.pill.action{background:var(--cyan);color:var(--navy-deep)}.pill.wait{background:var(--mist);color:var(--navy);border-color:var(--grey-blue)}.pill.idle{background:var(--white);color:var(--ink-body);border-color:var(--grey-blue)}.count{background:var(--cyan);color:var(--navy-deep);border-radius:999px;padding:2px 9px;font-size:12px;font-weight:700}label{font-size:14px;font-weight:600}.field{flex-direction:column;gap:6px;display:flex}.input,textarea.input,select.input{border:1px solid var(--grey-blue);background:var(--white);border-radius:12px;width:100%;min-height:46px;padding:10px 14px}textarea.input{resize:vertical;line-height:1.5}.dark .input{background:var(--navy-deep);color:var(--white);border-color:var(--line-dark)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.check{align-items:center;gap:10px;font-weight:500;display:flex}.check input{width:20px;height:20px;accent-color:var(--navy)}.list-row{background:var(--white);border:1px solid var(--border);color:inherit;border-radius:16px;align-items:center;gap:16px;padding:14px 16px;text-decoration:none;display:flex}a.list-row:hover{border-color:var(--navy)}.list-row .body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.list-row .t{font-size:15px;font-weight:600}.list-row .s{color:var(--ink-body);font-size:13px}.dot{border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:flex}.avatar{background:var(--slate);width:40px;height:40px;color:var(--white);border:2px solid var(--cyan-bright);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.avatar.light{background:var(--navy)}table.tbl{border-collapse:collapse;width:100%;font-size:14px}.tbl th{text-align:left;text-transform:uppercase;letter-spacing:1px;color:var(--ink-body);border-bottom:1px solid var(--border);padding:10px 12px;font-size:12px}.tbl td{border-bottom:1px solid var(--border);vertical-align:top;padding:12px}.scroll-x{overflow-x:auto}.board{gap:14px;min-width:1100px;display:flex}.board-col{background:var(--mist);border-radius:20px;flex-direction:column;flex:1 1 0;gap:10px;min-width:150px;min-height:420px;padding:14px;display:flex}.board-col h3{justify-content:space-between;align-items:center;padding:2px 4px 6px;font-size:14px;display:flex}.board-col h3 span{background:var(--white);border-radius:999px;padding:2px 9px;font-size:12px}.kcard{text-align:left;background:var(--white);border:1px solid var(--border);cursor:pointer;color:var(--ink);border-radius:16px;flex-direction:column;gap:8px;padding:14px;display:flex}.kcard.on{border:2px solid var(--navy)}.kcard .nm{align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.kcard .nm .avatar{background:var(--navy);border-width:0;width:32px;height:32px;font-size:12px}.timeline{margin:0;padding:0;list-style:none}.timeline li{gap:16px;display:flex}.timeline .rail{flex-direction:column;flex:none;align-items:center;width:28px;display:flex}.timeline .rail .dot{width:28px;height:28px;font-size:12px}.timeline .rail .ln{background:var(--border);flex:1;width:2px;min-height:16px}.timeline .rail .ln.done{background:var(--navy)}.timeline .tx{flex-direction:column;gap:2px;padding-bottom:14px;display:flex}.bar{background:var(--border);border-radius:4px;height:8px;overflow:hidden}.bar>span{background:var(--navy);border-radius:4px;height:100%;display:block}.segs{gap:6px;display:flex}.segs span{background:var(--border);border-radius:4px;flex:1;height:8px}.segs span.done{background:var(--navy)}.segs span.now{background:var(--cyan)}.notice{background:var(--mist);border-radius:14px;align-items:flex-start;gap:12px;padding:14px 16px;font-size:14px;line-height:1.5;display:flex}.notice.err{background:var(--white);border:2px solid var(--navy)}.toast{background:var(--navy-deep);color:var(--white);z-index:50;border-radius:14px;max-width:90vw;padding:14px 22px;font-size:14px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #13243a40}.toast.err{border:2px solid var(--cyan)}.comment{background:var(--surface);border-radius:14px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.comment.rev{background:var(--mist);border:1px solid var(--grey-blue)}.comment .meta{color:var(--ink-body);font-size:12px}.public{flex-direction:column;min-height:100vh;display:flex}.public header{background:var(--white);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px clamp(20px,5vw,72px);display:flex}.public header img{width:auto;height:52px}.public main{flex-wrap:wrap;flex:1;align-items:stretch;gap:32px;width:100%;max-width:1240px;margin:0 auto;padding:48px clamp(20px,4vw,48px) 64px;display:flex}.public footer{text-align:center;color:var(--ink-body);padding:24px;font-size:13px}.intro{background:var(--navy-deep);color:var(--white);border-radius:28px;flex-direction:column;flex:340px;gap:24px;padding:44px 40px;display:flex;position:relative;overflow:hidden}.intro h1{font-size:36px;line-height:1.2}.intro p{color:var(--grey-blue)}.intro .fact{align-items:center;gap:14px;font-size:15px;display:flex}.intro .fact .ic{background:var(--navy);border-radius:14px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.picker{background:var(--white);border:1px solid var(--border);border-radius:28px;flex-direction:column;flex:999 520px;gap:26px;min-width:0;padding:40px clamp(20px,3vw,44px);display:flex}.days{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px;display:grid}.day{cursor:pointer;text-align:left;background:var(--white);min-height:96px;color:var(--navy);border:1px solid var(--grey-blue);border-radius:18px;flex-direction:column;gap:4px;padding:16px;display:flex}.day.on{background:var(--navy);color:var(--white);border-color:var(--navy)}.day .dw{text-transform:uppercase;letter-spacing:1px;font-size:13px;font-weight:600}.day .dn{font-size:26px;font-weight:800;line-height:1.1}.day .dc{font-size:12px}.slot{cursor:pointer;background:var(--white);min-height:52px;color:var(--navy);border:1px solid var(--grey-blue);border-radius:999px;padding:0 26px;font-size:16px;font-weight:600}.slot.on{background:var(--cyan);border-color:var(--cyan);color:var(--navy-deep)}.login-card{background:var(--white);border:1px solid var(--border);border-radius:28px;flex-direction:column;gap:20px;width:100%;max-width:460px;margin:auto;padding:40px;display:flex}.rubric-opts{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.rubric-opts button{background:var(--white);border:1px solid var(--grey-blue);cursor:pointer;border-radius:12px;min-height:44px;font-weight:700}.rubric-opts button.on{background:var(--navy);color:var(--white);border-color:var(--navy)}.center-load{min-height:60vh;color:var(--ink-body);justify-content:center;align-items:center;display:flex}@media (width<=760px){.side{flex-basis:100%;gap:16px;max-width:none;padding:18px}.side nav{flex-flow:wrap}.side .me{margin-top:0;padding:10px 12px}.side .me .avatar{width:32px;height:32px;font-size:12px}.side .signout{border:1px solid var(--line-dark);min-height:36px;color:var(--white);border-radius:999px;align-items:center;margin-top:4px;padding:0 14px;font-weight:600;text-decoration:none;display:inline-flex}h1{font-size:26px}}.side nav .locked{color:#8597ab;cursor:not-allowed;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;font-size:15px;display:flex}.langswitch{border:1px solid var(--grey-blue);background:var(--white);min-height:40px;color:var(--navy);cursor:pointer;border-radius:999px;padding:0 16px;font-family:Tajawal,Poppins,sans-serif;font-size:14px;font-weight:700}.langswitch.dark{border-color:var(--line-dark);color:var(--white);background:0 0}.langswitch:lang(en){font-family:Poppins,sans-serif}.hl{color:var(--cyan-bright)}html[dir=rtl] body,html[dir=rtl] button,html[dir=rtl] input,html[dir=rtl] textarea,html[dir=rtl] select{font-family:Tajawal,Poppins,system-ui,sans-serif}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] .eyebrow{letter-spacing:0}html[dir=rtl] .side nav a.active{box-shadow:inset -3px 0 0 var(--cyan-bright)}html[dir=rtl] .btn svg[aria-hidden=true]:last-child{transform:scaleX(-1)}html[dir=rtl] .day .dw{letter-spacing:0}.btn.sm{min-height:38px;padding:0 16px;font-size:14px}.studio-wrap{background:var(--navy-deep);min-height:100vh;color:var(--white);flex-direction:column;display:flex}.studio-wrap .muted{color:var(--grey-blue)}.studio-wrap a{color:var(--cyan-bright)}.studio-top{border-bottom:1px solid var(--line-dark);align-items:center;gap:20px;padding:14px 24px;display:flex}.studio-title{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.studio-title strong{white-space:nowrap;text-overflow:ellipsis;font-size:18px;overflow:hidden}.studio-clock{font-variant-numeric:tabular-nums;align-items:center;gap:10px;font:700 22px/1 Poppins,sans-serif;display:flex}.rec-dot{background:var(--cyan-bright);border-radius:50%;width:14px;height:14px;animation:1.4s infinite recpulse;box-shadow:0 0 #12f9fd99}@keyframes recpulse{70%{box-shadow:0 0 0 10px #12f9fd00}to{box-shadow:0 0 #12f9fd00}}.studio-main{flex-wrap:wrap;flex:1;align-items:flex-start;gap:16px;min-height:0;padding:20px 24px;display:flex}.studio-hint{color:var(--grey-blue);border:1px solid var(--line-dark);border-radius:999px;padding:4px 12px;font-size:12px}.studio-wrap .input.sm,.studio-wrap .input{background:var(--navy-deep);color:var(--white);border-color:var(--line-dark);min-height:38px;font-size:14px}.studio-wrap select.input.sm{width:auto}.seg{background:var(--navy-deep);border:1px solid var(--line-dark);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--grey-blue);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 12px;font:600 13px Poppins,sans-serif}.seg button.on{background:var(--cyan);color:var(--navy-deep)}.corners{border:1px solid var(--line-dark);border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;width:64px;height:40px;padding:3px;display:grid}.corners button{background:var(--slate);cursor:pointer;border:0;border-radius:4px}.corners button.on{background:var(--cyan)}.studio-selfview{aspect-ratio:1;object-fit:cover;border:3px solid var(--line-dark);border-radius:50%;align-self:center;width:140px;transform:scaleX(-1)}.studio-ytprev{aspect-ratio:16/9;background:#000;border-radius:10px;width:100%;overflow:hidden}.studio-ytprev iframe{border:0;width:100%;height:100%}.studio-stage-box{flex-direction:column;flex:640px;gap:10px;min-width:0;max-width:calc(177.778vh - 444.444px);margin:0 auto;display:flex}.studio-stage-box.bar-top{flex-direction:column-reverse}.studio-main.wide .studio-stage-box{flex-basis:100%}.studio-bar{scrollbar-width:none;background:var(--navy);border:1px solid var(--line-dark);-webkit-user-select:none;user-select:none;border-radius:16px;flex-wrap:nowrap;align-items:center;gap:6px 10px;padding:6px 8px;display:flex;overflow-x:auto}.studio-bar .grp{border-right:1px solid var(--line-dark);flex:none;align-items:center;gap:2px;padding-right:10px;display:flex}.studio-bar .grp:last-of-type{border-right:0}.studio-bar .tb{min-width:44px;height:44px;color:var(--white);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 8px;font:600 13px Poppins,sans-serif;display:inline-flex;position:relative}.studio-bar .tb:hover{background:var(--slate)}.studio-bar .tb.on{background:var(--cyan);color:var(--navy-deep)}.studio-bar .tb.sw span{border:2px solid var(--grey-blue);border-radius:50%;width:24px;height:24px;display:block}.studio-bar .tb.sw.on{background:var(--slate);box-shadow:inset 0 0 0 2px var(--cyan)}.studio-bar .tb.rainbow span{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.studio-bar .tb.rainbow input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.studio-bar .dot{background:currentColor;border-radius:50%;display:block}.studio-count-pill{white-space:nowrap;color:var(--grey-blue);font-variant-numeric:tabular-nums;flex:none;margin-left:auto;padding:0 6px;font:600 13px Poppins,sans-serif}.studio-stage{aspect-ratio:16/9;background:#0d1a2b;border-radius:14px;width:100%;position:relative;overflow:hidden;container-type:inline-size}.studio-frame{border:0;width:100%;height:100%;position:absolute;inset:0}.studio-cam{aspect-ratio:1;object-fit:cover;border:.3cqw solid var(--cyan);z-index:4;pointer-events:none;border-radius:50%;position:absolute;transform:scaleX(-1);box-shadow:0 8px 24px #00000059}.studio-cam.size-s{width:11%}.studio-cam.size-m{width:15%}.studio-cam.size-l{width:20%}.studio-cam.pos-br{bottom:8%;right:2%}.studio-cam.pos-bl{bottom:8%;left:2%}.studio-cam.pos-tr{top:4%;right:2%}.studio-cam.pos-tl{top:4%;left:2%}.studio-ink{z-index:3;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.studio-ink[data-tool=pointer]{cursor:default}.studio-ink.pass{pointer-events:none}.studio-stage{touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none}.replay-overlay{z-index:50;background:#0d1a2bf5;flex-direction:column;gap:12px;padding:16px 24px;display:flex;position:fixed;inset:0}.replay-head{color:var(--white);justify-content:space-between;align-items:center;display:flex}.replay{flex-direction:column;gap:8px;width:100%;max-width:calc(177.778vh - 320px);margin:0 auto;display:flex}.replay-stage{touch-action:auto}.replay:focus{outline:none}.replay-stage .studio-frame{z-index:1}.replay-big{z-index:6;width:10cqw;min-width:64px;height:10cqw;min-height:64px;color:var(--navy-deep);cursor:pointer;background:#00a3e0eb;border:0;border-radius:50%;place-items:center;margin:auto;transition:transform .15s;display:grid;position:absolute;inset:0;box-shadow:0 10px 40px #00000073}.replay-big:hover{transform:scale(1.06)}.replay-big svg{width:45%;height:45%;margin-left:6%}.vp{background:var(--navy);border:1px solid var(--line-dark);color:var(--white);-webkit-user-select:none;user-select:none;border-radius:14px;padding:4px 10px 6px;position:relative}.vp-seek{align-items:center;height:22px;display:flex;position:relative}.vp-seek:before{content:"";background:linear-gradient(90deg, var(--cyan) var(--p), #ffffff52 var(--p), #ffffff52 var(--b), #ffffff24 var(--b));pointer-events:none;border-radius:3px;height:5px;position:absolute;left:0;right:0}.vp-seek input{appearance:none;cursor:pointer;background:0 0;width:100%;height:22px;margin:0;position:relative}.vp-seek input::-webkit-slider-runnable-track{background:0 0;height:5px}.vp-seek input::-moz-range-track{background:0 0;height:5px}.vp-seek input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--cyan-bright,#19c3ff);border-radius:50%;width:15px;height:15px;margin-top:-5px;box-shadow:0 0 0 4px #00a3e040}.vp-seek input::-moz-range-thumb{background:var(--cyan-bright,#19c3ff);border:0;border-radius:50%;width:15px;height:15px}.vp-row{flex-wrap:nowrap;align-items:center;gap:2px;display:flex}.vp-b{min-width:40px;height:40px;color:var(--white);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:4px;padding:0 8px;font:600 13px Poppins,sans-serif;display:inline-flex;position:relative}.vp-b:hover,.vp-b.on{background:var(--slate)}.vp-b:focus-visible{outline:2px solid var(--cyan);outline-offset:1px}.vp-b.cc span{opacity:.55;border:2px solid;border-radius:4px;padding:0 4px;font-size:11px;line-height:15px}.vp-b.cc.on span{opacity:1;background:var(--white);color:var(--navy-deep);border-color:var(--white)}.vp-hd{background:var(--cyan);color:var(--navy-deep);border-radius:3px;padding:1px 2px;font-size:8px;line-height:1;position:absolute;top:5px;right:3px}.vp-vol{align-items:center;display:flex}.vp-vol input{opacity:0;width:0;accent-color:var(--cyan);transition:width .2s,opacity .2s}.vp-vol:hover input,.vp-vol:focus-within input{opacity:1;width:80px;margin:0 6px 0 2px}.vp-time{color:#cfe3f2;white-space:nowrap;font-variant-numeric:tabular-nums;padding:0 8px;font:500 13px Poppins,sans-serif}.vp-gap{flex:1}.vp-pop-wrap{position:relative}.vp-pop{z-index:20;border:1px solid var(--line-dark);background:#0d1a2bf7;border-radius:14px;flex-direction:column;gap:10px;width:260px;padding:14px;display:flex;position:absolute;bottom:calc(100% + 10px);right:0;box-shadow:0 16px 40px #00000073}.vp-pop-h{justify-content:space-between;align-items:baseline;font:600 14px Poppins,sans-serif;display:flex}.vp-pop-h span{color:var(--cyan-bright,#19c3ff);font-variant-numeric:tabular-nums}.vp-speed{width:100%;accent-color:var(--cyan);margin:4px 0 0}.vp-ticks{justify-content:space-between;display:flex}.vp-ticks button{color:var(--grey-blue);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 2px;font:500 11px Poppins,sans-serif}.vp-ticks button.on{color:var(--navy-deep);background:var(--cyan)}.vp-opt{background:var(--slate);width:100%;color:var(--white);cursor:pointer;border:0;border-radius:10px;justify-content:space-between;padding:10px 12px;font:500 14px Poppins,sans-serif;display:flex}.vp-note{color:var(--grey-blue);margin:0;font-size:12px;line-height:1.45}@media (width<=560px){.vp-b{min-width:36px;padding:0 5px}.vp-time{padding:0 4px;font-size:12px}.vp-vol input{display:none}}.replay.is-full{z-index:2147483000;background:#0d1a2b;justify-content:center;align-items:center;gap:8px;width:100vw;height:100dvh;margin:0;padding:10px;position:fixed;inset:0;max-width:none!important}.replay:fullscreen{background:#0d1a2b;justify-content:center;align-items:center;gap:8px;width:100vw;height:100vh;padding:10px;max-width:none!important}:is(.replay.is-full .replay-stage,.replay:fullscreen .replay-stage){border-radius:10px;width:min(100%,177.778dvh - 177.778px)}:is(.replay.is-full .vp,.replay:fullscreen .vp){width:min(100%,177.778dvh - 177.778px)}.studio-cap.line{text-align:center;background:#0d1a2bdb;border-left:0;border-radius:.6cqw;width:max-content;max-width:76%;max-height:none;padding:.5cqw 1.4cqw;font-size:1.9cqw;bottom:4%;left:50%;right:auto;transform:translate(-50%)}.studio-cap.line span{-webkit-line-clamp:1;white-space:nowrap;text-overflow:ellipsis;animation:.18s ease-out capIn;display:block;overflow:hidden}.studio-cap.line.cam-br,.studio-cap.line.cam-bl{bottom:4%}@keyframes capIn{0%{opacity:0;transform:translateY(20%)}to{opacity:1;transform:none}}.studio-ink[data-tool=eraser]{cursor:cell}.studio-yt{z-index:2;background:var(--navy-deep);place-items:center;padding:3% 6%;display:grid;position:absolute;inset:0}.studio-yt iframe{border:0;border-radius:1cqw;width:100%;height:100%}.studio-cap{z-index:4;color:var(--white);border-left:.4cqw solid var(--cyan);pointer-events:none;background:#13243aeb;border-radius:.8cqw;align-items:flex-end;max-height:7.2cqw;padding:.8cqw 1.4cqw;font:500 1.55cqw/1.4 Poppins,Tajawal,sans-serif;display:flex;position:absolute;bottom:3%;left:3%;right:3%;overflow:hidden}.studio-cap span{-webkit-line-clamp:2;unicode-bidi:plaintext;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.studio-cap .wait{color:var(--grey-blue)}.studio-cap.cam-br.size-s{right:15%}.studio-cap.cam-br.size-m{right:19%}.studio-cap.cam-br.size-l{right:24%}.studio-cap.cam-bl.size-s{left:15%}.studio-cap.cam-bl.size-m{left:19%}.studio-cap.cam-bl.size-l{left:24%}.studio-count{color:var(--cyan-bright);z-index:3;background:#13243a8c;place-items:center;font:800 160px Poppins,sans-serif;display:grid;position:absolute;inset:0}.studio-empty{text-align:center;place-content:center;gap:8px;padding:40px;display:grid;position:absolute;inset:0}.studio-side[hidden]{display:none}.studio-side{flex-direction:column;flex:0 360px;gap:16px;min-width:280px;display:flex}.studio-card{background:var(--navy);border:1px solid var(--line-dark);border-radius:18px;flex-direction:column;gap:10px;padding:18px 20px;display:flex}.studio-card h2{letter-spacing:.5px;margin:0;font-size:16px}.studio-notes{color:#cfe3f2;white-space:pre-wrap;margin:0;font-size:15px;line-height:1.55}.studio-preview{background:#000;border-radius:12px;width:100%}.studio-outline{flex-direction:column;gap:4px;max-height:38vh;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.studio-outline button{text-align:left;width:100%;color:var(--white);cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:flex-start;gap:12px;padding:8px 10px;font:500 14px Poppins,sans-serif;display:flex}.studio-outline button:hover{background:var(--slate)}.studio-outline li.on button{background:var(--slate);box-shadow:inset 3px 0 0 var(--cyan-bright)}.studio-outline .n{background:var(--line-dark);border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:12px;display:grid}.studio-outline li.on .n{background:var(--cyan);color:var(--navy-deep)}.studio-outline small{color:var(--grey-blue);letter-spacing:1px;text-transform:uppercase;font-size:11px;display:block}.toggles{gap:6px;display:grid}.toggle{background:var(--navy-deep);border:1px solid var(--line-dark);width:100%;color:var(--white);cursor:pointer;text-align:left;touch-action:manipulation;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;font:600 15px Poppins,sans-serif;display:flex}.toggle .knob{background:var(--line-dark);border-radius:999px;flex:none;width:40px;height:24px;transition:background .2s;position:relative}.toggle .knob:after{content:"";background:var(--white);border-radius:50%;width:18px;height:18px;transition:left .2s;position:absolute;top:3px;left:3px}.toggle.on .knob{background:var(--cyan)}.toggle.on .knob:after{background:var(--navy-deep);left:19px}.toggle b{letter-spacing:1px;color:var(--grey-blue);margin-left:auto;font-size:12px}.toggle.on b{color:var(--cyan-bright)}.linkish{color:var(--cyan-bright);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.guide{color:#cfe3f2;max-width:760px;font-size:16px;line-height:1.6}.guide ol{gap:10px;padding-left:22px;display:grid}.studio-wrap.present .studio-top,.studio-wrap.present .studio-side{display:none}.studio-wrap.present .studio-main{padding:8px}.studio-wrap.present .studio-stage-box{flex-basis:100%;max-width:calc(177.778vh - 135.111px)}.phonecam{color:var(--white);background:#000;position:fixed;inset:0}.phonecam video{object-fit:cover;width:100%;height:100%}.phonecam-bar{background:linear-gradient(#13243ae6,#0000);align-items:center;gap:10px;padding:12px;display:flex;position:absolute;top:0;left:0;right:0}.phonecam-bar img{height:34px}.phonecam-bar .pill{color:var(--white);background:#13243acc;border-radius:999px;flex:1;padding:6px 12px;font:600 13px Poppins,sans-serif}.phonecam-bar .pill.on{background:var(--cyan);color:var(--navy-deep)}.phonecam-tip{background:#13243acc;border-radius:12px;margin:0;padding:10px 14px;font:500 13px Poppins,sans-serif;position:absolute;bottom:16px;left:16px;right:16px}.camsrc{gap:8px;display:grid}.camsrc img.qr{background:#fff;border-radius:12px;align-self:center;width:180px;height:180px;padding:8px}.save-line{background:var(--navy-deep);border:1px solid var(--line-dark);border-radius:10px;margin:0;padding:8px 10px;font-size:13px}.save-line.done{border-color:var(--cyan);color:var(--cyan-bright)}.save-line.error{border-color:var(--grey-blue)}.update-banner{z-index:100;background:var(--cyan);color:var(--navy-deep);cursor:pointer;border:0;border-radius:999px;padding:12px 22px;font:700 14px Poppins,sans-serif;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000004d}.watch{background:var(--navy-deep);min-height:100vh;color:var(--white);justify-content:center;align-items:center;padding:8px;display:flex}.watch .replay{max-width:calc(177.778dvh - 184.889px)}.watch-wait{aspect-ratio:16/9;text-align:center;color:#fefefe;background:radial-gradient(120% 90% at 50% 0,#20354c 0%,#13243a 62%,#0d1a2b 100%);border:1px solid #c9d6e31f;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;max-width:calc(177.778dvh - 184.889px);padding:24px;font:500 14px Poppins,sans-serif;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px #13243a47}.watch-wait .ww-glow{pointer-events:none;background:radial-gradient(closest-side,#03e5f92e,#0000 70%);height:80%;animation:3.2s ease-in-out infinite ww-breathe;position:absolute;inset:auto -20% -55%}.watch-wait img{filter:drop-shadow(0 6px 18px #00000059);width:clamp(96px,16vw,150px);position:relative}.watch-wait .ww-eyebrow{letter-spacing:3px;text-transform:uppercase;color:#12f9fd;font-size:11px;font-weight:600;position:relative}.watch-wait .ww-title{color:#fefefe;max-width:34ch;margin:0;font:700 clamp(17px,2.6vw,26px)/1.25 Poppins,sans-serif;position:relative}.watch-wait .ww-bar{background:#ffffff24;border-radius:3px;width:min(280px,60%);height:5px;margin-top:4px;position:relative;overflow:hidden}.watch-wait .ww-bar i{background:linear-gradient(90deg,#03e5f9,#12f9fd);border-radius:3px;transition:width .3s;position:absolute;inset:0 auto 0 0;box-shadow:0 0 12px #03e5f999}.watch-wait .ww-bar i.run{width:35%;animation:1.3s ease-in-out infinite ww-run}.watch-wait p{color:#c9d6e3;margin:0;font-size:13px;position:relative}.watch-wait.failed p{color:#fefefe;font-size:14px}@keyframes ww-run{0%{left:-35%}to{left:100%}}@keyframes ww-breathe{0%,to{opacity:.7}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.watch-wait .ww-bar i.run,.watch-wait .ww-glow{animation:none}}.studio-cap.line.cam-br{max-width:64%;left:42%}.studio-cap.line.cam-bl{max-width:64%;left:58%}.studio-side{flex:0 300px;gap:12px;min-width:260px}.studio-wrap .tiny{color:var(--grey-blue);margin:0;font-size:12px;line-height:1.45}.studio-wrap .tiny.ok,.studio-wrap .ok{color:#7ef0c4}.studio-wrap .tiny.warn{color:#ffd27a}.rec-card{gap:12px;padding:14px}.rec-switches{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.rec-sw{border:1px solid var(--line-dark);background:var(--navy-deep);height:64px;color:var(--grey-blue);cursor:pointer;touch-action:manipulation;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font:600 12px Poppins,sans-serif;display:flex}.rec-sw:hover{border-color:var(--grey-blue)}.rec-sw.on{border-color:var(--cyan);color:var(--white);background:#00a3e029}.rec-sw.on svg{color:var(--cyan-bright)}.rec-sw .cc{border:2px solid;border-radius:5px;padding:0 4px;font-size:11px;line-height:16px}.rec-sw.on .cc{background:var(--cyan);color:var(--navy-deep);border-color:var(--cyan)}.cam-set{background:var(--navy-deep);border:1px solid var(--line-dark);border-radius:12px;flex-direction:column;gap:8px;padding:10px;display:flex}.cam-set select.input.sm{width:100%}.cam-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.cam-row .seg button{padding:5px 10px;font-size:12px}.cam-row .corners{width:52px;height:32px}.qr-row{align-items:center;gap:10px;display:flex}.qr-row img.qr{background:#fff;border-radius:10px;flex:none;width:104px;height:104px;padding:5px}.cam-set .studio-selfview{width:110px}.rec-actions{flex-wrap:wrap;gap:8px;display:flex}.rec-actions .btn{flex:1;justify-content:center}.rec-go{min-height:48px;font-size:15px}.rec-live{flex-direction:column;gap:10px;display:flex}.rec-live .big{color:var(--cyan-bright);text-align:center;font:800 34px Poppins,sans-serif}.rec-live>span{text-align:center;color:var(--grey-blue);font-size:13px}.rec-time{align-items:center;gap:10px;display:flex}.rec-time b{font-variant-numeric:tabular-nums;font:700 26px Poppins,sans-serif}.rec-time span:last-child{color:var(--grey-blue);font-size:13px}.rec-review{background:var(--navy-deep);border:1px solid var(--line-dark);border-radius:12px;flex-direction:column;gap:8px;padding:10px;display:flex}.rec-review p{margin:0;font-size:14px}.cap-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.cap-row .seg button{padding:5px 12px;font-size:12px}.rec-parts{border-top:1px solid var(--line-dark);flex-direction:column;gap:6px;margin:0;padding:8px 0 0;list-style:none;display:flex}.rec-parts li{align-items:center;gap:8px;font-size:13px;display:flex}.rec-parts .n{background:var(--slate);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:11px;display:grid}.rec-parts .d{font-variant-numeric:tabular-nums}.rec-parts .st{color:var(--grey-blue);margin-left:auto;font-size:12px}.rec-parts .st.done{color:#7ef0c4}.rec-parts .st.error{color:#ffd27a}.notes-card{gap:6px;padding:14px}.notes-card .nt{font-size:16px;line-height:1.35}.notes-card .studio-notes{max-height:34vh;font-size:14px;overflow:auto}.outline-box summary{cursor:pointer;color:var(--grey-blue);padding:6px 0;font:600 13px Poppins,sans-serif}.outline-box[open] summary{color:var(--white)}.studio-tools{grid-template-columns:1fr 1fr;gap:10px;display:grid}.studio-search{background:var(--navy);border:1px solid var(--line-dark);border-radius:999px;align-items:center;gap:6px;min-width:0;padding:4px 4px 4px 12px;display:flex}.studio-search:focus-within{border-color:var(--cyan)}.studio-search .ic{text-align:center;flex:none;width:22px;font-size:14px}.studio-search .ic.yt{color:#ff4d4d}.studio-search .ic.ai{color:var(--cyan-bright)}.studio-search input{min-width:0;color:var(--white);background:0 0;border:0;outline:none;flex:1;height:36px;font:500 14px Poppins,sans-serif}.studio-search input::placeholder{color:var(--grey-blue)}.studio-search button{background:var(--cyan);color:var(--navy-deep);cursor:pointer;border:0;border-radius:999px;flex:none;height:34px;padding:0 14px;font:600 13px Poppins,sans-serif}.studio-search button:disabled{background:var(--slate);color:var(--grey-blue);cursor:default}.studio-answer{background:var(--navy);border:1px solid var(--line-dark);border-left:3px solid var(--cyan);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.studio-answer>div:first-child{flex-direction:column;gap:2px;min-width:0;display:flex}.studio-answer b{overflow-wrap:anywhere;font-size:14px}.studio-answer span{color:var(--grey-blue);font-size:12px}.studio-wrap.present .studio-tools,.studio-wrap.present .studio-answer{display:none}.studio-clipswitch{z-index:7;border:1px solid var(--line-dark);background:#0d1a2be0;border-radius:999px;gap:2px;padding:3px;display:inline-flex;position:absolute;top:2%;right:2%;box-shadow:0 6px 18px #00000059}.studio-clipswitch button{color:var(--grey-blue);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:999px;padding:6px 10px;font:600 12px Poppins,sans-serif}.studio-clipswitch button.on{background:var(--cyan);color:var(--navy-deep)}@media (width<=900px){.studio-tools{grid-template-columns:1fr}.studio-side{flex-basis:100%}}@media (width<=480px){.vp{padding:2px 6px 4px}.vp-b{min-width:32px;height:36px;padding:0 4px}.vp-b[aria-label="Back 10 seconds"],.vp-b[aria-label="Forward 10 seconds"],.vp-vol{display:none}.vp-time{padding:0 2px;font-size:11px}}.rec-card .rec-actions{flex-wrap:nowrap}.rec-card .btn{white-space:nowrap;justify-content:center;min-height:42px;padding:0 12px;font-size:14px}.rec-card .rec-wide{width:100%}.rec-card .btn.soft{background:var(--slate);color:var(--white);border:1px solid var(--line-dark)}.rec-card .btn.soft:hover{border-color:var(--grey-blue)}.rec-card .btn.stop{color:var(--navy-deep);background:#fff}.rec-card .rec-go{min-height:50px;font-size:15px}.rec-card .rec-live,.rec-card .rec-actions{gap:8px}.rec-review .btn{flex:1}.rec-stack{flex-direction:column;gap:8px;display:flex}.studio-wrap{background:radial-gradient(1200px 600px at 70% -10%,#03e5f912,#0000 60%),radial-gradient(900px 500px at -10% 110%,#283a51e6,#0000 60%),#0d1a2b}.studio-top{-webkit-backdrop-filter:blur(14px);z-index:20;background:#0d1a2bb8;border-bottom:1px solid #c9d6e31a;gap:14px;padding:10px 20px;position:sticky;top:0}.st-back,.st-icon{cursor:pointer;background:#283a5180;border:1px solid #c9d6e324;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid;color:var(--white)!important}.st-back:hover,.st-icon:hover{border-color:#12f9fd80}.st-icon.on{background:#03e5f924;border-color:#03e5f980;color:var(--cyan-bright)!important}.st-logo{flex:none;width:auto;height:30px}.studio-title{gap:1px}.studio-title .eyebrow{letter-spacing:2.4px;font-size:10px}.studio-title strong{font-size:16px;font-weight:600}.st-progress{flex-direction:column;flex:none;gap:6px;width:min(260px,26vw);display:flex}.st-progress span{color:var(--grey-blue);white-space:nowrap;text-overflow:ellipsis;font:500 12px Poppins,sans-serif;overflow:hidden}.st-progress i{background:#c9d6e324;border-radius:4px;height:4px;display:block;overflow:hidden}.st-progress b{background:linear-gradient(90deg, var(--cyan), var(--cyan-bright));border-radius:4px;height:100%;transition:width .3s;display:block;box-shadow:0 0 10px #12f9fd80}.st-ver{color:#c9d6e380;flex:none;font:500 11px Poppins,sans-serif}.studio-clock{background:#283a5199;border:1px solid #c9d6e324;border-radius:12px;padding:8px 12px;font-size:16px}.studio-main{gap:18px;padding:18px 20px}.studio-stage{border-radius:18px;box-shadow:0 24px 60px #00000073,0 0 0 1px #c9d6e314}.dock{scrollbar-width:none;-webkit-backdrop-filter:blur(16px);-webkit-user-select:none;user-select:none;background:linear-gradient(#283a51c7,#20354cb8);border:1px solid #c9d6e324;border-radius:20px;align-self:center;align-items:center;gap:6px;max-width:100%;padding:6px;display:flex;position:relative;overflow-x:auto;box-shadow:0 14px 34px #00000059,inset 0 1px #ffffff0d}.dock::-webkit-scrollbar{display:none}.dock-g{flex:none;align-items:center;gap:2px;padding:0 4px;display:flex;position:relative}.dock-g+.dock-g:before{content:"";background:#c9d6e329;width:1px;position:absolute;top:8px;bottom:8px;left:-3px}.db{color:#d9e6f2;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:13px;justify-content:center;align-items:center;gap:6px;min-width:42px;height:42px;padding:0 9px;font:600 13px Poppins,sans-serif;transition:background .15s,color .15s,transform .1s;display:inline-flex;position:relative}.db:hover{color:var(--white);background:#c9d6e31a}.db:active{transform:scale(.94)}.db.on{background:var(--cyan);color:var(--navy-deep);box-shadow:0 6px 16px #03e5f959}.db.txt{min-width:48px}.db.rec{color:#ff6b81}.db .more{opacity:.7;border-top:4px solid;border-left:4px solid #0000;width:0;height:0;position:absolute;bottom:4px;right:4px;transform:rotate(-45deg)}.db.style .swatch{border:2px solid #ffffffd9;border-radius:50%;width:24px;height:24px;box-shadow:0 0 0 2px #0d1a2b99}.dock-pop-wrap{position:relative}.dock-pop{z-index:60;background:#0d1a2bf7;border:1px solid #c9d6e329;border-radius:16px;gap:4px;padding:6px;display:flex;position:fixed;transform:translateY(calc(-100% - 12px));box-shadow:0 18px 40px #00000080}.dock-pop.wide{flex-direction:column;gap:8px;width:260px;padding:12px 14px}.pop-h{letter-spacing:1.6px;text-transform:uppercase;color:var(--grey-blue);font:600 11px Poppins,sans-serif}.pop-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pop-row .sw{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;display:grid;position:relative}.pop-row .sw span{border:2px solid #c9d6e373;border-radius:50%;width:26px;height:26px;display:block}.pop-row .sw.on{box-shadow:0 0 0 2px var(--cyan-bright)}.pop-row .sw.rainbow span{background:conic-gradient(#ff5470,#ffd166,#06d6a0,#03e5f9,#4361ee,#c77dff,#ff5470)}.pop-row .sw.rainbow input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.pop-row .sz{height:56px;color:var(--white);cursor:pointer;background:#283a5180;border:1px solid #c9d6e324;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font:700 15px Poppins,sans-serif;display:flex}.pop-row .sz small{color:var(--grey-blue);font:500 10px Poppins,sans-serif}.pop-row .sz.on{border-color:var(--cyan);background:#03e5f91f}.pop-row .sz .dot{border-radius:50%;display:block}.pop-row .sz.t-s{font-size:12px}.pop-row .sz.t-l{font-size:19px}.dock-pages{color:var(--grey-blue);align-items:center;gap:2px;padding:0 4px;font:600 12px Poppins,sans-serif;display:inline-flex}.dock-pages button{width:28px;height:30px;color:var(--white);cursor:pointer;background:#c9d6e314;border:0;border-radius:8px;font:600 15px Poppins,sans-serif}.dock-pages button:disabled{opacity:.35;cursor:default}.dock-pages b{text-align:center;min-width:34px;color:var(--white)}.dock-count{height:30px;color:var(--grey-blue);font-variant-numeric:tabular-nums;white-space:nowrap;background:#0d1a2b80;border-radius:10px;flex:none;align-items:center;margin:0 6px 0 auto;padding:0 10px;font:600 12px Poppins,sans-serif;display:inline-flex}.studio-board{z-index:2;background-color:#f7fbff;background-image:linear-gradient(#20354c12 1px,#0000 1px),linear-gradient(90deg,#20354c12 1px,#0000 1px);background-size:3.2cqw 3.2cqw;position:absolute;inset:0}.studio-board:after{content:"Mojaz Academy";letter-spacing:.3cqw;text-transform:uppercase;color:#20354c47;font:600 1.1cqw Poppins,sans-serif;position:absolute;bottom:3%;right:2.4%}.studio-think{z-index:6;pointer-events:none;color:var(--white);background:#0d1a2be6;border:1px solid #12f9fd66;border-radius:99px;align-items:center;gap:.8cqw;padding:.5cqw 1.4cqw .5cqw .6cqw;display:flex;position:absolute;top:3%;left:50%;transform:translate(-50%);box-shadow:0 0 2cqw #03e5f940}.studio-think svg{width:4cqw;height:4cqw;transform:rotate(-90deg)}.studio-think circle{fill:none;stroke:#c9d6e333;stroke-width:4px}.studio-think circle.run{stroke:var(--cyan-bright);stroke-linecap:round;stroke-dasharray:106.8;transition:stroke-dashoffset .25s linear}.studio-think b{font-variant-numeric:tabular-nums;text-align:center;min-width:2.6cqw;font:700 2.2cqw Poppins,sans-serif}.studio-think span{letter-spacing:.25cqw;text-transform:uppercase;color:var(--cyan-bright);font:600 1.2cqw Poppins,sans-serif}.studio-textin{z-index:8;position:absolute;transform:translateY(-4px)}.studio-textin input{border:2px solid var(--cyan);min-width:220px;height:40px;color:var(--white);background:#0d1a2bf2;border-radius:10px;outline:none;padding:0 12px;font:600 16px Poppins,Tajawal,sans-serif;box-shadow:0 10px 24px #0006}.studio-ink[data-tool=text]{cursor:text}.studio-ink[data-tool=marker]{cursor:copy}.studio-ink[data-tool=spot]{cursor:none}.studio-card{-webkit-backdrop-filter:blur(14px);background:linear-gradient(#283a519e,#20354c80);border:1px solid #c9d6e31f;border-radius:20px;box-shadow:0 14px 34px #00000040}.card-h{justify-content:space-between;align-items:baseline;display:flex}.card-h span{letter-spacing:2px;text-transform:uppercase;color:var(--grey-blue);font:600 11px Poppins,sans-serif}.card-h small{color:#c9d6e3b3;font-variant-numeric:tabular-nums;font:500 12px Poppins,sans-serif}.rec-sw,.cam-set,.rec-review{background:#0d1a2b8c;border-color:#c9d6e31f}.rec-sw.on{background:#03e5f921;border-color:#03e5f98c;box-shadow:inset 0 0 0 1px #03e5f933}.rec-card .rec-go{background:linear-gradient(135deg, var(--cyan-bright), var(--cyan));color:var(--navy-deep);border:0;box-shadow:0 10px 24px #03e5f947}.rec-card .rec-go:disabled{color:var(--grey-blue);box-shadow:none;background:#c9d6e31f}.studio-search{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#283a518c;border-color:#c9d6e31f}@media (width<=1100px){.st-progress,.st-logo{display:none}}.dock{flex-wrap:wrap;justify-content:center;overflow:visible}.dock-pop{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)}.dock-pop.wide{width:290px;left:0;transform:none}.studio-answer{border:1px solid #c9d6e31f;border-left:3px solid var(--cyan);background:linear-gradient(#283a51b3,#20354c99);border-radius:16px;flex-direction:column;align-items:stretch;gap:10px;max-height:42vh;padding:14px 16px;overflow:auto}.ans-h{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.ans-h b{font-size:15px;line-height:1.4}.ans-h .x{width:30px;height:30px;color:var(--white);cursor:pointer;background:#c9d6e31a;border:0;border-radius:9px;flex:none}.ans-body{color:#e6eef6;font-size:14.5px;line-height:1.6}.ans-body p{margin:0 0 6px}.ans-body ul{margin:0 0 6px;padding-inline-start:20px}.ans-body li{margin:3px 0}.ans-body b{color:var(--white)}.ans-body sup{color:var(--cyan-bright);margin:0 1px;font-size:10px}.ans-src{border-top:1px solid #c9d6e31f;flex-direction:column;gap:3px;margin:0;padding:8px 0 0 18px;font-size:12.5px;display:flex}.ans-src a{color:var(--cyan-bright);overflow-wrap:anywhere;text-decoration:none}.ans-src a:hover{text-decoration:underline}.ans-wait{color:var(--grey-blue);align-items:center;gap:6px;font-size:13px;display:flex}.ans-wait i{background:var(--cyan-bright);border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite ansdot}.ans-wait i:nth-child(2){animation-delay:.15s}.ans-wait i:nth-child(3){animation-delay:.3s}@keyframes ansdot{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.studio-answer>.ans-h{flex-direction:row;display:flex}.side-tools{align-items:center;gap:8px;padding:0 8px;display:flex}.theme-switch{border:1px solid var(--grey-blue);background:var(--white);width:40px;height:40px;color:var(--navy);cursor:pointer;border-radius:999px;flex:none;place-items:center;transition:transform .15s;display:grid}.theme-switch:hover{transform:rotate(-12deg)}.theme-switch.dark{border-color:var(--line-dark);color:var(--white);background:0 0}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=dark] body{color:#e6eff7;background:#0d1a2b}html[data-theme=dark] .main,html[data-theme=dark] .public,html[data-theme=dark] body>#root>.login-card{--white:#16283d;--navy:#e6eff7;--surface:#0f1d2f;--mist:#1c2f46;--border:#c9d6e31f;--grey-blue:#36506c;--ink:#e6eff7;--ink-body:#a9bccf;color:var(--ink)}html[data-theme=dark] .main{background:radial-gradient(900px 500px at 80% -10%,#03e5f90f,#0000 60%),#0d1a2b}html[data-theme=dark] .public{background:#0d1a2b}html[data-theme=dark] .public header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d1a2bd9}html[data-theme=dark] .hero,html[data-theme=dark] .card.dark{--white:#fefefe;--navy:#20354c;--mist:#283a51;--ink-body:#c9d6e3;color:#fefefe;background:linear-gradient(135deg,#20354c,#283a51);border-color:#c9d6e31f}html[data-theme=dark] .card,html[data-theme=dark] .list-row,html[data-theme=dark] .kcard,html[data-theme=dark] .picker,html[data-theme=dark] .login-card{box-shadow:0 10px 30px #00000040}html[data-theme=dark] .btn.primary,html[data-theme=dark] .pill.action,html[data-theme=dark] .slot.on,html[data-theme=dark] .count{color:#13243a}html[data-theme=dark] .btn.navy,html[data-theme=dark] .pill.done,html[data-theme=dark] .day.on,html[data-theme=dark] .rubric-opts button.on{color:#13243a;background:#e6eff7;border-color:#e6eff7}html[data-theme=dark] .input,html[data-theme=dark] textarea.input,html[data-theme=dark] select.input{color:#e6eff7;background:#0f1d2f}html[data-theme=dark] .input::placeholder{color:#7f93a8}html[data-theme=dark] .side{background:#0a1522;border-right:1px solid #c9d6e314}html[data-theme=dark] .side .me,html[data-theme=dark] .side nav a.active{background:#1c2f46}html[data-theme=dark] img.qr{background:#fff}.replay-start{z-index:6;-webkit-backdrop-filter:blur(2px);background:radial-gradient(circle,#0d1a2b59,#0d1a2bc7);flex-direction:column;justify-content:center;align-items:center;gap:1.6cqw;display:flex;position:absolute;inset:0}.replay-start .replay-big{cursor:pointer;color:#13243a;background:linear-gradient(145deg,#12f9fd,#03c4d6);border:0;border-radius:50%;place-items:center;width:9.5cqw;min-width:72px;height:9.5cqw;min-height:72px;margin:0;transition:transform .18s;display:grid;position:relative;inset:auto;box-shadow:0 1.4cqw 4cqw #03e5f959,inset 0 2px #ffffff73}.replay-start .replay-big:hover{transform:scale(1.07)}.replay-start .replay-big svg{width:42%;height:42%;margin-left:7%}.replay-start .ring{pointer-events:none;border:.25cqw solid #12f9fd8c;border-radius:50%;animation:2.2s ease-out infinite ringPulse;position:absolute;inset:-.9cqw}@keyframes ringPulse{0%{opacity:.9;transform:scale(.92)}80%,to{opacity:0;transform:scale(1.35)}}.replay-hint{color:#fefefe;text-shadow:0 2px 12px #0006;flex-direction:column;align-items:center;gap:.3cqw;display:flex}.replay-hint b{font:700 max(15px,1.9cqw) Poppins,sans-serif}.replay-hint span{color:#c9d6e3;letter-spacing:.3px;font:500 max(12px,1.2cqw) Poppins,sans-serif}.replay-mid{z-index:6;-webkit-backdrop-filter:blur(8px);color:#fefefe;cursor:pointer;background:#0d1a2b9e;border:1px solid #c9d6e34d;border-radius:50%;place-items:center;width:7cqw;min-width:54px;height:7cqw;min-height:54px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.replay-mid svg{margin-left:6%}.replay-mid:hover{color:#13243a;background:#03e5f9e6}.studio-board.b-lines{background-image:linear-gradient(#1d6fd829 1px,#0000 1px);background-position:0 2cqw;background-size:100% 4.2cqw}.studio-board.b-lines:before{content:"";background:#e6394659;width:1px;position:absolute;top:0;bottom:0;left:7%}.studio-board.b-plain{background-image:none}.studio-board.b-dark{background-color:#13243a;background-image:radial-gradient(#c9d6e31f 1px,#0000 1.2px);background-size:2.6cqw 2.6cqw}.studio-board.b-dark:after{color:#c9d6e347}.dock-pop .bs{width:62px;color:var(--grey-blue);cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;font:500 10px Poppins,sans-serif;display:flex}.dock-pop .bs i{background:#f7fbff;border:1px solid #c9d6e34d;border-radius:6px;width:44px;height:30px}.dock-pop .bs.b-grid i{background-image:linear-gradient(#20354c26 1px,#0000 1px),linear-gradient(90deg,#20354c26 1px,#0000 1px);background-size:6px 6px}.dock-pop .bs.b-lines i{background-image:linear-gradient(#1d6fd84d 1px,#0000 1px);background-size:100% 6px}.dock-pop .bs.b-dark i{background:#13243a}.dock-pop .bs.on{color:var(--white);background:#03e5f924}.dock-pop .bs.on i{box-shadow:0 0 0 2px var(--cyan)}.db .laser-ic{color:var(--lc,#12f9fd);filter:drop-shadow(0 0 4px var(--lc,#12f9fd));display:grid}.db.on .laser-ic{color:#13243a;filter:none}.dock-pop .db.lz span{border:2px solid #fff;border-radius:50%;width:22px;height:22px}.studio-tools.one{grid-template-columns:1fr}html[data-theme=light] .studio-wrap{--white:#13243a;--grey-blue:#5a6f86;--line-dark:#20354c29;--slate:#e3edf6;--cyan-bright:#20354c;color:#13243a;background:radial-gradient(1200px 600px at 70% -10%,#03e5f91f,#0000 60%),radial-gradient(900px 500px at -10% 110%,#e9f6ff,#0000 60%),#f4f8fb}html[data-theme=light] .studio-wrap .muted,html[data-theme=light] .studio-wrap .tiny{color:#4a5b6e}html[data-theme=light] .studio-wrap .tiny.ok,html[data-theme=light] .studio-wrap .ok,html[data-theme=light] .rec-parts .st.done{color:#138a5a}html[data-theme=light] .studio-wrap .tiny.warn{color:#a15c00}html[data-theme=light] .studio-top{background:#ffffffc7;border-bottom-color:#20354c1a}html[data-theme=light] .st-back,html[data-theme=light] .st-icon{background:#fff;border-color:#20354c24;box-shadow:0 2px 8px #20354c0f;color:#20354c!important}html[data-theme=light] .st-icon.on{background:#e9f6ff;border-color:#20354c4d}html[data-theme=light] .st-progress span{color:#4a5b6e}html[data-theme=light] .st-progress i{background:#20354c1a}html[data-theme=light] .st-progress b,html[data-theme=light] .rec-dot{background:var(--cyan);box-shadow:none}html[data-theme=light] .st-ver{color:#20354c73}html[data-theme=light] .studio-clock{background:#fff;border-color:#20354c24}html[data-theme=light] .studio-stage{box-shadow:0 24px 60px #20354c38,0 0 0 1px #20354c14}html[data-theme=light] .dock{background:#ffffffdb;border-color:#20354c1f;box-shadow:0 14px 34px #20354c24,inset 0 1px #fff}html[data-theme=light] .db{color:#20354c}html[data-theme=light] .db:hover{color:#13243a;background:#e9f6ff}html[data-theme=light] .db.on{color:#fefefe;background:#20354c;box-shadow:0 6px 16px #20354c47}html[data-theme=light] .db.on .laser-ic{color:var(--lc);filter:drop-shadow(0 0 4px var(--lc))}html[data-theme=light] .dock-g+.dock-g:before{background:#20354c1f}html[data-theme=light] .dock-pop{background:#fff;border-color:#20354c1f;box-shadow:0 18px 40px #20354c2e}html[data-theme=light] .pop-row .sz{color:#13243a;background:#f4f8fb;border-color:#20354c1f}html[data-theme=light] .pop-row .sz.on,html[data-theme=light] .dock-pop .bs.on{color:#13243a;background:#e9f6ff;border-color:#20354c}html[data-theme=light] .pop-row .sw span{border-color:#20354c40}html[data-theme=light] .pop-row .sw.on{box-shadow:0 0 0 2px #20354c}html[data-theme=light] .dock-pages button,html[data-theme=light] .dock-count{color:#20354c;background:#f0f5fa}html[data-theme=light] .studio-card{color:#13243a;background:#ffffffd1;border-color:#20354c1a;box-shadow:0 14px 34px #20354c14}html[data-theme=light] .card-h span,html[data-theme=light] .card-h small{color:#5a6f86}html[data-theme=light] .rec-sw,html[data-theme=light] .cam-set,html[data-theme=light] .rec-review{color:#4a5b6e;background:#f4f8fb;border-color:#20354c1f}html[data-theme=light] .rec-sw.on{color:#13243a;box-shadow:none;background:#e9f6ff;border-color:#20354c}html[data-theme=light] .rec-sw.on svg{color:#20354c}html[data-theme=light] .rec-sw.on .cc{color:#fff;background:#20354c;border-color:#20354c}html[data-theme=light] .studio-wrap .seg{background:#fff;border-color:#20354c29}html[data-theme=light] .studio-wrap .seg button{color:#4a5b6e}html[data-theme=light] .studio-wrap .seg button.on{color:#fff;background:#20354c}html[data-theme=light] .studio-wrap .corners button{background:#e3edf6}html[data-theme=light] .studio-wrap .corners button.on{background:#20354c}html[data-theme=light] .studio-wrap .input.sm,html[data-theme=light] .studio-wrap .input{color:#13243a;background:#fff;border-color:#20354c2e}html[data-theme=light] .rec-card .btn.soft{color:#20354c;background:#fff;border-color:#20354c2e}html[data-theme=light] .rec-card .btn.stop{color:#fff;background:#20354c}html[data-theme=light] .rec-card .rec-go{color:#13243a}html[data-theme=light] .studio-wrap .btn.ghost-dark{color:#20354c;background:#fff;border-color:#20354c33}html[data-theme=light] .rec-parts{border-top-color:#20354c1f}html[data-theme=light] .rec-parts .n{background:#e3edf6}html[data-theme=light] .studio-wrap .linkish{color:#20354c}html[data-theme=light] .notes-card .studio-notes{color:#2b3d52}html[data-theme=light] .studio-wrap .eyebrow{color:#20354c}html[data-theme=light] .studio-outline button{color:#13243a}html[data-theme=light] .studio-outline button:hover,html[data-theme=light] .studio-outline li.on button{background:#e9f6ff}html[data-theme=light] .studio-outline .n{background:#e3edf6}html[data-theme=light] .studio-outline li.on .n{color:#fff;background:#20354c}html[data-theme=light] .outline-box summary{color:#4a5b6e}html[data-theme=light] .studio-search{background:#fff;border-color:#20354c24;box-shadow:0 6px 18px #20354c0f}html[data-theme=light] .studio-search input{color:#13243a}html[data-theme=light] .studio-search input::placeholder{color:#7b8ea3}html[data-theme=light] .studio-search button{color:#fff;background:#20354c}html[data-theme=light] .studio-search button:disabled{color:#7b8ea3;background:#e3edf6}html[data-theme=light] .studio-clipswitch{background:#ffffffeb;border-color:#20354c24}html[data-theme=light] .studio-clipswitch button{color:#4a5b6e}html[data-theme=light] .studio-clipswitch button.on{color:#fff;background:#20354c}html[data-theme=light] .replay-overlay{--white:#fefefe;--grey-blue:#c9d6e3;--line-dark:#3a4f68;--slate:#283a51;--cyan-bright:#12f9fd;color:#fefefe}html[data-theme=light] .rec-card .rec-go{background:linear-gradient(135deg,#12f9fd,#03e5f9);box-shadow:0 10px 24px #03e5f94d}:root{--hl-row:#f1fbff}html[data-theme=dark] .main,html[data-theme=dark] .public{--hl-row:#1a3a52}html[data-theme=dark] .hero,html[data-theme=dark] .card.dark{--grey-blue:#c9d6e3;--slate:#3a4f68}html[data-theme=dark] a{color:inherit}html[data-theme=dark] .main a:not(.btn):not(.list-row):not(.kcard),html[data-theme=dark] .public a:not(.btn),html[data-theme=dark] .linkbtn{color:var(--cyan-bright)}.studio-wrap{--ic-ac:#12f9fd42;--ic-acl:#12f9fd}html[data-theme=light] .studio-wrap{--ic-ac:#03e5f952;--ic-acl:#00a9c0}.studio-wrap svg .ac{fill:var(--ic-ac);stroke:none}.studio-wrap svg .acl{stroke:var(--ic-acl)}.studio-wrap svg .acf{fill:var(--ic-acl);stroke:none}.studio-wrap svg .off{stroke:#ff6b81}.db.on svg .ac,.rec-sw.on svg .ac{fill:#13243a38}.db.on svg .acl,.db.on svg .acf{stroke:#13243a}.db.on svg .acf{fill:#13243a}html[data-theme=light] .db.on svg .ac{fill:#fefefe38}html[data-theme=light] .db.on svg .acl{stroke:#12f9fd}html[data-theme=light] .db.on svg .acf{fill:#12f9fd;stroke:none}.db{border-radius:14px;gap:0;width:44px;min-width:44px;height:44px;padding:0}.db>svg,.db .laser-ic>svg{flex:none;width:22px;height:22px;display:block}.db.txt{width:auto;min-width:44px;padding:0 12px}.db .laser-ic{width:22px;height:22px}.db .more{opacity:.75;fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;border:0;width:8px;height:8px;position:absolute;bottom:3px;right:3px;transform:none}.db.style .swatch{width:22px;height:22px}.dock{gap:4px;padding:5px}.dock-g{gap:2px;height:44px;padding:0 5px}.dock-g+.dock-g:before{top:10px;bottom:10px}.dock-count{height:32px;line-height:32px}.dock-pop{gap:4px;padding:6px}.dock-pop .db.lz span{width:20px;height:20px;display:block}.pop-h{justify-content:space-between;align-items:baseline;display:flex}.pop-h small{letter-spacing:1px;color:var(--cyan);font-size:9px}html[data-theme=light] .pop-h small{color:#20354c}.pop-row{gap:4px}.pop-row .sw{width:32px;height:32px}.pop-row .sw span{width:24px;height:24px}.pop-row .sw.brand span{box-shadow:inset 0 0 0 2px #03e5f900}.pop-sep{background:#c9d6e340;width:1px;height:22px;margin:0 3px}html[data-theme=light] .pop-sep{background:#20354c2e}.st-back,.st-icon{place-items:center;width:40px;height:40px;padding:0;line-height:0;display:inline-grid}.st-back svg,.st-icon svg{width:20px;height:20px;display:block}.studio-top{gap:12px}.rec-sw{grid-template-rows:26px 16px;align-content:center;place-items:center;gap:6px;height:72px;padding:0;display:grid}.rec-sw .ri{place-items:center;width:26px;height:26px;display:grid}.rec-sw .ri svg{width:24px;height:24px;display:block}.rec-sw .rl{font:600 12px/16px Poppins,sans-serif}.rec-card .rec-go:disabled{color:var(--grey-blue);background:#c9d6e31a;border:1px dashed #c9d6e340}html[data-theme=light] .rec-card .rec-go:disabled{color:#7b8ea3;background:#f0f5fa;border-color:#20354c2e}.rec-live.paused .rec-time b{color:var(--white)}.pause-ic{letter-spacing:-1px;color:#ffc94d;background:#ffc94d2e;border-radius:8px;place-items:center;width:26px;height:26px;font-size:10px;display:grid}html[data-theme=light] .pause-ic{color:#a15c00;background:#fff4d6}.rec-live .btn:disabled{opacity:.45;cursor:default}.side-tools .langswitch,.side-tools .theme-switch{height:40px;min-height:40px}.side-tools .theme-switch svg,.theme-switch svg{display:block}.theme-switch{padding:0;line-height:0}.rp-screen{z-index:7;-webkit-backdrop-filter:blur(3px);background:radial-gradient(70% 90% at 50% 40%,#20354c8c,#0d1a2beb),linear-gradient(#0d1a2b40,#0d1a2bd9);place-items:center;animation:.35s cubic-bezier(.2,.7,.2,1) rpIn;display:grid;position:absolute;inset:0;overflow:hidden}@keyframes rpIn{0%{opacity:0}to{opacity:1}}.rp-ecg{fill:none;stroke:#03e5f973;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:900;stroke-dashoffset:900px;filter:drop-shadow(0 0 6px #03e5f973);width:100%;height:12%;animation:2.4s cubic-bezier(.2,.7,.2,1) .15s forwards ecgDraw;position:absolute;bottom:9%;left:0;right:0}@keyframes ecgDraw{to{stroke-dashoffset:0}}.rp-card{text-align:center;flex-direction:column;align-items:center;gap:1.3cqw;max-width:78%;padding:0 2cqw;display:flex;position:relative}.rp-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:#c9d6e3;align-items:center;gap:12px;font:600 max(11px,1.05cqw) Poppins,sans-serif;display:inline-flex}.rp-eyebrow:before{content:"";background:#03e5f9;border-radius:3px;width:30px;height:3px}.rp-title{color:#fefefe;letter-spacing:-.3px;text-wrap:balance;margin:0;font:700 max(18px,3.1cqw)/1.18 Poppins,Tajawal,sans-serif}.rp-sub{color:#c9d6e3;margin:0;font:500 max(13px,1.3cqw)/1.5 Poppins,sans-serif}.rp-meta{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.rp-meta span{color:#e9f6ff;letter-spacing:.04em;font-variant-numeric:tabular-nums;background:#e9f6ff1a;border:1px solid #c9d6e329;border-radius:99px;padding:4px 12px;font:600 max(11px,1cqw) Poppins,sans-serif}.rp-play{cursor:pointer;color:#13243a;background:#03e5f9;border:1.5px solid #0000;border-radius:99px;align-items:center;gap:12px;min-height:52px;margin-top:.8cqw;padding:8px 26px 8px 8px;font:600 16px Poppins,sans-serif;transition:transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .2s;display:inline-flex;box-shadow:0 10px 28px #03e5f959}.rp-play:hover{transform:translateY(-2px);box-shadow:0 14px 34px #03e5f973}.rp-play .rp-dot{color:#12f9fd;background:#13243a;border-radius:50%;place-items:center;width:38px;height:38px;transition:transform .2s cubic-bezier(.2,.7,.2,1);display:grid}.rp-play .rp-dot svg{margin-left:2px}.rp-play:hover .rp-dot{transform:scale(1.08)}.rp-play.ghost{color:#fefefe;box-shadow:none;background:0 0;border-color:#c9d6e373}.rp-play.ghost:hover{border-color:#03e5f9}.rp-play.ghost .rp-dot{color:#13243a;background:#03e5f9}.rp-play.ghost .rp-dot svg{margin-left:0}.rp-screen.end .rp-ecg{stroke:#03e5f94d}.rec-card .btn.rec-go:disabled{color:#8ea3b9!important}html[data-theme=light] .rec-card .btn.rec-go:disabled{color:#7b8ea3!important}.db .more{opacity:.55;width:7px;height:7px;bottom:2px;right:2px}.db:hover .more,.db.on .more{opacity:.9}.rp-screen{-webkit-backdrop-filter:blur(8px);background:radial-gradient(60% 80% at 50% 38%,#03e5f914,#0000 70%),radial-gradient(75% 95% at 50% 42%,#1a2c42f7,#0d1a2bfe)}.studio-cap.line{color:#fefefe;-webkit-backdrop-filter:blur(10px);letter-spacing:.1px;background:#0d1a2be6;border:1px solid #12f9fd38;border-radius:1cqw;padding:.55cqw 1.6cqw .55cqw 2.3cqw;font:600 1.85cqw/1.45 Poppins,Tajawal,sans-serif;position:absolute;box-shadow:0 .6cqw 2.2cqw #00000059}.studio-cap.line:before{content:"";background:#03e5f9;border-radius:3px;width:.32cqw;position:absolute;top:24%;bottom:24%;left:.9cqw;box-shadow:0 0 .8cqw #03e5f999}.studio-cap.line .wait{color:#c9d6e3;font-weight:500}html[data-theme=light] .studio-wrap .studio-cap.line,.studio-cap.line.on-board{color:#13243a;background:#fffffff2;border-color:#20354c24;box-shadow:0 .6cqw 2.2cqw #20354c33}html[data-theme=light] .studio-wrap .studio-cap.line:before,.studio-cap.line.on-board:before{box-shadow:none}html[data-theme=light] .studio-wrap .studio-cap.line .wait,.studio-cap.line.on-board .wait{color:#5a6f86}html[data-theme=light] .studio-wrap .studio-cap.line.on-dark-board,.studio-cap.line.on-dark-board{color:#fefefe;background:#0d1a2be6;border-color:#12f9fd38;box-shadow:0 .6cqw 2.2cqw #00000059}html[data-theme=light] .studio-wrap .studio-cap.line.on-dark-board .wait{color:#c9d6e3}.replay{gap:0}.replay>.replay-stage{border-radius:18px 18px 0 0}.vp{color:#fefefe;background:linear-gradient(#1a2d44 0%,#13243a 100%);border:1px solid #c9d6e31a;border-top:0;border-radius:0 0 18px 18px;padding:0 12px 8px;font-family:Poppins,sans-serif;position:relative;box-shadow:0 18px 40px #00000059}.vp-seek{cursor:pointer;height:20px;margin:0 2px;display:block;position:relative}.vp-seek:before{display:none}.vp-track{background:#c9d6e329;border-radius:4px;height:4px;transition:height .15s,top .15s;position:absolute;top:8px;left:0;right:0}.vp-buf{width:var(--b);background:#c9d6e347;border-radius:4px;position:absolute;top:0;bottom:0;left:0}.vp-fill{width:var(--p);background:linear-gradient(90deg,#03e5f9,#12f9fd);border-radius:4px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 10px #03e5f98c}.vp-knob{top:50%;left:var(--p);background:#fefefe;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;transition:transform .15s;position:absolute;transform:scale(0);box-shadow:0 0 0 4px #03e5f959,0 2px 6px #0006}.vp-seek:hover .vp-track{height:6px;top:7px}.vp-seek:hover .vp-knob,.vp-seek:focus-within .vp-knob{transform:scale(1)}.vp-seek input{opacity:0;cursor:pointer;appearance:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.vp-tip{bottom:22px;left:var(--h);color:#12f9fd;font-variant-numeric:tabular-nums;pointer-events:none;white-space:nowrap;background:#0d1a2b;border:1px solid #03e5f966;border-radius:99px;padding:3px 9px;font:600 11px Poppins,sans-serif;position:absolute;transform:translate(-50%)}.vp-row{gap:4px;height:44px}.vp-b{color:#dbe7f2;background:0 0;border-radius:50%;place-items:center;width:38px;min-width:38px;height:38px;padding:0;transition:background .15s,color .15s,transform .15s;display:inline-grid}.vp-b svg{display:block}.vp-b:hover,.vp-b.on{color:#fefefe;background:#e9f6ff17}.vp-b.vp-play{color:#13243a;background:#03e5f9;width:40px;min-width:40px;height:40px;margin-right:4px;box-shadow:0 6px 18px #03e5f959}.vp-b.vp-play:hover{color:#13243a;background:#12f9fd;transform:scale(1.06)}.vp-hd{color:#13243a;background:#03e5f9;border-radius:4px;padding:2px 3px;font:700 7px/1 Poppins,sans-serif;top:4px;right:2px}.vp-time{font-variant-numeric:tabular-nums;padding:0 10px;font:500 13px Poppins,sans-serif}.vp-time b{color:#fefefe;font-weight:600}.vp-time span{color:#8ea3b9}.vp-chip{color:#dbe7f2;cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;border:1px solid #c9d6e33d;border-radius:99px;min-width:40px;height:28px;margin:0 2px;padding:0 11px;font:600 12px Poppins,sans-serif;transition:background .15s,border-color .15s,color .15s}.vp-chip:hover{color:#fefefe;border-color:#03e5f999}.vp-chip.on{color:#13243a;background:#03e5f9;border-color:#03e5f9}.vp-vol input{appearance:none;background:linear-gradient(90deg, #03e5f9 var(--v), #c9d6e338 var(--v));cursor:pointer;border-radius:4px;height:4px}.vp-vol input::-webkit-slider-thumb{-webkit-appearance:none;background:#fefefe;border:0;border-radius:50%;width:12px;height:12px}.vp-vol input::-moz-range-thumb{background:#fefefe;border:0;border-radius:50%;width:12px;height:12px}.vp-pop{background:#0d1a2bf7;border:1px solid #c9d6e324;border-radius:16px;padding:14px 16px;bottom:calc(100% + 14px);box-shadow:0 18px 44px #00000080}.vp-pop-h b{letter-spacing:.18em;text-transform:uppercase;color:#c9d6e3;align-items:center;gap:8px;font:600 11px Poppins,sans-serif;display:inline-flex}.vp-pop-h b:before{content:"";background:#03e5f9;border-radius:3px;width:18px;height:3px}.vp-speed{appearance:none;background:linear-gradient(90deg, #03e5f9 var(--v), #c9d6e338 var(--v));border-radius:5px;height:5px}.vp-speed::-webkit-slider-thumb{-webkit-appearance:none;background:#fefefe;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 4px #03e5f959}.vp-speed::-moz-range-thumb{background:#fefefe;border:0;border-radius:50%;width:16px;height:16px}.vp-ticks button{border-radius:99px;padding:4px 6px;font:600 11px Poppins,sans-serif}.vp-opt{text-align:left;background:#ffffff0a;border:1px solid #0000;border-radius:12px;align-items:center;margin-top:4px;padding:9px 12px}.vp-opt:hover{background:#ffffff14}.vp-opt.on{background:#03e5f91f;border-color:#03e5f966}.vp-opt.on>span:last-child{color:#12f9fd}.vp-sub{color:#c9d6e3;opacity:.8;font:400 11px Poppins,sans-serif;display:block}:is(.replay.is-full .vp,.replay:fullscreen .vp){border-radius:0 0 14px 14px}@media (width<=480px){.vp-row{height:40px}.vp-b{width:34px;min-width:34px;height:34px}.vp-b.vp-play{width:36px;min-width:36px;height:36px}.vp-chip{min-width:34px;height:26px;padding:0 8px}.vp-time{padding:0 4px;font-size:11px}.vp-pop{width:210px;padding:12px;right:-40px}.vp-ticks button{padding:3px;font-size:10px}}.watch.embedded{background:0 0;align-items:stretch;padding:0}.watch.embedded .replay{max-width:min(100%,177.778dvh - 128px)}.watch.embedded .vp{box-shadow:none}.watch.embedded .watch-wait{max-width:min(100%,177.778dvh - 128px);box-shadow:none;align-self:center}.replay-stage .studio-frame,.replay-stage .studio-yt,.replay-stage .studio-yt iframe{pointer-events:none}.rp-hit{z-index:5;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;position:absolute;inset:0}.rp-screen.paused{z-index:7;cursor:pointer;-webkit-backdrop-filter:blur(2px);background:radial-gradient(60% 80% at 50% 45%,#0d1a2b80,#0d1a2bb8);animation:.2s ease-out rpIn}.rp-screen.paused .rp-card{cursor:default;gap:1cqw}.rp-title.sm{font-size:max(16px,2.3cqw)}@media (width<=560px){.rp-screen.paused .rp-title.sm{display:none}.rp-play{min-height:44px;padding:6px 20px 6px 6px;font-size:14px}.rp-play .rp-dot{width:32px;height:32px}}.rp-screen.paused .rp-card{-webkit-backdrop-filter:blur(16px);background:#0d1a2bdb;border:1px solid #12f9fd33;border-radius:22px;max-width:70%;padding:max(18px,2.2cqw) max(24px,3.6cqw);box-shadow:0 1.6cqw 4cqw #00000073,0 0 3cqw #03e5f914}@media (width<=560px){.rp-screen.paused .rp-card{border-radius:16px;padding:14px 18px}}.replay>.vp,.replay .vp{z-index:20;position:relative}.vp .vp-seek{z-index:2}.vp .vp-tip{z-index:30}.replay>.replay-stage{z-index:1;position:relative}.deck-view{background:#0d1a2b;position:fixed;inset:0}.deck-view iframe{border:0;width:100%;height:100%;display:block}.deck-view .watch-wait{aspect-ratio:auto;max-width:none;box-shadow:none;color:#c9d6e3;border:0;border-radius:0;place-content:center;justify-items:center;gap:14px;height:100%;display:grid}.deck-view .watch-wait img{width:120px}.studio-think{color:#fefefe;-webkit-backdrop-filter:blur(8px);background:#0d1a2be6;border-color:#12f9fd66}.studio-think circle{stroke:#c9d6e338}.studio-think circle.run{stroke:#12f9fd}.studio-think b{color:#fefefe}.studio-think span{color:#12f9fd}html[data-theme=light] .studio-wrap .studio-think,.studio-think.on-board{color:#13243a;background:#fffffff0;border-color:#20354c29;box-shadow:0 .8cqw 2.4cqw #20354c38,0 0 0 .25cqw #03e5f92e}html[data-theme=light] .studio-wrap .studio-think circle,.studio-think.on-board circle{stroke:#20354c24}html[data-theme=light] .studio-wrap .studio-think circle.run,.studio-think.on-board circle.run{stroke:#00a9c0;filter:none}html[data-theme=light] .studio-wrap .studio-think b,.studio-think.on-board b{color:#13243a}html[data-theme=light] .studio-wrap .studio-think span,.studio-think.on-board span{color:#00838f}html[data-theme=light] .studio-wrap .studio-think.on-dark-board,.studio-think.on-dark-board{color:#fefefe;background:#0d1a2beb;border-color:#12f9fd66;box-shadow:0 0 2cqw #03e5f940}html[data-theme=light] .studio-wrap .studio-think.on-dark-board circle,.studio-think.on-dark-board circle{stroke:#c9d6e338}html[data-theme=light] .studio-wrap .studio-think.on-dark-board circle.run,.studio-think.on-dark-board circle.run{stroke:#12f9fd}html[data-theme=light] .studio-wrap .studio-think.on-dark-board b,.studio-think.on-dark-board b{color:#fefefe}html[data-theme=light] .studio-wrap .studio-think.on-dark-board span,.studio-think.on-dark-board span{color:#12f9fd}.studio-think.low circle.run{filter:none;stroke:#ffc94d!important}.studio-think.low b{animation:1s ease-in-out infinite thinkPulse;color:#ffc94d!important}html[data-theme=light] .studio-wrap .studio-think.low:not(.on-dark-board) b,.studio-think.low.on-board b{color:#b7791f!important}html[data-theme=light] .studio-wrap .studio-think.low:not(.on-dark-board) circle.run,.studio-think.low.on-board circle.run{stroke:#e0a526!important}@keyframes thinkPulse{50%{transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){.studio-think.low b{animation:none}}.studio-count{color:#fefefe;text-shadow:0 0 40px #12f9fdb3,0 0 4px #12f9fde6;background:#0d1a2b99}html[data-theme=light] .studio-wrap .studio-count{color:#fefefe;background:#0d1a2b8c}.studio-textin input{color:#fefefe;background:#0d1a2bf2}html[data-theme=light] .studio-wrap .studio-textin input{color:#13243a;background:#fff;border-color:#00a9c0;box-shadow:0 10px 24px #20354c38}.m3d-layer{z-index:2;background:radial-gradient(120% 90% at 50% 0,#20354c 0%,#13243a 60%,#0d1a2b 100%);position:absolute;inset:0;overflow:hidden}.m3d-view{isolation:isolate;position:absolute;inset:0}.m3d-view iframe{border:0;width:100%;height:100%;display:block}.m3d-err{color:#c9d6e3;place-items:center;margin:0;font:500 1.6cqw Poppins,sans-serif;display:grid;position:absolute;inset:0}.m3d-brand{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;background:#0d1a2bc7;border:1px solid #03e5f94d;border-radius:99px;align-items:center;gap:.8cqw;padding:.5cqw 1.1cqw .5cqw .7cqw;display:flex;position:absolute;top:2.2%;left:50%;transform:translate(-50%)}.m3d-brand img{width:auto;height:2.4cqw}.m3d-brand b{color:#fefefe;letter-spacing:.02em;font:700 1.45cqw/1 Poppins,sans-serif}.m3d-brand em{color:#12f9fd;font-style:normal}.m3d-credit{color:#c9d6e3d9;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:#0d1a2b99;border-radius:.6cqw;max-width:60%;padding:.3cqw .8cqw;font:500 .95cqw/1.3 Poppins,sans-serif;position:absolute;bottom:1.6%;left:50%;overflow:hidden;transform:translate(-50%)}.studio-clipswitch~.m3d-switch{top:calc(2% + 44px)}.db-tag{color:#12f9fd;letter-spacing:.02em;font:800 8px/1 Poppins,sans-serif;position:absolute;bottom:2px;right:3px}.db.on .db-tag{color:#13243a}.m3d-search{z-index:6;flex-direction:column;gap:8px;width:min(94%,980px);font-family:Poppins,sans-serif;display:flex;position:absolute;bottom:2.5%;left:50%;transform:translate(-50%)}.m3d-results{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d1a2bed;border:1px solid #03e5f940;border-radius:16px;padding:10px 10px 8px;box-shadow:0 14px 40px #00000073}.m3d-rh{align-items:baseline;gap:10px;padding:0 4px 8px;display:flex}.m3d-rh b{letter-spacing:2.5px;text-transform:uppercase;color:#12f9fd;font:600 11px Poppins,sans-serif}.m3d-rh span{color:#c9d6e3;font-size:12px}.m3d-row{scrollbar-width:thin;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.m3d-card{text-align:left;cursor:pointer;color:#fefefe;background:#ffffff0a;border:1px solid #0000;border-radius:12px;flex-direction:column;flex:0 0 136px;gap:3px;padding:6px;display:flex}.m3d-card:hover{background:#ffffff14}.m3d-card.on{background:#03e5f91f;border-color:#03e5f9}.m3d-card .th{aspect-ratio:16/9;background:#20354c 50%/cover no-repeat;border-radius:8px}.m3d-card .nm{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:30px;font:600 12px/1.25 Poppins,sans-serif;display:-webkit-box;overflow:hidden}.m3d-card .by{color:#c9d6e3;white-space:nowrap;justify-content:space-between;gap:4px;font:400 10.5px/1.2 Poppins,sans-serif;display:flex;overflow:hidden}.m3d-card .by i{background:#ffffff1a;border-radius:99px;flex:none;padding:1px 5px;font-size:9px;font-style:normal}.m3d-card .by i.nc{color:#ffd25e;background:#ffc4002e}.m3d-empty{color:#c9d6e3;margin:6px;font-size:12px}.m3d-bar{background:#0d1a2bf2;border:1px solid #03e5f973;border-radius:999px;align-items:center;gap:6px;height:48px;padding:0 8px 0 14px;display:flex;box-shadow:0 10px 30px #00000073,0 0 0 4px #03e5f914}.m3d-ic{color:#12f9fd;display:grid}.m3d-bar input{color:#fefefe;background:0 0;border:0;outline:none;flex:1;min-width:0;height:100%;font:500 14px Poppins,sans-serif}.m3d-bar input::placeholder{color:#c9d6e3b3}.m3d-tg{color:#fefefe;cursor:pointer;background:#ffffff14;border:0;border-radius:50%;width:32px;height:32px;font-size:13px}.m3d-tg:hover{background:#ffffff29}.rp-explore{color:#12f9fd;cursor:pointer;background:0 0;border:1px solid #03e5f980;border-radius:999px;margin-top:10px;padding:8px 16px;font:600 13px Poppins,sans-serif}.rp-explore:hover{background:#03e5f91f}.m3d-back{z-index:8;color:#13243a;cursor:pointer;background:#03e5f9;border:0;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font:700 13px Poppins,sans-serif;display:inline-flex;position:absolute;top:2.2%;right:2%;box-shadow:0 6px 18px #03e5f959}.m3d-poster{background:#13243a 50%/contain no-repeat;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.m3d-poster:before{content:"";background:#0d1a2b73;position:absolute;inset:0}.m3d-open{z-index:8;color:#13243a;white-space:nowrap;cursor:pointer;background:#03e5f9;border:0;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font:700 12px Poppins,sans-serif;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 16px #03e5f959}.m3d-heavy-note{text-align:center;z-index:1;color:#c9d6e3;font:500 10px Poppins,sans-serif;position:absolute;bottom:22%;left:0;right:0}.m3d-card .hv{color:#ff9b7a;background:#ff78502e;border-radius:99px;align-self:flex-start;padding:1px 6px;font:700 9px Poppins,sans-serif}.m3d-clip{object-fit:contain;pointer-events:none;background:#13243a;width:100%;height:100%;position:absolute;inset:0}.m3d-view.still iframe{pointer-events:none}.m3d-layer.clear{background:0 0}.m3d-clip-live{z-index:1;visibility:hidden}.m3d-clip-live.on{visibility:visible}.m3d-clip-slot{position:absolute;inset:0}.replay .m3d-brand,.replay .m3d-credit{-webkit-backdrop-filter:none;background:#0d1a2be0}.replay .m3d-clip-live{transform:translateZ(0)}.rp-device{color:#c9d6e3;background:#0d1a2bb3;border:1px solid #03e5f94d;border-radius:12px;max-width:34em;margin:4px 0 0;padding:8px 14px;font:500 12px/1.45 Poppins,sans-serif}.rp-device b{color:#12f9fd;font-weight:600}.rp-device span{margin-top:3px;font-family:Tajawal,Poppins,sans-serif;display:block}.studio-zoom{z-index:1;transform-origin:0 0;will-change:transform;position:absolute;inset:0}.studio-zoom>.studio-board{z-index:1}.studio-stage{-webkit-touch-callout:none}.studio-fit{z-index:7;color:#fefefe;cursor:pointer;touch-action:manipulation;background:#0d1a2be6;border:1px solid #12f9fd73;border-radius:999px;align-items:center;gap:6px;height:34px;padding:0 12px 0 10px;font:600 13px Poppins,sans-serif;display:inline-flex;position:absolute;bottom:2.4%;left:1.4%;box-shadow:0 6px 18px #00000059}.studio-fit svg{color:#12f9fd}html[data-theme=light] .studio-fit{color:#13243a;background:#fff;border-color:#20354c2e}html[data-theme=light] .studio-fit svg{color:#00a9c0}.studio-think.paused circle.run{stroke:#c9d6e3!important}.studio-think.paused span{color:#c9d6e3!important}.dock.v23{flex-wrap:wrap;justify-content:center;row-gap:6px}.dock.v23 .dock-g.tools{flex-wrap:wrap;justify-content:center}.dock-tool{align-items:center;gap:2px;display:inline-flex}.dock-tool.sel{background:#03e5f912;border-radius:15px}.db.big{width:52px;min-width:52px}.db.big>svg{width:26px;height:26px}.db.paused{opacity:.75}.db .db-time{font-variant-numeric:tabular-nums;font:700 12px Poppins,sans-serif}.dock-strip{align-items:center;gap:1px;padding:0 4px 0 2px;display:inline-flex}.dock-strip .ps{cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:10px;place-items:center;width:32px;height:38px;padding:0;display:grid}.dock-strip .ps:hover{background:#c9d6e31a}.dock-strip .ps-w i{border-radius:99px;display:block}.dock-strip .ps-c i{border:2px solid #fefefe8c;border-radius:50%;width:22px;height:22px;display:block}.dock-strip .ps.on{background:#03e5f929;box-shadow:inset 0 0 0 2px #03e5f9}.dock-strip .ps-sep{background:#c9d6e32e;width:1px;height:22px;margin:0 3px}html[data-theme=light] .dock-tool.sel{background:#eef6fc}html[data-theme=light] .dock-strip .ps.on{background:#e9f6ff;box-shadow:inset 0 0 0 2px #20354c}html[data-theme=light] .dock-strip .ps-c i{border-color:#20354c40}html[data-theme=light] .dock-strip .ps-sep{background:#20354c24}.tpop{z-index:1000;color:#fefefe;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#0d1a2bfa;border:1px solid #c9d6e329;border-radius:18px;flex-direction:column;gap:10px;width:300px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);padding:14px;font-family:Poppins,Tajawal,sans-serif;animation:.14s ease-out tpopIn;display:flex;position:fixed;overflow:auto;box-shadow:0 22px 48px #00000080}.tpop.narrow{width:260px}.tpop-arrow{background:inherit;border-bottom:1px solid #c9d6e329;border-right:1px solid #c9d6e329;width:12px;height:12px;margin-left:-6px;position:absolute;bottom:-7px;transform:rotate(45deg)}.tpop.below .tpop-arrow{border:0;border-top:1px solid #c9d6e329;border-left:1px solid #c9d6e329;top:-7px;bottom:auto}@keyframes tpopIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.tpop{animation:none}}.tp-h{letter-spacing:1.4px;text-transform:uppercase;color:#c9d6e3;justify-content:space-between;align-items:baseline;gap:8px;font:600 11px Poppins,sans-serif;display:flex}.tp-h small{letter-spacing:.6px;text-transform:none;color:#12f9fd;font-size:9.5px;font-weight:500}.tp-note{color:#9fb2c6;margin:0;font:400 11.5px/1.5 Poppins,sans-serif}.tp-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tp-col{flex-direction:column;gap:6px;display:flex}.tp-grid{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.tp-sw{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;display:grid;position:relative}.tp-sw span{border:2px solid #c9d6e373;border-radius:50%;width:26px;height:26px;display:block}.tp-sw.on{box-shadow:0 0 0 2px #12f9fd}.tp-sw.gap{margin-left:8px}.tp-sw.rainbow span{background:conic-gradient(#ff5470,#ffd166,#06d6a0,#03e5f9,#4361ee,#c77dff,#ff5470)}.tp-sw.rainbow input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.tp-width{flex-direction:column;gap:6px;display:flex}.tp-preview{background:#283a518c;border-radius:10px;width:100%;height:44px}.tp-range{align-items:center;gap:10px;display:flex}.tp-range input{accent-color:#03e5f9;flex:1;height:28px}.tp-range b{text-align:right;font-variant-numeric:tabular-nums;min-width:52px;font:600 12px Poppins,sans-serif}.tp-seg{background:#283a5199;border-radius:12px;gap:2px;padding:3px;display:flex}.tp-seg button{color:#c9d6e3;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;min-height:36px;padding:0 8px;font:600 12px Poppins,sans-serif}.tp-seg button.on{color:#13243a;background:#03e5f9}.tp-sizes{gap:8px;display:flex}.tp-sizes button{cursor:pointer;background:#283a5180;border:1px solid #c9d6e324;border-radius:12px;flex:1;place-items:center;height:46px;display:grid}.tp-sizes button i{background:#fefefe1f;border:2px solid #c9d6e3;border-radius:50%;display:block}.tp-sizes button.on{background:#03e5f924;border-color:#03e5f9}.tp-toggle{color:#fefefe;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:40px;padding:4px 2px;font:500 13px Poppins,sans-serif;display:flex}.tp-tl{flex-direction:column;gap:2px;display:flex}.tp-tl small{color:#9fb2c6;font-size:11px;font-weight:400}.tp-toggle i{background:#c9d6e340;border-radius:99px;flex:none;width:42px;height:24px;transition:background .15s;position:relative}.tp-toggle i:after{content:"";background:#fefefe;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px}.tp-toggle.on i{background:#03e5f9}.tp-toggle.on i:after{background:#13243a;transform:translate(18px)}.tp-btn{color:#fefefe;cursor:pointer;text-align:center;background:#03e5f91f;border:1px solid #03e5f966;border-radius:12px;flex:1;min-height:40px;padding:0 14px;font:600 13px Poppins,sans-serif}.tp-btn.ghost{background:#283a5180;border-color:#c9d6e32e}.tp-btn.go{color:#13243a;background:#03e5f9;border-color:#03e5f9}.tp-lz{cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.tp-lz span{border:2px solid #fff;border-radius:50%;width:22px;height:22px}.tp-lz.on{background:#03e5f929;box-shadow:inset 0 0 0 2px #03e5f9}.tpop .db{color:#d9e6f2}.tpop .db.on{color:#13243a;background:#03e5f9}.tp-row.chips button{color:#fefefe;cursor:pointer;background:#283a5180;border:1px solid #c9d6e329;border-radius:12px;min-width:58px;min-height:40px;padding:0 12px;font:600 13px Poppins,sans-serif}.tp-row.chips button.on{background:#03e5f929;border-color:#03e5f9}.tp-mmss{align-items:center;gap:6px;display:flex}.tp-mmss input{color:#fefefe;text-align:center;background:#283a5199;border:1px solid #c9d6e340;border-radius:10px;width:58px;height:42px;font:700 18px Poppins,sans-serif}.tp-mmss span{font:700 18px Poppins,sans-serif}.tp-mmss small{color:#9fb2c6;margin-left:4px;font-size:11px}.tp-left{font-variant-numeric:tabular-nums;text-align:center;color:#12f9fd;font:700 34px Poppins,sans-serif}.tp-row.boards .bs{color:#c9d6e3;cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:4px;width:62px;padding:6px 4px;font:500 10px Poppins,sans-serif;display:flex}.tp-row.boards .bs i{background:#f7fbff;border:1px solid #c9d6e34d;border-radius:6px;width:44px;height:30px}.tp-row.boards .bs.b-grid i{background-image:linear-gradient(#20354c26 1px,#0000 1px),linear-gradient(90deg,#20354c26 1px,#0000 1px);background-size:6px 6px}.tp-row.boards .bs.b-lines i{background-image:linear-gradient(#1d6fd84d 1px,#0000 1px);background-size:100% 6px}.tp-row.boards .bs.b-dark i{background:#13243a}.tp-row.boards .bs.on{color:#fefefe;background:#03e5f924}.tp-row.boards .bs.on i{box-shadow:0 0 0 2px #03e5f9}html[data-theme=light] .tpop{color:#13243a;background:#fff;border-color:#20354c1f;box-shadow:0 22px 48px #20354c33}html[data-theme=light] .tpop-arrow{border-color:#20354c1f}html[data-theme=light] .tp-h{color:#20354c}html[data-theme=light] .tp-h small{color:#00838f}html[data-theme=light] .tp-note,html[data-theme=light] .tp-tl small,html[data-theme=light] .tp-mmss small{color:#5b7088}html[data-theme=light] .tp-sw span{border-color:#20354c38}html[data-theme=light] .tp-sw.on{box-shadow:0 0 0 2px #20354c}html[data-theme=light] .tp-preview{background:#f0f5fa}html[data-theme=light] .tp-seg{background:#eef3f8}html[data-theme=light] .tp-seg button{color:#20354c}html[data-theme=light] .tp-seg button.on{color:#fefefe;background:#20354c}html[data-theme=light] .tp-sizes button,html[data-theme=light] .tp-row.chips button,html[data-theme=light] .tp-btn.ghost,html[data-theme=light] .tp-mmss input{color:#13243a;background:#f4f8fb;border-color:#20354c24}html[data-theme=light] .tp-sizes button i{background:#20354c0f;border-color:#20354c}html[data-theme=light] .tp-sizes button.on,html[data-theme=light] .tp-row.chips button.on{background:#e9f6ff;border-color:#20354c}html[data-theme=light] .tp-toggle{color:#13243a}html[data-theme=light] .tp-toggle i{background:#20354c2e}html[data-theme=light] .tp-toggle.on i{background:#20354c}html[data-theme=light] .tp-toggle.on i:after{background:#fefefe}html[data-theme=light] .tp-btn{color:#13243a;background:#e9f6ff;border-color:#20354c33}html[data-theme=light] .tp-btn.go{color:#fefefe;background:#20354c;border-color:#20354c}html[data-theme=light] .tp-left{color:#00838f}html[data-theme=light] .tpop .db{color:#20354c}html[data-theme=light] .tpop .db.on{color:#fefefe;background:#20354c}html[data-theme=light] .tp-row.boards .bs{color:#20354c}html[data-theme=light] .tp-row.boards .bs.on{color:#13243a;background:#e9f6ff}html[data-theme=light] .tp-row.boards .bs.on i{box-shadow:0 0 0 2px #20354c}html[data-theme=light] .tp-lz.on{background:#e9f6ff;box-shadow:inset 0 0 0 2px #20354c}.db.big .more{bottom:2px;right:2px}.side nav .locked .lk-t{flex-direction:column;gap:1px;display:flex}.side nav .locked .lock-note{opacity:.75;font-size:10.5px;font-weight:500;line-height:1.3}.side nav .locked .lock-ic{opacity:.85;font-size:13px}.lvl-ctl{flex-direction:column;gap:10px;display:flex}.lvl-steps{background:var(--surface);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px;display:grid}.lvl-steps button{min-height:58px;color:var(--ink);text-align:start;cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 12px;display:flex}.lvl-steps button b{font-size:14px}.lvl-steps button small{color:var(--ink-body);font-size:11px;line-height:1.3}.lvl-steps button.on{background:var(--navy);border-color:var(--navy);color:var(--white)}.lvl-steps button.on small{color:var(--grey-blue)}.lvl-steps button:disabled{cursor:default}.lvl-hist{flex-direction:column;gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.lvl-hist li{background:var(--surface);border-radius:12px;flex-wrap:wrap;gap:6px 10px;padding:8px 12px;display:flex}.lvl-hist .muted{font-size:12px}.ph-locked{border:1px dashed var(--grey-blue);border-radius:16px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.sess-steps{counter-reset:s;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:4px 0 0;padding:0;list-style:none;display:grid}.sess-steps li{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:8px;min-width:0;padding:12px;display:flex;position:relative}.sess-steps .dot{background:var(--white);width:28px;height:28px;color:var(--navy);border:2px solid var(--grey-blue);border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid}.sess-steps .tx{flex-direction:column;gap:2px;min-width:0;display:flex}.sess-steps .tx b{font-size:13.5px;line-height:1.3}.sess-steps .tx small{color:var(--ink-body);font-size:12px}.sess-steps li.done .dot{background:var(--navy);color:var(--white);border-color:var(--navy)}.sess-steps li.now{border-color:var(--cyan);background:var(--white);box-shadow:0 0 0 2px #03e5f959}.sess-steps li.now .dot{background:var(--cyan);color:var(--navy-deep);border-color:var(--cyan)}@media (width<=900px){.sess-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}.check-line{cursor:pointer;align-items:flex-start;gap:10px;font-size:14px;line-height:1.45;display:flex}.check-line input{width:20px;height:20px;accent-color:var(--cyan);flex:none;margin-top:1px}.rec-locked{text-align:center;border:1px dashed #c9d6e366;border-radius:16px;align-items:center;padding:14px}html[data-theme=dark] .sess-steps li{background:#ffffff0a;border-color:#c9d6e324}html[data-theme=dark] .sess-steps li.now{background:#03e5f914}html[data-theme=dark] .sess-steps .dot{color:var(--white);background:0 0}.subj-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.subj-card,.sess-row{background:var(--white);border:1px solid var(--border);color:var(--ink);border-radius:16px;align-items:center;gap:14px;padding:18px 20px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.subj-card:hover,.sess-row:hover,.subj-card:focus-visible,.sess-row:focus-visible{border-color:var(--navy);transform:translateY(-1px);box-shadow:0 6px 20px #172b4d14}.subj-ic{background:var(--navy);color:#12f9fd;border-radius:12px;flex:none;place-items:center;width:44px;height:44px;display:grid}.subj-t,.sess-t{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.subj-t b,.sess-t b{font-size:16px}.subj-t small,.sess-t small{color:#172b4da6;font-size:13px}.sess-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.sess-badge{text-align:center;min-width:104px;color:var(--navy);background:#172b4d12;border-radius:999px;flex:none;padding:6px 10px;font-size:12px;font-weight:700}.sess-badge.demo{background:var(--navy);color:#12f9fd}.crumbs{color:#172b4d99;flex-wrap:wrap;gap:8px;margin-bottom:6px;font-size:13px;display:flex}.crumbs a{color:var(--navy);font-weight:600}[dir=rtl] .subj-card>svg:last-child,[dir=rtl] .sess-row>svg:last-child{transform:scaleX(-1)}@media (width<=560px){.sess-row{grid-template-columns:auto 1fr auto;align-items:center;gap:10px 12px;display:grid}.sess-row .sess-badge{grid-area:1/1;min-width:0}.sess-row .pill{grid-area:1/2;justify-self:start}.sess-row>svg{grid-area:1/3}.sess-row .sess-t{grid-area:2/1/auto/-1}.subj-card{flex-wrap:wrap}.subj-card .subj-t{min-width:60%}}.tw{flex-direction:column;gap:18px;display:flex}.tw-head{border-radius:var(--radius);color:#fefefe;background:linear-gradient(135deg,#20354c,#283a51);flex-wrap:wrap;align-items:center;gap:16px;padding:22px 26px;display:flex}.tw-head .avatar{flex:none;width:56px;height:56px;font-size:18px}.tw-who{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tw-who h1{color:#fefefe;margin:0;font-size:26px}.tw-who span{color:#c9d6e3;word-break:break-all;font-size:14px}.tw-pills{flex-wrap:wrap;gap:8px;display:flex}.tw-secs{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.tw-sec{background:var(--white);border:1px solid var(--border);border-radius:16px;align-items:center;gap:8px;padding:12px 12px 12px 16px;transition:border-color .15s;display:flex}.tw-sec.on{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink) inset}.tw-sec.locked{background:var(--surface)}.tw-sec-go{all:unset;cursor:pointer;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tw-sec-go b{color:var(--ink);font-size:15px}.tw-sec-go small{color:var(--ink-body);font-size:12px}.tw-sec-go:focus-visible{outline-offset:4px;border-radius:6px;outline:2px solid #12f9fd}.tw-lock{cursor:pointer;color:#fefefe;background:#20354c;border:1px solid #0000;border-radius:999px;flex:none;align-items:center;gap:5px;padding:6px 11px;font:600 12px Poppins,system-ui,sans-serif;display:inline-flex}.tw-lock.open{color:var(--ink);background:#12f9fd24;border-color:#12f9fd99}.tw-lock:disabled{opacity:.6;cursor:wait}.tw-tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;display:flex}.tw-tab{color:var(--ink-body);border-bottom:3px solid #0000;margin-bottom:-1px;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none}.tw-tab:hover{color:var(--ink)}.tw-tab.on{color:var(--ink);border-bottom-color:#12f9fd}.tw-body{flex-direction:column;gap:18px;max-width:1040px;display:flex}.tw-lockbar{color:#fefefe;background:#20354c;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.tw-lockbar.open{background:var(--white);color:var(--ink);border:1px solid var(--border)}.tw-lockbar-t{flex-direction:column;gap:2px;display:flex}.tw-lockbar-t small{opacity:.75;font-size:12px}.tw-lockbar:not(.open) .linkbtn{color:#12f9fd}.tw-row{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding-top:12px;display:flex}.tw-sess{align-items:flex-start;gap:14px;display:flex}.tw-sess .sess-badge{margin-top:14px}.tw-sess .grow{flex:1;min-width:0}.tw-lf .lf-crumbs{display:none}@media (width<=640px){.tw-sess{flex-direction:column;gap:0}.tw-sess .sess-badge{margin-top:12px}.tw-head{padding:18px}}.mrole{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:6px;display:flex}.mrole-l{letter-spacing:1.4px;text-transform:uppercase;color:var(--ink-body);margin-right:4px;font-size:12px;font-weight:600}.mrole.dark .mrole-l{color:#c9d6e3}.mrole-b{border:1px solid var(--border);background:var(--white);color:var(--ink);cursor:pointer;border-radius:999px;padding:7px 14px;font:600 13px Poppins,system-ui,sans-serif}.mrole.dark .mrole-b{color:#fefefe;background:0 0;border-color:#fefefe59}.mrole-b.on,.mrole.dark .mrole-b.on{color:#20354c;background:#12f9fd;border-color:#12f9fd}.mrole-b:focus-visible{outline-offset:2px;outline:2px solid #12f9fd}.mrole-b:disabled{opacity:.6;cursor:wait}.mc-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.mc-nav{align-items:center;gap:10px;display:flex}.mc-nav h2{text-align:center;min-width:190px;margin:0;font-size:22px}.mc-legend{color:var(--ink-body);flex-wrap:wrap;gap:14px;margin-bottom:12px;font-size:12px;display:flex}.mc-legend i{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:6px;display:inline-block}.mc-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.mc-dow{letter-spacing:1.4px;text-transform:uppercase;color:var(--ink-body);padding:4px 6px;font-size:11px;font-weight:600}.mc-day{background:var(--white);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:5px;min-width:0;min-height:118px;padding:6px;display:flex}.mc-day.empty{opacity:.5;background:0 0;border-style:dashed}.mc-day.today{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink) inset}.mc-dnum{color:var(--ink);justify-content:space-between;align-items:center;font-size:13px;font-weight:700;display:flex}.mc-add{all:unset;cursor:pointer;text-align:center;width:22px;height:22px;color:var(--ink-body);border-radius:7px;font-weight:700;line-height:22px}.mc-add:hover,.mc-add:focus-visible{color:#20354c;background:#12f9fd}.mc-piece{background:var(--surface);border-left:4px solid var(--pc);color:var(--ink);border-radius:9px;flex-direction:column;gap:1px;min-width:0;padding:6px 7px 6px 9px;font-size:12px;line-height:1.3;text-decoration:none;display:flex}.mc-piece b{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.mc-piece small,.mc-piece .mc-meta{color:var(--ink-body);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.mc-piece:hover,.mc-piece:focus-visible{outline-offset:1px;outline:2px solid #12f9fd}.mc-stage{background:#20354c14;border-radius:999px;align-self:flex-start;margin-top:2px;padding:1px 6px;font-size:10px;font-weight:700}.mc-stage.done{color:#fefefe;background:#20354c}.mc-stage.wait{background:#12f9fd40}.mc-piece.s-published{opacity:.8}.mc-list{flex-direction:column;gap:8px;display:none}.mc-lrow{background:var(--white);border:1px solid var(--border);color:var(--ink);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.mc-ldate{min-width:84px;font-size:12px;font-weight:700}.mc-lt{flex-direction:column;flex:1;min-width:0;display:flex}.mc-lt small{color:var(--ink-body);font-size:12px}@media (width<=820px){.mc-grid{display:none}.mc-list{display:flex}}.mc-modal{z-index:50;background:#13243a73;place-items:start center;padding:40px 16px;display:grid;position:fixed;inset:0;overflow:auto}.mc-modal>.card{width:min(760px,100%)}.mc-plat{border:0;flex-wrap:wrap;gap:14px;margin:0;padding:0;display:flex}.mc-plat legend{margin-bottom:6px;font-size:14px;font-weight:600}.mp{flex-direction:column;gap:18px;display:flex}.mp-head{border-radius:var(--radius);color:#fefefe;border-left:6px solid var(--pc);background:linear-gradient(135deg,#20354c,#283a51);flex-direction:column;gap:8px;padding:22px 26px;display:flex}.mp-head h1{color:#fefefe;margin:0;font-size:26px}.mp-eyebrow{letter-spacing:1.4px;text-transform:uppercase;color:#12f9fd;font-size:12px;font-weight:600}.mp-sub{color:#c9d6e3;font-size:14px}.mp-pillar{background:var(--pc);color:#20354c}.mp-steps{grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.mp-steps li{text-align:center;color:var(--ink-body);flex-direction:column;align-items:center;gap:6px;font-size:12px;display:flex}.mp-steps i{border:2px solid var(--border);background:var(--white);border-radius:50%;place-items:center;width:28px;height:28px;font-style:normal;font-weight:700;display:grid}.mp-steps li.done i{color:#12f9fd;background:#20354c;border-color:#20354c}.mp-steps li.now i{color:#20354c;background:#12f9fd;border-color:#12f9fd}.mp-steps li.now{color:var(--ink);font-weight:700}.mp-actions{border-top:1px solid var(--border);flex-direction:column;gap:10px;margin-top:4px;padding-top:14px;display:flex}.mp-flow{gap:12px}.mp-cols{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}@media (width<=980px){.mp-cols{grid-template-columns:1fr}.mp-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}.mp-script{flex-direction:column;gap:12px;margin:0;display:flex}.mp-script dt{color:var(--ink-body);text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:700}.mp-script dd{white-space:pre-wrap;margin:4px 0 0}.mp-comments{flex-direction:column;gap:10px;max-height:420px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.mp-comments li{background:var(--surface);border-radius:10px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.mp-comments li.st{border:1px dashed var(--border);background:0 0;font-size:13px}.mv-group{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding-top:10px;display:flex}.mv-group:first-of-type{border-top:0;padding-top:0}.mv-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.mv-list li{border:1px solid var(--border);background:var(--white);border-radius:14px;flex-direction:column;gap:6px;padding:8px;display:flex}.mv-list video,.mv-ph{aspect-ratio:16/9;object-fit:contain;background:#20354c;border-radius:10px;width:100%}.mv-ph{color:#c9d6e3;place-items:center;font-size:13px;display:grid}.mv-t{flex-direction:column;gap:2px;min-width:0;display:flex}.mv-t b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.mv-t small{font-size:12px}.mv-up{align-items:center;gap:10px;font-size:13px;display:flex}.mv-up span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.mv-up progress{accent-color:#12f9fd;flex:1}.dock.v28{-webkit-backdrop-filter:blur(18px)saturate(1.4);background:#13243ac7;border:1px solid #c9d6e31f;border-radius:22px;flex-wrap:nowrap;justify-content:flex-start;gap:2px;padding:6px;transition:opacity .35s,transform .35s cubic-bezier(.3,1.3,.5,1);overflow:auto visible;box-shadow:0 16px 40px -18px #0009}.dock.v28.dim{opacity:.35;transform:translateY(5px)scale(.99)}.dock.v28:hover{opacity:1;transform:none}.dock.v28 .dock-g{padding:0 3px}.dock.v28 .dock-g.tools{flex-wrap:nowrap}.dock.v28 .db{border-radius:13px;width:42px;min-width:42px;height:42px;transition:background .2s,color .2s,transform .28s cubic-bezier(.3,1.5,.5,1),box-shadow .28s}.dock.v28 .db svg .ac{fill:#03e5f942}.dock.v28 .db.on{color:#13243a;background:linear-gradient(145deg,#03e5f9,#84f5ff);box-shadow:0 7px 18px -7px #03e5f9e6}.dock.v28 .db.open:not(.on){color:#fefefe;background:#03e5f929}.dock.v28 .db.press{animation:.38s ease-out forwards v28glow;transform:translateY(-3px)scale(1.07)}.dock.v28 .db.press>svg,.dock.v28 .db.press .laser-ic{transform:scale(.92)}@keyframes v28glow{to{box-shadow:0 12px 22px -10px #00000080,0 0 0 6px #03e5f938}}.dock.v28 .db.pop{animation:.34s cubic-bezier(.3,1.6,.5,1) v28pop}@keyframes v28pop{0%{transform:translateY(-3px)scale(1.07)}45%{transform:translateY(-2px)scale(1.14)}to{transform:none}}.dock.v28 .db.hasopt:after{content:"";opacity:.38;border-bottom:5px solid;border-left:5px solid #0000;border-radius:0 0 2px;width:0;height:0;transition:opacity .2s;position:absolute;bottom:4px;right:4px}.dock.v28 .db.hasopt:hover:after{opacity:.75}.dock.v28 .db .cdot{border-radius:2px;width:14px;height:3px;margin-left:-7px;position:absolute;bottom:4px;left:50%;box-shadow:0 0 0 1px #13243a8c}.dock.v28 .db.fold svg,.dock.v28 .dock-seg .seg-more svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.dock.v28 .db.fold{color:#8aa0b6;width:30px;min-width:30px}.dock.v28 .yt-db svg{color:#ff4d6d}.dock.v28 .yt-db svg .ac{fill:#ff4d6d33}.dock.v28 .yt-db svg .acf{fill:#ff4d6d;stroke:none}.dock-seg{background:#c9d6e314;border-radius:14px;flex:none;align-items:center;gap:2px;padding:3px;display:flex;position:relative}.dock-seg .knob{background:#fefefe;border-radius:11px;width:84px;height:38px;transition:transform .3s cubic-bezier(.3,1.35,.5,1);position:absolute;top:3px;left:3px;box-shadow:0 3px 10px -3px #0006}.dock-seg>button{z-index:1;cursor:pointer;color:#a9bccf;touch-action:manipulation;background:0 0;border:0;border-radius:11px;justify-content:center;align-items:center;gap:6px;height:38px;font:600 12.5px Poppins,sans-serif;transition:color .2s,transform .28s cubic-bezier(.3,1.5,.5,1);display:inline-flex;position:relative}.dock-seg>button:not(.seg-more){width:84px}.dock-seg>button.on{color:#13243a}.dock-seg>button em{color:#fff;background:#13243a;border-radius:6px;padding:1px 4px;font-size:9.5px;font-style:normal;font-weight:700}.dock-seg>button.press{transform:translateY(-2px)scale(1.04)}.dock-seg>button.hasopt:after{content:"";opacity:.35;border-bottom:4px solid;border-left:4px solid #0000;position:absolute;bottom:5px;right:5px}.dock-seg>button svg .ac{fill:#03e5f947}.dock-seg .seg-more{color:#a9bccf;width:24px}.dock-seg .seg-more:hover,.dock-seg .seg-more.open{color:#fefefe;background:#03e5f92e}.dock-seg .seg-more.open svg{transform:rotate(180deg)}.dock-scrub{z-index:1001;color:#fefefe;pointer-events:none;background:#13243a;border-radius:16px;align-items:center;gap:12px;padding:10px 14px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 16px 34px -14px #0009}.dock-scrub>i{border-radius:9px;width:80px;display:block}.dock-scrub>i.er{border:2px dashed #fefefe;border-radius:50%;width:auto}.dock-scrub b{font:600 13px Poppins,sans-serif;display:block}.dock-scrub small{opacity:.6;font:400 10.5px Poppins,sans-serif}.dock.v28.mini{gap:8px;padding:5px 8px 5px 5px;overflow:visible}.dock-unfold{color:#c9d6e3;cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:8px;font:600 12.5px Poppins,sans-serif;display:inline-flex}.dock-unfold b{opacity:.6;font-weight:500}.tpop.grow{animation:.32s cubic-bezier(.25,1.25,.45,1) tpgrow}@keyframes tpgrow{0%{opacity:.3;transform:scale(.55)}to{opacity:1;transform:none}}.tp-presets{background:#283a5180;border-radius:12px;align-items:center;gap:2px;padding:4px;display:flex}.tp-presets .ps{cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:36px;height:36px;padding:0;display:grid}.tp-presets .ps-w i{border-radius:99px;display:block}.tp-presets .ps-c i{border:2px solid #fefefe8c;border-radius:50%;width:22px;height:22px;display:block}.tp-presets .ps.on{background:#03e5f929;box-shadow:inset 0 0 0 2px #03e5f9}.tp-presets .ps-sep{background:#c9d6e32e;width:1px;height:22px;margin:0 4px}.tp-pages{gap:8px}.tp-pages b{text-align:center;min-width:46px;font:600 13px Poppins,sans-serif}.tp-btn.sq{width:36px;padding:0}.tpop.yt{width:316px}.tp-yts{gap:8px;display:flex}.tp-yts input{color:#fefefe;background:#0d1a2b99;border:1px solid #c9d6e338;border-radius:11px;outline:none;flex:1;min-width:0;height:40px;padding:0 12px;font:400 13.5px Poppins,sans-serif}.tp-yts input:focus{border-color:#03e5f9;box-shadow:0 0 0 3px #03e5f92e}.tp-yts button{color:#13243a;cursor:pointer;white-space:nowrap;background:#03e5f9;border:0;border-radius:11px;height:40px;padding:0 14px;font:700 12.5px Poppins,sans-serif}.tp-yts button:disabled{opacity:.45;cursor:default}.tp-ytl{flex-direction:column;gap:4px;max-height:330px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.tp-ytl li{border-radius:12px;grid-template-columns:78px 1fr auto;align-items:center;gap:8px;padding:5px;display:grid}.tp-ytl li:hover{background:#c9d6e312}.tp-ytl img{object-fit:cover;background:#0d1a2b;border-radius:8px;width:78px;height:44px;display:block}.tp-ytl b{-webkit-line-clamp:2;-webkit-box-orient:vertical;font:600 12.5px/1.35 Poppins,sans-serif;display:-webkit-box;overflow:hidden}.tp-ytl small{opacity:.6;margin-top:3px;font:400 11px Poppins,sans-serif;display:block}.tp-ytl button{color:#13243a;cursor:pointer;white-space:nowrap;background:#03e5f9;border:0;border-radius:10px;height:32px;padding:0 10px;font:700 12px Poppins,sans-serif}.tp-ytl button.done{color:#fff;background:#1fbf75}.tp-note.warn{color:#ffb4a8}html[data-theme=light] .dock.v28{background:#ffffffdb;border-color:#13243a0f;box-shadow:0 14px 40px -18px #13243a73}html[data-theme=light] .dock.v28 .db{color:#41566d}html[data-theme=light] .dock.v28 .db:hover{background:#eef4f9}html[data-theme=light] .dock.v28 .db.on{color:#13243a}html[data-theme=light] .dock.v28 .db.open:not(.on){color:#13243a;background:#e3f7fb}html[data-theme=light] .dock.v28 .db .cdot{box-shadow:0 0 0 1px #ffffffe6}html[data-theme=light] .dock-seg{background:#edf3f8}html[data-theme=light] .dock-seg>button,html[data-theme=light] .dock-seg .seg-more{color:#6b7f94}html[data-theme=light] .dock-seg>button.on{color:#13243a}html[data-theme=light] .dock-seg .knob{box-shadow:0 3px 10px -3px #13243a4d}html[data-theme=light] .dock-unfold{color:#20354c}html[data-theme=light] .tp-presets{background:#f0f5f9}html[data-theme=light] .tp-presets .ps.on{background:#e9f6ff;box-shadow:inset 0 0 0 2px #20354c}html[data-theme=light] .tp-presets .ps-c i{border-color:#20354c40}html[data-theme=light] .tp-yts input{color:#20354c;background:#fff;border-color:#dfe8f1}html[data-theme=light] .tp-ytl li:hover{background:#f2f7fb}.studio-board:after{aspect-ratio:360/238;opacity:.9;background:url(/brand/mojaz-logo-navy.png) 100% 100%/contain no-repeat;width:9%;bottom:3%;right:2.2%;content:""!important;letter-spacing:0!important;font-size:0!important}.studio-board.b-dark:after{aspect-ratio:360/267;background-image:url(/brand/mojaz-logo-white.png)}.tc{color:#fefefe;background:radial-gradient(120% 120% at 100% 0,#1d4a63 0%,#20354c 45%,#0d1b2d 100%);place-items:center;min-height:100vh;padding:32px 18px;display:grid}.tc-box{text-align:center;flex-direction:column;align-items:center;gap:12px;width:min(880px,100%);display:flex}.tc-logo{width:132px;height:auto;margin-bottom:6px}.tc-eyebrow{letter-spacing:2.6px;text-transform:uppercase;color:#12f9fd;font-size:12px;font-weight:600}.tc h1{color:#fefefe;font-size:clamp(28px,4vw,40px);line-height:1.15}.tc p{color:#c9d6e3;max-width:600px}.tc-opts{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;width:100%;margin-top:18px;display:grid}.tc-opt{all:unset;box-sizing:border-box;cursor:pointer;text-align:start;color:#fefefe;background:#ffffff0f;border:1px solid #ffffff29;border-radius:24px;flex-direction:column;gap:6px;padding:22px;transition:transform .15s,border-color .15s;display:flex;position:relative}.tc-opt:hover,.tc-opt:focus-visible{border-color:#12f9fd;outline:none;transform:translateY(-2px);box-shadow:0 0 0 3px #12f9fd59}.tc-opt b{font-size:20px}.tc-opt span{color:#c9d6e3;font-size:14px}.tc-opt .tc-ic{color:#12f9fd;background:#12f9fd26;border-radius:14px;place-items:center;width:46px;height:46px;margin-bottom:6px;display:grid}.tc-opt.last{border-color:#12f9fd99}.tc-opt small{top:16px;color:#12f9fd;letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:600;position:absolute;inset-inline-end:18px}@media (prefers-reduced-motion:reduce){.tc-opt{transition:none}.tc-opt:hover{transform:none}}.sm-stats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;display:grid}.sm-stat{background:var(--white);border:1px solid var(--border);color:var(--ink);border-radius:20px;flex-direction:column;gap:2px;padding:16px 18px;text-decoration:none;display:flex}.sm-stat b{letter-spacing:-1px;font-size:32px;font-weight:800;line-height:1.1}.sm-stat span{color:var(--ink-body);font-size:13px}.sm-stat:hover{border-color:var(--grey-blue)}.sm-cols{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:start;gap:18px;display:grid}.sm-list{flex-direction:column;gap:8px;display:flex}.sm-row{background:var(--surface);color:var(--ink);border:1px solid #0000;border-radius:16px;align-items:center;gap:12px;min-width:0;padding:11px 13px;text-decoration:none;display:flex}.sm-row:hover{border-color:var(--grey-blue);background:var(--white)}.sm-fmt{color:#12f9fd;width:42px;height:42px;box-shadow:inset 0 -3px 0 var(--pc);background:#20354c;border-radius:12px;flex:none;place-items:center;font-size:11px;font-weight:700;display:grid}.sm-t{flex-direction:column;flex:1;min-width:0;display:flex}.sm-t b{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sm-t small{color:var(--ink-body);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.sm-notes{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.sm-notes li{border-top:1px solid var(--border);gap:10px;padding:10px 0;display:flex}.sm-notes li:first-child{border-top:0;padding-top:0}.sm-notes b{font-size:13.5px}.sm-notes p{color:var(--ink-body);margin:2px 0;font-size:14px}.avatar.sm{background:#20354c;border-width:0;width:32px;height:32px;font-size:12px}.mc-views{background:var(--surface);border:1px solid var(--border);border-radius:999px;align-self:flex-start;gap:2px;padding:3px;display:inline-flex}.mc-views button{all:unset;cursor:pointer;color:var(--ink-body);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}.mc-views button.on{color:#fefefe;background:#20354c}.mc-views button:focus-visible{outline:3px solid var(--cyan);outline-offset:1px}.mc-week{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.mc-wday{background:var(--white);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:6px;min-width:0;min-height:260px;padding:8px;display:flex}.mc-wday.today{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink) inset}.mc-wday .mc-dnum b{margin-inline-start:4px;font-size:16px}.mc-none{color:var(--grey-blue);text-align:center;margin-top:8px;font-size:13px}.mc-piece.wide b{-webkit-line-clamp:3}.mc-list.always{display:flex}.mc-list.never{display:none!important}@media (width<=820px){.mc-week{grid-template-columns:1fr}.mc-wday{min-height:0}.mc-none{text-align:start;margin:0}}.mt-tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;margin-top:-12px;display:flex}.mt-tabs a{color:var(--ink-body);border-bottom:3px solid #0000;margin-bottom:-1px;padding:9px 14px;font-size:14px;font-weight:600;text-decoration:none}.mt-tabs a.on{color:var(--ink);border-bottom-color:#12f9fd}.mt-tabs a:hover{color:var(--ink)}.mp-vers summary{cursor:pointer;font-size:14px;font-weight:600}.mp-vers ol{flex-direction:column;gap:6px;margin:8px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.mp-vers li{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.mp-vers li .mp-script{background:var(--surface);border-radius:12px;flex-basis:100%;padding:10px}.mv-final{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;display:flex}.mv-final span:nth-child(2){flex:1;min-width:200px;font-size:14px}.mv-th{aspect-ratio:16/9;object-fit:cover;background:#20354c;border-radius:10px;width:100%}.mv-list li.on{border-color:#12f9fd;box-shadow:0 0 0 2px #12f9fd59}.rv{border:1px solid var(--border);background:var(--surface);border-radius:18px;flex-direction:column;gap:10px;padding:12px;display:flex}.rv-head{justify-content:space-between;align-items:center;gap:10px;font-size:14px;display:flex}.rv-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:14px;display:grid}.rv video{background:#0d1b2d;border-radius:12px;width:100%;max-height:520px}.rv-side{flex-direction:column;gap:10px;min-width:0;display:flex}.rv-tl{background:var(--border);border-radius:999px;height:8px;margin:8px 0 2px;position:relative}.rv-now{background:var(--ink);width:2px;height:14px;position:absolute;top:-3px;transform:translate(-1px)}.rv-mark{all:unset;cursor:pointer;border:2px solid var(--white);background:#ef6f7b;border-radius:50%;width:16px;height:16px;position:absolute;top:-5px;transform:translate(-8px);box-shadow:0 2px 6px #0003}.rv-notes{flex-direction:column;gap:6px;max-height:260px;margin:0;padding:0;font-size:14px;list-style:none;display:flex;overflow:auto}.rv-notes li{align-items:baseline;gap:10px;display:flex}.rv-at{all:unset;cursor:pointer;color:#fefefe;font-variant-numeric:tabular-nums;background:#20354c;border-radius:999px;flex:none;padding:2px 8px;font-size:12px;font-weight:700}.rv-at:focus-visible{outline:3px solid var(--cyan)}@media (width<=720px){.rv-body{grid-template-columns:1fr}}.pb{grid-template-columns:repeat(9,minmax(180px,1fr));gap:10px;padding-bottom:10px;display:grid;overflow-x:auto}.pb-col{background:var(--white);border:1px solid var(--border);border-radius:18px;flex-direction:column;gap:8px;min-height:260px;padding:10px;display:flex}.pb-col.over{border-color:#12f9fd;box-shadow:inset 0 0 0 2px #12f9fd59}.pb-col h3{justify-content:space-between;padding:2px 4px 4px;font-size:13px;display:flex}.pb-col h3 span{color:var(--ink-body)}.pb-card{background:var(--surface);border-left:4px solid var(--pc);color:var(--ink);cursor:grab;border-radius:12px;flex-direction:column;gap:3px;padding:10px;font-size:12.5px;text-decoration:none;display:flex}.pb-card b{font-size:13px;font-weight:600}.pb-card small{color:var(--ink-body)}.pb-card:hover{box-shadow:0 8px 20px #20354c1a}.pb-med{font-weight:600;color:#a3303e!important}.sp-chips{border:0;flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}.sp-chips legend{margin-bottom:8px;padding:0;font-size:14px;font-weight:600}.sp-chips button{all:unset;cursor:pointer;border:1px solid var(--grey-blue);color:var(--ink);border-radius:999px;padding:7px 14px;font-size:13.5px}.sp-chips button.on{color:#fefefe;background:#20354c;border-color:#20354c}.sp-chips button:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.sp-status{flex-direction:column;gap:4px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.lbl{font-size:14px;font-weight:600}.err-t{color:#a3303e;font-size:13px}.tbl.amb{border-collapse:collapse;width:100%;font-size:14px}.amb-d td{background:var(--surface)}.amb-dl{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:0 0 12px;display:grid}.amb-dl dt{letter-spacing:1px;text-transform:uppercase;color:var(--ink-body);font-size:11px;font-weight:700}.amb-dl dd{margin:2px 0 0}html[data-theme=dark] .sm-fmt,html[data-theme=dark] .rv-at{background:#283a51}html[data-theme=dark] .mc-views button.on,html[data-theme=dark] .sp-chips button.on{color:#13243a;background:#12f9fd;border-color:#12f9fd}html[data-theme=dark] .main a.sm-row:not(.btn):not(.list-row):not(.kcard),html[data-theme=dark] .main a.sm-stat:not(.btn):not(.list-row):not(.kcard),html[data-theme=dark] .main a.pb-card:not(.btn):not(.list-row):not(.kcard),html[data-theme=dark] .main a.mc-piece:not(.btn):not(.list-row):not(.kcard),html[data-theme=dark] .main a.mc-lrow:not(.btn):not(.list-row):not(.kcard){color:var(--ink)}html[data-theme=dark] .main .mt-tabs a:not(.btn):not(.list-row):not(.kcard){color:var(--ink-body)}html[data-theme=dark] .main .mt-tabs a.on:not(.btn):not(.list-row):not(.kcard){color:var(--ink)}html[data-theme=dark] .avatar.sm{color:#e6eff7;background:#283a51}@media (width<=560px){.sm-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.sm-stat b{font-size:26px}.sm-row{flex-wrap:wrap}.sm-row .pill{order:3;margin-inline-start:54px}.sm-t{flex-basis:calc(100% - 54px)}}@property --sga{syntax:"<angle>";inherits:false;initial-value:0deg}.corner-logo{z-index:45;pointer-events:none;width:86px;height:auto;position:fixed;top:22px;right:26px}[dir=rtl] body,.sg[dir=rtl],.ps[dir=rtl],.ch[dir=rtl]{font-family:Tajawal,Poppins,system-ui,sans-serif}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sg-eyebrow{letter-spacing:2.6px;text-transform:uppercase;color:var(--navy);align-items:center;gap:12px;font-size:12px;font-weight:600;display:inline-flex}[dir=rtl] .sg-eyebrow{letter-spacing:0;font-size:14px;font-weight:700}.sg-eyebrow i{background:var(--cyan-bright);border-radius:2px;width:26px;height:3px}.sg-eyebrow.light{color:var(--cyan-bright)}.sg-brush{background:linear-gradient(#0000 62%,#12f9fd8c 62% 88%,#0000 88%);border-radius:4px;padding:0 4px}.sg{color:#20354c;background:#fefefe;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);min-height:100vh;display:grid}.sg-stage{color:#fff;background:radial-gradient(90% 70% at 85% 10%,#12f9fd29,#0000 60%),radial-gradient(80% 80% at 0 100%,#1d4a63 0%,#0000 60%),linear-gradient(160deg,#20354c,#13243a 55%,#0b1828);flex-direction:column;padding:96px clamp(28px,4vw,64px) 56px;display:flex;position:relative;overflow:hidden}.sg-stage:before{content:"";background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 90% at 60% 40%,#000 30%,#0000 80%);mask-image:radial-gradient(120% 90% at 60% 40%,#000 30%,#0000 80%)}.sg-stage>*{position:relative}.sg-stage .sg-eyebrow{margin-top:auto}.sg-stage h1{letter-spacing:-1.2px;color:#fff;max-width:620px;margin:14px 0 12px;font-size:clamp(30px,3.4vw,46px);font-weight:800;line-height:1.08}[dir=rtl] .sg-stage h1{letter-spacing:0;line-height:1.35}.sg-lead{color:#c9d6e3;max-width:560px;font-size:16px}.sg-foot{color:#8ea3b8;margin-top:22px;font-size:12.5px}.sg-orbit{max-width:640px;height:300px;position:relative}.sg-ring{border:1px dashed #12f9fd59;border-radius:50%;width:250px;height:250px;margin:-125px 0 0 -125px;animation:60s linear infinite sgspin;position:absolute;top:50%;left:50%}.sg-ring.r2{border-style:solid;border-color:#ffffff1a;width:170px;height:170px;margin:-85px 0 0 -85px;animation-duration:90s;animation-direction:reverse}.sg-core{color:#12f9fd;background:#ffffff12;border:1px solid #ffffff29;border-radius:28px;place-items:center;width:96px;height:96px;margin:-48px 0 0 -48px;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 0 60px #12f9fd40}.sg-glass{-webkit-backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff29;border-radius:18px;align-items:center;gap:10px;padding:11px 14px;animation:7s ease-in-out infinite sgfloat;display:flex;position:absolute;box-shadow:0 18px 40px #00000040}.sg-glass b{white-space:nowrap;font-size:14px}.sg-glass .gi{color:#12f9fd;background:#12f9fd26;border-radius:12px;place-items:center;width:36px;height:36px;display:grid}.sg-glass .gi.v{color:#b9adff;background:#8b7cf62e}.sg-glass .gi.a{color:#f5c862;background:#f5b83d29}.sg-glass.g1{inset-inline-start:0;top:18px}.sg-glass.g2{inset-inline-end:0;animation-delay:-2.3s;top:84px}.sg-glass.g3{inset-inline-start:12%;animation-delay:-4.6s;bottom:6px}.sg-dot{background:#12f9fd;border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:0 0 14px #12f9fd}.sg-dot.v{background:#8b7cf6;box-shadow:0 0 14px #8b7cf6}@keyframes sgspin{to{transform:rotate(360deg)}}@keyframes sgfloat{50%{transform:translateY(-8px)}}.sg-panel{background:#fefefe;flex-direction:column;justify-content:center;padding:96px clamp(24px,4vw,64px) 70px;display:flex;position:relative}.sg-top{top:30px;align-items:center;gap:12px;display:flex;position:absolute;inset-inline-start:clamp(24px,4vw,64px)}.sg-domain{color:#4a5b6e;align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.sg-lang{color:#20354c;cursor:pointer;background:#fff;border:1px solid #c9d6e3;border-radius:999px;padding:6px 14px;font-family:Tajawal,Poppins,sans-serif;font-size:13px;font-weight:600}.sg-form{flex-direction:column;gap:6px;width:100%;max-width:400px;margin:0 auto;display:flex}.sg-form h2{letter-spacing:-.8px;color:#20354c;margin:10px 0 4px;font-size:30px;font-weight:800}[dir=rtl] .sg-form h2{letter-spacing:0}.sg-sub{color:#4a5b6e;margin:0 0 16px}.sg-inp{border-radius:14px;min-height:50px;font-size:15px}.sg-inp.bad{border-color:#ef6f7b}.sg-err{color:#a3303e;min-height:1.2em;margin:4px 0 0;font-size:13.5px}.sg-cta{color:#13243a;cursor:pointer;background:#03e5f9;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:8px;padding:14px 20px;font:700 15px Poppins,Tajawal,sans-serif;display:inline-flex;box-shadow:0 10px 24px #03e5f94d}[dir=rtl] .sg-cta{font-family:Tajawal,Poppins,sans-serif;font-size:16px}.sg-cta:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}[dir=rtl] .sg-cta svg,[dir=rtl] .ch-go svg{transform:scaleX(-1)}.sg-hint{color:#4a5b6e;align-items:flex-start;gap:10px;margin-top:16px;font-size:13px;display:flex}.sg-hint svg{color:#20354c;flex:none;margin-top:2px}.sg-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.sg-legal{bottom:22px;text-align:center;color:#4a5b6e;padding:0 20px;font-size:12px;position:absolute;inset-inline:0}.sg-otp-f{border:0;margin:0;padding:0}.sg-otp{justify-content:center;gap:14px;display:flex}.sg-otp.six{gap:8px}.sg-cell{background:conic-gradient(from var(--sga), #03e5f900 0deg, #03e5f900 200deg, #12f9fdf2 290deg, #03e5f900 360deg);border-radius:18px;padding:2px;animation:3.6s linear infinite sgglow;position:relative;box-shadow:0 0 0 1px #c9d6e3}.sg-cell:nth-child(2){animation-delay:-.9s}.sg-cell:nth-child(3){animation-delay:-1.8s}.sg-cell:nth-child(4){animation-delay:-2.7s}.sg-cell:nth-child(5){animation-delay:-3.6s}.sg-cell:nth-child(6){animation-delay:-4.5s}.sg-cell:after{content:"";pointer-events:none;border-radius:22px;animation:3.6s ease-in-out infinite sgbreathe;position:absolute;inset:-6px}.sg-cell input{text-align:center;color:#20354c;background:#fff;border:0;border-radius:16px;width:64px;height:72px;font:700 28px Poppins,sans-serif;display:block}.sg-otp.six .sg-cell input{width:48px;height:60px;font-size:24px}.sg-cell input:focus{outline:none}.sg-cell:focus-within{box-shadow:0 0 0 1px #20354c,0 0 0 6px #03e5f938}.sg-cell.ok{background:#2fbf8a;animation:none;box-shadow:0 0 0 4px #2fbf8a2e}.sg-cell.bad{background:#ef6f7b;animation:none}@keyframes sgglow{to{--sga:360deg}}@keyframes sgbreathe{50%{box-shadow:0 0 18px #12f9fd47}}@media (width<=900px){.sg{grid-template-columns:1fr}.sg-stage{padding:84px 22px 26px}.sg-orbit,.sg-lead,.sg-foot{display:none}.sg-stage .sg-eyebrow{margin-top:0}.sg-stage h1{font-size:28px}.sg-panel{justify-content:flex-start;padding:34px 22px 90px}.sg-top{margin-bottom:24px;position:static}.corner-logo{width:70px;top:16px;right:16px}}@media (width<=380px){.sg-cell input{width:56px;height:64px}.sg-otp{gap:10px}}.ch{color:#fff;background:radial-gradient(80% 60% at 100% 0,#12f9fd1f,#0000 60%),linear-gradient(170deg,#20354c,#13243a 60%,#0b1828);flex-direction:column;align-items:center;min-height:100vh;padding:30px clamp(18px,4vw,60px) 60px;display:flex;position:relative;overflow:hidden}.ch:before{content:"";background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.ch>*{position:relative}.ch-head{color:#c9d6e3;align-items:center;gap:10px;width:100%;max-width:1120px;min-height:44px;padding-right:110px;font-size:13px;display:flex}.ps-av{color:#fff;background:#13243a;border-radius:50%;place-items:center;width:36px;height:36px;font:700 13px Poppins,sans-serif;display:grid}.ps-av.lg{width:40px;height:40px;box-shadow:0 0 0 2px #12f9fd}.ch-intro{text-align:center;max-width:740px;margin:30px 0 26px}.ch-intro h1{letter-spacing:-1px;color:#fff;margin:12px 0 10px;font-size:clamp(28px,3.4vw,42px);font-weight:800;line-height:1.12}[dir=rtl] .ch-intro h1{letter-spacing:0;line-height:1.4}.ch-intro p{color:#c9d6e3}.ch-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:18px;width:100%;max-width:1120px;display:grid}.ch-card{all:unset;box-sizing:border-box;color:#fff;cursor:pointer;background:#ffffff0e;border:1px solid #ffffff24;border-radius:28px;flex-direction:column;align-items:center;gap:6px;padding:22px 18px 20px;transition:transform .2s,border-color .2s,background .2s;display:flex;position:relative;overflow:hidden}.ch-card:after{content:"";background:radial-gradient(circle, var(--tc), transparent 65%);opacity:.35;pointer-events:none;border-radius:50%;width:300px;height:300px;transition:opacity .25s;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)}.ch-card:not(.locked):hover,.ch-card:focus-visible{background:#ffffff14;border-color:#12f9fd;outline:none;transform:translateY(-4px)}.ch-card:focus-visible{box-shadow:0 0 0 3px #12f9fd80}.ch-card:not(.locked):hover:after{opacity:.6}.ch-card.locked{opacity:.45;cursor:default;filter:saturate(.6)}.ch-card.last{border-color:#12f9fd8c}.ch-card h2{z-index:1;color:#fff;align-items:center;gap:10px;margin-top:30px;font-size:21px;font-weight:700;display:flex}.ch-ti{color:#12f9fd;background:#12f9fd24;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.ch-chip{top:18px;z-index:2;letter-spacing:1px;text-transform:uppercase;color:#7fe3bd;background:#2fbf8a2e;border-radius:999px;padding:4px 10px;font-size:10.5px;font-weight:700;position:absolute;inset-inline-end:18px}[dir=rtl] .ch-chip{letter-spacing:0;font-size:12px}.ch-card.locked .ch-chip{color:#b9c7d6;background:#ffffff1a}.ch-bub{z-index:1;width:310px;max-width:100%;height:300px;position:relative}.ch-spin{animation:46s linear infinite sgspin;position:absolute;inset:0}.ch-card:hover .ch-spin,.ch-card:focus-visible .ch-spin,.ch-card:hover .ch-bbi,.ch-card:focus-visible .ch-bbi{animation-play-state:paused}.ch-orb{border:1px dashed #ffffff24;border-radius:50%;width:216px;height:216px;margin:-108px 0 0 -108px;position:absolute;top:50%;left:50%}.ch-hub{color:#12f9fd;width:70px;height:70px;box-shadow:0 0 40px var(--tc);background:#ffffff12;border:1px solid #ffffff29;border-radius:50%;place-items:center;margin:-35px 0 0 -35px;display:grid;position:absolute;top:50%;left:50%}.ch-bb{transform:rotate(var(--ang)) translate(var(--r)) rotate(calc(-1 * var(--ang)));position:absolute;top:50%;left:50%}.ch-bbi{text-align:center;width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);box-shadow:0 10px 24px #00000038, inset 0 0 18px var(--tc);animation:46s linear infinite reverse sgspin,5s ease-in-out infinite chbob;animation-delay:0s, var(--d);background:radial-gradient(circle at 30% 25%,#ffffff38,#ffffff0f 60%);border:1px solid #ffffff38;border-radius:50%;place-items:center;padding:8px;font-size:11.5px;font-weight:600;line-height:1.25;display:grid}[dir=rtl] .ch-bbi{font-size:12.5px;font-weight:700}@keyframes chbob{50%{translate:0 -5px}}.ch-go{color:#12f9fd;z-index:1;align-items:center;gap:8px;font-size:14px;font-weight:700;display:inline-flex}.ch-note{color:#8ea3b8;text-align:center;max-width:680px;margin-top:20px;font-size:13px}.ps{grid-template-columns:292px minmax(0,1fr);min-height:100vh;display:grid}.ps-side{color:#fff;z-index:40;background:radial-gradient(120% 50% at 0 0,#12f9fd24,#0000 55%),linear-gradient(#20354c,#13243a 70%,#0b1828);flex-direction:column;gap:12px;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0;overflow:auto}.ps-side:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 40%);mask-image:linear-gradient(#000,#0000 40%)}.ps-side>*{position:relative}.ps-brand{justify-content:flex-end;align-items:center;min-height:58px;padding:0 6px;display:flex}.ps-brand small{letter-spacing:2.2px;color:#12f9fd;text-transform:uppercase;font-size:10px;font-weight:700}[dir=rtl] .ps-brand small{letter-spacing:0;font-size:13px}.ps-switch{background:#00000038;border:1px solid #ffffff14;border-radius:16px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.ps-switch button{color:#b9c7d6;cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;font:600 11px/1.2 Poppins,Tajawal,sans-serif;display:flex}[dir=rtl] .ps-switch button{font:700 12px Tajawal,Poppins,sans-serif}.ps-switch button.on{color:#fff;cursor:default;background:#12f9fd29;box-shadow:inset 0 0 0 1px #12f9fd73}.ps-switch button[aria-disabled=true]{opacity:.35;cursor:not-allowed}.ps-me{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:18px;align-items:center;gap:12px;padding:12px;text-decoration:none;display:flex;color:#fff!important}.ps-me:hover{background:#ffffff17}.ps-ring{--p:0;background:conic-gradient(#12f9fd calc(var(--p) * 1%), #ffffff1f 0);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.ps-who{flex-direction:column;min-width:0;display:flex}.ps-who b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.ps-who span{color:#b9c7d6;font-size:12px}.ps-pct{color:#12f9fd;flex-direction:column;align-items:flex-end;margin-inline-start:auto;font:700 11px/1.3 Poppins,sans-serif;display:flex}.ps-pct small{color:#8ea3b8;font-family:Tajawal,Poppins,sans-serif;font-weight:500}.ps-gl{letter-spacing:2px;text-transform:uppercase;color:#7f95ab;margin:6px 0 2px;padding:0 12px;font-size:10.5px}[dir=rtl] .ps-gl{letter-spacing:0;font-size:13px;font-weight:700}.ps-nav{flex-direction:column;gap:2px;display:flex}.ps-item{border-radius:14px;align-items:center;gap:12px;padding:7px 10px;font-size:14.5px;font-weight:500;text-decoration:none;display:flex;position:relative;color:#dbe6f0!important}[dir=rtl] .ps-item{font-size:15.5px}.ps-ni{color:#cfe0ee;background:#ffffff0f;border-radius:11px;flex:none;place-items:center;width:34px;height:34px;display:grid}a.ps-item:hover{background:#ffffff0d}.ps-item.on{background:linear-gradient(90deg,#12f9fd29,#12f9fd0a);color:#fff!important}[dir=rtl] .ps-item.on{background:linear-gradient(270deg,#12f9fd29,#12f9fd0a)}.ps-item.on:before{content:"";inset-inline-start:-16px;background:#12f9fd;border-radius:0 4px 4px 0;width:4px;position:absolute;top:10px;bottom:10px;box-shadow:0 0 12px #12f9fd}[dir=rtl] .ps-item.on:before{border-radius:4px 0 0 4px}.ps-item.on .ps-ni{color:#13243a;background:#12f9fd}.ps-t{flex-direction:column;min-width:0;display:flex}.ps-t small{color:#7f95ab;font-size:11px;font-weight:500}.ps-n{color:#13243a;background:#12f9fd;border-radius:999px;margin-inline-start:auto;padding:1px 8px;font:700 11px Poppins,sans-serif}.ps-item.off{cursor:default;color:#8ea3b8!important}.ps-item.off .ps-ni{color:#7f95ab;background:#ffffff08}.ps-lk{color:#8ea3b8;margin-inline-start:auto;display:inline-flex}.ps-bottom{border-top:1px solid #ffffff14;flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;padding-top:12px;display:flex}.ps-pill{color:#dbe6f0;cursor:pointer;background:0 0;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font:600 12.5px Tajawal,Poppins,sans-serif;display:inline-flex}.ps-pill.out{margin-inline-start:auto}.ps-main{background-color:#f3f9fd;background-image:linear-gradient(#20354c0a 1px,#0000 1px),linear-gradient(90deg,#20354c0a 1px,#0000 1px);background-size:44px 44px;min-width:0;padding:26px clamp(18px,3vw,44px) 70px}.ps-topbar{align-items:center;min-height:44px;margin-bottom:14px;padding-right:100px;display:flex}.ps-menu{border:1px solid var(--grey-blue);background:var(--white);color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-weight:600;display:none}.ps-scrim{display:none}@media (width<=900px){.ps{grid-template-columns:1fr}.ps-side{width:300px;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.ps[dir=rtl] .ps-side{inset:0 0 0 auto;transform:translate(105%)}.ps-side.open,.ps[dir=rtl] .ps-side.open{transform:none}.ps-scrim{z-index:39;background:#0b182873;border:0;display:block;position:fixed;inset:0}.ps-menu{display:inline-flex}}html[data-theme=dark] .ps-main{--white:#16283d;--navy:#e6eff7;--surface:#0f1d2f;--mist:#1c2f46;--border:#c9d6e31f;--grey-blue:#36506c;--ink:#e6eff7;--ink-body:#a9bccf;color:var(--ink);background-color:#0d1a2b;background-image:linear-gradient(#c9d6e30a 1px,#0000 1px),linear-gradient(90deg,#c9d6e30a 1px,#0000 1px)}html[data-theme=dark] .ps-side{background:radial-gradient(120% 50% at 0 0,#12f9fd1a,#0000 55%),linear-gradient(#0f1d2f,#0a1522);border-inline-end:1px solid #c9d6e314}.ah-head{margin-bottom:18px}.ah-head h1{letter-spacing:-1px;margin:10px 0 6px;font-size:clamp(26px,3vw,36px);font-weight:800;line-height:1.15}[dir=rtl] .ah-head h1{letter-spacing:0;line-height:1.45}.ah-journey h2,.ps-main .card h2{align-items:center;gap:10px;display:flex}.ah-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.ah-steps li{background:var(--surface);border-radius:16px;flex-direction:column;gap:4px;padding:14px;display:flex}.ah-steps li i{background:var(--white);border:1.5px solid var(--grey-blue);width:30px;height:30px;color:var(--ink-body);border-radius:50%;place-items:center;font-size:13px;font-style:normal;font-weight:700;display:grid}.ah-steps li.done i{color:#fff;background:#20354c;border-color:#20354c}.ah-steps li.now{background:var(--mist);box-shadow:inset 0 0 0 1.5px #03e5f9}.ah-steps li.now i{color:#13243a;background:#03e5f9;border-color:#03e5f9}.ah-steps li small{color:var(--ink-body);font-size:12.5px}[dir=rtl] .ah-steps li small{font-size:13.5px}.ah-cols{grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));align-items:start;gap:18px;margin-top:18px;display:grid}.ah-list{flex-direction:column;gap:8px;display:flex}.ah-row{background:var(--surface);border-radius:14px;align-items:center;gap:12px;padding:11px 12px;text-decoration:none;display:flex;color:var(--ink)!important}.ah-row:hover{background:var(--mist)}.ah-ci{background:var(--white);width:36px;height:36px;color:var(--navy);border-radius:11px;flex:none;place-items:center;display:grid}.ah-t{flex-direction:column;flex:1;min-width:0;display:flex}.ah-t b{font-size:14px}.ah-t small{color:var(--ink-body);font-size:12.5px}[dir=rtl] .ah-t b{font-size:15px}[dir=rtl] .ah-t small{font-size:13.5px}.ah-st{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:700}[dir=rtl] .ah-st{font-size:12.5px}.ah-st.a{color:#14734f;background:#e3fbf2}.ah-st.b{color:#8a5a00;background:#fff5df}.ah-st.c{color:#4a5b6e;background:#eef2f6}.ah-st.r{color:#a3303e;background:#ffe9ec}.ah-sub{margin:28px 0 12px;font-size:18px}.ah-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px;display:grid}.ah-card{flex-direction:column;gap:6px;text-decoration:none;display:flex;color:var(--ink)!important}a.ah-card:hover{border-color:#03e5f9}.ah-card h3{flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0;font-size:16px;display:flex}.ah-card p{color:var(--ink-body);margin:0;font-size:13.5px}[dir=rtl] .ah-card p{font-size:15px}.ah-card.off{opacity:.62}.ah-tag{letter-spacing:1px;text-transform:uppercase;white-space:nowrap;border-radius:6px;margin-inline-start:auto;padding:2px 8px;font-size:10.5px;font-weight:700}[dir=rtl] .ah-tag{letter-spacing:0;font-size:12px}.ah-tag.on{color:#14734f;background:#e3fbf2}.ah-tag.off{color:#4a5b6e;background:#eef2f6}@media (width<=700px){.ah-steps{grid-template-columns:1fr 1fr}}.fp{flex-direction:column;gap:12px;max-width:720px;display:flex}.fp-card{flex-direction:column;align-items:flex-start;gap:10px;padding:30px;display:flex}.fp-card h1{margin:0;font-size:30px}.fp-ic{background:var(--mist);width:66px;height:66px;color:var(--navy);border-radius:20px;place-items:center;display:grid}.fp-lead{color:var(--ink-body);margin:0;font-size:16px}.fp .ah-tag{margin-inline-start:0}.pp-top{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:start;gap:18px;margin-bottom:18px;display:grid}.pp-hero{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.pp-hero h1{margin:6px 0 2px;font-size:26px}.pp-who{flex-direction:column;flex:1;gap:4px;min-width:220px;display:flex}.pp-tags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.pp-flip{all:unset;cursor:pointer;perspective:900px;border-radius:22px;flex:none;width:156px;height:190px;position:relative}.pp-flip:disabled{cursor:default}.pp-flip:focus-visible{outline-offset:4px;outline:3px solid #03e5f9}.pp-face{backface-visibility:hidden;background:linear-gradient(160deg,#20354c,#13243a);border:1px solid #12f9fd59;border-radius:22px;transition:transform .7s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0;overflow:hidden;box-shadow:0 14px 30px #20354c2e}.pp-face-in{color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.pp-face img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.pp-face small{text-align:center;color:#fff;background:#0d1b2d8c;border-radius:999px;padding:3px 8px;font-size:11.5px;position:absolute;bottom:8px;left:8px;right:8px}.pp-init{color:#12f9fd;background:#ffffff14;border-radius:50%;place-items:center;width:92px;height:92px;font:800 30px Poppins,sans-serif;display:grid;box-shadow:0 0 0 3px #12f9fd59}.pp-face.back{transform:rotateY(180deg)}.pp-flip.turned .front{transform:rotateY(-180deg)}.pp-flip.turned .back{transform:rotateY(0)}.pp-flip:not(:disabled):not(.turned):hover .front{transform:rotateY(-12deg)}.pp-nb{flex-direction:column;gap:10px;display:flex}.pp-add{align-items:flex-end;gap:8px;display:flex}.pp-add textarea{resize:vertical;flex:1;min-height:46px}.pp-notes{flex-direction:column;gap:6px;max-height:300px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.pp-notes li{background:var(--surface);border-radius:12px;padding:10px 12px;font-size:14px}.pp-notes li.pinned{box-shadow:inset 3px 0 #03e5f9}[dir=rtl] .pp-notes li.pinned{box-shadow:inset -3px 0 #03e5f9}.pp-notes p{white-space:pre-wrap;margin:0 0 4px}.pp-meta{flex-wrap:wrap;align-items:center;gap:12px;font-size:12.5px;display:flex}.pp-edit{flex-direction:column;gap:8px;display:flex}@media (prefers-reduced-motion:reduce){.sg-ring,.sg-glass,.sg-cell,.sg-cell:after,.ch-spin,.ch-bbi,.pp-face{transition:none!important;animation:none!important}}.pp-file .lf-hero{border-radius:22px;gap:16px;padding:16px 22px}.pp-file .lf-hero-photo,.pp-file .lf-hero h1,.pp-file .lf-hero .lf-ar,.pp-file .lf-hero .lf-sub,.pp-file .lf-hero:after{display:none}html[data-theme=dark] .ps-main .lf-hero{--white:#fff;--navy:#13243a;--navy-deep:#0b1626;--grey-blue:#9fb3c8;color:#fff;background:radial-gradient(120% 140% at 100% 0,#1d4a63 0%,#13243a 46%,#0b1626 100%)}.ps-brand{justify-content:space-between;gap:12px;min-height:64px}.ps-logo{width:78px;height:auto;display:block}.ps-brand small{text-align:end}.ps-topbar{justify-content:space-between;padding-right:0}.ps-toplogo{width:64px;height:auto;display:none}@media (width<=900px){.ps-toplogo{display:block}}.pp-top{grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr)}@media (width<=1000px){.pp-top{grid-template-columns:1fr}}.pp-photos{flex-direction:column;flex:none;align-items:center;gap:6px;display:flex}.pp-tap{font-size:12px}.pp-ups{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin-top:12px;display:grid}.pp-up{cursor:pointer;border:1.5px dashed #20354c47;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;transition:border-color .15s,background .15s;display:flex}.pp-up:hover,.pp-up:focus-within{background:#03e5f90f;border-color:#03e5f9}.pp-up.has{border-style:solid;border-color:#03e5f98c}.pp-up.busy{opacity:.6;pointer-events:none}.pp-up b{font-size:13.5px;display:block}.pp-up small{color:var(--ink-body,#4a5b6e);font-size:12px}.pp-up-ic{color:#12f9fd;background:#20354c;border-radius:10px;flex:none;place-items:center;width:32px;height:32px;display:grid}.pp-hint{margin-top:8px;font-size:12px;display:block}.nb-cover{color:#fff;background:linear-gradient(150deg,#20354c 0%,#13243a 70%);border-radius:10px 22px 22px 10px;min-height:236px;text-decoration:none;transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 34px #13243a38,inset 0 0 0 1px #12f9fd2e}[dir=rtl] .nb-cover{border-radius:22px 10px 10px 22px}.nb-cover:hover,.nb-cover:focus-visible{transform:translateY(-3px)rotate(-.6deg);box-shadow:0 24px 40px #13243a47,inset 0 0 0 1px #12f9fd66}.nb-cover:focus-visible{outline-offset:4px;outline:3px solid #03e5f9}.nb-spine{background:repeating-linear-gradient(#0b1626 0 10px,#1b3150 10px 20px);width:16px;position:absolute;inset:0 auto 0 0}[dir=rtl] .nb-spine{inset:0 0 0 auto}.nb-band{top:0;bottom:0;opacity:.85;background:#03e5f9;width:10px;position:absolute;inset-inline-end:34px}.nb-cover-in{color:#12f9fd;flex-direction:column;gap:6px;padding:26px 64px 26px 40px;display:flex;position:relative}[dir=rtl] .nb-cover-in{padding:26px 40px 26px 64px}.nb-cover-in b{color:#fff;font-size:22px}.nb-cover-in small{color:#c9d6e3;font-size:13px}.nb-open{color:#12f9fd;align-items:center;gap:6px;margin-top:auto;padding-top:18px;font-size:14px;font-weight:700;display:inline-flex}[dir=rtl] .nb-open svg{transform:scaleX(-1)}.nb-lock{bottom:12px;font-size:11.5px;position:absolute;inset-inline-start:40px;color:#9fb3c8!important}.pp-tabs{background:var(--white,#fff);border:1px solid var(--border,#e3ecf4);border-radius:18px;flex-wrap:wrap;gap:6px;width:fit-content;max-width:100%;margin:4px 0 14px;padding:6px;display:flex}.pp-tabs button{all:unset;cursor:pointer;color:var(--ink,#20354c);border-radius:13px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;display:inline-flex}.pp-tabs button:hover{background:var(--surface,#f3f9fd)}.pp-tabs button.on{color:#fff;background:#20354c}.pp-tabs button.on svg{color:#12f9fd}.pp-tabs button:focus-visible{outline-offset:2px;outline:3px solid #03e5f9}.pp-count{color:#20354c;background:#03e5f9;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11.5px;font-weight:800;display:inline-grid}.pp-note{color:var(--ink-body,#4a5b6e);align-items:center;gap:8px;margin:0 0 12px;font-size:13.5px;display:flex}.pp-tab-subjects .lf-grid,.pp-tab-docs .lf-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr))}html[data-theme=dark] .ps-main .pp-tabs button.on{color:#0b1626;background:#03e5f9}html[data-theme=dark] .ps-main .pp-tabs button.on svg{color:#0b1626}html[data-theme=dark] .ps-main .pp-up{border-color:#c9d6e340}html[data-theme=dark] .ps-main .pp-up-ic{background:#0b1626}.nbk-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.nbk-head h1{margin:6px 0 4px;font-size:30px}.nbk-book{background:#fbfcfe;border-radius:22px;grid-template-columns:minmax(220px,.8fr) minmax(0,1.6fr);min-height:560px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 50px #13243a24,0 0 0 1px #20354c14}.nbk-book:after{content:"";pointer-events:none;background:linear-gradient(90deg,#13243a00,#13243a1a 50%,#13243a00);width:26px;position:absolute;top:0;bottom:0;left:33.3%;transform:translate(-13px)}[dir=rtl] .nbk-book:after{left:auto;right:33.3%;transform:translate(13px)}.nbk-page{flex-direction:column;gap:12px;min-width:0;padding:24px 26px;display:flex}.nbk-index{background:#f2f7fb;border-inline-end:1px solid #20354c14}.nbk-ih{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.nbk-list{flex-direction:column;gap:4px;max-height:520px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.nbk-list li>button{all:unset;box-sizing:border-box;cursor:pointer;border-radius:12px;flex-direction:column;gap:2px;width:100%;padding:10px 12px;display:flex}.nbk-list li.on:not(:has(button)){all:unset;box-sizing:border-box;cursor:pointer;border-radius:12px;flex-direction:column;gap:2px;width:100%;padding:10px 12px;display:flex}.nbk-list li>button:hover{background:#03e5f914}.nbk-list li.on>button{background:#fff;box-shadow:0 4px 12px #13243a14,inset 3px 0 #03e5f9}.nbk-list li.on:not(:has(button)){background:#fff;box-shadow:0 4px 12px #13243a14,inset 3px 0 #03e5f9}[dir=rtl] .nbk-list li.on>button{box-shadow:0 4px 12px #13243a14,inset -3px 0 #03e5f9}[dir=rtl] .nbk-list li.on:not(:has(button)){box-shadow:0 4px 12px #13243a14,inset -3px 0 #03e5f9}.nbk-list span{color:#20354c;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex;overflow:hidden}.nbk-list li.pinned span svg{color:#e0a800}.nbk-list small{color:#6b7c8f;font-size:12px}.nbk-write{background-color:#fff}.nbk-wh{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.nbk-write textarea{resize:vertical;color:#20354c;background:repeating-linear-gradient(#0000 0 31px,#03e5f947 31px 32px) local;border:0;outline:none;flex:1;min-height:420px;padding:0 4px;font:500 16px/32px Poppins,Tajawal,sans-serif}.nbk-write textarea:focus-visible{border-radius:8px;box-shadow:0 0 0 2px #03e5f966}.nbk-foot{justify-content:space-between;align-items:center;display:flex}@media (width<=760px){.nbk-book{grid-template-columns:1fr}.nbk-book:after{display:none}.nbk-index{border-inline-end:0;border-bottom:1px solid #20354c14}.nbk-list{max-height:220px}.nbk-write textarea{min-height:320px}}html[data-theme=dark] .ps-main .nbk-book{background:#13243a;box-shadow:0 24px 50px #00000059,0 0 0 1px #c9d6e31a}html[data-theme=dark] .ps-main .nbk-index{background:#0f1d2f}html[data-theme=dark] .ps-main .nbk-write{background:#16283d}html[data-theme=dark] .ps-main .nbk-write textarea,html[data-theme=dark] .ps-main .nbk-list span{color:#e6eff7}html[data-theme=dark] .ps-main .nbk-list li.on>button{background:#1c2f46}@media (prefers-reduced-motion:reduce){.nb-cover{transition:none}}html[data-theme=dark] .ps-main .pp-tabs button.on .pp-count{color:#12f9fd;background:#0b1626}.po{flex-direction:column;align-items:center;gap:18px;margin-bottom:8px;display:flex}.po-stage{aspect-ratio:1;width:min(100%,470px,54vh);position:relative}.po-ring{border:1px dashed #9fd6ec3d;border-radius:50%;transition:opacity .3s,border-color .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.po-ring.hot{border-color:#03e5f999}.po-ring.dim{opacity:.3}.po-spin{animation:poSpin var(--d) linear infinite;animation-direction:var(--dir);position:absolute;inset:0}.po-dot{background:#03e5f9;border-radius:50%;width:8px;height:8px;margin-left:-4px;position:absolute;top:-4px;left:50%;box-shadow:0 0 12px 3px #03e5f999}.po-av{z-index:2;width:40px;height:40px;margin:-20px 0 0 -20px;position:absolute}.po-up{width:100%;height:100%;animation:poSpin var(--d) linear infinite;animation-direction:var(--rdir);display:block}.po-bub{color:#fff;width:100%;height:100%;animation:.6s cubic-bezier(.3,1.6,.5,1) both poIn;animation-delay:calc(var(--i) * 90ms + .2s);border-radius:50%;place-items:center;transition:box-shadow .3s,transform .3s;display:grid;box-shadow:0 6px 16px #00000059,inset 0 0 0 2px #ffffff2e}.po-academic .po-bub{background:linear-gradient(140deg,#3b5878,#20354c)}.po-media .po-bub{color:#0b1726;background:linear-gradient(140deg,#03e5f9,#0a8fa6)}.po-strategic .po-bub{color:#13243a;background:linear-gradient(140deg,#f2c94c,#b7791f)}.po-tag{white-space:nowrap;color:#ddeff8;opacity:0;pointer-events:none;background:#0b1726c7;border:1px solid #ffffff24;border-radius:999px;padding:3px 8px;font:600 11px Tajawal,Poppins,sans-serif;transition:opacity .35s,transform .35s;position:absolute;top:100%;left:50%;transform:translate(-50%,4px)}.po-av.say .po-tag,.po-ring.hot .po-tag{opacity:1;transform:translate(-50%,8px)}.po-av.say .po-bub{transform:scale(1.08);box-shadow:0 0 0 3px #03e5f9cc,0 0 24px #03e5f98c}.po-core{aspect-ratio:1;z-index:3;background:radial-gradient(circle at 50% 40%,#284766,#13243a 70%);border-radius:50%;place-items:center;width:31%;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 10px #03e5f90f,0 0 0 22px #03e5f90a,0 0 70px #03e5f959}.po-core:before,.po-core:after{content:"";border:2px solid #03e5f980;border-radius:50%;animation:3.2s ease-out infinite poWave;position:absolute;inset:-2px}.po-core:after{animation-delay:1.6s}.po-core img{filter:drop-shadow(0 4px 14px #00000059);width:64%;height:auto}.po-toast{inset-inline-start:2%;z-index:4;color:#13243a;background:#fffffff5;border-radius:14px;align-items:center;gap:10px;padding:9px 13px;font:600 13px Tajawal,Poppins,sans-serif;animation:.4s both poToast;display:flex;position:absolute;bottom:4%;box-shadow:0 14px 34px #00000059}.po-toast i{color:#0a9cab;background:#e6fcff;border-radius:9px;place-items:center;width:28px;height:28px;font-style:normal;font-weight:800;display:grid}.po-toast small{color:#5d6f80;font-size:11.5px;font-weight:400;display:block}.po-tracks{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.po-tr{color:#fff;cursor:default;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:16px;outline:none;align-items:center;gap:10px;padding:9px 14px 9px 9px;font:600 14px Tajawal,Poppins,sans-serif;transition:background .25s,border-color .25s,transform .25s;display:flex}[dir=rtl] .po-tr{padding:9px 9px 9px 14px}.po-tr b{border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.po-tr.po-academic b{background:#ffffff24}.po-tr.po-media b{color:#03e5f9;background:#03e5f92e}.po-tr.po-strategic b{color:#f2c94c;background:#f2c94c2e}.po-tr small{color:#9fb6c9;font-size:11.5px;font-weight:400;display:block}.po-tr:hover,.po-tr.on,.po-tr:focus-visible{background:#03e5f91f;border-color:#03e5f973;transform:translateY(-2px)}@keyframes poSpin{to{transform:rotate(360deg)}}@keyframes poWave{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}@keyframes poIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes poToast{0%{opacity:0;transform:translateY(12px)}}@media (width>=901px){.sg>.corner-logo{display:none}}@media (width<=900px){.po{display:none}}@media (prefers-reduced-motion:reduce){.po-spin,.po-up,.po-core:before,.po-core:after,.po-bub{animation:none!important}}.pp-offnote{color:var(--ink,#20354c);background:#03e5f914;border-radius:12px;align-items:flex-start;gap:8px;margin:10px 0 0;padding:10px 12px;font-size:13px;display:flex}.pp-offnote svg{color:#0a9cab;flex:none;margin-top:2px}.cr{flex-direction:column;gap:14px;display:flex}.cr-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.cr-head p{max-width:640px;margin:4px 0 0;font-size:13.5px}.cr-empty{margin:0}.cr-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.cr-card{background:linear-gradient(160deg,#fff,#f3f9fd);border:1px solid #20354c1a;border-radius:18px;gap:12px;padding:16px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #13243a0f}.cr-card:before{content:"";background:linear-gradient(#03e5f9,#20354c);width:4px;position:absolute;inset:0 auto 0 0}[dir=rtl] .cr-card:before{inset:0 0 0 auto}.cr-card.hid{opacity:.55}.cr-ic{color:#12f9fd;background:#20354c;border-radius:13px;flex:none;place-items:center;width:42px;height:42px;display:grid}.cr-body{flex-direction:column;gap:3px;min-width:0;display:flex}.cr-body b{color:#20354c;font-size:15.5px;line-height:1.35}.cr-kind{letter-spacing:.6px;text-transform:uppercase;color:#0a9cab;flex-wrap:wrap;align-items:center;gap:8px;font-size:11.5px;font-weight:700;display:flex}[dir=rtl] .cr-kind{letter-spacing:0}.cr-ver{text-transform:none;letter-spacing:0;color:#0f7b4a;background:#10b9811f;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.cr-hid{text-transform:none;letter-spacing:0;color:#6b7c8f}.cr-act{gap:14px;margin-top:6px;font-size:13px;display:flex}.cr-form{background:var(--surface,#f3f9fd);border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex}.cr-fgrid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px 14px;display:grid}html[data-theme=dark] .ps-main .cr-card{background:linear-gradient(160deg,#1c2f46,#16283d);border-color:#c9d6e31a}html[data-theme=dark] .ps-main .cr-body b{color:#e6eff7}.dr{flex-direction:column;gap:12px;display:flex}.dr-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.dr-list li{background:var(--surface,#f3f9fd);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.dr-ic{color:#12f9fd;background:#20354c;border-radius:10px;flex:none;place-items:center;width:32px;height:32px;display:grid}.dr-t{flex-direction:column;flex:1;min-width:0;display:flex}.dr-t small{font-size:12.5px}.dr-form{flex-direction:column;gap:10px;display:flex}.dr-fgrid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px 14px;display:grid}.ah-rem{background:linear-gradient(120deg, #f2c94c1f, #fff0 60%), var(--white,#fff);border:1px solid #f2c94c8c;flex-flow:wrap;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.ah-rem-ic{color:#13243a;background:#f2c94c;border-radius:13px;flex:none;place-items:center;width:42px;height:42px;display:grid}.ah-rem-b{flex:280px;min-width:0}.ah-rem-b h2{margin:0 0 6px;font-size:17px}.ah-rem-b p{margin:0 0 6px;font-size:14px;line-height:1.9}.ah-rem-note{white-space:pre-wrap}.ah-rem-act{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.act-feed{padding:10px 14px}.act-day{letter-spacing:1.4px;text-transform:uppercase;color:#6b7c8f;margin:14px 6px 6px;font-size:12px}.act-row{color:inherit;border-radius:12px;align-items:center;gap:12px;padding:10px;text-decoration:none;display:flex}.act-row:hover{background:var(--surface,#f3f9fd)}.act-row.new{background:#03e5f914;box-shadow:inset 3px 0 #03e5f9}.act-ic{color:#12f9fd;background:#20354c;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.act-tx{flex:1;min-width:0;font-size:14px}.act-tx small{color:#6b7c8f;margin-top:2px;font-size:12.5px;display:block}.act-at{flex:none;font-size:12px}.rem-list{padding:8px}.rem-row{cursor:pointer;border-radius:12px;flex-wrap:wrap;align-items:flex-start;gap:12px;padding:12px;display:flex}.rem-row:hover{background:var(--surface,#f3f9fd)}.rem-row.on{background:#03e5f914}.rem-who{flex-direction:column;flex:0 260px;min-width:200px;display:flex}.rem-who small{font-size:12.5px}.rem-items{flex-wrap:wrap;flex:320px;gap:6px;display:flex}.perm-roles{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;display:grid}.perm-role,.perm-member{flex-direction:column;gap:10px;display:flex}.perm-chips{flex-wrap:wrap;gap:6px;display:flex}.perm-form{flex-direction:column;gap:12px;display:flex}.perm-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:8px 18px;display:grid}.perm-line{background:var(--surface,#f3f9fd);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.perm-line>span{flex-direction:column;min-width:0;display:flex}.perm-line small{font-size:12px}.perm-pick{background:#fff;border:1px solid #20354c24;border-radius:999px;flex:none;padding:3px;display:inline-flex}.perm-pick button{all:unset;cursor:pointer;color:#4a5b6e;border-radius:999px;padding:5px 11px;font-size:12.5px;font-weight:600}.perm-pick button:focus-visible{outline:2px solid #03e5f9}.perm-pick button.on.lv-none{color:#20354c;background:#e9eef3}.perm-pick button.on.lv-view{color:#fff;background:#20354c}.perm-pick button.on.lv-edit{color:#0b1626;background:#03e5f9}.perm-pick button.on.lv-inh{color:#20354c;background:#f2f6f9;box-shadow:inset 0 0 0 1px #20354c33}.pa-wrap{background:#fff;border:1px solid #20354c1a;border-radius:18px;max-height:70vh;overflow:auto}.pa-table{border-collapse:separate;border-spacing:0;min-width:100%;font-size:13px}.pa-table th,.pa-table td{text-align:center;white-space:nowrap;border-bottom:1px solid #20354c12;padding:8px 10px}.pa-table thead th{color:#fff;z-index:2;background:#20354c;font-weight:600;position:sticky;top:0}.pa-table thead th small{color:#9fb6c9;font-size:11px;font-weight:400;display:block}.pa-table tbody th{text-align:left;z-index:1;background:#fff;position:sticky;left:0}.pa-table tbody th small{color:#6b7c8f;font-size:11.5px;font-weight:400;display:block}.pa-cell{all:unset;cursor:pointer;border-radius:9px;place-items:center;width:34px;height:30px;display:inline-grid;position:relative}.pa-cell.on{color:#0f7b4a;background:#10b98124}.pa-cell.off{color:#8a99a8;background:#eef2f6}.pa-cell:focus-visible{outline:2px solid #03e5f9}.pa-cell:hover{box-shadow:inset 0 0 0 1.5px #20354c}.pa-dot{background:#f2a20c;border-radius:50%;width:7px;height:7px;position:absolute;top:3px;right:3px}.ps-brand-r{align-items:center;gap:10px;display:inline-flex}.ps-top-r{align-items:center;gap:12px;display:inline-flex}.nb-bell{color:#c9d6e3;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;text-decoration:none;transition:background .2s,color .2s;display:inline-grid;position:relative}.nb-bell:hover,.nb-bell:focus-visible{color:#12f9fd;background:#03e5f91f}.nb-bell:focus-visible{outline-offset:2px;outline:2px solid #03e5f9}.nb-bell.has{color:#12f9fd}.nb-bell.has svg{transform-origin:50% 10%;animation:2.4s ease-in-out nbRing}.nb-bell.light{color:#20354c;background:#fff;border-color:#20354c24}.ps-topbar .nb-bell{display:none}@media (width<=900px){.ps-topbar .nb-bell{display:inline-grid}}.nb-count{top:-6px;color:#0b1626;text-align:center;background:#03e5f9;border-radius:999px;min-width:19px;height:19px;padding:0 5px;font:800 11px/19px Poppins,sans-serif;position:absolute;inset-inline-end:-6px;box-shadow:0 0 0 2px #13243a}.nb-bell.light .nb-count{box-shadow:0 0 0 2px #fff}@keyframes nbRing{0%,to{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-12deg)}30%{transform:rotate(8deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(0)}}.nt-list{flex-direction:column;gap:10px;display:flex}.nt-card{background:var(--white,#fff);border:1px solid #20354c1a;border-radius:18px;align-items:center;gap:14px;padding:16px 18px;display:flex;box-shadow:0 6px 16px #13243a0d}.nt-card.new{border-color:#03e5f98c;box-shadow:0 8px 22px #03e5f91f,inset 4px 0 #03e5f9}[dir=rtl] .nt-card.new{box-shadow:0 8px 22px #03e5f91f,inset -4px 0 #03e5f9}.nt-ic{color:#12f9fd;background:#20354c;border-radius:14px;flex:none;place-items:center;width:44px;height:44px;display:grid}.nt-b{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.nt-b b{color:var(--ink,#20354c);font-size:15.5px}.nt-b p{color:var(--ink-body,#4a5b6e);margin:2px 0;font-size:14px}.nt-k{color:#0a9cab;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.nt-v{color:#12f9fd;background:#20354c;border-radius:999px;padding:1px 8px;font-size:11.5px}.nt-dot{color:#0b1626;background:#03e5f9;border-radius:999px;padding:1px 8px;font-size:11px}.nt-open{flex:none}@media (width<=560px){.nt-card{flex-wrap:wrap}.nt-open{justify-content:center;width:100%}}html[data-theme=dark] .ps-main .nt-card{background:#16283d;border-color:#c9d6e31a}html[data-theme=dark] .ps-main .nt-b b{color:#e6eff7}.st{flex-direction:column;gap:12px;display:flex}.st-list{flex-direction:column;gap:10px;max-height:420px;padding:4px 2px;display:flex;overflow:auto}.st-msg{align-items:flex-end;gap:8px;max-width:86%;display:flex}.st-msg.mine{flex-direction:row-reverse;align-self:flex-end}.st-bub{background:var(--surface,#f3f9fd);border:1px solid #20354c14;border-radius:16px;padding:10px 14px}.st-msg.mine .st-bub{color:#fff;background:#20354c;border-color:#20354c}.st-msg.mine .st-bub small{color:#9fb6c9}.st-msg.system{align-self:center;max-width:100%}.st-msg.system .st-bub{color:var(--ink,#20354c);background:#03e5f91a;border-color:#03e5f959}.st-msg.system.mine .st-bub small{color:#0a9cab}.st-sys{color:#0b1626;background:#03e5f9;border-radius:8px;flex:none;place-items:center;width:26px;height:26px;display:grid}.st-bub small{color:#6b7c8f;margin-bottom:3px;font-size:11.5px;display:block}.st-bub p{white-space:pre-wrap;margin:0;font-size:14px;line-height:1.6}.st-send{align-items:flex-end;gap:10px;display:flex}.st-send textarea{resize:vertical;flex:1}html[data-theme=dark] .ps-main .st-bub{color:#e6eff7;background:#1c2f46;border-color:#c9d6e31a}.nf{background:#03e5f912;border:1px solid #03e5f94d;border-radius:12px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.nf-panel{background:var(--surface,#f3f9fd);border-radius:14px;flex-direction:column;flex:100%;gap:10px;padding:14px;display:flex}.rc-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.rc-card{background:var(--white,#fff);color:inherit;border:1px solid #20354c1a;border-radius:20px;align-items:center;gap:14px;padding:16px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;box-shadow:0 8px 20px #13243a0f}.rc-card:hover,.rc-card:focus-visible{border-color:#03e5f98c;transform:translateY(-2px);box-shadow:0 14px 28px #13243a1a}.rc-card:focus-visible{outline-offset:2px;outline:3px solid #03e5f9}.rc-pic{color:#12f9fd;background:#20354c;border-radius:18px;flex:none;place-items:center;width:58px;height:58px;font-weight:800;display:grid;overflow:hidden}.rc-pic img{object-fit:cover;width:100%;height:100%}.rc-b{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.rc-b b{font-size:16px}.rc-n{color:#0a9cab;font-size:14px;font-weight:700}.rc-n small{color:#6b7c8f;font-weight:400}.rc-rev{flex:none;align-self:flex-start}.rc-b small{font-size:12.5px}.crumbs{color:#6b7c8f;margin-bottom:6px;font-size:13px}.crumbs a{color:inherit}.lf-page{flex-direction:column;gap:24px;width:100%;max-width:1240px;display:flex}.lf-eyebrow{letter-spacing:2.6px;text-transform:uppercase;color:var(--navy);align-items:center;gap:12px;font-size:12px;font-weight:600;display:inline-flex}.lf-eyebrow i{background:var(--cyan);border-radius:2px;width:26px;height:3px;display:inline-block}.lf-pagehead h1{letter-spacing:-1.2px;color:var(--navy);margin:14px 0 10px;font-size:clamp(30px,3.6vw,46px);font-weight:800;line-height:1.06}.lf-pagehead p{color:var(--ink-body);max-width:640px;font-size:17px}.lf-hl{background-image:linear-gradient(var(--cyan), var(--cyan));background-position:0 92%;background-repeat:no-repeat;background-size:100% 6px;padding-bottom:2px}.lf-crumbs{color:var(--ink-body);gap:10px;font-size:14px;display:flex}.lf-crumbs a{font-weight:600;text-decoration:none}.lf-crumbs a:hover{text-decoration:underline}.lf-stats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;display:grid}.lf-stat{text-align:left;background:var(--white);border:1px solid var(--border);cursor:pointer;border-radius:20px;flex-direction:column;gap:4px;padding:18px 20px;transition:transform .15s,box-shadow .15s;display:flex}.lf-stat:hover{transform:translateY(-2px);box-shadow:0 10px 24px #13243a14}.lf-stat b{letter-spacing:-1px;color:var(--navy);font-size:34px;font-weight:800;line-height:1}.lf-stat span{color:var(--ink-body);font-size:13px;font-weight:500}.lf-filters{background:var(--white);border:1px solid var(--border);border-radius:22px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px;display:flex;box-shadow:0 8px 22px #13243a0d}.lf-search{color:var(--ink-body);background:var(--surface);border-radius:14px;flex:260px;align-items:center;gap:10px;min-height:46px;padding:0 14px;display:flex}.lf-search input{background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:15px}.lf-sel select{appearance:none;border:1px solid var(--grey-blue);background:var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2320354c' stroke-width='2.4'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center;cursor:pointer;border-radius:999px;min-height:42px;padding:0 36px 0 16px;font-size:14px;font-weight:500}.lf-sel.on select{background-color:var(--navy);color:var(--white);border-color:var(--navy);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2303e5f9' stroke-width='2.4'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.lf-table{background:var(--white);border:1px solid var(--border);border-radius:24px;overflow:hidden}.lf-tr{border-top:1px solid var(--border);color:var(--ink);grid-template-columns:minmax(240px,2.2fr) minmax(160px,1.6fr) 150px 120px 150px 150px;align-items:center;gap:14px;padding:14px 22px;text-decoration:none;display:grid}a.lf-tr:hover{background:#f3f9fd}a.lf-tr:hover .lf-who-t b{text-decoration:underline}.lf-th{background:var(--surface);letter-spacing:1.6px;text-transform:uppercase;color:var(--ink-body);border-top:0;padding-top:12px;padding-bottom:12px;font-size:11px;font-weight:600}.lf-who{align-items:center;gap:12px;min-width:0;display:flex}.lf-av{background:var(--navy);width:44px;height:44px;color:var(--white);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid;overflow:hidden}.lf-av img{object-fit:cover;width:100%;height:100%}.lf-who-t{flex-direction:column;min-width:0;display:flex}.lf-who-t b,.lf-who-t small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lf-who-t small,.lf-subj small,.lf-filecell small{color:var(--ink-body);font-size:12px}.lf-subj{flex-direction:column;min-width:0;font-size:14px;display:flex}.lf-iv{font-size:14px}.lf-filecell{align-items:center;gap:8px;display:flex}.lf-empty{color:var(--grey-blue)}@media (width<=1100px){.lf-th{display:none}.lf-tr{grid-template-columns:1fr auto;row-gap:8px}.lf-tr>:nth-child(n+2){grid-column:1/-1}.lf-tr>:nth-child(3),.lf-tr>:nth-child(4),.lf-tr>:nth-child(6){grid-column:auto;display:inline-flex}}.lf{flex-direction:column;gap:20px;display:flex}.lf-hero{background:radial-gradient(120% 140% at 100% 0%, #1d4a63 0%, var(--navy) 46%, var(--navy-deep) 100%);color:var(--white);border-radius:30px;flex-wrap:wrap;align-items:center;gap:28px;padding:clamp(22px,3vw,36px);display:flex;position:relative;overflow:hidden;box-shadow:0 24px 48px #13243a2e}.lf-hero:after{content:"";pointer-events:none;border:1px solid #03e5f92e;border-radius:50%;width:380px;height:380px;position:absolute;top:-120px;right:-120px;box-shadow:0 0 0 60px #03e5f908}.lf-hero .lf-eyebrow{color:var(--cyan-bright)}.lf-hero-photo{width:128px;height:150px;color:var(--white);background:#ffffff14;border:2px solid #03e5f98c;border-radius:24px;flex:none;place-items:center;font-size:36px;font-weight:800;display:grid;overflow:hidden}.lf-hero-photo img{object-fit:cover;width:100%;height:100%}.lf-hero-photo.sm{background:var(--navy);width:96px;height:112px;font-size:26px}.lf-hero-main{flex-direction:column;flex:999 320px;gap:8px;min-width:0;display:flex}.lf-hero h1{letter-spacing:-.8px;color:var(--white);font-size:clamp(26px,3vw,38px);font-weight:800;line-height:1.1}.lf-ar{color:var(--grey-blue);font-family:Tajawal,Poppins,sans-serif;font-size:18px}.lf-sub{color:var(--grey-blue)}.lf-chips{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.lf-hero .pill.idle{color:var(--grey-blue);border-color:var(--line-dark);background:0 0}.lf-hero .pill.wait{color:var(--white);border-color:var(--line-dark);background:#ffffff14}.lf-hero .pill.done{background:var(--white);color:var(--navy)}.lf-hero-side{z-index:1;flex-direction:column;flex:220px;align-items:flex-end;gap:14px;display:flex;position:relative}.lf-meter{--pct:0;text-align:center;background:radial-gradient(closest-side, var(--navy-deep) 78%, transparent 80% 100%), conic-gradient(var(--cyan) calc(var(--pct) * 1%), #ffffff1f 0);border-radius:50%;place-content:center;width:96px;height:96px;display:grid}.lf-meter b{font-size:22px;font-weight:800;line-height:1}.lf-meter small{letter-spacing:1.4px;text-transform:uppercase;color:var(--grey-blue);font-size:10px}.lf-admin-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.lf-missing{background:var(--mist);border:1px solid var(--grey-blue);border-radius:16px;align-items:flex-start;gap:10px;padding:12px 16px;font-size:14px;display:flex}.lf-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));align-items:start;gap:20px;display:grid}.lf-card{background:var(--white);border:1px solid var(--border);border-radius:24px;flex-direction:column;gap:16px;padding:24px 26px;display:flex;box-shadow:0 6px 18px #13243a0a}.lf-card h2{align-items:center;gap:10px;font-size:19px;font-weight:700;display:flex}.lf-card h2:before{content:"";background:var(--cyan);border-radius:3px;width:4px;height:20px}.lf-dl{grid-template-columns:1fr 1fr;gap:14px 22px;margin:0;display:grid}.lf-row{min-width:0}.lf-row.wide{grid-column:1/-1}.lf-row dt{letter-spacing:.4px;color:var(--ink-body);align-items:center;gap:8px;margin-bottom:3px;font-size:12px;font-weight:600;display:flex}.lf-row dd{overflow-wrap:anywhere;margin:0;font-size:15px;font-weight:500;line-height:1.55}.lf-ver{color:var(--navy);background:var(--mist);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:600}.lf-quals{margin:0;padding-left:18px}.lf-wc{color:var(--ink-body);font-size:12px}.lf-wc.warn{color:#9a5b00;font-weight:600}.lf-consent{color:var(--ink-body);border-top:1px dashed var(--border);padding-top:12px;font-size:13px}.lf-status{background:linear-gradient(#fff 0%,#f3f9fd 100%)}.lf-subjects{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.lf-subjects li{background:var(--surface);border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;display:flex}.lf-subjects .nm{flex:160px;font-weight:600}.lf-subjects small{color:var(--ink-body);font-weight:400}.lf-form{flex-direction:column;gap:20px;display:flex}.lf-fields{grid-template-columns:1fr 1fr;gap:16px 20px;display:grid}.lf-field{flex-direction:column;gap:6px;min-width:0;display:flex}.lf-field.wide{grid-column:1/-1}.lf-label{justify-content:space-between;align-items:center;gap:10px;display:flex}.lf-label>label:first-child{font-size:13px;font-weight:600}.lf-form .input,.lf .input{border:1px solid var(--grey-blue);background:var(--white);border-radius:14px;width:100%;min-height:46px;padding:10px 14px}.lf-form textarea.input{resize:vertical;line-height:1.55}.lf-form .input:focus{border-color:var(--navy);outline-offset:0;outline:3px solid #03e5f973}.lf-form .input[readonly]{background:var(--surface);color:var(--ink-body)}.lf-check{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:inline-flex}.lf-check.sm{color:var(--ink-body);font-size:12px}.lf-check input{width:18px;height:18px;accent-color:var(--navy)}.lf-consent-edit{border-top:1px dashed var(--border);padding-top:14px}.lf-langs{flex-wrap:wrap;gap:8px;display:flex}.lf-tag{border:1px solid var(--grey-blue);cursor:pointer;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:500}.lf-tag.on{background:var(--navy);border-color:var(--navy);color:var(--white)}.lf-tag:focus-within{outline:3px solid var(--cyan);outline-offset:2px}.lf-quals-edit{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.lf-qrow{grid-template-columns:1fr 1.4fr 90px auto;align-items:center;gap:8px;width:100%;display:grid}.lf-photo-edit{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.lf-wrow{grid-template-columns:1.2fr 1.4fr auto auto}.lf-orow{grid-template-columns:1.3fr 1.2fr 170px auto}.lf-srow{grid-template-columns:1.5fr 200px}.lf-toggle-block{background:var(--surface);border-radius:16px;flex-direction:column;gap:10px;padding:14px;display:flex}.lf-q{font-size:14px;font-weight:600}@media (width<=680px){.lf-orow,.lf-srow{grid-template-columns:1fr}}.lf-tag.locked{cursor:default;opacity:.75}.lf-subjects-card .card-head{justify-content:space-between;align-items:center;display:flex}.lf-picker{border:1px solid var(--border);background:var(--surface);border-radius:18px;flex-direction:column;gap:14px;padding:14px;display:flex}.lf-picker .lf-search{background:var(--white);border:1px solid var(--grey-blue);flex:none}.lf-picker-list{flex-direction:column;gap:14px;max-height:360px;padding:2px;display:flex;overflow:auto}.lf-picker fieldset{border:0;flex-direction:column;gap:8px;margin:0;padding:0;display:flex}.lf-picker legend{letter-spacing:1.6px;text-transform:uppercase;color:var(--ink-body);margin-bottom:6px;font-size:11px;font-weight:600}.lf-picker .lf-tag{background:var(--white)}.lf-picker .lf-tag.on{background:var(--navy)}.lf-sugg{border-top:1px dashed var(--border);flex-direction:column;gap:10px;padding-top:14px;display:flex}.lf-sugg h3{font-size:14px;font-weight:600}.lf-suggest{grid-template-columns:1fr;gap:8px;display:grid}.lf-suggest .btn{justify-self:start}@media (width<=680px){.lf-wrow,.lf-suggest{grid-template-columns:1fr}}.lf-actions{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);background:#fefefef0;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;bottom:12px;box-shadow:0 12px 30px #13243a1f}.lf-actions .inline{margin-left:auto}@media (width<=680px){.lf-dl,.lf-fields{grid-template-columns:1fr}.lf-qrow{grid-template-columns:1fr 1fr}.lf-hero-side{align-items:flex-start}}[dir=rtl] .lf-hero-side,[dir=rtl] .lf-admin-actions{align-items:flex-start}[dir=rtl] .lf-sel select{background-position:14px;padding:0 16px 0 36px}[dir=rtl] .lf-actions .inline{margin-left:0;margin-right:auto}[dir=rtl] .lf-stat{text-align:right}.lf-picker-tree{max-height:460px}.lf-picker-tree fieldset{gap:6px}.lf-sci{background:var(--white);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:8px;padding:8px 10px;display:flex}.lf-sci.open{border-color:var(--grey-blue)}.lf-sci-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.lf-sci-head .linkbtn{font-size:13px}.lf-idlist{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.lf-idlist li{border:1px solid var(--border);border-radius:16px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;display:flex}.lf-id-t{flex-direction:column;flex:1;gap:2px;min-width:180px;display:flex}.lf-id-t b{font-size:15px}.lf-id-t small{font-size:12px}.lf-roletabs{flex-wrap:wrap;gap:8px;display:flex}.lf-roletab{border:1px solid var(--border);background:var(--white);color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font:600 14px Poppins,system-ui,sans-serif;display:inline-flex}.lf-roletab b{background:var(--surface);border-radius:999px;padding:2px 8px;font-size:12px}.lf-roletab.on{background:var(--navy);border-color:var(--navy);color:var(--white)}.lf-roletab.on b{background:var(--cyan);color:var(--navy)}.lf-roletab:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.lf-rolepill{border:1px solid var(--border);color:var(--ink-body);border-radius:999px;align-self:flex-start;margin-top:4px;padding:2px 9px;font-size:11px;font-weight:600}.lf-rolepill.r-media{border-color:var(--cyan);color:var(--ink);background:#12f9fd1f}.lf-rolepill.r-both{background:var(--navy);border-color:var(--navy);color:var(--white)}.ag-gen{border-top:1px solid var(--border);flex-direction:column;gap:12px;padding-top:14px;display:flex}.ag-frame{border:1px solid var(--border);background:#fff;border-radius:14px;width:100%;height:640px}.ag-tabs{flex-wrap:wrap;gap:8px;display:flex}.ag-tpl summary{cursor:pointer;font-size:14px;font-weight:600}
