@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/ibm-plex-sans-arabic-arabic-300-normal-CbO9c89e.woff2)format("woff2"),url(/assets/ibm-plex-sans-arabic-arabic-300-normal-D1YP2vdu.woff)format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-arabic-arabic-400-normal-CyU-ddYS.woff2)format("woff2"),url(/assets/ibm-plex-sans-arabic-arabic-400-normal-EA1o-u_Q.woff)format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-arabic-arabic-500-normal-C4MQITzh.woff2)format("woff2"),url(/assets/ibm-plex-sans-arabic-arabic-500-normal-DPXcppbm.woff)format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-arabic-arabic-600-normal-0pRdybE_.woff2)format("woff2"),url(/assets/ibm-plex-sans-arabic-arabic-600-normal-MJZ0liF5.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/ibm-plex-sans-latin-300-normal-b4i7YzLG.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-300-normal-C9Of02-5.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-400-normal-CYLoc0-x.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-latin-500-normal-6ng42L7E.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-500-normal-BgVn5rGT.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-600-normal-Cu4Hd6ag.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff")}:root{--p-sand-100:#e4dfca;--p-sand-200:#dad5bf;--p-sand-300:#cfcab2;--p-sand-400:#c9c4ac;--p-sand-500:#c1bba2;--p-sand-600:#b5af97;--p-ink-400:#605c50;--p-ink-500:#524f48;--p-ink-700:#57544a;--p-ink-900:#3d3a32;--p-slate-500:#41537d;--p-amber-400:#d8a63c;--p-olive-500:#5b7a3a;--p-olive-700:#41572a;--p-ochre-600:#93701e;--p-ochre-800:#654d15;--p-rust-600:#a0402d;--p-rust-800:#883626;--bg-top:#cdc8b1;--bg-bottom:#c2bda4;--bg-solid:var(--p-sand-400);--scan:#3d3a320d;--on-bg:var(--p-ink-900);--on-bg-2:var(--p-ink-500);--on-bg-line:#3d3a3242;--glass:#dad5bf9e;--glass-strong:#dad5bfe0;--surface:var(--p-sand-200);--surface-2:var(--p-sand-300);--surface-3:var(--p-sand-500);--ink:var(--p-ink-900);--ink-2:var(--p-ink-500);--ink-3:var(--p-ink-400);--line:var(--p-sand-600);--bar:var(--p-ink-700);--on-bar:var(--p-sand-100);--on-bar-2:#e4dfcad9;--night:var(--p-ink-700);--on-night:var(--p-sand-100);--on-night-2:#e4dfcad9;--brand:var(--p-ink-700);--accent:var(--p-slate-500);--accent-soft:color-mix(in srgb, var(--p-slate-500) 14%, var(--surface));--highlight:var(--p-amber-400);--on-highlight:#2e2b24;--ok:var(--p-olive-500);--warn:var(--p-ochre-600);--risk:var(--p-rust-600);--ok-ink:var(--p-olive-700);--warn-ink:var(--p-ochre-800);--risk-ink:var(--p-rust-800);--ok-soft:color-mix(in srgb, var(--ok) 14%, var(--surface));--warn-soft:color-mix(in srgb, var(--warn) 16%, var(--surface));--risk-soft:color-mix(in srgb, var(--risk) 14%, var(--surface));--dock:#c9c4acf0;--dock-ink:var(--p-ink-500);--shadow-card:5px 5px 0 #3d3a3226;--shadow-small:3px 3px 0 #3d3a3224;--shadow-float:0 12px 28px -14px #28262080;--r-card:2px;--r-inner:2px;--r-chip:2px;--font-ui:"IBM Plex Sans", "IBM Plex Sans Arabic", system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif;--font-mono:"IBM Plex Mono", "IBM Plex Sans Arabic", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-figure:"IBM Plex Sans", "IBM Plex Sans Arabic", system-ui, sans-serif;--ease:cubic-bezier(.2, 0, 0, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-top:#272822;--bg-bottom:#1e1f1a;--bg-solid:#23241f;--scan:#e2ddc808;--on-bg:#e2ddc8;--on-bg-2:#a9a493;--on-bg-line:#e2ddc833;--glass:#2e2f29b3;--glass-strong:#2e2f29e6;--surface:#2e2f29;--surface-2:#37382f;--surface-3:#46473c;--ink:#e2ddc8;--ink-2:#ada894;--ink-3:#a6a193;--line:#4c4d42;--bar:#b9b39b;--on-bar:#23241f;--on-bar-2:#23241fd9;--night:#b9b39b;--on-night:#23241f;--on-night-2:#23241fd9;--accent:#93a6d3;--accent-soft:#3e4244;--highlight:#e2b552;--on-highlight:#23241f;--ok:#91b16e;--warn:#d9b252;--risk:#e3846c;--ok-ink:#9cb97d;--warn-ink:#d9b252;--risk-ink:#e89a86;--ok-soft:#3e4434;--warn-soft:#494430;--risk-soft:#4b3d34;--dock:#23241ff0;--dock-ink:#a9a493;--shadow-card:5px 5px 0 #0000004d;--shadow-small:3px 3px 0 #00000047;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg-top:#272822;--bg-bottom:#1e1f1a;--bg-solid:#23241f;--scan:#e2ddc808;--on-bg:#e2ddc8;--on-bg-2:#a9a493;--on-bg-line:#e2ddc833;--glass:#2e2f29b3;--glass-strong:#2e2f29e6;--surface:#2e2f29;--surface-2:#37382f;--surface-3:#46473c;--ink:#e2ddc8;--ink-2:#ada894;--ink-3:#a6a193;--line:#4c4d42;--bar:#b9b39b;--on-bar:#23241f;--on-bar-2:#23241fd9;--night:#b9b39b;--on-night:#23241f;--on-night-2:#23241fd9;--accent:#93a6d3;--accent-soft:#3e4244;--highlight:#e2b552;--on-highlight:#23241f;--ok:#91b16e;--warn:#d9b252;--risk:#e3846c;--ok-ink:#9cb97d;--warn-ink:#d9b252;--risk-ink:#e89a86;--ok-soft:#3e4434;--warn-soft:#494430;--risk-soft:#4b3d34;--dock:#23241ff0;--dock-ink:#a9a493;--shadow-card:5px 5px 0 #0000004d;--shadow-small:3px 3px 0 #00000047;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}html{background:var(--bg-solid)}body{min-height:100dvh;color:var(--on-bg);font:400 16px/1.55 var(--font-ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:var(--bg-solid)}body:before{content:"";z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg, var(--scan) 0 1px, transparent 1px 3px), linear-gradient(180deg, var(--bg-top), var(--bg-bottom));position:fixed;inset:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p,ul,ol,dl,dd{margin:0}ul,ol{padding:0;list-style:none}img{max-inline-size:100%;display:block}bdi,.num{font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono);letter-spacing:-.01em}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr{clip:rect(0 0 0 0);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}[dir=rtl] .flip,[dir=ltr] .flip-ltr{transform:scaleX(-1)}.dots-rule{background:var(--on-bg-2);opacity:.55;block-size:10px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='10'%3E%3Cg fill='%23000'%3E%3Ccircle cx='3' cy='3' r='1.1'/%3E%3Ccircle cx='7' cy='3' r='1.1'/%3E%3Ccircle cx='3' cy='7' r='1.1'/%3E%3Ccircle cx='17' cy='5' r='1.1'/%3E%3Ccircle cx='27' cy='3' r='1.1'/%3E%3Ccircle cx='31' cy='3' r='1.1'/%3E%3Ccircle cx='31' cy='7' r='1.1'/%3E%3C/g%3E%3C/svg%3E") repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='10'%3E%3Cg fill='%23000'%3E%3Ccircle cx='3' cy='3' r='1.1'/%3E%3Ccircle cx='7' cy='3' r='1.1'/%3E%3Ccircle cx='3' cy='7' r='1.1'/%3E%3Ccircle cx='17' cy='5' r='1.1'/%3E%3Ccircle cx='27' cy='3' r='1.1'/%3E%3Ccircle cx='31' cy='3' r='1.1'/%3E%3Ccircle cx='31' cy='7' r='1.1'/%3E%3C/g%3E%3C/svg%3E") repeat-x}.app{min-height:100dvh;padding-block-end:calc(92px + env(safe-area-inset-bottom))}.page{align-content:start;gap:18px;max-inline-size:640px;margin-inline:auto;padding:4px 16px 24px;display:grid}.page.wide{max-inline-size:1120px}.stack{gap:10px;display:grid}.row-flex{align-items:center;gap:10px;display:flex}.spacer{flex:1}.topbar{max-inline-size:640px;padding:calc(16px + env(safe-area-inset-top)) 16px 14px;align-items:flex-end;gap:12px;min-block-size:72px;margin-inline:auto;display:flex}.page.wide~.topbar,.topbar.wide{max-inline-size:1120px}.topbar .title{border-block-end:1px solid var(--on-bg);min-inline-size:0;box-shadow:0 4px 0 -3px var(--on-bg-line);flex:1;padding-block-end:8px}.topbar h1{font-size:32px;font-weight:300;line-height:1.2}.topbar .crumb{color:var(--on-bg-2);align-items:center;gap:6px;font-size:13px;display:flex}.topbar .crumb a:hover{color:var(--on-bg)}.label{color:var(--ink-2);font-size:13px}.muted{color:var(--ink-2)}.on-bg-muted{color:var(--on-bg-2)}.ok{color:var(--ok-ink)}.warn{color:var(--warn-ink)}.risk{color:var(--risk-ink)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.card{background:var(--surface);min-inline-size:0;color:var(--ink);border-radius:var(--r-card);box-shadow:var(--shadow-card);align-content:start;gap:12px;padding:0 14px 14px;display:grid;position:relative}.card-head{background:var(--bar);min-block-size:40px;color:var(--on-bar);border-radius:var(--r-card) var(--r-card) 0 0;align-items:center;gap:8px;margin-inline:-14px;padding-block:4px;padding-inline:14px 6px;display:flex}.card-head h2{text-overflow:ellipsis;white-space:nowrap;flex:1;min-inline-size:0;font-size:15px;font-weight:500;overflow:hidden}.card-head .idx{font:400 11.5px/1 var(--font-mono);color:var(--on-bar-2);letter-spacing:.04em;flex:none;order:2;padding-inline:4px}.card-head>svg{block-size:18px;inline-size:18px;color:var(--on-bar-2);flex:none}.card-head .count{font:500 12px var(--font-mono);color:var(--on-bar-2)}.card-head .chip:not(.lime):not(.risk){color:var(--on-bar);border-color:var(--on-bar-2);background:0 0}.card-head .chip.risk{background:var(--risk);color:var(--on-bar);border-color:var(--risk)}.card-act{border-radius:var(--r-inner);block-size:36px;inline-size:36px;color:var(--on-bar);background:0 0;border:0;flex:none;order:3;place-items:center;display:grid}.card-act svg{block-size:17px;inline-size:17px}.card-act:hover{background:#ffffff1a}.card-act:active{transform:scale(.94)}.card-foot{border-block-start:1px dashed var(--line);justify-content:space-between;align-items:center;gap:10px;padding-block-start:10px;display:flex}.card-foot .label{flex:1}.card.night .label,.card.night .muted{color:var(--ink-2)}.card.glass{background:var(--glass);color:var(--on-bg);box-shadow:inset 0 0 0 1px var(--on-bg-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.card.glass .label{color:var(--on-bg-2)}.card.tone-risk .card-head{background:var(--risk)}.card.tone-lime .card-head{background:var(--highlight);color:var(--on-highlight)}.card.tone-lime .card-head>svg{color:var(--on-highlight)}.board{align-items:start;gap:18px;display:grid}@media (min-width:900px){.board{grid-template-columns:repeat(2,minmax(0,1fr))}.board>.span-all{grid-column:1/-1}}@media (min-width:1240px){.board{grid-template-columns:repeat(3,minmax(0,1fr))}}.btn{border-radius:var(--r-inner);white-space:nowrap;min-block-size:46px;transition:transform .12s var(--ease), filter .12s;border:0;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:500;display:inline-flex}.btn svg{flex:none;block-size:18px;inline-size:18px}.btn:active{transform:translate(1px,1px)}.btn.primary,.btn.dark{background:var(--bar);color:var(--on-bar);box-shadow:var(--shadow-small)}.btn.soft{background:var(--surface-2);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.btn.glass{background:var(--glass);color:var(--on-bg);box-shadow:inset 0 0 0 1px var(--on-bg-line)}.btn.danger{background:var(--risk-soft);color:var(--risk-ink);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--risk) 40%, transparent)}.btn.block{inline-size:100%}.btn.sm{min-block-size:36px;padding:0 12px;font-size:13.5px}.btn[disabled]{opacity:.5;cursor:default;transform:none}.icon-btn{border-radius:var(--r-inner);background:var(--surface);block-size:44px;inline-size:44px;color:var(--ink);box-shadow:var(--shadow-small), inset 0 0 0 1px var(--line);border:0;flex:none;place-items:center;display:grid}.icon-btn svg{block-size:20px;inline-size:20px}.link{color:var(--accent);text-underline-offset:4px;font-weight:500;text-decoration:underline;text-decoration-thickness:1px}.chip{border-radius:var(--r-chip);background:var(--surface);color:var(--ink-2);border:1px solid var(--line);white-space:nowrap;justify-self:start;align-items:center;gap:6px;padding:2px 9px;font-size:12px;font-weight:500;line-height:1.6;display:inline-flex}.chip svg{block-size:14px;inline-size:14px}.chip.ok{background:var(--ok-soft);color:var(--ok-ink);border-color:color-mix(in srgb, var(--ok) 45%, transparent)}.chip.warn{background:var(--warn-soft);color:var(--warn-ink);border-color:color-mix(in srgb, var(--warn) 45%, transparent)}.chip.risk{background:var(--risk-soft);color:var(--risk-ink);border-color:color-mix(in srgb, var(--risk) 45%, transparent)}.chip.lime{background:var(--highlight);color:var(--on-highlight);border-color:var(--highlight)}.chip.ink{background:var(--bar);color:var(--on-bar);border-color:var(--bar)}.chip.glass{background:var(--glass);color:var(--on-bg);border-color:var(--on-bg-line)}.chip .pulse{block-size:7px;inline-size:7px;animation:pulse 1.4s var(--ease) infinite;background:currentColor}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.chips{flex-wrap:wrap;gap:6px;display:flex}button.chip{border-style:solid;min-block-size:32px}.meter{background:var(--surface-3);block-size:8px;position:relative}.meter>i{background:var(--ok);position:absolute;inset-block:0;inset-inline-start:0}.meter.warn>i{background:var(--warn)}.meter.risk>i{background:var(--risk)}.meter .limit{background:var(--ink);opacity:.55;inline-size:2px;position:absolute;inset-block:-4px}.chevrons{color:var(--ok);flex-wrap:wrap;gap:4px;display:flex}.chevrons.warn{color:var(--warn)}.chevrons.risk{color:var(--risk)}.chevrons i{block-size:14px;inline-size:14px;box-shadow:inset 0 0 0 1px var(--ink-3)}.chevrons i.on{box-shadow:none;background:currentColor}.ring{display:block}.ring circle{fill:none;stroke-linecap:butt}.ring .track{stroke:var(--surface-3)}.ring .value{stroke:var(--accent);transition:stroke-dashoffset .6s var(--ease)}.ruler{padding-block:14px 6px;position:relative}.ruler .ticks{justify-content:space-between;align-items:end;block-size:16px;display:flex}.ruler .ticks i{background:var(--ink-3);block-size:7px;inline-size:1.5px}.ruler .ticks i.major{background:var(--ink-2);block-size:14px}.ruler .ticks i.done{background:var(--ink)}.ruler .mark{background:var(--highlight);block-size:11px;inline-size:11px;box-shadow:0 0 0 2px var(--surface), 0 0 0 3px var(--ink-2);position:absolute;inset-block-start:4px;inset-inline-start:calc(var(--pct) * 100%);translate:-50%;rotate:45deg}[dir=rtl] .ruler .mark{translate:50%}.ruler .ends{font:400 11px var(--font-mono);color:var(--ink-3);justify-content:space-between;margin-block-start:6px;display:flex}.list{gap:0;display:grid}.lrow{min-block-size:54px;color:var(--ink);text-align:start;background:0 0;border:0;border-radius:0;grid-template-columns:auto 1fr auto;align-items:center;gap:2px 12px;inline-size:100%;padding:9px 8px;display:grid;position:relative}.list>*+*{border-block-start:1px dashed var(--line)}.lrow .bar{background:var(--c,var(--ink-2));grid-row:span 2;align-self:stretch;inline-size:4px}.lrow .tm{font:400 12.5px/1.3 var(--font-mono);color:var(--ink-2);text-align:center;grid-row:span 2;min-inline-size:48px}.lrow .tm b{color:var(--ink);font-size:14px;font-weight:500;display:block}.lrow .t{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;font-weight:500;overflow:hidden}.lrow .m{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;grid-column:2;min-inline-size:0;font-size:12.5px;overflow:hidden}.lrow .e{text-align:end;grid-area:span 2/3;justify-items:end;gap:4px;font-size:13px;display:grid}.lrow.with-time{grid-template-columns:auto auto 1fr auto}.lrow.with-time .m{grid-column:3}.lrow.with-time .e{grid-column:4}.lrow.now{background:var(--bar);color:var(--on-bar);border-color:#0000}.lrow.now+*{border-color:#0000}.lrow.now .m,.lrow.now .tm{color:var(--on-bar-2)}.lrow.now .tm b{color:var(--on-bar)}.lrow.now .chip.ink{background:var(--highlight);color:var(--on-highlight);border-color:var(--highlight)}.lrow.now:before{content:"";background:var(--ink);clip-path:polygon(0 0,100% 50%,0 100%);block-size:12px;inline-size:9px;margin-block-start:-6px;position:absolute;inset-block-start:50%;inset-inline-start:-13px}[dir=rtl] .lrow.now:before{clip-path:polygon(100% 0,0 50%,100% 100%)}.lrow.past .t,.lrow.past .tm b{color:var(--ink-2);font-weight:400}.lrow.past .bar,.lrow.past .chip{opacity:.45}.lrow.clash{box-shadow:inset 0 0 0 1.5px var(--risk)}a.lrow:hover,button.lrow:hover{background:color-mix(in srgb, var(--ink) 5%, transparent)}a.lrow.now:hover{background:var(--bar)}a.lrow:active,button.lrow:active{filter:brightness(.97)}.lrow:not(:has(.m))>*{grid-row:auto}.day-label{font:500 12px var(--font-mono);color:var(--ink-3);letter-spacing:.04em;margin-block-start:4px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.stats.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{box-shadow:inset 0 0 0 1px var(--line);border-radius:var(--r-inner);background:0 0;gap:0;min-inline-size:0;padding:8px 10px 7px;display:grid}.stat b{font:300 24px/1.2 var(--font-figure);text-align:start;direction:ltr;unicode-bidi:plaintext}.stat span{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}a.stat:hover{background:color-mix(in srgb, var(--ink) 5%, transparent)}.big{font:300 48px/1 var(--font-figure);letter-spacing:-.01em}.kv{grid-template-columns:auto 1fr;gap:0 16px;display:grid}.kv dt,.kv dd{border-block-end:1px solid color-mix(in srgb, var(--line) 70%, transparent);padding-block:6px}.kv dt{color:var(--ink-2);font-size:13.5px}.kv dd{text-align:end;overflow-wrap:anywhere;font-size:14.5px}.seg{border-radius:var(--r-inner);background:var(--glass);box-shadow:inset 0 0 0 1px var(--on-bg-line);gap:3px;padding:3px;display:inline-flex}.seg button{color:var(--on-bg-2);border-radius:var(--r-inner);background:0 0;border:0;padding:6px 14px;font-size:14px;font-weight:500}.seg button[aria-pressed=true]{background:var(--bar);color:var(--on-bar)}.card .seg{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line)}.card .seg button{color:var(--ink-2)}.card .seg button[aria-pressed=true]{color:var(--on-bar)}.field{color:var(--ink-2);gap:6px;font-size:13px;font-weight:500;display:grid}.field input{background:var(--surface-2);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-inner);text-align:start;direction:ltr;padding:12px 14px;font-size:17px}.field input:focus{border-color:var(--ink);background:var(--surface);box-shadow:var(--shadow-small);outline:none}.check{color:var(--ink);align-items:center;gap:10px;font-size:14.5px;display:flex}.check input{block-size:20px;inline-size:20px;accent-color:var(--bar);flex:none}.check.consent{color:var(--ink-2);align-items:flex-start;font-size:13px;line-height:1.7}.check.consent input{margin-block-start:3px}.check.consent a{text-underline-offset:3px;text-decoration:underline}.toggle{appearance:none;border-radius:var(--r-inner);background:var(--surface-3);cursor:pointer;block-size:26px;inline-size:46px;box-shadow:inset 0 0 0 1px var(--line);flex:none;transition:background .2s;position:relative}.toggle:after{content:"";background:var(--surface);block-size:20px;inline-size:20px;transition:inset-inline-start .2s var(--ease);position:absolute;inset-block-start:3px;inset-inline-start:3px;box-shadow:1px 1px #0003}.toggle:checked{background:var(--bar)}.toggle:checked:after{inset-inline-start:23px}.setting{justify-content:space-between;align-items:center;gap:12px;min-block-size:52px;display:flex}.setting+.setting{border-block-start:1px dashed var(--line)}.setting>span:not(.seg):not(.stepper){gap:2px;display:grid}.setting small{color:var(--ink-2);font-size:12px}.stepper{align-items:center;gap:10px;display:inline-flex}.stepper button{border-radius:var(--r-inner);background:var(--surface-2);block-size:36px;inline-size:36px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);border:0;font-size:18px}.alert-box{background:var(--risk-soft);color:var(--risk-ink);border-inline-start:3px solid var(--risk);gap:4px;padding:10px 14px;font-size:14px;display:grid}.alert-box small{font:11px var(--font-mono);opacity:.8;text-align:start;direction:ltr}.spin{border:2px solid;border-block-start-color:#0000;border-radius:50%;flex:none;block-size:18px;inline-size:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;color:var(--ink-2);padding:18px 8px;font-size:14px}.dock{z-index:20;padding-block:8px calc(10px + env(safe-area-inset-bottom));padding-inline:max(10px, env(safe-area-inset-left)) max(10px, env(safe-area-inset-right));background:var(--dock);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-block-start:1px solid var(--line);position:fixed;inset-block-end:0;inset-inline:0}.dock-in{grid-template-columns:repeat(5,1fr);gap:6px;max-inline-size:560px;margin-inline:auto;display:grid}.dock a{background:var(--surface);min-block-size:54px;color:var(--dock-ink);box-shadow:var(--shadow-small);align-content:center;justify-items:center;gap:2px;padding:4px 2px;font-size:11px;font-weight:500;display:grid}.dock .ico{place-items:center;block-size:24px;inline-size:28px;display:grid}.dock .ico svg{block-size:20px;inline-size:20px}.dock a[aria-current=page]{background:var(--bar);color:var(--on-bar)}.dock .raad .ico{block-size:28px;inline-size:28px}.scrim{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade .2s var(--ease);background:#23211c80;align-items:end;display:grid;position:fixed;inset:0}.sheet{background:var(--surface);max-block-size:92dvh;inline-size:100%;max-inline-size:560px;color:var(--ink);border-block-start:4px solid var(--bar);padding:10px 16px calc(20px + env(safe-area-inset-bottom));animation:rise .28s var(--ease);gap:14px;margin-inline:auto;display:grid;overflow:auto}.sheet .grab{background:var(--surface-3);block-size:4px;inline-size:44px;margin:0 auto}.sheet-head{align-items:center;gap:10px;display:flex}.sheet-head h2{flex:1;font-size:18px;font-weight:400}@media (min-width:700px){.scrim{align-items:center}.sheet{box-shadow:var(--shadow-card)}}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}@keyframes fade{0%{opacity:0}}.toast{z-index:50;background:var(--bar);max-inline-size:440px;color:var(--on-bar);box-shadow:var(--shadow-card);animation:rise .25s var(--ease);margin-inline:auto;padding:12px 16px;font-size:14px;position:fixed;inset-block-end:calc(92px + env(safe-area-inset-bottom));inset-inline:16px}.hello{max-inline-size:640px;padding:calc(18px + env(safe-area-inset-top)) 16px 10px;gap:12px;margin-inline:auto;display:grid}.hello.wide{max-inline-size:1120px}.hello-top{border-block-end:1px solid var(--on-bg);box-shadow:0 4px 0 -3px var(--on-bg-line);align-items:flex-end;gap:12px;padding-block-end:10px;display:flex}.hello-top .title{flex:1;min-inline-size:0}.hello h1{text-overflow:ellipsis;white-space:nowrap;font-size:32px;font-weight:300;line-height:1.2;overflow:hidden}.hello .date{color:var(--on-bg-2);flex-wrap:wrap;align-items:center;gap:4px 10px;margin-block-start:2px;font-size:13.5px;display:flex}.hello .date .sep{opacity:.5}.hello-chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.avatar{background:var(--surface);block-size:46px;inline-size:46px;color:var(--ink);box-shadow:var(--shadow-small), inset 0 0 0 1px var(--line);flex:none;place-items:center;font-weight:500;display:grid;overflow:hidden}.avatar img{object-fit:cover;block-size:100%;inline-size:100%}.avatar.lg{block-size:72px;inline-size:72px;font-size:26px}.banner{background:var(--highlight);color:var(--on-highlight);box-shadow:var(--shadow-small);align-items:center;gap:10px;padding:8px 8px 8px 12px;font-size:13.5px;font-weight:500;display:flex}.banner .spacer{flex:1}.raad-av{isolation:isolate;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.raad-av img{object-fit:cover;border-radius:50%;block-size:100%;inline-size:100%}.raad-av:before{content:"";z-index:-1;background:conic-gradient(from 0deg, var(--highlight), transparent 35%, var(--ink-2), transparent 75%, var(--highlight));opacity:0;border-radius:50%;transition:opacity .3s;position:absolute;inset:-3px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 2px))}.raad-av.working:before,.raad-av.retrying:before{opacity:1;animation:1.4s linear infinite spin}.raad-av .led{background:var(--ok);block-size:clamp(7px,15%,16px);inline-size:clamp(7px,15%,16px);box-shadow:0 0 0 2px var(--surface);border-radius:50%;position:absolute;inset-block-end:4%;inset-inline-end:4%}.raad-av.working .led{background:var(--highlight);animation:pulse 1.2s var(--ease) infinite}.raad-av.retrying .led{background:var(--warn)}.raad-av.needs .led,.raad-av.paused .led{background:var(--risk)}.raad-av.offline .led{background:var(--ink-3)}.raadline{background:var(--glass);color:var(--on-bg);box-shadow:inset 0 0 0 1px var(--on-bg-line);align-items:center;gap:10px;min-block-size:46px;padding:8px 12px;font-size:13.5px;display:flex}.raadline .text{min-inline-size:0;animation:fade .35s var(--ease);flex:1}.raadline .spin{opacity:.8;block-size:16px;inline-size:16px}.raadline.on-card{background:var(--surface-2);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.raadline.fail{background:var(--risk-soft);color:var(--risk-ink);box-shadow:inset 3px 0 0 var(--risk)}[dir=rtl] .raadline.fail{box-shadow:inset -3px 0 0 var(--risk)}.raad-id{grid-template-columns:auto 1fr;align-items:center;gap:16px;padding-block-start:4px;display:grid}.raad-id h2{font-size:32px;font-weight:300;line-height:1.1}.raad-id .role{margin-block-start:6px}.raad-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.raad-meta div{box-shadow:inset 0 0 0 1px var(--line);gap:2px;min-inline-size:0;padding:8px 10px;display:grid}.raad-meta small{color:var(--ink-2);font-size:11px}.raad-meta b{font-size:12.5px;font-weight:500;line-height:1.5}.raad-intro{color:var(--ink-2);font-size:14.5px;line-height:1.85}.creed{gap:10px;display:grid}.creed li{grid-template-columns:26px 1fr;align-items:start;gap:8px;font-size:14px;line-height:1.7;display:grid}.creed li>span:first-child{background:var(--ok-soft);block-size:22px;inline-size:22px;color:var(--ok-ink);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ok) 40%, transparent);place-items:center;margin-block-start:2px;display:grid}.creed.never li>span:first-child{background:var(--risk-soft);color:var(--risk-ink);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--risk) 40%, transparent)}.creed svg{block-size:14px;inline-size:14px}.flow{counter-reset:flow;gap:0;display:grid}.flow li{grid-template-columns:38px 1fr;gap:10px;padding-block-end:14px;display:grid;position:relative}.flow li:before{content:"";background:repeating-linear-gradient(to bottom, var(--ink-3) 0 3px, transparent 3px 7px);inline-size:1px;position:absolute;inset-block:30px 0;inset-inline-start:18px}.flow li:last-child:before{display:none}.flow .n{block-size:28px;inline-size:38px;font:500 12px var(--font-mono);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2);place-items:center;display:grid}.flow li.raad .n{background:var(--bar);color:var(--on-bar);box-shadow:none}.flow b{font-size:14.5px;font-weight:500;display:block}.flow small{color:var(--ink-2);font-size:12.5px}.steps{gap:4px;margin-block-start:4px;padding-inline:8px;display:grid}.steps li{color:var(--ink-2);grid-template-columns:18px 1fr auto;align-items:center;gap:8px;font-size:13px;display:grid}.steps li svg{block-size:15px;inline-size:15px}.steps li.ok svg{color:var(--ok-ink)}.steps li.fail{color:var(--risk-ink)}.steps small{font:11px var(--font-mono);color:var(--ink-3);direction:ltr}.job summary{cursor:pointer;list-style:none}.job summary::-webkit-details-marker{display:none}.nn,.nn-main{gap:12px;display:grid}.nn-title{font-size:20px;font-weight:500;line-height:1.3}.nn-sub{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:8px;margin-block-start:2px;font-size:13px;display:flex}.nn-count{background-color:var(--surface-2);background-image:linear-gradient(color-mix(in srgb, var(--ink) 7%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--ink) 7%, transparent) 1px, transparent 1px);border-block-end:1px solid var(--line);background-size:14px 14px;order:-1;justify-content:center;align-items:center;gap:18px;min-block-size:132px;margin-block-start:-12px;margin-inline:-14px;padding:12px;display:flex}.nn-count .dial{block-size:96px;inline-size:96px;color:var(--ink);flex:none}.nn-count .num{justify-items:start;display:grid}.nn-count .big{color:var(--ink);font-size:56px;display:block}.nn-count small{color:var(--ink-2);font-size:12.5px}.nn-room{border-block-start:1px solid color-mix(in srgb, var(--line) 70%, transparent);justify-content:space-between;align-items:baseline;gap:10px;padding-block-start:8px;display:flex}.nn-room small{color:var(--ink-2);font-size:12.5px}.nn-room svg{color:var(--ink-2)}.nn-room b{font:500 20px var(--font-mono);margin-inline-start:auto}.nn-bar{background:var(--surface-3);block-size:6px;overflow:hidden}.nn-bar i{block-size:100%;inline-size:calc(var(--p) * 100%);background:var(--ink);display:block}.nn-next{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);align-items:center;gap:10px;padding:9px 10px;font-size:13.5px;display:flex}.nn-next .bar{background:var(--c,var(--accent));align-self:stretch;inline-size:4px}.nn-next .t{text-overflow:ellipsis;white-space:nowrap;flex:1;min-inline-size:0;font-weight:500;overflow:hidden}.nn-next .w{color:var(--ink-2);font:400 12.5px var(--font-mono)}.nn-empty{gap:4px;padding-block:6px;display:grid}.nn-empty b{font-size:22px;font-weight:300}.wk-wrap{margin-inline:-4px;padding:0 4px 10px;overflow:auto hidden}.wk{--hour:46px;grid-template-columns:38px repeat(var(--days), minmax(48px, 1fr));min-inline-size:100%;display:grid}.wk-day{text-align:center;color:var(--ink-2);padding-block:4px 8px;font-size:12px;font-weight:500}.wk-day.today span{background:var(--bar);color:var(--on-bar);padding:2px 8px}.wk-hours{block-size:calc(var(--hours) * var(--hour));position:relative}.wk-hours span{font:400 10px var(--font-mono);color:var(--ink-3);position:absolute;inset-inline-start:0;translate:0 -50%}.wk-col{block-size:calc(var(--hours) * var(--hour));border-inline-start:1px dashed var(--line);background:repeating-linear-gradient(to bottom, color-mix(in srgb, var(--line) 70%, transparent) 0 1px, transparent 1px var(--hour));position:relative}.wk-col.today{background-color:color-mix(in srgb, var(--ink) 5%, transparent)}.wk-block{block-size:calc((var(--e) - var(--s)) / 60 * var(--hour));inline-size:calc(100% / var(--lanes));padding:1.5px;position:absolute;inset-block-start:calc((var(--s) - var(--from)) / 60 * var(--hour));inset-inline-start:calc(var(--lane) / var(--lanes) * 100%)}.wk-block>a{background:color-mix(in srgb, var(--c) 24%, var(--surface));border-inline-start:3px solid var(--c);block-size:100%;color:var(--ink);padding:3px 5px;font-size:10.5px;line-height:1.25;display:block;overflow:hidden}.wk-block b,.wk-block small{text-overflow:ellipsis;white-space:nowrap;text-align:start;unicode-bidi:plaintext;display:block;overflow:hidden}.wk-block b{font-size:10.5px;font-weight:500}.wk-block small{font:400 9.5px var(--font-mono);color:var(--ink-2)}.wk-block.clash>a{border-inline-start-color:var(--risk);background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--c) 22%, var(--surface)) 0 6px, color-mix(in srgb, var(--risk) 18%, var(--surface)) 6px 12px);box-shadow:inset 0 0 0 1.2px color-mix(in srgb, var(--risk) 70%, transparent)}.wk-now{background:var(--risk);z-index:2;block-size:2px;position:absolute;inset-block-start:calc((var(--t) - var(--from)) / 60 * var(--hour));inset-inline:0}.wk-now:before{content:"";background:var(--risk);block-size:8px;inline-size:8px;position:absolute;inset-block-start:-3px;inset-inline-start:-4px;rotate:45deg}.month{text-align:center;grid-template-columns:repeat(7,1fr);gap:2px 0;display:grid}.month .dow{color:var(--ink-3);padding-block:4px 8px;font-size:12px;font-weight:500}.month button{inline-size:42px;font:400 14px var(--font-mono);color:var(--ink);background:0 0;border:0;justify-items:center;gap:3px;margin-inline:auto;padding:6px 0 7px;display:grid}.month button.out{color:var(--ink-3);opacity:.6}.month button.today{box-shadow:inset 0 0 0 1px var(--ink)}.month button[aria-pressed=true]{background:var(--bar);color:var(--on-bar);box-shadow:none}.month .marks{gap:3px;block-size:6px;display:flex}.month .marks i{background:var(--accent);block-size:5px;inline-size:5px}.month button[aria-pressed=true] .marks i{background:var(--on-bar)}.month .marks i.exam{box-shadow:inset 0 0 0 1.5px var(--risk);background:0 0}.month .marks i.clash{background:var(--risk)}.course-card{position:relative;overflow:hidden}.course-card:before{content:"";background:var(--c);z-index:1;inline-size:5px;position:absolute;inset-block:0;inset-inline-start:0}.course-top{align-items:start;gap:10px;display:flex}.course-top .title{flex:1;min-inline-size:0}.course-top h3{font-size:17px;font-weight:500;line-height:1.35}.course-top .code{font:400 12px var(--font-mono);color:var(--ink-2)}.grade-badge{text-align:center;min-inline-size:52px;box-shadow:inset 0 0 0 1px var(--line);padding:6px 8px}.grade-badge b{font:300 24px/1.1 var(--font-figure);display:block}.grade-badge small{color:var(--ink-2);font-size:10.5px}.grade-badge.posted{background:var(--bar);color:var(--on-bar);box-shadow:none}.grade-badge.posted small{color:var(--on-bar-2)}.absence-line{gap:6px;display:grid}.absence-line .row-flex{justify-content:space-between;font-size:13px}.idcard{gap:14px;display:grid}.idcard-top{align-items:center;gap:14px;padding-block-start:2px;display:flex}.idcard-top .who{flex:1;min-inline-size:0}.idcard-top h2{font-size:20px;font-weight:400;line-height:1.3}.idcard-top p{color:var(--ink-2);font-size:12.5px}.idcard .kv dd{font-family:var(--font-mono);font-size:13.5px}.idcard .kv dd.text{font-family:var(--font-ui)}.idcard .strip{grid-template-columns:repeat(16,1fr);gap:4px;display:grid}.idcard .strip i{aspect-ratio:1;box-shadow:inset 0 0 0 1px var(--ink-3)}.idcard .strip i:nth-child(-n+5){background:var(--ink-2);box-shadow:none}.idcard .strip i:nth-child(6){background:var(--highlight);box-shadow:none}.login{min-block-size:100dvh;max-inline-size:440px;padding:calc(24px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));align-content:center;gap:18px;margin-inline:auto;display:grid}.brand{text-align:center;justify-items:center;gap:10px;display:grid}.brand .logo{block-size:76px;inline-size:76px;box-shadow:var(--shadow-card)}.brand h1{font-size:30px;font-weight:300}.brand p{color:var(--on-bg-2);max-inline-size:320px;font-size:14px;line-height:1.8}.login form{gap:14px;padding-block-start:14px;display:grid}.legal-note{text-align:center;color:var(--on-bg-2);font-size:12px;line-height:1.9}.legal-note a{color:var(--on-bg);text-underline-offset:3px;text-decoration:underline}.login .demo{justify-self:center}.welcome{min-block-size:100dvh;max-inline-size:480px;padding:calc(20px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom));grid-template-rows:auto 1fr auto;gap:18px;margin-inline:auto;display:grid}.welcome-art{place-items:center;min-block-size:300px;display:grid}.welcome-art .stack-art{block-size:270px;inline-size:250px;position:relative}.welcome-art .stack-art .card{inline-size:210px;position:absolute}.welcome-text{animation:rise .35s var(--ease);gap:10px;display:grid}.welcome-text h1{border-block-end:1px solid var(--on-bg);box-shadow:0 4px 0 -3px var(--on-bg-line);padding-block-end:8px;font-size:30px;font-weight:300;line-height:1.3}.welcome-text p{color:var(--on-bg-2);font-size:15.5px;line-height:1.9}.welcome-nav{align-items:center;gap:12px;display:flex}.dots{flex:1;gap:6px;display:flex}.dots i{block-size:10px;inline-size:10px;box-shadow:inset 0 0 0 1px var(--on-bg-2);transition:background .25s var(--ease)}.dots i.on{background:var(--on-bg);box-shadow:none}.share-frame{z-index:-1;inline-size:420px;color:var(--on-bg);font-family:var(--font-ui);background:repeating-linear-gradient(0deg, var(--scan) 0 1px, transparent 1px 3px), linear-gradient(180deg, var(--bg-top), var(--bg-bottom));gap:14px;padding:20px 20px 16px;display:grid;position:fixed;inset-block-start:0;inset-inline-start:-10000px}.share-foot{border-block-start:1px solid var(--on-bg);align-items:center;gap:10px;padding-block-start:10px;font-size:12px;display:flex}.share-foot img{block-size:28px;inline-size:28px}.share-foot b{font-size:13px;font-weight:500;display:block}.share-foot .site{font:400 11px var(--font-mono);opacity:.8;direction:ltr;margin-inline-start:auto}.share-preview{background:var(--surface-2);min-block-size:160px;box-shadow:inset 0 0 0 1px var(--line);place-items:center;display:grid;overflow:hidden}.share-preview img{inline-size:100%}.share-actions{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;display:grid}.legal section{gap:4px;display:grid}.legal h2{font-size:15px;font-weight:500}.legal p{color:var(--ink-2);font-size:14px;line-height:1.85}.table{border-collapse:collapse;inline-size:100%;font-size:14px}.table th,.table td{text-align:start;border-block-end:1px dashed var(--line);vertical-align:top;padding:9px 8px}.table th{color:var(--ink-2);border-block-end-style:solid;font-weight:500}@media (max-width:599px){.table thead{display:none}.table tr{box-shadow:inset 0 0 0 1px var(--line);gap:2px;margin-block-end:8px;padding:10px 12px;display:grid}.table td{border:0;padding:0}.table td:before{content:attr(data-h);color:var(--ink-2);font-size:12px;display:block}}.clash{gap:6px;display:grid}.clash-when{color:var(--risk-ink);flex-wrap:wrap;justify-content:space-between;gap:2px 10px;font-size:13px;display:flex}.clash-when b{font-weight:500}.clash .list{box-shadow:inset 0 0 0 1px var(--line)}.clash .lrow{min-block-size:48px;padding-block:8px}.change-ico{background:color-mix(in srgb, var(--c,var(--ink-2)) 16%, var(--surface));block-size:32px;inline-size:32px;color:var(--c,var(--ink-2));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c,var(--ink-2)) 40%, transparent);grid-row:span 2;place-items:center;display:grid}.change-ico svg{block-size:16px;inline-size:16px}.lrow.change .m{white-space:normal}.lrow.change.fresh{box-shadow:inset 3px 0 0 var(--highlight)}[dir=rtl] .lrow.change.fresh{box-shadow:inset -3px 0 0 var(--highlight)}.rings{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px;display:grid}.ring-tile{box-shadow:inset 0 0 0 1px var(--line);justify-items:center;gap:6px;padding:10px 4px 8px;display:grid}a.ring-tile:hover{background:color-mix(in srgb, var(--ink) 5%, transparent)}.ring-wrap{place-items:center;display:grid;position:relative}.ring-wrap b{font:500 13px var(--font-mono);position:absolute}.ring-tile small{font:500 11px var(--font-mono);color:var(--ink-2);letter-spacing:.03em}.budget{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);gap:8px;padding:12px;display:grid}.budget b{font-size:14px;font-weight:500}.dot-c{flex:none;block-size:10px;inline-size:10px}.exam-hero{background:color-mix(in srgb, var(--c) 12%, var(--surface));border-inline-start:4px solid var(--c);align-items:center;gap:14px;padding:12px;display:flex}.exam-what{gap:2px;min-inline-size:0;display:grid}.exam-what b{font-size:15px;font-weight:500}.nn-count.light{background:var(--surface);min-block-size:0;min-inline-size:78px;box-shadow:inset 0 0 0 1px var(--ink), 0 0 0 3px var(--surface), 0 0 0 4px var(--line);background-image:none;border:0;order:0;justify-items:center;gap:0;margin:0;padding:8px 10px;display:grid}.nn-count.light .big{font-size:40px}.stack-art .art{position:absolute}.stack-art .a1{inline-size:190px;inset-block-start:0;inset-inline-end:0;rotate:4deg}.stack-art .a2{inline-size:160px;inset-block-start:70px;inset-inline-start:0;rotate:-5deg}.stack-art .a2 .big{font-size:64px}.stack-art .a3{place-items:center;inline-size:130px;display:grid;inset-block-end:0;inset-inline-end:24px}.art-lines{gap:8px;display:grid}.art-lines i{background:color-mix(in srgb, var(--c) 22%, var(--surface));border-inline-start:4px solid var(--c);block-size:24px;display:block}.art-ring{background:conic-gradient(var(--warn) 0 30%, var(--surface-3) 30% 100%);border-radius:50%;place-items:center;block-size:76px;inline-size:76px;display:grid}.art-ring b{background:var(--surface);block-size:60px;inline-size:60px;font:500 15px var(--font-mono);color:var(--ink);border-radius:50%;place-items:center;display:grid}.art-raad{place-items:center;block-size:260px;inline-size:260px;display:grid;position:relative}.art-raad .orbit{border:1px dashed var(--on-bg-line);border-radius:50%;animation:18s linear infinite spin;position:absolute}.art-raad .o1{inset:30px}.art-raad .o2{border-color:color-mix(in srgb, var(--highlight) 70%, transparent);animation-duration:28s;animation-direction:reverse;inset:0}.art-lock{justify-items:center;gap:16px;display:grid}.art-lock .card{block-size:170px;inline-size:170px;color:var(--ink);place-items:center;padding:14px;display:grid}.spin-icon{animation:1s linear infinite spin}