.os{background:var(--color-canvas);grid-template:"side top""side main"minmax(0,1fr)/244px minmax(0,1fr);display:grid;position:fixed;inset:0}.os-skip{z-index:100;inset-inline-start:12px;border-radius:var(--radius-md);border:1px solid var(--color-primary);background:var(--color-bg-elevated);color:var(--color-primary);transition:transform var(--motion-move) var(--motion-move-ease);padding:8px 14px;position:absolute;top:8px;transform:translateY(-160%)}.os-skip:focus-visible{transform:none}.os-side{overscroll-behavior:contain;background:var(--color-bg);border-inline-end:1px solid var(--color-border);flex-direction:column;grid-area:side;min-height:0;padding:18px 12px 24px;display:flex;overflow-y:auto}.os-brand{flex-direction:column;gap:2px;padding:4px 12px 22px;display:flex}.os-wordmark{font-family:var(--font-latin);letter-spacing:.14em;text-transform:uppercase;color:var(--color-heading);white-space:nowrap;font-size:12.5px;font-weight:500}.os-role{color:var(--color-text-muted);font-size:12px}.os-nav{flex-direction:column;gap:2px;display:flex}.os-link{border-radius:var(--radius-md);min-height:42px;color:var(--color-text-muted);font-family:var(--font-arabic);transition:background-color .2s, color .2s, transform var(--motion-press) var(--motion-press-ease);background:0 0;border:0;align-items:center;gap:12px;padding:0 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex;position:relative}.os-link:hover{color:var(--color-text);background:var(--color-bg-subtle)}.os-link:active{transform:scale(var(--motion-press-scale))}.os-link-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.os-link[aria-current=page]{color:var(--color-primary);background:var(--color-surface-soft)}.os-link-side[aria-current=page]:before{content:"";inset-inline-start:-12px;background:var(--color-accent);border-start-end-radius:3px;border-end-end-radius:3px;width:3px;position:absolute;top:9px;bottom:9px}.os-top{background:var(--color-canvas);border-bottom:1px solid var(--color-border);grid-area:top;align-items:center;gap:12px;min-width:0;padding:12px 32px;display:flex}.os-top-brand{display:none}.os-search{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg-elevated);min-width:0;max-width:520px;height:40px;color:var(--color-text-muted);text-align:start;flex:1;align-items:center;gap:10px;padding:0 8px 0 12px;transition:border-color .2s,box-shadow .2s;display:flex}[dir=rtl] .os-search{padding:0 12px 0 8px}.os-search:hover{border-color:var(--color-primary)}.os-search-label{color:var(--color-text);font-weight:500}.os-search-hint{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-text-subtle);flex:1;font-size:12.5px;overflow:hidden}.os-search-icon{display:none}.os-search:disabled{cursor:not-allowed;background:0 0;border-style:dashed}.os-search:disabled:hover{border-color:var(--color-border-strong)}.os-search:disabled .os-search-label{color:var(--color-text-muted)}.os-account{border-top:1px solid var(--color-border);color:var(--color-text-muted);gap:6px;margin-top:auto;padding:16px 12px 0;font-size:13px;display:grid}.os-account-name{color:var(--color-heading);overflow-wrap:anywhere;font-weight:600}.os-account .wk-button{justify-self:start}.os-more .os-account{margin-top:8px;padding-top:12px}.os-account-choice{gap:4px;margin-block:2px 4px;display:grid}.os-account-label{color:var(--color-text-subtle);font-size:12px}.os-account .wk-segmented-option{text-overflow:ellipsis;min-width:0;padding:0 6px;overflow:hidden}.os-top>.wk-button{margin-inline-start:auto}.os-bell{margin-inline-start:auto;position:relative}.os-top>.os-bell+.wk-button{margin-inline-start:0}.os-main{outline:none;grid-area:main;min-height:0;scroll-padding-top:16px;overflow:hidden auto}.os-page{max-width:1240px;margin-inline:auto;padding:28px 32px 56px}.os-bottom,.os-more,.os-more-backdrop{display:none}@media (width<=1023px) and (width>=720px){.os{grid-template-columns:84px minmax(0,1fr)}.os-side{padding:14px 8px}.os-brand{align-items:center;padding:4px 0 18px}.os-wordmark{letter-spacing:.08em;font-size:10px}.os-role{display:none}.os-link-side{text-align:center;flex-direction:column;justify-content:center;gap:4px;min-height:60px;padding:6px 4px;font-size:11px}.os-link-side .os-link-label{flex:none;width:100%}.os-link-side .wk-pill-count{top:4px;min-width:18px;height:18px;padding:0 5px;font-size:10.5px;position:absolute;inset-inline-end:8px}.os-link-side[aria-current=page]:before{inset-inline-start:-8px}.os-side .os-account{padding-inline:0}.os-side .os-account .wk-segmented{grid-template-columns:minmax(0,1fr)}.os-side .os-account .wk-segmented-indicator{display:none}.os-side .os-account .wk-segmented-option[aria-checked=true]{background:var(--color-primary)}.os-top{padding-inline:20px}.os-page{padding:22px 20px 48px}}@media (width<=719px){.os{grid-template:"top""main"minmax(0,1fr)"bottom"/minmax(0,1fr)}.os-side{display:none}.os-top{padding:calc(env(safe-area-inset-top,0px) + 8px) 16px 8px;gap:8px}.os-top-brand{text-overflow:ellipsis;min-width:0;font-size:11.5px;display:block;overflow:hidden}.os-search{display:none}.os-search-icon{margin-inline-start:auto;display:inline-grid}.os-bell,.os-top>.wk-button{margin-inline-start:0}.os-page{padding:18px 16px 32px}.os-bottom{padding:4px 4px calc(env(safe-area-inset-bottom,0px) + 4px);background:var(--color-bg);border-top:1px solid var(--color-border);z-index:30;grid-area:bottom;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:relative}.os-link-bottom{text-align:center;flex-direction:column;justify-content:center;gap:3px;min-height:56px;padding:4px 2px;font-size:11px}.os-link-bottom .os-link-label{flex:none;width:100%}.os-link-bottom[aria-current=page]{background:0 0}.os-link-bottom[aria-current=page] .wk-icon{color:var(--color-primary)}.os-link-bottom[aria-current=page]:before{content:"";top:-4px;background:var(--color-accent);border-radius:2px;height:2px;position:absolute;inset-inline:30%}.os-link-bottom .wk-pill-count{top:2px;min-width:18px;height:18px;padding:0 5px;font-size:10.5px;position:absolute;inset-inline-start:calc(50% + 4px)}.os-more-backdrop{z-index:20;animation:wk-fade-in var(--motion-enter) var(--ease-luxury) both;background:#13131147;display:block;position:fixed;inset:0}.os-more{z-index:25;inset-inline:0;bottom:calc(env(safe-area-inset-bottom,0px) + 64px);max-height:calc(100% - env(safe-area-inset-bottom,0px) - 64px - 24px);overscroll-behavior:contain;background:var(--color-bg-elevated);border-top:1px solid var(--color-border-strong);animation:wk-sheet-in var(--motion-drawer) var(--motion-drawer-ease) both;border-radius:18px 18px 0 0;gap:2px;padding:12px 12px 14px;display:grid;position:fixed;overflow-y:auto}.os-link-more{min-height:48px}.os-more-rule{border:0;border-top:1px solid var(--color-border);width:100%;margin:4px 0}}@media (prefers-reduced-motion:reduce){.os-more,.os-more-backdrop{animation-name:wk-fade-in;animation-duration:var(--motion-reduced)}}