/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ease-out:cubic-bezier(0, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border\!{border-style:var(--tw-border-style)!important;border-width:1px!important}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}*{box-sizing:border-box}body{color:#24456e;background:#f5f8fe;margin:0;font-family:DM Sans,sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:inherit;text-decoration:none}button{color:inherit;background:0 0;border:0}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #4b91f7}input:focus,textarea:focus,select:focus{border-color:#0000;outline:2px solid #4b91f7}h1,h2,h3,p{margin:0}.app{min-height:100vh;display:flex}aside{background:#fff;border-right:1px solid #e3eaf5;flex-direction:column;flex-shrink:0;width:252px;padding:34px 22px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;margin:0 7px 34px;display:flex}.brand>div{color:#fff;background:#3d82e7;border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.brand>span{letter-spacing:-1px;font-family:Manrope;font-size:23px;font-weight:800}.brand small{letter-spacing:1.5px;color:#8a9690;margin-top:4px;font-family:DM Sans;font-size:8px;display:block}.workspace{border:1px solid #e7ece8;border-radius:9px;align-items:center;gap:10px;margin-bottom:33px;padding:12px 9px;display:flex}.workspace-icon{background:#edf2ee;border-radius:7px;padding:10px 7px;font-size:12px;font-weight:700}.workspace>span{flex:1;font-size:12px;font-weight:600}.workspace small{color:#929b96;margin-top:4px;font-size:11px;font-weight:400;display:block}.nav-label{letter-spacing:1.5px;color:#9ca59f;margin:0 14px 13px;font-size:10px}nav button{color:#727e76;text-align:left;border-radius:8px;align-items:center;gap:12px;width:100%;margin-bottom:5px;padding:13px 14px;font-size:13px;display:flex}nav button.active{color:#14775c;background:#e9f4ef;font-weight:650}nav button.active:before{content:"";background:#13765b;border-radius:2px;width:3px;height:25px;position:absolute;left:0}nav button:hover{background:#f1f5f2}.nav-count{background:#edf0ee;border-radius:5px;margin-left:auto;padding:2px 6px;font-size:11px}.sidebar-bottom{margin-top:auto;padding-top:40px}.help-card{background:linear-gradient(130deg,#f4f8f5,#eaf4ee);border:1px solid #e5ece7;border-radius:10px;margin-bottom:23px;padding:18px 16px}.help-icon{color:#238268;gap:9px;margin-bottom:13px;display:flex}.help-card b{font-size:13px}.help-card p{color:#87968d;margin:6px 0 13px;font-size:12px;line-height:1.7}.help-card button{color:#16735a;align-items:center;gap:25px;font-size:12px;font-weight:600;display:flex}.settings-nav{color:#7b887f;align-items:center;gap:12px;margin-bottom:17px;padding:11px 13px;font-size:13px;display:flex}.profile{border-top:1px solid #edf0ee;align-items:center;gap:10px;padding-top:20px;display:flex}.avatar{color:#69816b;background:#edf1e9;border-radius:50%;place-items:center;width:35px;height:35px;font-size:12px;font-weight:600;display:grid}.profile span{flex:1;font-size:12px}.profile small{color:#8c9890;margin-top:4px;font-size:10px;display:block}.profile a{color:#93a097}.main{flex:1;min-width:0;margin-left:252px}header{background:#fff;border-bottom:1px solid #e5eae6;justify-content:space-between;align-items:center;height:76px;padding:0 38px;display:flex}.breadcrumb{color:#8b9690;gap:16px;font-size:12px;display:flex}.breadcrumb b{color:#4e5b52;font-weight:500}.header-right{align-items:center;gap:24px;display:flex}.timezone{color:#89958d;align-items:center;gap:7px;font-size:11px;display:flex}.small{width:31px;height:31px;font-size:10px}main{max-width:1450px;margin:auto;padding:34px 38px 0}.page-heading{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.eyebrow{letter-spacing:1.6px;color:#85978b;margin-bottom:9px;font-size:10px;font-weight:600}h1{letter-spacing:-1px;font-family:Manrope;font-size:30px;font-weight:750;line-height:1.4}.page-heading p{color:#87938b;margin-top:6px;font-size:13px}.button{border-radius:7px;justify-content:center;align-items:center;gap:9px;padding:11px 16px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.button:hover{transform:translateY(-1px);box-shadow:0 3px 9px #163c3012}.white{background:#fff;border:1px solid #dfe6e0}.primary,.publish{color:#fff;background:#11765b}.screen-status{background:#fff;border:1px solid #e4eae5;border-radius:10px;align-items:center;gap:13px;margin-bottom:27px;padding:17px 19px;display:flex}.device-icon{color:#58705f;background:#f7f9f7;border:1px solid #e8ece8;border-radius:9px;place-items:center;width:44px;height:44px;display:grid}.screen-status b{align-items:center;gap:12px;font-size:13px;font-weight:600;display:flex}.status-pill{color:#218257;background:#eaf6ef;border-radius:5px;align-items:center;gap:5px;padding:4px 7px;font-size:10px;display:inline-flex}.status-pill i,.preview-toolbar i{background:#35a86d;border-radius:50%;width:5px;height:5px}.status-pill.offline{color:#9b814b;background:#f3f1e9}.status-pill.offline i{background:#b99c67}.screen-status p{color:#8b9790;margin-top:6px;font-size:11px}.screen-status p span{color:#c0c8c2;margin:0 7px}.status-right{color:#a0aaa3;align-items:center;gap:22px;margin-left:auto;font-size:11px;display:flex}.icon-button{color:#92a094;border-radius:5px;place-items:center;padding:6px;display:grid}.icon-button:hover{background:#eff3ef}.overview-grid{grid-template-columns:minmax(0,1.5fr) minmax(330px,1fr);align-items:start;gap:26px;display:grid}.section-heading{justify-content:space-between;align-items:center;height:24px;margin-bottom:15px;display:flex}h2{letter-spacing:-.3px;font-family:Manrope;font-size:15px;font-weight:750}.text-button{color:#6e8375;align-items:center;gap:6px;font-size:11px;font-weight:500;display:inline-flex}.preview-card{background:#fff;border:1px solid #dfe6df;border-radius:10px;padding:12px;box-shadow:0 4px 12px #2f493306}.preview-toolbar{color:#87978c;letter-spacing:1px;justify-content:space-between;align-items:center;height:27px;padding:0 4px 12px;font-size:8px;font-weight:600;display:flex}.preview-toolbar>span:first-child{align-items:center;gap:6px;display:flex}.divider{color:#c8d0c9;margin:0 8px}.screen{aspect-ratio:16/9;border-radius:4px;width:100%;font-size:1cqw;transition:background .5s,color .5s;position:relative;overflow:hidden;container-type:inline-size}.screen-top{justify-content:space-between;align-items:center;display:flex;position:absolute;top:7%;left:6%;right:6%}.school{align-items:center;gap:1cqw;display:flex}.school>svg{stroke-width:1.4px;width:3.2cqw;height:3.2cqw}.school>img{object-fit:contain;width:4cqw;height:4cqw}.school>span{letter-spacing:.12cqw;font-size:1.3cqw;font-weight:800}.school small{letter-spacing:.18cqw;margin-top:.35cqw;font-size:.56cqw;font-weight:500;display:block}.screen-date{text-align:right;font-size:1.2cqw}.screen-date b{margin-bottom:.35cqw;font-size:1.4cqw;display:block}.screen-date span{opacity:.65}.screen-copy{flex-direction:column;transition:all .35s;display:flex;position:absolute}.screen-badge{letter-spacing:.14cqw;align-items:center;gap:.7cqw;font-size:1.05cqw;font-weight:750;display:flex}.screen-badge span{background:currentColor;border-radius:50%;width:.5cqw;height:.5cqw}.screen h1{letter-spacing:-.19cqw;max-width:95%;font-family:inherit;font-size:4.7cqw;font-weight:800;line-height:1.12}.screen h3{margin-top:.4cqw;font-size:1.25cqw;font-weight:700;line-height:1.4}.screen p{white-space:pre-line;opacity:.7;max-width:90%;margin-top:.3cqw;font-size:1.32cqw;line-height:1.9}.screen-image{filter:brightness(.88);transition:all .45s;position:absolute;box-shadow:0 .6cqw 1.8cqw #14382a0d}.screen-footer{border-top:1px solid #143b331c;justify-content:space-between;align-items:center;padding-top:1.8cqw;font-size:.9cqw;display:flex;position:absolute;bottom:6%;left:6%;right:6%}.screen-footer>span{opacity:.65}.screen-footer b{align-items:center;gap:.9cqw;font-size:1.4cqw;display:flex}.screen-footer small{letter-spacing:.1cqw;opacity:.65;font-size:.6cqw;font-weight:500}.qr{width:7cqw}.secondary{object-fit:cover;width:11%;height:18%;position:absolute;bottom:16%;right:7%}.preview-bottom{color:#9da99f;justify-content:space-between;align-items:center;padding:14px 5px 3px;font-size:10px;display:flex}.preview-bottom>span{align-items:center;gap:6px;display:flex}.preview-bottom button{font-size:10px}.design-note{color:#7c9a7c;background:#f0f5ef;border:1px solid #e7ece6;border-radius:8px;align-items:center;gap:11px;margin-top:16px;padding:15px;display:flex}.design-note>div{background:#e5efe1;border-radius:7px;place-items:center;width:32px;height:32px;display:grid}.design-note b{color:#657d64;font-size:11px;font-weight:600}.design-note p{color:#8d9d89;margin-top:4px;font-size:10px}.topics-heading{margin-top:29px;margin-bottom:13px}.quick-topics{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.quick-topics>button{text-align:left;background:#fff;border:1px solid #e2e9e2;border-radius:9px;padding:15px 13px;transition:all .2s}.quick-topics>button:hover{border-color:#68a88d;transform:translateY(-2px)}.topic-icon{border-radius:8px;place-items:center;width:35px;height:35px;margin-bottom:13px;display:grid}.mint{color:#5d8c71;background:#eaf4ec}.blue{color:#7a91bb;background:#edf2f9}.peach{color:#ba9677;background:#fbf1e9}.yellow{color:#b6a14e;background:#fcf6df}.quick-topics b{white-space:nowrap;font-size:11px;display:block}.quick-topics>button>span{color:#a3ada5;justify-content:space-between;align-items:center;margin-top:10px;font-size:10px;display:flex}.editor-card{background:#fff;border:1px solid #e0e7e1;border-radius:11px;box-shadow:0 4px 15px #26443105}.editor-title{border-bottom:1px solid #eef1ed;justify-content:space-between;align-items:flex-start;padding:21px 22px 19px;display:flex}.editor-title p{color:#929c94;margin-top:5px;font-size:11px}.edit-tag{color:#8a9982;white-space:nowrap;background:#f2f5ef;border:1px solid #e8ede5;border-radius:4px;padding:4px 7px;font-size:9px}.editor-fields{padding:19px 22px 0}label{color:#57665b;margin-bottom:17px;font-size:11px;font-weight:600;display:block}label>span{justify-content:space-between;display:flex}label small{color:#a8b1aa;font-size:9px;font-weight:400}input,textarea,select{color:#536159;background:#fff;border:1px solid #e2e7e1;border-radius:6px;width:100%;margin-top:7px;padding:10px 11px;font-size:12px;line-height:1.55;display:block}textarea{resize:vertical;min-height:86px}.field-hint{color:#a2ada3;margin-top:7px;font-size:9px;font-weight:400}.date-control{border-bottom:1px solid #edf0ec;justify-content:space-between;align-items:center;margin:0 0 17px;padding:1px 0 18px;display:flex}.date-control>div{color:#93a28f;align-items:center;gap:9px;display:flex}.date-control span{color:#677962;font-size:10px;font-weight:500}.date-control small{color:#a3afa0;margin-top:4px;font-size:9px;display:block}.toggle{background:#ccd5ce;border-radius:20px;flex-shrink:0;align-items:center;width:30px;height:17px;padding:2px;display:flex}.toggle i{background:#fff;border-radius:50%;width:13px;height:13px;transition:all .2s;box-shadow:0 1px 3px #0002}.toggle.on{background:#178468}.toggle.on i{transform:translate(13px)}.image-label{color:#687669;justify-content:space-between;margin-bottom:9px;font-size:11px;font-weight:600;display:flex}.image-label span{color:#a7b1a6;font-size:8px;font-weight:400}.image-control{border:1px solid #e7ebe3;border-radius:7px;align-items:center;gap:11px;padding:8px;display:flex}.image-control>img{object-fit:cover;border-radius:4px;width:57px;height:51px}.image-control>div{flex:1;min-width:0}.image-control b{font-size:10px;font-weight:500;display:block}.image-control span{color:#a1ab9a;margin:4px 0;font-size:8px;display:block}.image-control .text-button{color:#5d8d6f;font-size:9px}.optional-button{color:#8d9c88;align-items:center;gap:7px;width:100%;padding:17px 0;font-size:10px;display:flex}.optional-button svg:last-child{margin-left:auto}.publish-area{border-top:1px solid #edf0e9;padding:17px 22px 16px}.publish{width:100%;padding:13px;font-size:12px;box-shadow:0 3px 5px #106d5315}.publish-area>div{color:#a5b09f;justify-content:space-between;align-items:center;margin-top:12px;font-size:9px;display:flex}.publish-area>div>button{color:#7b8a73;font-size:10px}.publish-area>div>span{align-items:center;gap:4px;display:flex}.bottom-note{color:#9eaba0;align-items:center;gap:6px;padding:26px 0 21px;font-size:10px;display:flex}.bottom-note>span{margin-left:auto;font-size:9px}.app-footer{color:#acb6ab;border-top:1px solid #e6ebe5;justify-content:space-between;margin-top:4px;padding:19px 38px;font-size:9px;display:flex}.app-footer>span:first-child{font-weight:600}.collection-card{background:#fff;border:1px solid #e4eae4;border-radius:12px;min-height:330px;padding:24px}.list-row{border-bottom:1px solid #edf1ed;align-items:center;gap:15px;padding:20px 0;display:flex}.list-row>span{flex:1}.list-row b{font-size:14px;display:block}.list-row small{color:#8c9b8f;margin-top:6px;font-size:12px;display:block}.list-icon{color:#78997c;background:#eef5ef;border-radius:9px;padding:11px}.empty{text-align:center;color:#78957e;padding:60px 15px}.empty>svg{margin-bottom:20px}.empty h3{color:#3b5542;font-size:18px}.empty p{color:#8b9a8f;margin:10px 0 23px}.preset-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.preset-card{background:#fff;border:1px solid #e0e8e0;border-radius:12px;overflow:hidden}.preset-body{padding:20px}.preset-body h3{font-size:17px}.preset-body p{color:#93a094;margin:8px 0 20px;font-size:12px}.preset-body>.button{width:100%}.preset-actions{color:#839582;justify-content:space-between;margin-top:16px;font-size:11px;display:flex}.preset-actions button{align-items:center;gap:4px;display:flex}.template-grid{grid-template-columns:1.6fr 1fr;gap:26px;display:grid}.template-canvas{touch-action:none;cursor:move;border:2px dashed #8eb39a;border-radius:7px}.template-tip{color:#829986;margin:15px 0 22px;font-size:12px}.template-controls{padding:24px}.template-controls h2{margin-bottom:22px}.template-controls label{font-size:12px}.template-controls input[type=color]{height:38px;padding:3px}.template-controls input[type=range]{accent-color:#11765b;padding:0}.toast{color:#fff;z-index:100;background:#173d2e;border-radius:9px;align-items:center;gap:10px;max-width:90%;padding:16px 22px;font-size:13px;animation:.25s appear;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #0002}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#10291e70;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.modal{background:#fff;border-radius:16px;width:440px;max-width:100%;max-height:92vh;padding:34px;position:relative;overflow:auto;box-shadow:0 20px 90px #001a1640}.modal.wide{width:1000px}.modal h2{margin-bottom:12px;font-size:23px}.modal>p{color:#87958b;margin-bottom:24px;font-size:14px;line-height:1.7}.modal label{font-size:14px}.modal input,.modal select{font-size:16px}.modal>.button{width:100%;margin-top:12px}.modal-close{position:absolute;top:14px;right:14px}.modal-symbol{color:#227759;background:#ecf5ef;border-radius:12px;place-items:center;width:50px;height:50px;margin-bottom:22px;display:grid}.option-row{border-bottom:1px solid #edf1ed;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 0;font-size:14px;display:flex}.option-row .toggle{width:38px;height:22px}.option-row .toggle i{width:18px;height:18px}.option-row .toggle.on i{transform:translate(16px)}.schedule-subject{background:#f4f8f3;border:1px solid #e3ece4;border-radius:7px;margin-bottom:22px;padding:14px}.modal ol{color:#728476;padding-left:20px;font-size:15px;line-height:1.8}.modal li{margin-bottom:12px}.spin{animation:1s linear infinite spin}.tv{background:#111;place-items:center;width:100vw;height:100dvh;display:grid;overflow:hidden}.tv .screen{border-radius:0;width:min(100vw,177.777dvh);height:auto;font-size:1cqw}.pair-overlay{color:#254f3d;text-align:center;background:#fffef5f5;border-radius:12px;padding:25px 32px;position:fixed;bottom:4%;right:3%;box-shadow:0 10px 50px #0002}.pair-overlay h2{margin:10px 0;font-size:24px}.pair-overlay p{font-size:14px;line-height:1.7}.pair-code{letter-spacing:8px;margin:17px 0;font-size:40px;font-weight:700}.pair-overlay small{color:#8a9a8e}.tv-settings{color:#254f3d;z-index:10;background:#fff;border-radius:10px;gap:15px;padding:20px;display:grid;position:fixed;top:20px;right:20px}.tv-settings button{border:1px solid #ccc;border-radius:6px;padding:10px}@keyframes appear{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1500px){main{padding-top:44px}.overview-grid{grid-template-columns:minmax(0,1.55fr) minmax(390px,1fr)}.screen-status{margin-bottom:35px}.quick-topics>button{padding:22px}.editor-fields{padding-top:24px}label{margin-bottom:22px}.screen{min-width:0}}@media(max-width:1150px){aside{width:220px;padding-left:16px;padding-right:16px}.main{margin-left:220px}main{padding:28px 24px 0}header{padding:0 24px}.overview-grid{grid-template-columns:minmax(0,1.3fr) minmax(310px,1fr);gap:18px}.quick-topics{gap:7px}.quick-topics>button{padding:13px 9px}.quick-topics b{font-size:10px}.bottom-note>span{display:none}.status-right{gap:8px}.status-right>span{font-size:9px}.editor-title,.editor-fields,.publish-area{padding-left:17px;padding-right:17px}.brand{margin-left:4px}.brand>span{font-size:21px}.preset-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){aside{width:190px}.main{margin-left:190px}.brand{gap:7px}.brand>span{font-size:18px}.brand>div{width:35px;height:35px}.brand small{font-size:6px}.workspace{gap:6px}.workspace>span{font-size:10px}.overview-grid{grid-template-columns:1fr}.quick-topics{margin-bottom:22px}.quick-topics b{font-size:13px}.screen-status .status-right>span{display:none}.template-grid{grid-template-columns:1fr}.page-heading h1{font-size:25px}}@media(max-width:650px){aside{border:0;border-bottom:1px solid #e2eae3;width:100%;padding:18px 18px 10px;position:static}.app{display:block}.brand{margin:0}.brand>span{font-size:22px}.brand>div{width:39px;height:39px}.brand small{font-size:7px}.workspace,.nav-label,.sidebar-bottom{display:none}nav{gap:3px;margin-top:17px;display:flex;overflow:auto}nav button{white-space:nowrap;gap:6px;width:auto;margin-bottom:0;padding:10px 11px;font-size:12px}nav button svg{width:16px}nav button.active:before{display:none}.main{margin:0}header{display:none}main{padding:24px 18px 0}.page-heading{align-items:flex-start;gap:6px;margin-bottom:24px}.page-heading h1{font-size:25px}.page-heading p{max-width:240px;font-size:12px;line-height:1.6}.eyebrow{letter-spacing:1.3px;font-size:8px}.page-heading>.button{white-space:nowrap;margin-top:21px;padding:9px;font-size:11px}.screen-status{gap:9px;margin-bottom:24px;padding:14px 12px}.screen-status b{gap:6px;font-size:12px}.screen-status p{font-size:9px}.status-pill{font-size:8px}.device-icon{width:36px;height:36px}.status-right{gap:0}.overview-grid{gap:8px}.section-heading h2{font-size:15px}.preview-card{padding:8px}.preview-toolbar{font-size:7px}.quick-topics b{white-space:normal;font-size:10px}.quick-topics>button{padding:13px 10px}.quick-topics>button>span{font-size:9px}.design-note b{font-size:11px}.design-note p{font-size:10px;line-height:1.5}.editor-title,.editor-fields,.publish-area{padding-left:20px;padding-right:20px}.editor-title h2{font-size:18px}.editor-title p{font-size:12px}.edit-tag{font-size:11px}label{margin-bottom:20px;font-size:14px}input,textarea,select{padding:12px;font-size:16px}.field-hint{font-size:11px;line-height:1.4}.date-control span{font-size:12px}.date-control small{font-size:11px}.date-control .toggle{width:38px;height:22px}.date-control .toggle i{width:18px;height:18px}.date-control .toggle.on i{transform:translate(16px)}.image-label{font-size:13px}.image-label span{font-size:10px}.image-control{padding:10px}.image-control b{font-size:12px}.image-control span{font-size:10px}.image-control .text-button{padding:5px 0;font-size:12px}.image-control>img{width:65px;height:65px}.optional-button{padding:20px 0;font-size:12px}.publish{padding:16px;font-size:15px}.publish-area>div{font-size:10px}.publish-area>div>button{padding:8px;font-size:12px}.bottom-note{align-items:flex-start;font-size:10px;line-height:1.6}.bottom-note svg{flex-shrink:0;margin-top:3px}.app-footer{padding:18px}.preset-grid{grid-template-columns:1fr}.collection-card{padding:18px}.collection-card .section-heading{gap:8px;height:auto}.collection-card .section-heading .button{padding:9px;font-size:10px}.list-row{gap:10px}.list-row b{font-size:12px}.list-row small{font-size:10px}.list-row .button{padding:9px;font-size:10px}.modal{padding:30px 23px}.modal-backdrop{padding:15px}.modal>p{font-size:13px}.template-controls label{font-size:14px}.template-controls input[type=range]{height:24px}.toast{width:max-content;font-size:12px}.empty h3{font-size:16px}.empty p{font-size:13px}}.login-page{background:radial-gradient(at top,#e3f1e8,#f6f8f5);place-items:center;min-height:100dvh;padding:22px;display:grid}.login-card{background:#fff;border:1px solid #e0e8e0;border-radius:20px;width:410px;max-width:100%;padding:40px;box-shadow:0 20px 70px #2b5d3810}.login-logo{color:#fff;background:#11765b;border-radius:15px;place-items:center;width:60px;height:60px;margin-bottom:22px;display:grid}.login-card>p{color:#8c9d8e;margin:10px 0 28px;font-size:14px;line-height:1.7}.login-card label{font-size:14px}.login-card input{font-size:16px}.login-card .button{width:100%;margin-top:12px;padding:14px;font-size:14px}.login-card small{color:#98a698;font-size:11px;line-height:1.7;display:block}.login-foot{text-align:center;color:#a2afa1;margin-top:26px;font-size:10px}.login-card .login-error{color:#a34040;margin:18px 0 0}[hidden]{display:none!important}@media(max-width:650px){.overview-grid{flex-direction:column;gap:26px;display:flex}.overview-grid>.editor-card{order:-1;width:100%}.overview-grid>.preview-section{width:100%}.quick-topics{margin-bottom:0}nav button{min-height:42px}.image-control .icon-button{min-width:36px;min-height:36px}}.screen-copy{animation:.45s ease-out screenfade}@keyframes screenfade{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}html{direction:rtl}body,button,input,textarea,select{font-family:Noto Sans Arabic,sans-serif}h1,h2,h3,.brand>span,.brand small{letter-spacing:0;font-family:Noto Sans Arabic,sans-serif}aside{border-left:1px solid #e3eaf5;border-right:0;inset:0 0 0 auto}.main{margin-left:0;margin-right:252px}nav button{text-align:right}nav button.active:before{left:auto;right:0}.nav-count,.status-right{margin-left:0;margin-right:auto}.brand small,.eyebrow,.nav-label,.preview-toolbar{letter-spacing:0}.brand>span{font-size:22px;font-weight:700}.brand>span>span{font-weight:500}.brand small{font-size:9px}.workspace>span{font-size:12px}.workspace small{font-size:10px}.brand{margin-left:0;margin-right:7px}.toggle{direction:ltr}.optional-button svg:last-child,.bottom-note>span{margin-left:0;margin-right:auto}.quick-topics>button{text-align:right}.screen{direction:rtl}.screen-date{text-align:left}.screen .school>span,.screen .school small,.screen-badge{letter-spacing:0}.screen .school>span{font-size:1.5cqw}.screen .school small{font-size:.72cqw}.screen h1{letter-spacing:0;font-weight:800;line-height:1.45}.screen h3{font-size:1.45cqw;line-height:1.7}.screen p{font-size:1.5cqw;line-height:1.9}.screen-footer small{letter-spacing:0;font-size:.8cqw}.screen-footer>span{font-size:1.05cqw}.screen-copy{padding-inline-end:1cqw}.screen-badge{font-size:1.25cqw}.school>svg{flex-shrink:0}input[type=date],input[inputmode=numeric],input[placeholder^=http],.timezone{direction:ltr}input[placeholder^=http]{text-align:left}.modal ol{padding-left:0;padding-right:20px}.modal-close{left:14px;right:auto}.modal>p{line-height:1.9}.profile span{font-size:12px}.profile small{font-size:10px}.school img{object-fit:contain}.editor-title p{line-height:1.8}.help-card p{line-height:1.9}.preview-toolbar{font-size:9px}.eyebrow,.screen-status p,.text-button{font-size:12px}.screen-status b{flex-wrap:wrap}.page-heading p{line-height:1.8}.quick-topics b{white-space:normal;line-height:1.8}.quick-topics>button>span{font-size:11px}.image-control b{font-size:12px}.image-control span{font-size:10px}.image-control .text-button{font-size:11px}.optional-button,label{font-size:12px}.publish-area>div>span{font-size:10px}.screen-copy .qr{align-self:flex-start}@media(max-width:1150px){.main{margin-left:0;margin-right:220px}.brand{margin-left:0;margin-right:4px}}@media(max-width:900px){.main{margin-left:0;margin-right:190px}.brand>span{font-size:19px}}@media(max-width:650px){aside{border-left:0;inset:auto}.main,.brand{margin:0}.brand>span{font-size:22px}.page-heading h1{font-size:27px}.page-heading p{max-width:250px}.page-heading>.button{white-space:normal;max-width:110px;font-size:10px}.preview-toolbar{font-size:8px}.screen-status p{font-size:10px}.screen-status b,.text-button{font-size:12px}.editor-title h2{font-size:19px}label{font-size:14px}.image-control b,.image-control .text-button{font-size:12px}.bottom-note,.quick-topics b{font-size:11px}nav button,.date-control span{font-size:12px}.date-control small{font-size:10px}.optional-button{font-size:12px}.publish-area>div{gap:5px}.publish-area>div>span{font-size:9px}}.admin-link-card{background:#f0f6f1;border:1px solid #dce8de;border-radius:10px;margin:18px 0 24px;padding:17px}.admin-link-card>b{font-size:14px}.admin-link-card input{text-align:left;direction:ltr;font-family:Arial,sans-serif;font-size:14px}.admin-link-card .button{width:100%;margin-top:10px;font-size:13px}.admin-link-card p{color:#7a8e80;margin-top:12px;font-size:12px;line-height:1.9}.loading-page{color:#11765b;place-items:center;min-height:100dvh;display:grid}.error-banner{color:#8a2c2c;background:#fde8e8;border:1px solid #f3c2c2;border-radius:12px;margin-bottom:18px;padding:14px 18px}.login-card label{color:#2b4a3c;margin-top:16px;font-weight:600;display:block}.login-card input{background:#fff;border:1px solid #d6e0d8;border-radius:10px;width:100%;margin-top:6px;padding:12px 14px;display:block}.login-card .button{justify-content:center;width:100%;margin-top:22px}.image-empty{background:#e3eaf5;border-radius:10px;width:64px;height:64px}.tv-pairing{color:#eef3ef;text-align:center;justify-items:center;gap:18px;padding:40px;font-family:Noto Sans Arabic,sans-serif;display:grid}.tv-pairing h1{font-size:34px;font-weight:700}.tv-pairing p{color:#b9c6bd;max-width:640px;font-size:20px}.tv-pairing small{color:#7f8f85;font-size:14px}.pair-code{letter-spacing:14px;color:#8fe3c0;background:#1d2a24;border:2px solid #2f4a3c;border-radius:20px;padding:18px 40px 18px 54px;font-family:Manrope,DM Sans,monospace;font-size:96px;font-weight:800}.device-list{margin-top:22px}.device-list>b{margin-bottom:6px;display:block}.device-list .list-row{padding:12px 0}.admin-link-card input{width:100%}.modal label small{color:#8a9690;margin-inline-start:6px;font-weight:400}.screen-date span{display:block}.screen-date .hijri{opacity:.85}.screen-switch{gap:8px;margin:0 0 16px;display:grid}.screen-switch select{background:#fff;border:1px solid #e7ece8;border-radius:10px;width:100%;padding:9px 10px;font-size:13px}.screen-list{gap:8px;margin:12px 0;display:grid}.screen-list .list-row{padding:10px 0}.screen-list input{border:1px solid #d6e0d8;border-radius:8px;flex:1;padding:8px 10px}.tv-settings button.danger{color:#a32d2d;border-color:#c54848}.tv-settings small{color:#7a3b3b;max-width:260px;line-height:1.5}.tv-settings button.danger.armed{color:#fff;background:#a32d2d;border-color:#a32d2d}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@font-face{font-family:SchoolArabic;src:url(/school_font.ttf) format("truetype");font-display:swap}.screen.screen-loop{background:#fff;color:#2b5389;border-radius:0;font-family:SchoolArabic,Noto Sans Arabic,sans-serif;isolation:isolate}.tv:has(.screen-loop){background:#fff}.tv .screen.screen-loop{width:100%;height:100%;aspect-ratio:auto}.screen-loop p{max-width:none;opacity:1}.screen-loop .native-loop,.screen-loop .native-artwork{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.screen-loop .native-logo{position:absolute;left:42.45%;top:36.1%;width:15.1%}.screen-loop .native-logo>svg{display:block;width:100%;height:100%}.screen-loop .native-custom-logo{position:absolute;left:42.45%;top:36.1%;width:15.1%;height:20%;object-fit:contain}.screen-loop .native-school-name{position:absolute;left:28%;right:28%;top:61.3%;text-align:center;font-size:2.45cqw;line-height:1.6;overflow-wrap:anywhere}.screen-loop .loop-clock-panel,.screen-loop .recognition-board,.screen-loop .loop-tech-card{position:absolute;border:1px solid #e3edff;background:#fffd;box-shadow:0 .6cqw 3cqw #4b91f708;border-radius:1.65cqw;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.screen-loop .loop-clock-panel{top:7%;left:6%;width:25%;padding:2cqw 2.4cqw;line-height:1.5;text-align:right}.screen-loop .loop-clock-panel>p{font-size:calc(.86cqw * var(--clock-text-scale, 1));color:#8299ba;margin:0}.screen-loop .animated-clock{display:flex;justify-content:center;font-family:Arial,sans-serif;font-size:calc(6cqw * var(--clock-text-scale, 1));font-weight:400;line-height:1.5;color:#3e7fe0;font-variant-numeric:tabular-nums;letter-spacing:-.15cqw;margin:.6cqw 0}.screen-loop .clock-digit{width:.58em;overflow:hidden}.screen-loop .clock-colon{width:.25em}.screen-loop .loop-date{margin:.4cqw 0 1.7cqw!important;font-size:calc(1cqw * var(--clock-text-scale, 1))!important}.screen-loop .loop-period{border-top:1px solid #e3edff;padding-top:1.25cqw}.screen-loop .loop-period small{font-size:calc(.8cqw * var(--clock-text-scale, 1));color:#8299ba}.screen-loop .loop-period h2{font-size:calc(2cqw * var(--clock-text-scale, 1));margin:.65cqw 0;font-weight:600;line-height:1.6}.screen-loop .loop-period p{font-size:calc(1.05cqw * var(--clock-text-scale, 1));margin:0;color:#8299ba;font-variant-numeric:tabular-nums;unicode-bidi:isolate}.soft-transition{display:inline-grid;vertical-align:baseline;isolation:isolate}.soft-transition>span{grid-area:1/1;white-space:pre-wrap}.soft-in{animation:soft-arrive .44s cubic-bezier(.22,.7,.24,1) both}.soft-out{animation:soft-depart .36s cubic-bezier(.4,0,.6,1) both;pointer-events:none}@keyframes soft-arrive{0%{opacity:0;transform:translateY(.22em);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes soft-depart{to{opacity:0;transform:translateY(-.2em);filter:blur(2px)}}.screen-loop .recognition-board{top:7%;right:6%;width:27%;padding:1.5cqw 1.8cqw;max-height:35%;overflow:hidden}.screen-loop .recognition-heading{display:flex;gap:.7cqw;align-items:center;margin-bottom:1cqw}.screen-loop .recognition-heading>div{flex:1;min-width:0}.screen-loop .recognition-heading>svg{width:1.7cqw;height:1.7cqw;color:#4b91f7;flex-shrink:0}.screen-loop .recognition-heading h2{font-size:calc(1.25cqw * var(--board-text-scale, 1));line-height:1.5;margin:0;overflow-wrap:anywhere}.screen-loop .recognition-heading p{font-size:calc(.8cqw * var(--board-text-scale, 1));margin:.2cqw 0 0;color:#8299ba;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.screen-loop .recognition-page{display:grid;gap:.75cqw;animation:soft-arrive .5s ease both}.screen-loop .recognition-student{display:flex;align-items:center;gap:.8cqw;min-width:0}.screen-loop .recognition-student>div{min-width:0;flex:1}.screen-loop .recognition-photo,.screen-loop .recognition-avatar{width:3.1cqw;height:3.1cqw;object-fit:contain;border-radius:.85cqw;flex-shrink:0;background:#f0f6ff}.screen-loop .recognition-avatar{display:grid;place-items:center;font-size:calc(1.3cqw * var(--board-text-scale, 1));color:#4b91f7}.screen-loop .recognition-student h3{font-size:calc(1.05cqw * var(--board-text-scale, 1));line-height:1.5;color:#2b5389;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-loop .recognition-student p{font-size:calc(.8cqw * var(--board-text-scale, 1));line-height:1.5;color:#8299ba;margin:.1cqw 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-loop .recognition-pages{display:block;text-align:left;font-family:Arial,sans-serif;font-size:calc(.65cqw * var(--board-text-scale, 1));color:#8299ba;margin-top:.5cqw}.screen-loop .loop-tech-card{left:30%;right:6%;bottom:5%;padding:1.1cqw 1.6cqw;text-align:right;box-shadow:none}.screen-loop .loop-tech-card>small{color:#8299ba;font-size:.8cqw}.screen-loop .loop-tech-card>p{font-size:1.65cqw;line-height:1.8;margin:.6cqw 0;overflow-wrap:anywhere}.screen-loop .loop-tech-card>footer{font-size:.7cqw;color:#8299ba;background:none;padding:0;display:block}.screen-loop .loop-tech-card a{color:inherit;text-decoration:none}.loop-admin-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,440px);gap:24px;align-items:start}.loop-admin-grid>*{min-width:0}.loop-preview-panel{position:sticky;top:24px}.loop-settings{padding:24px;display:flex;flex-direction:column;gap:16px;background:#fff;border:1px solid #e0e8f3;border-radius:20px}.loop-settings h2{font-size:19px;margin:0}.loop-settings label:not(.loop-checkbox){display:flex;flex-direction:column;gap:8px;font-size:14px;min-width:0}.loop-settings input:not([type=checkbox]),.loop-settings select{width:100%;min-height:48px;border:1px solid #dce5ef;border-radius:11px;padding:10px 12px;background:#fafcff;color:#2b5389;font:inherit;font-size:16px;min-width:0}.loop-settings input:focus,.loop-settings select:focus{outline:2px solid #a6c9fb;outline-offset:2px}.loop-settings .field-hint{font-size:12px;line-height:1.8;color:#7b8d9e;margin:-8px 0 0}.loop-checkbox{display:flex;align-items:center;gap:10px;font-size:14px;min-height:44px;cursor:pointer}.loop-checkbox input{accent-color:#4b91f7;width:20px;height:20px;flex-shrink:0}.loop-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e8eef5;padding-top:20px}.loop-help{display:flex;align-items:center;gap:12px;margin-top:18px;padding:18px;background:#f1f7ff;color:#5276a4;border-radius:14px;font-size:13px;line-height:1.8}.loop-help>svg{flex-shrink:0}.recognition-editor-list{display:grid;gap:14px}.student-editor{padding:16px;background:#f7faff;border:1px solid #e0eafb;border-radius:15px;display:grid;gap:12px}.student-editor-heading{display:flex;align-items:center;justify-content:space-between}.student-editor .icon-button{width:44px;height:44px;color:#8b6172;border-radius:10px}.student-photo-editor{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.student-photo-editor>img{width:56px;height:56px;object-fit:contain;background:#fff;border-radius:12px}.student-photo-editor .button{flex:1;font-size:12px;min-height:48px}.loop-settings .button{min-height:48px;white-space:normal}.loop-settings .button:disabled{opacity:.55;cursor:not-allowed}.loop-save{position:sticky;bottom:12px;z-index:1;box-shadow:0 6px 20px #4b91f724}.loop-info{background:#eef5ff;padding:12px;border-radius:12px;font-size:13px;color:#5276a4}.loop-validation{color:#a33b4a;font-size:13px}.loop-timetable summary{cursor:pointer;min-height:44px;padding-top:10px;font-size:14px}.loop-timetable>.field-hint{margin:12px 0}.loop-period-row{border-top:1px solid #e8eef5;padding:14px 0;display:grid;gap:12px}.loop-period-row>b{font-size:calc(13px * var(--clock-text-scale, 1))}.loop-period-row>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.loop-time-field{display:flex;align-items:center;gap:2px;border:1px solid #dce5ef;border-radius:11px;background:#fafcff;padding:2px;unicode-bidi:isolate;font-family:Arial,sans-serif}.loop-settings .loop-time-field select{flex:1;min-width:0;min-height:44px;border:0;padding:6px 2px;text-align:center;text-align-last:center;direction:ltr;font-family:Arial,sans-serif;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.loop-time-field>span{font-size:18px}.loop-shortcut{width:100%;margin:12px 0}@media(max-width:1100px){.loop-admin-grid{grid-template-columns:1fr}.loop-preview-panel{position:static}.loop-settings{max-width:none}}@media(max-width:650px){.loop-settings{padding:18px;gap:18px}.loop-admin-grid{gap:18px}.loop-section-heading{flex-wrap:wrap}.loop-preview-panel .preview-card{padding:0}.student-editor{padding:12px}.app>aside nav button{min-height:44px}.loop-settings .loop-save{bottom:calc(12px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.soft-in,.soft-out,.screen-loop .recognition-page{animation:none!important}.soft-out{display:none}.screen-loop *{scroll-behavior:auto}}.screen-loop .native-brand-pair{position:absolute;left:34%;top:35%;width:32%;height:21%;display:flex;align-items:center;justify-content:center;gap:1.25cqw}.screen-loop .native-brand-pair img{display:block;min-width:0;object-fit:contain;height:100%}.screen-loop .native-brand-pair .ministry-brand{width:28%}.screen-loop .native-brand-pair .tuwaiq-brand{width:62%}.screen-loop .native-brand-divider{height:58%;width:1px;min-width:1px;background:#c7d6ec}.template-editor{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr);gap:25px;align-items:start}.template-preview{position:sticky;top:18px}.template-preview .button-row>*{flex:initial}.touch-canvas{position:relative;overflow:hidden;border-radius:10px}.touch-canvas.drag-enabled{touch-action:none}.element-box{position:absolute;border:1px dashed #57a28a;touch-action:none;cursor:move;background:#44b18d10}.element-box.selected{border:2px solid #3d82e7}.element-box>span{position:absolute;top:0;right:0;font-size:8px;background:#3d82e7;color:#fff;padding:2px 5px;pointer-events:none}.element-box>button{position:absolute;left:-15px;bottom:-15px;min-width:38px;min-height:38px;width:38px;height:38px;padding:5px;border-radius:50%;background:#fff;border:2px solid #3d82e7;color:#3d82e7;touch-action:none;cursor:nwse-resize}.segmented{display:flex;gap:5px;background:#f0f5fc;padding:5px;border-radius:12px;margin-bottom:23px}.segmented>button{border:0;border-radius:9px;background:transparent;font-size:11px;min-height:40px;padding:8px 12px;white-space:nowrap;flex:1;color:#7d8b77}.segmented>button.active,.segmented>button[aria-selected=true]{background:#fff;box-shadow:0 2px 5px #243d2010;color:#296241}.scroll-tabs{overflow-x:auto}.layout-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.layout-option{padding:8px;flex-direction:column;align-items:flex-start;border-radius:12px;text-align:right;gap:2px;overflow:hidden}.layout-option b{font-size:11px;padding:4px}.layout-option small{font-size:9px;padding:0 4px;color:var(--muted);font-weight:400}.layout-mini{width:100%;aspect-ratio:16/9;border-radius:7px;position:relative;overflow:hidden;container-type:inline-size}.layout-mini i{position:absolute;top:21%;height:64%;opacity:.5;border-radius:5px}.layout-mini>span{position:absolute;top:29%;font-size:7cqw;font-weight:700;line-height:1.5}.range-value{float:left;color:var(--muted);font-size:11px}.position-controls{margin-top:25px;border-top:1px solid var(--line);padding-top:15px}.nudge-pad{text-align:center;margin:20px 0}.nudge-pad button{padding:10px;min-width:48px;min-height:48px}.nudge-pad>div{display:flex;align-items:center;justify-content:center;gap:12px;margin:7px 0}.nudge-pad span{width:40px;color:var(--muted);font-size:12px}.save-dock{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;position:sticky;bottom:15px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:15px 20px;z-index:12;box-shadow:0 5px 30px #27422c0d;font-size:12px;color:var(--muted)}:root{--green: #3d82e7;--ink: #24456e;--muted: #7b8981;--line: #e3eaf5;--cream: #f5f8fe}body{color:var(--ink);background:var(--cream)}.app>aside{width:238px;padding:30px 22px;border-color:var(--line);overflow-y:auto;z-index:30}.app>.main{margin-right:238px}.app .brand{margin:0 0 30px;gap:12px}.app .brand>span{font-size:17px;line-height:1.7;letter-spacing:0}.app .brand>div{width:43px;height:43px;border-radius:13px;background:var(--green)}.brand small{font-size:10px;color:var(--muted)}.app aside .workspace{background:#f4f7fd;border-radius:13px;padding:15px 12px;margin:5px 0 28px;border:0}.workspace-icon{background:#eaf2ff;color:var(--green)}.app nav button{border-radius:12px;min-height:48px;color:#7a8981;font-weight:500}.app nav button.active{background:#eaf2ff;color:var(--green);font-weight:700}.app nav button.active:before{display:none}.app .main>header{height:83px;padding:0 40px;background:#fff;border-color:var(--line)}.app main{padding:31px 40px 0;max-width:1600px;margin:auto}.page-heading h1{font-size:29px;line-height:1.7;color:var(--ink);letter-spacing:-.8px}.page-heading p{font-size:12px;color:var(--muted)}.editor-card,.preview-card,.screen-status,.preset-card,.schedule-card,.history-card{border-color:var(--line);border-radius:20px;box-shadow:0 5px 18px #213d2b03;background:#fff}.editor-card{padding:24px}.preview-card{padding:21px}.preview-card .screen{border-radius:10px}.preview-toolbar{padding:0 0 14px}.preview-bottom{padding:14px 0 0}.screen-status{margin-bottom:25px}.overview-grid{gap:25px;grid-template-columns:minmax(0,1.3fr) minmax(320px,.85fr)}.app .button,.app button:not(.text-button):not(.icon-button):not(.toggle){border-radius:12px;min-height:46px}.app .primary,.app .publish{background:var(--green);color:#fff;border-color:var(--green)}.app .primary:hover,.app .publish:hover{background:#2c6dc8}.app .text-button{color:var(--green)}.app label{line-height:1.8;font-size:13px}.app input:not([type=range]):not([type=checkbox]):not([type=color]),.app textarea,.app select{background:#fbfcfa;border:1px solid #e0e8f3;border-radius:10px;min-height:46px;color:#254970}.app input:focus,.app textarea:focus,.app select:focus{outline:2px solid #4b91f7}.app input[type=range],.app input[type=checkbox]{accent-color:var(--green)}.mode-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:12px}.mode-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);padding:18px;text-align:right;min-height:96px!important;border-radius:15px!important}.mode-card.selected{border-color:#4b91f7;background:#f5f9ff;box-shadow:0 0 0 2px #3d82e708}.mode-card b{display:block;font-size:12px}.mode-card small{display:block;font-size:10px;color:#8c988e;font-weight:400;margin-top:4px}.mode-icon{display:grid;place-items:center;width:43px;height:43px;background:#eef4ff;color:#5288bf;border-radius:12px;flex-shrink:0}.mode-card i{margin-right:auto;width:13px;height:13px;border-radius:50%;border:1px solid #cdd8cc;flex-shrink:0}.mode-card.selected i{background:#3d82e7;border:3px solid white;box-shadow:0 0 0 1px #3d82e7}.mode-save{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:25px;font-size:11px;color:var(--muted)}.full-media-editor{display:grid;gap:14px;padding-bottom:20px;border-bottom:1px solid var(--line)}.template-properties{background:#fff;border:1px solid var(--line);border-radius:20px;padding:25px;min-width:0}.template-preview{min-width:0}.template-properties h3{margin:10px 0 12px;font-size:16px}.template-properties label{display:block;margin-top:19px}.template-properties input[type=range]{display:block;width:100%;height:40px}.template-properties input[type=color]{width:100%;height:46px;margin-top:8px;border:1px solid var(--line);border-radius:10px}.template-properties select,.template-properties input:not([type=range]):not([type=color]){display:block;width:100%;margin-top:7px;padding:12px 13px}.template-editor .hint{font-size:12px;color:var(--muted);line-height:1.9;margin:12px 0}.template-editor .button-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.template-editor button{border:1px solid var(--line);padding:11px 16px}.template-editor .card{padding:25px;border:1px solid var(--line);border-radius:20px;background:#fff}.template-editor .section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.template-editor .tag{font-size:10px;background:#edf3fc;border-radius:7px;padding:4px 9px}.template-editor .segmented button{min-height:40px;font-size:11px;padding:8px 12px}.template-editor .layout-option{padding:8px!important;display:flex}.layout-mini{flex-shrink:0}.color-swatches{height:65px;width:100%;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:7px}.color-swatches i{width:26px;height:26px;border-radius:50%}.template-editor .scroll-tabs{overscroll-behavior-x:contain}.template-editor .save-dock button{min-width:140px}.template-editor .element-box>button{padding:5px;min-width:38px;min-height:38px}.template-editor .nudge-pad button{min-width:48px}.template-properties .segmented{display:flex;overflow:auto}.segmented button{flex-shrink:0}.template-editor .segmented button.active{color:#3d82e7}.screen-top{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.screen .school{position:absolute;display:flex;gap:.85em;align-items:center;line-height:1.5}.screen .school>span{font-size:1.65em}.screen .school small{font-size:.64em}.screen .school>img,.screen .school>svg{width:3.4em;height:3.4em;object-fit:contain}.screen .screen-date{position:absolute;left:6%;top:7%}.screen-media>video,.screen-media>img{width:100%;height:100%;display:block}.media-empty{height:100%;display:grid;place-items:center;color:#254d80;font-size:2cqw}.screen-loop .recognition-board{max-height:none;display:flex;flex-direction:column;justify-content:center;padding:1.15cqw 1.4cqw}.screen-loop .recognition-student h3{white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.screen-loop .recognition-student p{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.screen-loop .recognition-heading{flex-shrink:0}.screen-loop .recognition-page{min-height:0}.screen-loop .recognition-heading h2{font-size:calc(1.15cqw * var(--board-text-scale, 1))}@media(max-width:1150px){.overview-grid,.template-editor{grid-template-columns:1fr}.template-preview{position:static}}@media(max-width:900px){.app>aside{width:200px}.app>.main{margin-right:200px}.app main{padding:24px}.app .main>header{padding:0 24px}.mode-cards{gap:8px}.mode-card{padding:12px;gap:8px}.mode-icon{width:32px;height:32px}.mode-card small{font-size:9px}}@media(max-width:650px){.app>aside{position:relative;inset:auto;width:100%;padding:15px 18px;overflow:visible}.app>.main{margin:0;width:100%}.app main{padding:20px 16px 0}.app .main>header{height:65px;padding:0 18px}.app .brand{margin:0}.app aside .workspace{display:none}.app nav{overflow-x:auto;flex-wrap:nowrap}.app nav button{flex-shrink:0;min-height:44px;padding:10px}.page-heading h1{font-size:23px}.app .preview-card{padding:14px}.mode-cards{grid-template-columns:1fr;gap:10px}.mode-card{min-height:74px!important}.mode-card small{font-size:11px}.mode-save{align-items:flex-start;flex-direction:column}.mode-save>button{width:100%}.template-editor{gap:18px}.template-editor .card,.template-properties{padding:18px}.template-editor .save-dock{bottom:calc(8px + env(safe-area-inset-bottom));padding:12px;gap:10px}.save-dock>span{font-size:10px}.template-editor .segmented{margin:0 -4px 18px}.loop-settings .loop-save{position:sticky}.overview-grid>.editor-card{order:0}.overview-grid>.preview-section{order:1}.screen-status{flex-wrap:wrap}.status-right{width:100%}}.app .breadcrumb{display:flex;align-items:center;gap:10px}.app .breadcrumb select{max-width:220px;background:#fff;border-color:transparent;font-size:12px;font-weight:600;margin:0;padding:5px 10px}.app .help-card{background:#f4f7fd;border-color:var(--line)}.app .help-card button{color:var(--green)}.display-controls{position:fixed;right:18px;bottom:16px;z-index:40;max-width:calc(100vw - 36px);transition:opacity .25s}.display-controls>button{min-height:48px;background:#ffffffec;border:1px solid #dce8fa;color:#3267a8;box-shadow:0 3px 16px #214e7510;font-size:13px;padding:10px 16px}.display-controls>p{background:#fff;border:1px solid #dce8fa;border-radius:12px;padding:12px;max-width:360px;font-size:12px;color:#254d80;line-height:1.8}.display-controls.controls-idle{opacity:0;pointer-events:auto}.display-controls:focus-within{opacity:1;pointer-events:auto}.tv-settings{z-index:45}.screen-loop.has-recognition .native-brand-pair{left:34%;width:24%;top:36%;height:18%}.tech-library>label{display:block;margin-bottom:18px}.tech-library input{width:100%;padding:12px}.tech-library-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px;margin-top:25px}.tech-library-grid article{display:flex;flex-direction:column;gap:16px;font-size:13px;line-height:2}.tech-library-grid small{color:var(--muted)}.tech-library-grid a{color:var(--green);font-size:11px;margin-top:auto}.screens-page{max-width:900px;display:grid;gap:18px}.screens-page p{font-size:13px;color:var(--muted);line-height:1.9}.screens-page h2{font-size:20px}.screens-page input{padding:12px;width:100%;margin-top:8px}.local-test .save-dock{bottom:calc(36px + env(safe-area-inset-bottom))}.screen-loop .loop-ui-layer{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:center;container-type:inline-size}.screen-loop .native-brand-pair,.screen-loop.has-recognition .native-brand-pair{left:34%;top:51%;width:32%;height:12%;gap:1.2cqw;align-items:center}.screen-loop .native-brand-pair img{object-fit:contain;object-position:center;flex-shrink:0;max-width:100%;border-radius:0;filter:none;transform:none}.screen-loop .native-brand-pair .ministry-brand{width:28%;height:100%}.screen-loop .native-brand-pair .tuwaiq-brand{width:62%;height:auto;max-height:100%}.screen-loop .native-school-name{top:65%;left:24%;right:24%;font-size:2.2cqw}.screen-loop .native-logo,.screen-loop .native-custom-logo{left:45%;top:50%;width:10%;height:13%}.board-style-tabs{display:flex;gap:6px;padding:5px;background:#eef4ff;border-radius:14px}.board-style-tabs button{flex:1;font-size:12px;padding:10px 5px;min-height:46px;border-radius:10px}.board-style-tabs button[aria-selected=true]{background:#fff;color:#3d82e7;box-shadow:0 2px 8px #315d9c12}.screen-loop .recognition-solo{background:linear-gradient(150deg,#fff,#f1f7ff);border-color:#d3e3ff}.screen-loop .recognition-solo .recognition-heading{justify-content:center;text-align:center}.screen-loop .recognition-solo .recognition-heading>svg{display:none}.screen-loop .recognition-solo .recognition-student{flex-direction:column;text-align:center;gap:.65cqw}.screen-loop .recognition-solo .recognition-photo,.screen-loop .recognition-solo .recognition-avatar{width:5cqw;height:5cqw;border-radius:50%;border:2px solid #dce9ff;background:#fff}.screen-loop .recognition-solo .recognition-student h3{font-size:calc(1.2cqw * var(--board-text-scale, 1))}.screen-loop .recognition-solo .recognition-page{gap:0}.screen-loop .recognition-group{background:#f3f7ff;border-color:#d7e4fa;padding:.9cqw}.screen-loop .recognition-group .recognition-page{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55cqw}.screen-loop .recognition-group .recognition-student{flex-direction:column;text-align:center;padding:.6cqw .3cqw;background:#fff;border:1px solid #e3ecfb;border-radius:.9cqw;gap:.35cqw}.screen-loop .recognition-group .recognition-photo,.screen-loop .recognition-group .recognition-avatar{width:2.4cqw;height:2.4cqw;border-radius:.6cqw}.screen-loop .recognition-group .recognition-student h3{font-size:calc(.82cqw * var(--board-text-scale, 1))}.screen-loop .recognition-group .recognition-student p{font-size:calc(.62cqw * var(--board-text-scale, 1))}.screen-loop .recognition-group .recognition-heading{margin-bottom:.55cqw}.screen-loop .recognition-group .recognition-heading h2{font-size:calc(1cqw * var(--board-text-scale, 1))}.screen-loop .recognition-group .recognition-heading p{font-size:calc(.65cqw * var(--board-text-scale, 1))}.screen-loop .recognition-count-3 .recognition-student:last-child{grid-column:1/-1;flex-direction:row;justify-content:center}.screen-loop .recognition-count-3 .recognition-student:last-child>div{flex:0 1 auto}.screen-loop .recognition-group .recognition-pages{margin-top:.3cqw}.monitor-link{display:grid;gap:10px;padding:0 0 20px}.monitor-link-actions{display:flex;gap:8px}.monitor-link-actions>*{flex:1}.monitor-link small{color:#7b8981;font-size:11px;line-height:1.8}.monitor-link input{font-family:Arial,sans-serif;font-size:12px;overflow:hidden}.screen-entry{border-bottom:1px solid #e3eaf5}.screens-page .screen-list>.screen-entry>.list-row{display:flex;flex-wrap:wrap}.screens-page .screen-list>.screen-entry>.list-row>span{min-width:100px;flex:1}@media(max-width:650px){.page-heading>.button{min-width:auto!important;padding:10px}.app .breadcrumb select{max-width:170px}.loop-preview-panel{order:0}.loop-settings{order:1}.loop-preview-panel .preview-card{padding:0}.board-style-tabs{position:relative}.monitor-link-actions{flex-wrap:wrap}.screens-page{padding:18px}.screen-entry .list-row{gap:8px}.screen-entry .list-row .text-button{padding:10px}.loop-settings label{margin-bottom:0}.loop-settings .loop-save{bottom:calc(36px + env(safe-area-inset-bottom))}}.tv>.screen,.tv .screen.screen-media{width:100vw;height:100dvh;aspect-ratio:auto;max-width:none}.tv{background:#f2f6ff}.screen-media>video{width:100%;height:100%;object-fit:var(--media-fit, contain);display:block}.video-start{position:absolute;bottom:7%;left:50%;transform:translate(-50%);z-index:5;padding:12px 22px;border-radius:14px;background:#fff;color:#254d80;border:1px solid #d7e4fa;min-height:48px;pointer-events:auto;font-size:clamp(14px,1.1cqw,28px)}.screen-loop .native-brand-pair,.screen-loop.has-recognition .native-brand-pair{left:50%;top:50%;width:20%;height:14%;translate:-50% -50%;gap:.7cqw;justify-content:center}.screen-loop .native-school-name{top:59%;left:24%;right:24%}.screen-loop .native-logo,.screen-loop .native-custom-logo{left:45%;top:43%;width:10%;height:14%}.login-page{background:radial-gradient(ellipse at 20% 15%,#e4eeff 0,transparent 45%),#f5f8fe;padding:24px;min-height:100dvh}.login-card{border:1px solid #e0e9f8;border-radius:26px;padding:36px;box-shadow:0 18px 70px #294e8010;color:#24456e;max-width:460px;width:100%}.login-logo{background:#3d82e7;color:#fff;border-radius:17px}.login-school{display:block;font-size:12px;color:#7b8eaa;margin:20px 0 10px}.login-card h1{font-size:30px}.login-card>p,.login-foot{color:#7b8eaa;line-height:1.9}.login-card input{font-size:16px;min-height:50px;background:#fbfcff;border:1px solid #e0e8f3;border-radius:12px;padding:12px;width:100%}.login-card .primary{background:#3d82e7;min-height:50px;border-radius:12px}.password-field{position:relative}.password-field input{padding-right:50px}.password-field>button{position:absolute;right:3px;top:3px;width:44px;height:44px;display:grid;place-items:center;color:#6282ad}.login-card label{font-size:13px}.login-error{background:#fff1f1;padding:12px;border-radius:12px}.login-card input:focus{outline:2px solid #4b91f7}.login-card .login-foot{font-size:11px}@media(max-width:500px){.login-card{padding:25px}.login-card h1{font-size:26px}}.background-slideshow{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.background-slide,.background-slide-overlay{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.background-slide img{display:block;width:100%;height:100%;max-width:none}.background-slide.previous{z-index:0}.background-slide.incoming{z-index:1}.background-slide-overlay{z-index:2}.incoming.effect-fade{animation:bg-fade var(--slide-duration) ease both}.incoming.effect-slide{animation:bg-slide var(--slide-duration) ease both}.incoming.effect-zoom{animation:bg-zoom var(--slide-duration) ease both}@keyframes bg-fade{0%{opacity:0}to{opacity:1}}@keyframes bg-slide{0%{opacity:0;transform:translate(8%)}to{opacity:1;transform:translate(0)}}@keyframes bg-zoom{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.screen-loop[data-slideshow=true] .native-artwork{opacity:.12}.slideshow-editor{border-bottom:1px solid #e3eaf5;padding-bottom:24px;margin-bottom:24px}.slideshow-editor .slideshow-settings{display:grid;gap:10px}.slideshow-editor label{margin-bottom:0}.background-slide-editor>summary{display:flex;align-items:center;gap:10px;padding:10px 0;cursor:pointer;min-height:58px}.background-slide-editor>summary img{width:56px;height:42px;object-fit:cover;border-radius:8px;flex-shrink:0}.background-slide-editor>summary span{overflow-wrap:anywhere;font-size:12px}.background-slide-list{display:grid;gap:14px}.background-slide-editor{background:#f7faff;border:1px solid #e3eaf5;border-radius:12px;padding:10px 14px}.slide-thumb{width:100%;aspect-ratio:16/9;overflow:hidden;background:#e9eef7;border-radius:10px}.slide-thumb img{display:block;width:100%;height:100%}.slide-actions,.slideshow-preset-buttons{display:flex;gap:8px;margin:16px 0;flex-wrap:wrap}.slide-actions>button{min-width:44px;flex:1}.slideshow-preset-buttons>button{flex:1;font-size:12px}.slideshow-editor input[type=number]{width:100%}.slideshow-editor .loop-checkbox{display:flex;align-items:center;gap:10px}.slideshow-editor .loop-checkbox input{width:20px;height:20px;flex-shrink:0}@media(prefers-reduced-motion:reduce){.background-slide.incoming{animation:none!important}}.template-properties .slideshow-editor{min-width:0}.template-properties .slideshow-editor input[hidden]{display:none!important}.template-properties .slideshow-editor .loop-checkbox input[type=checkbox]{display:inline-block!important;width:20px!important;min-width:20px;min-height:20px;height:20px;flex:0 0 20px;margin:0}.slideshow-editor .loop-checkbox{white-space:normal}.background-slide-editor>summary span{min-width:0}.slideshow-settings>label{min-width:0}body,button,input,textarea,select,.screen-loop{font-family:Cairo,Noto Sans Arabic,sans-serif}.mode-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.screen-loop,.screen-loop .native-loop{background:#f5f8fe}.screen-loop .native-brand-pair,.screen-loop.has-recognition .native-brand-pair{left:50%;top:9%;width:24%;height:14%;translate:-50% -50%}.screen-loop .native-school-name{top:18%;left:24%;right:24%;font-family:Cairo,sans-serif}.screen-loop .native-logo,.screen-loop .native-custom-logo{left:45%;top:2%;width:10%;height:14%}.screen-loop .loop-clock-panel{top:25%;height:50%;min-height:0;display:flex;flex-direction:column;justify-content:space-between}.screen-loop .recognition-board{top:25%}.screen-loop .animated-clock{font-family:Cairo,sans-serif;font-size:calc(4.1cqw * var(--clock-text-scale, 1));font-variant-numeric:tabular-nums;white-space:nowrap}@media(max-width:1000px){.mode-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.mode-cards{grid-template-columns:1fr}}.screen.screen-loop{background:#f5f8fe;font-family:Cairo,sans-serif}.screen-loop .animated-clock{letter-spacing:0}h1,h2,h3,.brand>span,.brand small,.tv-pairing{font-family:Cairo,sans-serif}.screen-loop .native-brand-pair,.screen-loop.has-recognition .native-brand-pair{left:0;top:3%;width:100%;height:14%;translate:none;display:block}.screen-loop .native-brand-pair .tuwaiq-brand{position:absolute;left:6%;top:0;width:20%;height:100%}.screen-loop .native-brand-pair .ministry-brand{position:absolute;right:6%;top:0;width:11%;height:100%}.screen-loop .native-artwork,.screen-loop[data-slideshow=true] .native-artwork{opacity:1}.screen-loop[data-slideshow=true] .native-artwork>rect{fill-opacity:0}.screen-loop .loop-center-slideshow{position:absolute;left:34%;top:29%;width:26%;height:42%;overflow:hidden;border-radius:1.5cqw;background:#ffffff80;box-shadow:0 .5cqw 2cqw #254d8010;border:1px solid #dce8fc}.screen.screen-loop{container-type:size;background:var(--loop-background);color:var(--loop-text)}.screen-loop .native-loop{background:transparent}.screen-loop .loop-clock-panel,.screen-loop .recognition-board,.screen-loop .loop-tech-card{background:var(--loop-widget);border-color:var(--loop-border);color:var(--loop-text)}.screen-loop .native-school-name,.screen-loop .loop-period h2,.screen-loop .recognition-heading h2,.screen-loop .recognition-student h3,.screen-loop .loop-tech-card>p{color:var(--loop-text)}.screen-loop .loop-clock-panel>p,.screen-loop .loop-period small,.screen-loop .loop-period p,.screen-loop .recognition-heading p,.screen-loop .recognition-student p,.screen-loop .recognition-pages,.screen-loop .loop-tech-card small,.screen-loop .loop-tech-card footer,.screen-loop .loop-tech-card a{color:var(--loop-muted)}.screen-loop .animated-clock,.screen-loop .recognition-heading>svg,.screen-loop .recognition-avatar{color:var(--loop-accent)}.screen-loop .loop-period,.screen-loop .recognition-student,.screen-loop .recognition-photo{border-color:var(--loop-border)}.screen-loop .recognition-group .recognition-student{background:var(--loop-widget);border-color:var(--loop-border)}.screen-loop .recognition-avatar{background:color-mix(in srgb,var(--loop-accent) 9%,var(--loop-widget))}.screen-loop .loop-center-slideshow{left:var(--center-x, 49%);top:50%;width:min(var(--center-width),calc(44cqh * var(--center-ratio)));height:auto;aspect-ratio:var(--center-ratio);transform:translate(-50%,-50%);border-color:var(--loop-border);background:var(--loop-widget)}.screen-loop .loop-center-slideshow.shape-rectangle{border-radius:0}.screen-loop .loop-center-slideshow.shape-circle,.screen-loop .loop-center-slideshow.shape-oval{border-radius:50%}.loop-palette{padding:16px 0;border-bottom:1px solid #e3eaf5}.loop-palette summary{cursor:pointer;min-height:44px;font-weight:700}.loop-palette input[type=color]{width:100%;height:44px;padding:4px}.screen-loop .native-brand-pair .tuwaiq-brand{filter:var(--brand-filter, none)}.loop-palette-presets{margin:12px 0 20px}.media-source-tabs{margin:16px 0;flex-wrap:wrap}.media-source-tabs>button{white-space:normal;min-height:48px;font-size:12px;flex:1 1 140px}.media-only-panel{min-width:0}.media-only-panel>.full-media-editor>h2{font-size:15px}.lesson-countdown{margin:.1cqw 0 .5cqw;color:var(--loop-muted)}.lesson-countdown>div{display:flex;justify-content:space-between;align-items:center;gap:.5cqw;font-size:calc(.85cqw * var(--clock-text-scale, 1))}.lesson-countdown small{font-size:calc(.7cqw * var(--clock-text-scale, 1))}.lesson-countdown span{font-variant-numeric:tabular-nums;color:var(--loop-meterFill)}.lesson-countdown progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:.25cqw;min-height:2px;border:0;border-radius:99px;overflow:hidden;margin:.4cqw 0 0;background:var(--loop-meterTrack);accent-color:var(--loop-meterFill)}.lesson-countdown progress::-webkit-progress-bar{background:var(--loop-meterTrack);border-radius:99px}.lesson-countdown progress::-webkit-progress-value{background:var(--loop-meterFill);border-radius:99px}.lesson-countdown progress::-moz-progress-bar{background:var(--loop-meterFill);border-radius:99px}.loop-period .lesson-countdown{margin:1cqw 0 0}.loop-period .lesson-countdown small{font-size:calc(.7cqw * var(--clock-text-scale, 1))}.lesson-countdown progress{direction:ltr}.screen-loop .loop-clock-panel{top:50%;transform:translateY(-50%) scale(var(--clock-scale, 1));transform-origin:left center}.screen-loop .recognition-board{top:50%;transform:translateY(-50%) scale(var(--board-scale, 1));transform-origin:right center}.screen-loop .loop-center-slideshow{width:min(var(--center-width),calc(48cqh * var(--center-ratio)))}.news-ribbon{position:absolute;bottom:0;left:0;right:0;height:6.5%;z-index:4;display:flex;align-items:stretch;direction:rtl;background:var(--loop-widget);color:var(--loop-text);border-top:1px solid var(--loop-border);font-size:1.05cqw;overflow:hidden}.news-ribbon>strong{flex-shrink:0;display:flex;flex-direction:column;justify-content:center;padding:0 1.4cqw;background:var(--loop-accent);color:var(--loop-widget);font-size:1cqw;z-index:2}.news-ribbon>strong small{font-size:.55cqw}.news-window{overflow:hidden;flex:1;direction:ltr;display:flex;align-items:center}.news-track{display:flex;width:max-content;min-width:200%;animation:school-news-scroll 45s linear infinite;will-change:transform}.news-group{display:flex;align-items:center;flex-shrink:0;min-width:50%;gap:2cqw}.news-item{display:flex;align-items:center;gap:.8cqw;white-space:nowrap;padding:0 1cqw}.news-item b{font-size:.7cqw;color:var(--loop-accent)}.news-item small,.news-item a{font-size:.65cqw;color:var(--loop-muted)}.news-item i{font-size:.6cqw;color:var(--loop-accent)}.news-ribbon:hover .news-track,.news-ribbon:focus-within .news-track{animation-play-state:paused}@keyframes school-news-scroll{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.news-track{animation:none!important;will-change:auto}.news-window{overflow-x:auto}}.news-page{max-width:850px;margin:0 auto;padding:24px 18px 60px;direction:rtl}.news-page header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.news-page h1{font-size:27px}.news-editor{background:#fff;border:1px solid #e3eaf5;border-radius:20px;padding:24px;display:grid;gap:18px}.news-editor label{display:grid;gap:8px;font-size:14px}.news-editor input,.news-editor select,.news-editor textarea{width:100%;font-size:16px;min-height:46px}.news-editor textarea{min-height:90px}.news-editor .loop-checkbox{display:flex;align-items:center;gap:10px}.news-editor .loop-checkbox input{width:22px;height:22px;min-height:22px}.school-news-item{display:grid;gap:12px;padding:18px;border:1px solid #e3eaf5;border-radius:14px}.school-news-item>div{display:flex;gap:12px;flex-wrap:wrap}.news-message{padding:14px;background:#edf5ff;border-radius:12px;overflow-wrap:anywhere}.loop-palette-presets{max-height:420px;overflow:auto}.news-ribbon.news-glass{left:5%;right:5%;bottom:3.2%;height:11%;min-height:0;display:flex;align-items:center;justify-content:space-between;gap:1.2cqw;padding:.65cqw 1.5cqw;border:1px solid color-mix(in srgb,var(--loop-border) 70%,transparent);border-radius:1.15cqw;background:color-mix(in srgb,var(--loop-widget) 72%,transparent);backdrop-filter:blur(16px) saturate(115%);-webkit-backdrop-filter:blur(16px) saturate(115%);box-shadow:0 .45cqw 2cqw #102b4710,inset 0 1px #ffffff50;overflow:hidden;direction:rtl}.headline-card{min-width:0;flex:1;animation:headline-arrive .65s cubic-bezier(.2,.65,.3,1) both}.headline-card>p{font-size:1.1cqw;line-height:1.65;margin:0;color:var(--loop-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:start}.headline-attribution{display:flex;align-items:center;flex-wrap:wrap;gap:.65cqw;font-size:.64cqw;line-height:1.7;color:var(--loop-muted);margin-top:.2cqw}.headline-attribution>a{color:var(--loop-accent);text-decoration:none;display:inline-flex;align-items:center;gap:.2cqw}.headline-attribution>a:hover{text-decoration:underline}.headline-attribution small{font-size:.58cqw}.headline-pagination{font-size:.65cqw;color:var(--loop-muted);font-variant-numeric:tabular-nums;white-space:nowrap;align-self:flex-end}@keyframes headline-arrive{0%{opacity:0;transform:translate(1.2cqw) translateY(.3cqw)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.headline-card{animation:none!important}}fieldset.editor-fields{border:0;margin:0;min-inline-size:0}.news-studio{max-width:1180px;margin:auto;padding:32px 24px 40px;direction:rtl;color:#24456e}.news-studio-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.news-studio-header h1{font-size:32px;margin:8px 0}.news-studio-header p{color:#7b8eaa;font-size:14px}.news-eyebrow{font-size:11px;letter-spacing:.03em;color:#6985aa}.news-context-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px solid #e2eaf6;border-radius:16px;padding:14px 20px;margin-bottom:24px}.news-context-bar label{display:flex;align-items:center;gap:12px;font-size:13px;min-width:0}.news-context-bar select{min-height:44px;max-width:280px;font-size:14px;background:#f5f8fe;border-color:transparent}.news-save-state{font-size:11px;color:#6a8e7e;white-space:nowrap;display:flex;align-items:center;gap:7px}.news-save-state i{width:6px;height:6px;border-radius:50%;background:currentColor}.news-save-state.unsaved{color:#ac8950}.news-studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.news-main-panel,.news-preview-panel,.news-settings-panel{background:#fff;border:1px solid #e2eaf6;border-radius:20px;overflow:hidden}.news-panel-title{padding:24px;display:flex;align-items:center;justify-content:space-between;gap:12px}.news-panel-title h2,.news-settings-panel h2{font-size:17px;margin:0 0 8px}.news-panel-title p{font-size:12px;color:#8495ae}.news-tab-bar{display:flex;gap:8px;padding:0 24px 16px;border-bottom:1px solid #e9eef7}.news-tab-bar button{min-height:44px;border-radius:10px;background:#f6f8fc;color:#7d8fa7;display:flex;align-items:center;justify-content:center;gap:8px;flex:1;font-size:13px}.news-tab-bar button[aria-selected=true]{background:#eaf2ff;color:#367cda}.news-tab-bar small{font-size:10px;padding:2px 6px;border-radius:6px;background:#ffffffa8}.news-announcements,.news-feed-list{padding:24px;display:grid;gap:18px}.news-empty{display:grid;justify-items:center;gap:12px;text-align:center;padding:40px 16px;color:#8296b1;font-size:13px}.news-empty h3{font-size:18px;color:#45648d}.news-announcement{border:1px solid #e1e9f4;border-radius:16px;padding:18px;display:grid;gap:18px}.news-announcement>header{display:flex;align-items:center;justify-content:space-between;font-size:12px}.notice-status{background:#eef6f1;color:#5d8a73;font-size:10px;padding:4px 8px;border-radius:7px}.notice-status.muted{color:#8d96a5;background:#f0f2f6}.news-announcement label{display:grid;gap:8px;font-size:12px;color:#647e9d}.news-announcement textarea{width:100%;min-height:110px;font-size:16px;line-height:1.8;background:#fbfcff;border:1px solid #e2eaf5;border-radius:11px;padding:14px;resize:vertical}.news-char-count{text-align:left;color:#9baac0;font-size:10px}.news-announcement-options{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.news-announcement-options input[type=datetime-local]{font-size:14px;min-height:44px;max-width:100%;background:#f8faff}.news-announcement .news-check{display:flex;align-items:center;gap:8px;min-height:44px}.news-check input,.news-setting-row input{width:20px;height:20px;min-height:20px;accent-color:#3d82e7}.news-announcement>footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf1f8;padding-top:12px}.news-announcement>footer>div{display:flex;gap:5px}.news-announcement footer button{min-width:44px;min-height:44px;border-radius:9px;color:#7f96b3;display:inline-flex;align-items:center;justify-content:center;gap:7px}.news-announcement footer button:hover{background:#f0f5fc}.news-announcement footer button.news-delete{color:#b57d82;font-size:12px;padding:0 10px}.news-side-panel{display:grid;gap:20px;position:sticky;top:20px}.news-preview-panel,.news-settings-panel{padding:22px}.news-mini-screen{aspect-ratio:16/9;background:radial-gradient(ellipse at 25% 30%,#dcecff,transparent 60%),#f1f6ff;border-radius:12px;display:flex;align-items:end;padding:12px;margin:14px 0}.news-preview-glass{background:#ffffffb8;border:1px solid #ffffffcc;border-radius:10px;box-shadow:0 5px 16px #294e8010;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:12px;width:100%;overflow:hidden}.news-preview-glass p{font-size:13px;line-height:1.6;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.news-preview-glass small{font-size:9px;color:#8b9db6}.news-settings-panel h2{display:flex;align-items:center;gap:8px;margin-bottom:18px}.news-setting-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 0;border-bottom:1px solid #edf1f8}.news-setting-row span{display:grid;gap:6px}.news-setting-row b{font-size:12px;font-weight:500}.news-setting-row small,.news-duration small{font-size:10px;line-height:1.7;color:#93a3bb}.news-setting-row input{flex-shrink:0}.news-duration{display:grid;gap:12px;font-size:12px;padding-top:18px}.news-duration b{font-weight:400;color:#3d82e7}.news-duration input{width:100%;min-height:32px}.news-feed-card{padding:18px;border:1px solid #e3ebf6;border-radius:14px;display:grid;gap:14px}.news-feed-card>div{display:flex;gap:12px;justify-content:space-between;align-items:center;font-size:10px;color:#91a3bc}.news-feed-card a{color:#5487c5}.news-feed-card h3{font-family:Cairo,sans-serif;font-size:15px;line-height:1.7;margin:0;color:#34577e}.news-feed-card .text-button{justify-content:start;font-size:11px;min-height:44px;display:flex;align-items:center;gap:7px}.news-feed-card.is-hidden{background:#f7f8fb}.news-feed-card.is-hidden h3{color:#9aa8bd}.news-publish-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;position:sticky;bottom:14px;background:#fff;border:1px solid #dce7f6;border-radius:16px;padding:17px 22px;box-shadow:0 8px 35px #24456e14;margin-top:28px;z-index:5}.news-publish-bar>div{display:grid;gap:6px}.news-publish-bar b{font-size:13px;font-weight:500}.news-publish-bar small{font-size:10px;color:#8b9fb9}.news-publish-bar>.button{min-width:170px;min-height:48px}.news-studio button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:900px){.news-studio-grid{grid-template-columns:minmax(0,1fr) 280px}.news-studio{padding:24px 18px}.news-context-bar label>span{display:none}.news-panel-title{padding:20px}.news-announcements,.news-feed-list{padding:18px}}@media(max-width:700px){.news-studio-grid{grid-template-columns:1fr}.news-side-panel{position:static}.news-studio-header{align-items:start;flex-direction:column;gap:12px}.news-studio-header h1{font-size:27px}.news-context-bar{align-items:start;flex-direction:column;gap:10px}.news-context-bar label{width:100%}.news-context-bar select{flex:1;min-width:0;width:100%;max-width:none}.news-studio .button-row{flex-wrap:wrap;gap:8px}.news-panel-title{padding:18px;flex-wrap:wrap}.news-panel-title .button{min-height:46px;font-size:12px}.news-announcements,.news-feed-list{padding:14px}.news-tab-bar{padding-left:14px;padding-right:14px;gap:6px}.news-tab-bar button{font-size:11px}.news-announcement{padding:14px}.news-announcement-options{display:grid}.news-announcement-options input{min-width:0;width:100%}.news-publish-bar{bottom:10px;padding:14px;flex-wrap:wrap;gap:12px}.news-publish-bar>.button{width:100%}.news-side-panel{gap:16px}.news-mini-screen{max-height:220px}.news-context-bar,.news-main-panel,.news-preview-panel,.news-settings-panel{min-width:0}.news-studio input,.news-studio textarea,.news-studio select{box-sizing:border-box;max-width:100%}}.news-studio>.news-studio-header{position:static;inset:auto;width:auto;height:auto;min-height:0;padding:0;background:transparent;border:0;box-shadow:none;z-index:auto;margin:0 0 28px;white-space:normal}.news-studio-header>.button-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.news-studio-header>.button-row>*{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;white-space:nowrap}.news-studio .news-side-panel{inset:auto;width:auto;min-width:0;height:auto;min-height:0;max-height:none;padding:0;margin:0;background:transparent;border:0;box-shadow:none;overflow:visible;z-index:auto}.news-studio .news-announcement>header{position:static;inset:auto;height:auto;min-height:0;padding:0;margin:0;background:transparent;border:0;box-shadow:none;width:auto;z-index:auto}.news-studio .news-announcement>footer{position:static;inset:auto;height:auto;margin:0;background:transparent;width:auto;text-align:start;border:0;border-top:1px solid #edf1f8;padding:12px 0 0}.news-studio .news-publish-bar{height:auto;min-height:0;width:auto;text-align:start;color:#24456e}.news-studio .button.primary{background:#3d82e7;border-color:#3d82e7;color:#fff}.news-studio .button.primary:hover{background:#3275d2}.news-studio .news-announcement label.news-check{display:flex;justify-content:flex-start;align-items:center;gap:9px;width:max-content;max-width:100%;white-space:nowrap;min-height:44px}.news-studio input[type=checkbox]{width:20px;height:20px;min-width:20px;min-height:20px;flex:0 0 20px;margin:0;padding:0}.news-studio .news-preview-glass{position:static;display:block;min-height:60px}.news-studio .news-preview-glass p{position:static;opacity:1;margin:0;color:#34577e}.news-studio .news-mini-screen{width:100%;min-width:0;box-sizing:border-box}.news-studio .news-duration input{min-height:44px}@media(max-width:700px){.news-studio>.news-studio-header{display:flex;align-items:stretch;margin-bottom:20px}.news-studio-header>.button-row{justify-content:flex-start;gap:8px}.news-studio-header>.button-row>*{font-size:12px;padding:8px 10px}.news-studio .news-side-panel{position:static}.news-studio .news-publish-bar{bottom:12px}}.news-ribbon.news-glass.news-flow{height:10%;padding:.65cqw 1cqw;background:color-mix(in srgb,var(--loop-widget) var(--news-glass-opacity, 56%),transparent);backdrop-filter:blur(14px) saturate(115%);-webkit-backdrop-filter:blur(14px) saturate(115%);border-color:color-mix(in srgb,var(--loop-border) 65%,transparent);box-shadow:0 .35cqw 1.4cqw #102b470c,inset 0 1px #ffffff50}.news-flow-window{width:100%;min-width:0;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 2%,#000 98%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 2%,#000 98%,transparent)}.news-flow-track{display:flex;width:max-content;will-change:transform;animation:news-brief-scroll 60s linear infinite}.news-flow-group{display:flex;align-items:center;flex-shrink:0;width:max-content;min-width:var(--news-window-width, 100vw);justify-content:space-around;gap:3cqw;padding:0 1.5cqw;box-sizing:border-box}.news-flow-item{display:flex;align-items:center;flex:0 0 auto;gap:1cqw;white-space:nowrap;padding:.25cqw 1.2cqw .25cqw 0;border-inline-end:1px solid var(--loop-border);color:var(--loop-text)}.news-flow-story{font-size:1cqw;line-height:1.8;white-space:nowrap}.news-flow-story strong{font-weight:600}.news-flow-summary{font-weight:400}.news-flow-dash{color:var(--loop-muted)}.news-flow-source{display:flex;align-items:center;gap:.5cqw;font-size:.65cqw;color:var(--loop-muted);white-space:nowrap}.news-flow-source a{color:var(--loop-accent);text-decoration:none;min-height:1.8cqw;display:inline-flex;align-items:center}.news-flow-source a:hover{text-decoration:underline}.news-flow-offline{position:absolute;left:1cqw;bottom:.15cqw;font-size:.5cqw;color:var(--loop-muted)}.news-feed-brief{font-size:13px;line-height:1.8;color:#7d91ac;margin:0}.news-flow:focus-within{outline:1px solid var(--loop-accent)}@keyframes news-brief-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.news-flow-track{animation:none!important;will-change:auto}.news-flow-window{overflow-x:auto;mask-image:none;-webkit-mask-image:none}.news-flow-copy{display:none}}.news-studio .news-preview-glass p.news-preview-brief{font-size:10px;line-height:1.6;color:#7891af;-webkit-line-clamp:2;margin-top:5px}.screen-loop .loop-clock-panel,.screen-loop .recognition-board{background:color-mix(in srgb,var(--loop-widget) 90%,transparent);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.screen-loop .recognition-group .recognition-student,.screen-loop .loop-center-slideshow{background:color-mix(in srgb,var(--loop-widget) 90%,transparent)}.screen-loop .loop-center-slideshow .background-slideshow{opacity:.96}.news-ribbon.news-glass.news-edge{left:0;right:0;bottom:2.4%;width:100%;height:12%;border-radius:0;padding:.65cqw 3cqw;box-sizing:border-box;background:color-mix(in srgb,var(--loop-widget) var(--news-glass-opacity, 56%),transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.news-edge .headline-title{font-size:1.05cqw;line-height:1.45;font-weight:600;-webkit-line-clamp:1}.news-edge .headline-brief{font-size:.85cqw;line-height:1.5;margin:.12cqw 0 0;font-weight:400;-webkit-line-clamp:2}.news-edge .headline-attribution{margin-top:.2cqw}.screen-copy,.screen-date,.screen-footer{--shared-text-color: inherit}.screen-loop .native-brand-pair,.screen-loop.has-recognition .native-brand-pair{top:3%;height:13%}.screen-loop .native-brand-pair .tuwaiq-brand{left:6%;top:50%;width:22%;height:5.2cqw;max-height:100%;transform:translateY(-50%);object-position:left center}.screen-loop .native-brand-pair .ministry-brand{right:6%;top:50%;width:8%;height:5.8cqw;max-height:100%;transform:translateY(-50%);object-position:right center}.news-qa-library{margin-top:16px}.news-qa-library summary{cursor:pointer;min-height:44px;padding:12px;font-weight:700}.news-qa-library article{padding:12px;border-top:1px solid #e3e9f1}.news-qa-library p{line-height:1.8;margin:8px 0}.news-qa-library a{color:#3268a8;font-size:13px}@media(max-width:600px){.news-tab-bar{flex-wrap:wrap}.news-setting-row{gap:12px}.news-setting-row input[type=checkbox]{min-width:22px;min-height:22px}}.screen-loop .qudrat-board{display:flex;flex-direction:column;justify-content:flex-start;padding:.85cqw 1cqw;gap:.45cqw;overflow:hidden;border-radius:1.2cqw;background:color-mix(in srgb,var(--loop-widget) 95%,transparent);border:1px solid var(--loop-border);box-shadow:0 .6cqw 2.4cqw #11103910;isolation:isolate}.qudrat-board:before{content:"";position:absolute;inset:0 0 auto;height:.2cqw;background:linear-gradient(90deg,#5c35f3,#aa7bff 55%,#ffd365);pointer-events:none}.qudrat-brand{display:flex;align-items:center;gap:.55cqw;flex-shrink:0;min-width:0;padding-bottom:.3cqw;border-bottom:1px solid var(--loop-border)}.qudrat-brand>img{width:2.7cqw;height:2.7cqw;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 .15cqw .3cqw #6437ec22)}.qudrat-brand>div{min-width:0;flex:1}.qudrat-eyebrow{display:block;font-size:calc(.43cqw * var(--board-text-scale, 1));color:var(--loop-muted);line-height:1.5;letter-spacing:.03em}.screen-loop .qudrat-brand h2{font-size:calc(1.15cqw * var(--board-text-scale, 1));line-height:1.65;color:var(--loop-text);margin:0;font-weight:800}.screen-loop .qudrat-brand p{font-size:calc(.53cqw * var(--board-text-scale, 1));line-height:1.7;color:var(--loop-muted);margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.qudrat-trophy{width:1.1cqw;height:1.1cqw;color:#bf902e;flex-shrink:0}.qudrat-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45cqw;align-items:end;flex-shrink:0;padding-top:.2cqw}.qudrat-podium-student{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.14cqw;height:6.5cqw;padding:.4cqw .28cqw;border-radius:.7cqw;border:1px solid color-mix(in srgb,var(--loop-border) 80%,#a996dc);background:color-mix(in srgb,var(--loop-accent) 5%,var(--loop-widget));text-align:center;min-width:0;position:relative}.qudrat-podium-student.podium-place-1{order:2;height:7.1cqw;border-color:#d6b55d;background:linear-gradient(155deg,#fbd5681a,#a990e513),var(--loop-widget);box-shadow:0 .2cqw .5cqw #d8b65012}.qudrat-podium-student.podium-place-2{order:1;height:6.5cqw}.qudrat-podium-student.podium-place-3{order:3;height:6.1cqw}.qudrat-medal{display:flex;align-items:center;justify-content:center;gap:.15cqw;height:1.6cqw;color:var(--loop-accent)}.qudrat-medal svg{height:1.1cqw;width:1.1cqw}.qudrat-medal b{font-size:calc(.9cqw * var(--board-text-scale, 1));line-height:1}.podium-place-1 .qudrat-medal{color:#b58217}.podium-place-3 .qudrat-medal{color:#bb8259}.screen-loop .qudrat-podium-student h3{font-size:calc(.64cqw * var(--board-text-scale, 1));line-height:1.55;font-weight:750;color:var(--loop-text);margin:0;min-height:1.95cqw;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;width:100%}.qudrat-podium-score{display:flex;align-items:baseline;gap:.2cqw;font-size:calc(.86cqw * var(--board-text-scale, 1));font-weight:800;font-variant-numeric:tabular-nums;color:var(--loop-text)}.qudrat-podium-score small{font-size:calc(.41cqw * var(--board-text-scale, 1));font-weight:500;color:var(--loop-muted)}.qudrat-ranking{display:flex;flex-direction:column;justify-content:center;flex:1;min-height:0;animation:qudrat-arrive .35s ease both}.qudrat-list-heading{display:flex;justify-content:space-between;padding:0 .25cqw .2cqw;font-size:calc(.46cqw * var(--board-text-scale, 1));color:var(--loop-muted)}.qudrat-ranking ol{list-style:none;display:flex;flex-direction:column;gap:.25cqw;padding:0;margin:0;min-height:0}.qudrat-ranking li{display:flex;align-items:center;gap:.45cqw;min-width:0;border:1px solid var(--loop-border);border-radius:.5cqw;padding:.22cqw .4cqw;background:color-mix(in srgb,var(--loop-accent) 3%,var(--loop-widget))}.qudrat-rank{display:grid;place-items:center;font-size:calc(.67cqw * var(--board-text-scale, 1));font-weight:750;min-width:1.15cqw;height:1.15cqw;border-radius:.35cqw;background:color-mix(in srgb,#8058e8 12%,var(--loop-widget));color:var(--loop-accent);font-variant-numeric:tabular-nums}.screen-loop .qudrat-ranking h3{font-size:calc(.65cqw * var(--board-text-scale, 1));line-height:1.5;font-weight:650;flex:1;min-width:0;margin:0;color:var(--loop-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.qudrat-ranking li>b{font-size:calc(.73cqw * var(--board-text-scale, 1));color:var(--loop-text);font-variant-numeric:tabular-nums;flex-shrink:0;padding-inline:.15cqw;min-width:1.3cqw;text-align:center}.qudrat-footer{display:flex;justify-content:space-between;align-items:end;gap:.4cqw;border-top:1px solid var(--loop-border);padding-top:.3cqw;font-size:calc(.43cqw * var(--board-text-scale, 1));color:var(--loop-muted);margin-top:auto;flex-shrink:0}.qudrat-footer>span{display:flex;flex-wrap:wrap;align-items:center;column-gap:.25cqw}.qudrat-footer small{display:block;flex-basis:100%;font-size:calc(.4cqw * var(--board-text-scale, 1));line-height:1.8}.qudrat-footer>span>i{width:.3cqw;height:.3cqw;border-radius:50%;background:#38af92}.qudrat-footer svg{width:.55cqw;height:.55cqw}.qudrat-stale{color:var(--loop-accent)}.qudrat-pagination{display:flex;align-items:center;gap:.35cqw;font-variant-numeric:tabular-nums;white-space:nowrap}.qudrat-pagination>div{display:flex;gap:.15cqw}.qudrat-pagination i{width:.22cqw;height:.22cqw;border-radius:50%;background:var(--loop-border)}.qudrat-pagination i.active{background:var(--loop-accent);width:.5cqw;border-radius:.2cqw}.qudrat-empty{display:flex;align-items:center;justify-content:center;flex:1;flex-direction:column;gap:.6cqw;text-align:center;color:var(--loop-muted);padding:1cqw}.qudrat-empty>svg{width:2cqw;height:2cqw;color:var(--loop-accent);opacity:.6}.screen-loop .qudrat-empty p{font-size:calc(.8cqw * var(--board-text-scale, 1));margin:0;line-height:1.8}.qudrat-empty small{font-size:calc(.55cqw * var(--board-text-scale, 1));line-height:1.8}.qudrat-layout-list .qudrat-ranking li{padding:.45cqw}.qudrat-layout-list .qudrat-ranking h3{font-size:calc(.85cqw * var(--board-text-scale, 1))}.qudrat-layout-list .qudrat-ranking li>b{font-size:calc(1cqw * var(--board-text-scale, 1))}.qudrat-settings{border:1px solid var(--line, #e3eaf5);border-radius:16px;padding:18px;margin:18px 0;background:#7353dc05}.qudrat-settings-brand{display:flex;gap:13px;align-items:center}.qudrat-settings-brand img{width:64px;height:64px;object-fit:contain}.qudrat-settings h3{font-size:20px;margin:0}.qudrat-settings-brand p,.qudrat-source-status{font-size:12px;line-height:1.9;color:var(--muted)}.qudrat-source-status{padding:12px;border-radius:10px;background:#f0f3fc;margin:12px 0}@keyframes qudrat-arrive{0%{opacity:.35;transform:translateY(.3cqw)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.qudrat-ranking{animation:none}}.qudrat-layout-podium .qudrat-ranking{justify-content:flex-start;padding-top:.1cqw}.qudrat-only-podium .qudrat-podium{margin-block:auto;padding-block:1cqw}.qudrat-ranking ol{flex:1;container-type:size;display:grid;grid-template-rows:repeat(var(--qudrat-page-size, 3),minmax(0,1fr))}.qudrat-ranking li{font-size:calc(min(2.8cqw,var(--qudrat-row-font, 8cqh)) * var(--board-text-scale, 1));gap:.6em;padding:.25em .5em;border-radius:.6em;min-height:0}.qudrat-rank{font-size:.95em;min-width:1.6em;height:1.6em;border-radius:.4em}.screen-loop .qudrat-ranking h3{font-size:1em;line-height:1.5}.qudrat-ranking li>b{font-size:1.15em;min-width:1.5em;padding-inline:.15em}.qudrat-layout-list .qudrat-ranking li{font-size:calc(min(4cqw,var(--qudrat-row-font, 8cqh)) * var(--board-text-scale, 1))}.screen-loop .qudrat-board>.qudrat-brand{position:static;inset:auto;width:auto;height:auto;min-height:0;margin:0;padding:0 0 .3cqw;background:transparent;box-shadow:none;z-index:auto;color:var(--loop-text);border:0;border-bottom:1px solid var(--loop-border);white-space:normal}.screen-loop .qudrat-footer{justify-content:flex-end;border:0;padding-top:.2cqw}.qudrat-podium-score{direction:ltr;unicode-bidi:isolate}.qudrat-ranking li>b{direction:ltr;unicode-bidi:isolate}.qudrat-source-editor{display:grid;gap:8px;padding:12px;border:1px dashed color-mix(in srgb,currentColor 25%,transparent);border-radius:12px}.qudrat-source-editor input{font-size:13px}.screen-loop .loop-decoration{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.screen-loop:not([data-backdrop=waves]) .native-artwork{opacity:0}.screen-loop[data-backdrop=aurora] .loop-decoration{background:radial-gradient(ellipse at 15% 20%,color-mix(in srgb,var(--loop-line1) 24%,transparent),transparent 55%),radial-gradient(ellipse at 80% 80%,color-mix(in srgb,var(--loop-line3) 25%,transparent),transparent 60%);animation:loop-aurora 20s ease-in-out infinite alternate}.screen-loop[data-backdrop=dots] .loop-decoration{background-image:radial-gradient(color-mix(in srgb,var(--loop-accent) 25%,transparent) 1px,transparent 1px);background-size:1.4cqw 1.4cqw;-webkit-mask-image:linear-gradient(130deg,#000,transparent 70%);mask-image:linear-gradient(130deg,#000,transparent 70%)}.screen-loop[data-backdrop=grid] .loop-decoration{background-image:linear-gradient(color-mix(in srgb,var(--loop-accent) 10%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--loop-accent) 10%,transparent) 1px,transparent 1px);background-size:3cqw 3cqw;-webkit-mask-image:radial-gradient(ellipse,#000,transparent 80%);mask-image:radial-gradient(ellipse,#000,transparent 80%)}.screen-loop[data-backdrop=orbits] .loop-decoration:before,.screen-loop[data-backdrop=orbits] .loop-decoration:after{content:"";position:absolute;width:65cqw;height:65cqw;border:.12cqw solid color-mix(in srgb,var(--loop-accent) 24%,transparent);border-radius:50%;top:-50%;left:-25%;box-shadow:0 0 0 3cqw color-mix(in srgb,var(--loop-line2) 7%,transparent),0 0 0 8cqw color-mix(in srgb,var(--loop-line3) 5%,transparent)}.screen-loop[data-backdrop=orbits] .loop-decoration:after{top:40%;left:75%;width:35cqw;height:35cqw}.screen-loop[data-cards=glass] .loop-clock-panel,.screen-loop[data-cards=glass] .recognition-board,.screen-loop[data-cards=glass] .loop-extra-cards article{background:color-mix(in srgb,var(--loop-widget) 60%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 .5cqw 2cqw #0000000c}.screen-loop[data-cards=outlined] .loop-clock-panel,.screen-loop[data-cards=outlined] .recognition-board,.screen-loop[data-cards=outlined] .loop-extra-cards article{background:var(--loop-background);border:2px solid var(--loop-accent);box-shadow:none}.screen-loop .loop-extras{position:absolute;top:79%;left:5%;right:5%;bottom:7%;display:flex;flex-direction:column;gap:.45cqw;color:var(--loop-text)}.loop-extra-cards{display:flex;gap:.7cqw;flex:1;min-height:0}.screen-loop .loop-extra-cards article{flex:1;min-width:0;padding:.45cqw .8cqw;border:1px solid var(--loop-border);border-radius:.7cqw;background:var(--loop-widget);overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:.1cqw}.loop-extra-cards small{font-size:.48cqw;color:var(--loop-accent)}.screen-loop .loop-extra-cards h3{font-size:.8cqw;margin:0;color:var(--loop-text);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.screen-loop .loop-extra-cards p{font-size:.6cqw;margin:0;color:var(--loop-muted);line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.screen-loop .loop-extra-cards .loop-extra-qr{flex-direction:row;align-items:center;justify-content:flex-start;gap:.6cqw}.loop-extra-qr img{height:3cqw;width:3cqw;object-fit:contain;background:#fff;border-radius:.2cqw;padding:.12cqw}.loop-schedule{display:flex;border:1px solid var(--loop-border);border-radius:.5cqw;background:var(--loop-widget);padding:.3cqw;gap:.3cqw;flex-shrink:0}.loop-schedule>div{flex:1;text-align:center;border-inline-end:1px solid var(--loop-border)}.loop-schedule>div:last-child{border:0}.loop-schedule b{display:block;font-size:.55cqw;color:var(--loop-text)}.loop-schedule span{display:block;font-size:.48cqw;color:var(--loop-muted)}.screen-loop .loop-clock-panel>p.loop-hijri{font-size:calc(.65cqw * var(--clock-text-scale, 1));color:var(--loop-muted);margin:0}@keyframes loop-aurora{to{opacity:.6;transform:scale(1.1)}}@media(prefers-reduced-motion:reduce){.screen-loop .loop-decoration{animation:none!important}}.screen-loop[data-extras=true] .loop-clock-panel,.screen-loop[data-extras=true] .recognition-board{top:47%;height:44%!important;max-height:44%}.screen-loop[data-extras=true] .loop-extras{top:71%;bottom:16%}.screen-loop[data-extras=true] .loop-center-slideshow{max-height:38%;top:46%}.screen-loop[data-extras=true] .loop-clock-panel{padding:1.2cqw 1.8cqw;gap:.2cqw;overflow:hidden}.screen-loop[data-extras=true] .animated-clock{font-size:calc(4.8cqw * var(--clock-text-scale, 1));line-height:1.15;margin:.25cqw 0}.screen-loop[data-extras=true] .loop-date{margin:.2cqw 0!important;font-size:calc(.8cqw * var(--clock-text-scale, 1))!important}.screen-loop[data-extras=true] .loop-period{padding-top:.4cqw}.screen-loop[data-extras=true] .loop-period h2{font-size:calc(1.6cqw * var(--clock-text-scale, 1));margin:.25cqw 0;line-height:1.4}.screen-loop[data-extras=true] .loop-period p{font-size:calc(.8cqw * var(--clock-text-scale, 1))}.screen-loop[data-extras=true] .loop-period .lesson-countdown{margin:.3cqw 0 0}.loop-layout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 24px}.loop-layout-option{padding:8px;border:1px solid var(--line, #e3eaf5);border-radius:13px;background:#fff;text-align:right;min-width:0;cursor:pointer;display:flex;flex-direction:column;gap:7px}.loop-layout-option.selected{border-color:#4489ed;box-shadow:0 0 0 2px #4489ed25}.loop-layout-option:focus-visible{outline:3px solid #4489ed;outline-offset:2px}.loop-layout-option>b{font-size:13px;color:var(--text, #254d80)}.loop-layout-option>small{font-size:10px;line-height:1.8;color:var(--muted, #8299ba)}.loop-layout-thumbnail{position:relative;width:100%;aspect-ratio:16/9;border-radius:8px;overflow:hidden;container-type:inline-size}.loop-layout-school{position:absolute;top:8%;left:10%;right:10%;text-align:center;font-size:4cqw;font-weight:700}.loop-layout-block{position:absolute;border:1px solid;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;overflow:hidden}.loop-layout-block b{font-size:3.7cqw}.loop-layout-block small{font-size:2.7cqw}.block-clock b{font-family:Arial,sans-serif;font-size:5cqw}.screen-loop:not([data-layout=classic]) .loop-clock-panel{left:var(--layout-clock-x);right:auto;top:var(--layout-clock-y);width:var(--layout-clock-w);height:var(--layout-clock-h)!important;max-height:none;transform:none;padding:1.2cqw;overflow:hidden;gap:.2cqw}.screen-loop:not([data-layout=classic]) .recognition-board{left:var(--layout-board-x);right:auto;top:var(--layout-board-y);width:var(--layout-board-w)!important;height:var(--layout-board-h)!important;max-height:none;transform:none}.screen-loop:not([data-layout=classic]) .loop-center-slideshow{left:var(--layout-photo-x);right:auto;top:var(--layout-photo-y);width:var(--layout-photo-w);height:var(--layout-photo-h);max-height:none;transform:none;aspect-ratio:auto}.screen-loop:not([data-layout=classic]) .loop-center-slideshow.shape-circle{height:auto;aspect-ratio:1;max-height:var(--layout-photo-h);width:min(var(--layout-photo-w),24cqw)}.screen-loop:not([data-layout=classic]) .animated-clock{font-size:calc(4.3cqw * var(--clock-text-scale, 1));line-height:1.2;margin:.3cqw 0}.screen-loop:not([data-layout=classic]) .loop-date{font-size:calc(.8cqw * var(--clock-text-scale, 1))!important;margin:.2cqw 0!important}.screen-loop:not([data-layout=classic]) .loop-period{padding-top:.5cqw}.screen-loop:not([data-layout=classic]) .loop-period h2{font-size:calc(1.6cqw * var(--clock-text-scale, 1));line-height:1.4;margin:.3cqw 0}.screen-loop:not([data-layout=classic]) .loop-period p{font-size:calc(.8cqw * var(--clock-text-scale, 1))}.screen-loop:not([data-layout=classic]) .loop-period .lesson-countdown{margin:.4cqw 0 0}@media(max-width:450px){.loop-layout-grid{gap:8px}.loop-layout-option{padding:6px}}.loop-canvas{position:relative}.loop-canvas-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50}.loop-edit-box{position:absolute;pointer-events:auto;touch-action:none;border:1px dashed #4489ed;cursor:move;-webkit-user-select:none;user-select:none}.loop-edit-box.selected{border:2px solid #4489ed;background:#4489ed0c}.loop-edit-box>span{position:absolute;top:0;right:0;background:#2869c8;color:#fff;font:10px Cairo,sans-serif;padding:2px 5px;border-radius:0 0 0 5px;pointer-events:none}.loop-edit-box>.loop-resize-handle{position:absolute;right:-12px;bottom:-12px;width:30px;height:30px;background:#2869c8;color:#fff;border:2px solid white;border-radius:50%;touch-action:none;font-size:20px;cursor:nwse-resize}.loop-canvas.editing .screen{pointer-events:none}.loop-position-controls{padding:12px 0}.loop-position-controls input[type=range]{width:100%}.screen-loop[data-custom=true] .loop-ui-layer{transform:none!important}.screen-loop[data-custom=true] .native-brand-pair{top:0;right:0;bottom:0;left:0;width:100%;height:100%;translate:none;pointer-events:none}.screen-loop[data-custom=true][data-positions~=clock] .loop-clock-panel{position:absolute;left:var(--position-clock-x)!important;top:var(--position-clock-y)!important;right:auto!important;bottom:auto!important;width:var(--position-clock-w)!important;height:var(--position-clock-h)!important;max-width:none;max-height:none!important;transform:none!important;translate:none;aspect-ratio:auto;object-fit:contain;object-position:center;overflow:hidden}.screen-loop[data-custom=true][data-positions~=board] .recognition-board{position:absolute;left:var(--position-board-x)!important;top:var(--position-board-y)!important;right:auto!important;bottom:auto!important;width:var(--position-board-w)!important;height:var(--position-board-h)!important;max-width:none;max-height:none!important;transform:none!important;translate:none;aspect-ratio:auto;object-fit:contain;object-position:center;overflow:hidden}.screen-loop[data-custom=true][data-positions~=photo] .loop-center-slideshow{position:absolute;left:var(--position-photo-x)!important;top:var(--position-photo-y)!important;right:auto!important;bottom:auto!important;width:var(--position-photo-w)!important;height:var(--position-photo-h)!important;max-width:none;max-height:none!important;transform:none!important;translate:none;aspect-ratio:auto;object-fit:contain;object-position:center;overflow:hidden}.screen-loop[data-custom=true][data-positions~=school] .native-school-name{position:absolute;left:var(--position-school-x)!important;top:var(--position-school-y)!important;right:auto!important;bottom:auto!important;width:var(--position-school-w)!important;height:var(--position-school-h)!important;max-width:none;max-height:none!important;transform:none!important;translate:none;aspect-ratio:auto;object-fit:contain;object-position:center;overflow:hidden}.screen-loop[data-custom=true][data-positions~=tuwaiq] .native-brand-pair .tuwaiq-brand{position:absolute;left:var(--position-tuwaiq-x)!important;top:var(--position-tuwaiq-y)!important;right:auto!important;bottom:auto!important;width:var(--position-tuwaiq-w)!important;height:var(--position-tuwaiq-h)!important;max-width:none;max-height:none!important;transform:none!important;translate:none;aspect-ratio:auto;object-fit:contain;object-position:center;overflow:hidden}.screen-loop[data-custom=true][data-positions~=ministry] .native-brand-pair .ministry-brand{position:absolute;left:var(--position-ministry-x)!important;top:var(--position-ministry-y)!important;right:auto!important;bottom:auto!important;width:var(--position-ministry-w)!important;height:var(--position-ministry-h)!important;max-width:none;max-height:none!important;transform:none!important;translate:none;aspect-ratio:auto;object-fit:contain;object-position:center;overflow:hidden}.screen-loop[data-custom=true][data-positions~=logo] .native-custom-logo,.screen-loop[data-custom=true][data-positions~=logo] .native-logo{position:absolute;left:var(--position-logo-x)!important;top:var(--position-logo-y)!important;right:auto!important;bottom:auto!important;width:var(--position-logo-w)!important;height:var(--position-logo-h)!important;max-width:none;max-height:none!important;transform:none!important;translate:none;aspect-ratio:auto;object-fit:contain;object-position:center;overflow:hidden}.screen-loop[data-custom=true] .native-school-name{display:flex;align-items:center;justify-content:center;line-height:1.4;font-size:var(--position-school-font, 2.2cqw);margin:0}.screen-loop[data-custom=true] .loop-clock-panel{padding:1cqw;gap:.2cqw}.screen-loop[data-custom=true] .animated-clock{font-size:calc(var(--position-clock-font, 4.3cqw) * var(--clock-text-scale, 1))}.loop-edit-box>.loop-resize-handle{display:none;right:-18px;bottom:-36px;width:36px;height:36px;z-index:3}.loop-edit-box.selected{z-index:2}.loop-canvas-viewport{max-width:100%;overflow:auto;padding-bottom:2px}.loop-canvas.editing{margin-bottom:36px}.loop-edit-box.selected>.loop-resize-handle{min-width:36px;min-height:36px;max-width:36px;max-height:36px;padding:0;line-height:1;box-sizing:border-box}.loop-canvas .loop-edit-box.selected>.loop-resize-handle{height:36px!important;min-height:36px!important;max-height:36px!important;min-width:36px!important;padding:0!important;margin:0!important}.loop-edit-box>.loop-resize-handle{top:auto;left:auto;pointer-events:auto;display:none;text-align:center;align-content:center;font-size:22px}.loop-edit-box.selected>.loop-resize-handle{display:block}.screen-loop[data-clock-face=true] .loop-clock-panel{justify-content:center;gap:1cqw;text-align:center}.screen-loop[data-clock-face=true] .animated-clock{font-size:calc(8cqw * var(--clock-text-scale, 1));line-height:1.2}.screen-loop[data-custom=true][data-positions~=news] .news-ribbon{position:absolute;left:var(--position-news-x)!important;top:var(--position-news-y)!important;right:auto!important;bottom:auto!important;width:var(--position-news-w)!important;height:var(--position-news-h)!important;min-height:0!important;max-height:none;transform:none!important;overflow:hidden;container-type:size}.screen-loop[data-custom=true][data-positions~=news] .headline-card{min-height:0;padding:.5cqw 1cqw}.screen-loop[data-custom=true][data-positions~=news] .headline-title{font-size:clamp(.7cqw,22cqh,1.3cqw);line-height:1.5}.screen-loop[data-custom=true][data-positions~=news] .headline-brief{font-size:clamp(.5cqw,15cqh,.85cqw);line-height:1.5}.loop-move-heading{font-size:16px;margin:16px 0 6px;color:var(--text, #254d80)}.drive-video-editor{padding:16px;border:1px solid var(--line, #e3eaf5);border-radius:12px;margin:14px 0;background:#4489ed04}.drive-video-editor h3{font-size:16px;margin:0 0 8px}.drive-video-editor input{width:100%}.drive-video-status{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:#101a2be8;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:1cqw;padding:4cqw;font:1.2cqw Cairo,sans-serif}.drive-video-status p{max-width:80%;line-height:1.8}.drive-video-status progress{width:60%;height:1cqw;accent-color:#71adff}.drive-video-status button{padding:.5cqw 1cqw;background:#2869c8;color:#fff;border-radius:.4cqw;font:inherit;border:1px solid #71adff;cursor:pointer}.drive-cache-note{position:absolute;bottom:2%;left:2%;color:#fff;background:#101a2bcc;padding:.3cqw .6cqw;font-size:.6cqw}.screen-presentation{background:#000!important;position:relative}.presentation-player{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;overflow:hidden}.presentation-player>img{height:100%;width:100%;object-fit:contain;display:block}.presentation-display-controls{position:absolute;bottom:1%;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;background:#152338d9;border-radius:10px;padding:7px 12px;color:#fff;font:14px Cairo,sans-serif;opacity:0;transition:opacity .2s}.presentation-player:hover .presentation-display-controls,.presentation-display-controls:focus-within{opacity:1}.presentation-display-controls button{color:#fff;background:#2869c8;border:0;border-radius:6px;padding:7px 14px;cursor:pointer}.presentation-connection{position:absolute;top:1%;right:1%;background:#111b;color:#fff;padding:5px;font:12px Cairo,sans-serif}.presentation-editor{padding:16px;border:1px solid var(--line, #e3eaf5);border-radius:14px}.presentation-editor progress{width:100%;accent-color:#4489ed}.presentation-remote-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.presentation-remote-buttons button{min-height:64px!important;font-size:16px!important}.presentation-thumbnails{display:flex;gap:10px;overflow:auto;padding:12px 0}.presentation-thumbnails button{flex-shrink:0;width:110px;border:2px solid transparent;border-radius:8px;background:#f0f4fa;padding:5px;cursor:pointer}.presentation-thumbnails button[aria-pressed=true]{border-color:#4489ed}.presentation-thumbnails img{width:100%;aspect-ratio:16/9;object-fit:contain;display:block}.presentation-thumbnails span{display:block;font-size:12px}.presentation-editor>p[role=alert]{color:#a32929;line-height:1.8}html[data-pointer-ui=false] .display-controls,html[data-pointer-ui=false] .presentation-display-controls{opacity:0!important;pointer-events:none!important}html[data-pointer-ui=true] .presentation-display-controls{opacity:1}html[data-pointer-ui=false] .tv{cursor:none}html[data-pointer-ui=false] .tv-settings,html[data-pointer-ui=false] .device-audio-controls{cursor:auto}.background-audio-editor{border:1px solid var(--line, #e3eaf5);border-radius:12px;padding:16px;margin:0 0 18px}.background-audio-editor h3{font-size:16px;margin:0 0 10px}.background-audio-editor input[type=url]{width:100%}.device-audio-controls{position:fixed;left:18px;top:18px;z-index:46;display:flex;flex-direction:column;gap:12px;background:#fff;color:#254d80;border:1px solid #dce8fa;padding:18px;border-radius:12px;width:300px;max-width:calc(100vw - 36px);font:14px Cairo,sans-serif}.device-audio-controls button{min-height:46px;border:1px solid #dce8fa;border-radius:8px;background:#edf4ff;color:#254d80}.device-audio-controls input{width:100%}.device-audio-controls small{line-height:1.7}.audio-seek-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.background-audio-editor audio{display:block;max-width:100%;width:100%;margin-top:8px}.device-audio-controls{max-height:calc(100vh - 36px);overflow:auto}.rotation-editor{border:1px solid var(--line, #e3eaf5);background:#fff;border-radius:14px;padding:18px;margin:14px 0}.rotation-editor h3{font-size:16px;margin:0 0 12px}.rotation-editor label{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0}.rotation-editor input[type=number]{width:100px}.screen-rotation{position:relative;width:100%;aspect-ratio:16/9}.screen-rotation>.screen{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.tv>.screen-rotation{position:absolute;top:0;right:0;bottom:0;left:0;aspect-ratio:auto;width:100%;height:100%}.full-audio-player{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:2cqw;align-items:center;justify-content:center;color:inherit;font-family:Cairo,sans-serif}.full-audio-player>b{font-size:3cqw}.full-audio-player>audio{width:70%;max-width:700px}.full-audio-player>small{font-size:1cqw}.presentation-preparation{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;padding:24px;color:#fff;text-align:center;font:16px Cairo,sans-serif}.presentation-preparation progress{width:65%;max-width:480px}.presentation-preparation button{padding:10px 20px;border:0;border-radius:8px;background:#2869c8;color:#fff}.presentation-cache-note{position:absolute;top:1%;left:1%;color:#fff;background:#111b;padding:5px;font:12px Cairo,sans-serif}.cache-status-line{position:fixed;z-index:49;top:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;max-width:calc(100vw - 40px);width:max-content;padding:9px 17px;border-radius:24px;background:linear-gradient(120deg,#172333b8,#23384a85);color:#fff;border:1px solid #ffffff30;box-shadow:0 8px 30px #0003;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font:12px Cairo,sans-serif;pointer-events:none}.cache-status-line i{width:7px;height:7px;background:#8bc8ff;border-radius:50%;box-shadow:0 0 10px #7ac6ff}.cache-status-line.failed i{background:#ffc786}.cache-status-line span{max-width:55vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cache-status-line small{white-space:nowrap;color:#d2e4f3}.cache-status-line progress{width:70px;height:3px;accent-color:#a4d5ff}.cache-retry{position:fixed;z-index:50;top:65px;left:50%;transform:translate(-50%);background:#21364dd9;color:#fff;border:1px solid #ffffff40;border-radius:20px;padding:8px 16px}.video-playlist{position:absolute;top:0;right:0;bottom:0;left:0}.video-playlist>video,.video-playlist>img{width:100%;height:100%;object-fit:var(--media-fit, contain)}.video-playlist-editor{border:1px solid var(--line, #e3eaf5);border-radius:14px;padding:16px;margin:16px 0}.video-playlist-editor input[type=url]{width:100%}.video-playlist-editor ol{padding-inline-start:22px}.video-playlist-editor li{padding:10px 0;border-bottom:1px solid #e3eaf5}.video-playlist-editor li>input{max-width:70%}.playlist-actions{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.playlist-actions button{min-height:36px}.video-playlist-editor li label input{width:80px}.cache-status-line{pointer-events:auto}.playback-toggle{border:0;background:#ffffff18;color:#fff;border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:19px}.playback-toolbar{position:fixed;z-index:49;top:14px;left:50%;transform:translate(-50%);background:#172333b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #ffffff30;border-radius:24px;padding:5px;opacity:0;pointer-events:none;transition:opacity .2s}html[data-pointer-ui=true] .playback-toolbar,.playback-toolbar:focus-within{opacity:1;pointer-events:auto}.playback-panel{position:fixed;z-index:55;top:65px;left:50%;transform:translate(-50%);width:340px;max-width:calc(100vw - 30px);max-height:calc(100vh - 85px);overflow:auto;display:flex;flex-direction:column;gap:12px;padding:20px;background:#152436e8;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;border:1px solid #ffffff30;border-radius:18px;box-shadow:0 15px 50px #0005;font:13px Cairo,sans-serif}.playback-panel button{border:1px solid #ffffff30;background:#ffffff12;color:#fff;padding:10px;border-radius:9px;cursor:pointer}.playback-panel label input,.download-task progress{width:100%}.playback-panel small{color:#bccddd;line-height:1.8}.download-task{display:flex;flex-direction:column;gap:6px}.playback-panel>div:not(.download-task){display:flex;gap:8px}.daily-media-content,.daily-media-content>div,.daily-media-content video{width:100%;height:100%}.daily-media-content{overflow:hidden;position:relative}.daily-media-content img{width:100%;height:100%;display:block}.daily-media-content video{object-fit:var(--media-fit, cover)}.daily-media-preview{width:110px;height:80px;overflow:hidden;border-radius:10px}.screen-media{overflow:hidden}.screen-media>video{object-position:var(--crop-x, 50%) var(--crop-y, 50%);transform:scale(var(--crop-zoom, 1));transform-origin:var(--crop-x, 50%) var(--crop-y, 50%)}.playlist-video-crop{width:100%;height:100%}.playlist-video-crop>video{width:100%;height:100%;object-fit:var(--media-fit, contain)}.video-playlist{overflow:hidden}.crop-editor{border:1px solid #dce5f1;border-radius:12px;padding:14px;margin:12px 0;min-width:0}.crop-editor label{display:block;margin:10px 0}.crop-editor input{width:100%}.playlist-summary{display:flex;justify-content:space-between;gap:12px;margin:18px 0;color:#58718f;font-size:12px}.playlist-stack{list-style:none!important;padding:0!important;display:grid;gap:12px}.playlist-stack .playlist-card{padding:16px;border:1px solid #dce5f1;border-radius:16px;background:linear-gradient(130deg,#fff,#f4f8ff);box-shadow:0 3px 10px #19335106;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.playlist-card-heading{display:flex;align-items:center;gap:12px;grid-column:1/-1}.playlist-order{background:#e3eeff;color:#2d65ac;border-radius:10px;min-width:30px;text-align:center;padding:7px;font-weight:700}.playlist-thumbnail{width:74px;height:44px;border-radius:8px;background:#253f5c;color:#b8d8ff;display:grid;place-items:center;overflow:hidden}.playlist-thumbnail img{width:100%;height:100%;object-fit:cover}.playlist-kind{font-size:12px;color:#58718f}.playlist-card>input{max-width:none!important;width:100%;grid-column:1/-1}.playlist-card>small{display:none}.playlist-card .playlist-crop{grid-column:1/-1}.playlist-crop summary{cursor:pointer;color:#3a67a0;font-size:13px}.playlist-card>.playlist-actions{justify-content:flex-end;margin:0}.playlist-card>.playlist-actions button{border:1px solid #d8e5f3;background:#fff;border-radius:8px;color:#41618a;padding:6px 12px}.playlist-card>label{font-size:12px}@media(max-width:600px){.playlist-summary{flex-direction:column}.cache-status-line{padding:7px 10px;gap:6px;font-size:10px}.cache-status-line progress{width:35px}.cache-status-line span{max-width:43vw}}.playback-panel label{color:#e1edf7}.playlist-card .crop-editor input[type=range]{width:100%}.remote-media-panel{background:linear-gradient(130deg,#fff,#f1f6ff);border:1px solid #d9e5f5;border-radius:18px;padding:22px;margin:18px 0;box-shadow:0 5px 20px #18355e06}.remote-media-panel header{display:flex;justify-content:space-between;align-items:center;gap:14px}.remote-media-panel h2{margin:0;font-size:19px}.remote-media-panel header p{font-size:12px;color:#617c9c;margin:6px 0}.remote-online,.remote-offline{padding:6px 12px;border-radius:20px;font-size:12px;white-space:nowrap}.remote-online{background:#def5e9;color:#267358}.remote-offline{background:#edf0f5;color:#6a7b91}.remote-playback-buttons,.remote-seek{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.remote-media-panel>label{display:flex;flex-direction:column;gap:9px;margin:14px 0}.remote-media-panel input[type=range]{width:100%}.remote-seek button{border:1px solid #d8e5f3;background:#fff;border-radius:9px;padding:10px;color:#375e8c}.remote-device-reports{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:16px}.remote-device-reports article{border:1px solid #dce6f4;background:#fff;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:7px}.remote-device-reports small{color:#64809e}.remote-device-reports article>div{display:flex;flex-direction:column;gap:5px;font-size:12px}.remote-device-reports progress{width:100%}@media(max-width:600px){.remote-media-panel{padding:15px}.remote-media-panel header{align-items:flex-start;flex-direction:column}.remote-playback-buttons button{flex:1;font-size:12px}.remote-seek select{width:100%}}