:root{color-scheme:light;--fg:#14213a;--muted:#61708a;--bg:#f8fbff;--card:#fff;--line:#e1e9f5;--surface:#fff;--surface-2:#f4f8ff;--input-border:#c5d3e8;--header-bg:rgba(255,255,255,.88);--glow1:#d8e8ff;--glow2:#dcecff;--notice-border:#c7dcfb;--err-bg:#fff0f0;--err-border:#f5cccc;--first-row:#e6f0ff;--head-shadow:rgba(20,70,160,.07);--on-accent-text:#1556c4;--accent:#2370ee;--accent-dark:#1556c4;--accent-soft:#eaf2ff;--grad:var(--accent);--grad-hero:linear-gradient(135deg,#4c9bff,#1f5fd6);--on-accent:#fff;--shadow:0 2px 4px rgba(20,70,160,.04),0 10px 28px rgba(20,70,160,.08);--ok:#1f9d55;--bad:#d64545;--radius:10px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--fg);background:var(--bg);min-height:100vh}main{max-width:760px;margin:0 auto;padding:28px 16px 72px}h1,h2,h3,header.top .brand{font-family:var(--font-heading),system-ui,sans-serif}h1,h2,h3{line-height:1.25;letter-spacing:-.01em}h1{font-size:1.9rem;margin:0 0 12px}h2{font-size:1.3rem;margin:32px 0 8px}a{color:var(--accent);text-underline-offset:3px}a:hover{color:var(--accent-dark)}header.top{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:var(--header-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}header.top .bar,header.top .links{max-width:1000px;margin:0 auto;padding:0 16px;display:flex;align-items:center;gap:4px}header.top .bar{min-height:56px;gap:14px}header.top .brand{display:inline-flex;align-items:center;text-decoration:none;margin-right:auto}.brand-logo{display:block;height:30px;width:auto}footer .brand-logo{height:24px}.brand-logo.dk{display:none;height:34px}footer .brand-logo.dk{height:27px}:root[data-theme=dark] .brand-logo.lt{display:none}:root[data-theme=dark] .brand-logo.dk{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .brand-logo.lt{display:none}:root:not([data-theme=light]) .brand-logo.dk{display:block}}header.top .auth{display:flex;align-items:center;gap:14px;font-size:15px}header.top .auth form{display:block;max-width:none}header.top .links{overflow-x:auto;scrollbar-width:none;padding-bottom:8px}header.top .links::-webkit-scrollbar{display:none}header.top .links a{padding:7px 14px;border-radius:999px;color:var(--fg);text-decoration:none;font-size:15px;white-space:nowrap}header.top .links a:hover{background:var(--accent-soft);color:var(--on-accent-text)}@media (min-width:720px){header.top{display:flex;align-items:center;justify-content:space-between;padding:0 16px}header.top .bar{display:contents}header.top .bar,header.top .links{padding:0}header.top .brand{order:0;margin-right:12px}header.top .links{order:1;margin-right:auto;padding:0;overflow:visible}header.top .auth{order:2}header.top{min-height:60px}}form{grid-gap:14px;gap:14px;max-width:420px}form,label{display:grid}label{grid-gap:4px;gap:4px;font-size:14px;font-weight:500}label.check{display:flex;gap:8px;align-items:flex-start;font-weight:400}button,input,select,textarea{font:inherit;font-size:16px;padding:10px 12px;min-height:44px;border:1px solid var(--input-border);border-radius:8px;background:var(--surface);color:var(--fg)}input[type=checkbox]{min-height:0;width:20px;height:20px;margin-top:3px;accent-color:var(--accent)}input:focus,math-field:focus-within,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}button{background:var(--accent);color:var(--on-accent);border:0;cursor:pointer;font-weight:600}button:hover{filter:brightness(1.07)}button.link{background:none;color:var(--accent);padding:0;min-height:0;font-weight:500;font-size:inherit}.error,.notice{padding:12px 16px;border-radius:var(--radius);background:var(--accent-soft);border:1px solid var(--notice-border)}.error{background:var(--err-bg);border-color:var(--err-border)}table{border-collapse:separate;border-spacing:0;width:100%;background:var(--surface);border-radius:14px;overflow:hidden;border:1px solid var(--line)}td,th{padding:12px 16px;text-align:left}tbody tr:nth-child(2n) td{background:var(--surface-2)}th{font-size:13px;color:var(--muted);font-weight:600}@media (max-width:600px){.tablewrap,main>table{display:block;overflow-x:auto}}iframe.pdf{width:100%;height:75vh;border:0;border-radius:var(--radius);background:#fff;box-shadow:0 2px 14px rgba(20,70,160,.12)}.muted{color:var(--muted);font-size:14px}.ok{color:var(--ok)}.bad{color:var(--bad)}ul.results{list-style:none;padding:0}math-field{width:100%;border:1px solid var(--input-border);border-radius:8px;background:var(--surface);color:var(--fg);min-height:48px;--hue:262}footer{max-width:760px;margin:0 auto;padding:24px 16px 32px;font-size:.9rem}.actions{display:flex;flex-wrap:wrap;gap:10px}.btn{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:8px;background:var(--accent);text-decoration:none;font-weight:600}.btn,.btn:hover{color:var(--on-accent)}.btn:hover{filter:brightness(1.07)}.btn.ghost{background:var(--surface);color:var(--on-accent-text);border:1px solid var(--input-border)}.btn.ghost:hover{color:var(--on-accent-text);background:var(--accent-soft)}.cards{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.card{padding:18px 20px;background:var(--surface);border:1px solid var(--line);border-radius:16px}.card h3{margin:0 0 4px;font-size:1.05rem}.card p{margin:0;color:var(--muted);font-size:15px}header.top .auth a{text-decoration:none;font-weight:500}main h1{color:var(--fg);font-family:var(--font-heading),system-ui,sans-serif;font-weight:800}main>form,main>section{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;margin:0 0 18px}main>form{max-width:460px}main>section h2:first-child,main>section h3:first-child{margin-top:0}main>section form,main>section>div>form{max-width:none}button,button.link,header.top .auth form{box-shadow:none}ul.results li{padding:6px 0}@media (max-width:600px){main>form,main>section{padding:16px;border-radius:14px}h1{font-size:1.6rem}}:root[data-theme=dark]{color-scheme:dark;--fg:#e8eefb;--muted:#93a3bf;--bg:#0b1220;--card:#131c31;--line:#22304d;--surface:#131c31;--surface-2:#17213a;--input-border:#2f4167;--header-bg:rgba(11,18,32,.85);--glow1:#12306a;--glow2:#0f2150;--notice-border:#264a85;--err-bg:#3a1d27;--err-border:#6a2f3d;--first-row:#17305c;--head-shadow:rgba(0,0,0,.4);--on-accent-text:#bcd6ff;--accent:#5b9cff;--accent-dark:#8ab8ff;--accent-soft:#172a4d;--on-accent:#06142e;--shadow:0 2px 4px rgba(0,0,0,.3),0 10px 28px rgba(0,0,0,.35);--ok:#4ade80;--bad:#f87171}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--fg:#e8eefb;--muted:#93a3bf;--bg:#0b1220;--card:#131c31;--line:#22304d;--surface:#131c31;--surface-2:#17213a;--input-border:#2f4167;--header-bg:rgba(11,18,32,.85);--glow1:#12306a;--glow2:#0f2150;--notice-border:#264a85;--err-bg:#3a1d27;--err-border:#6a2f3d;--first-row:#17305c;--head-shadow:rgba(0,0,0,.4);--on-accent-text:#bcd6ff;--accent:#5b9cff;--accent-dark:#8ab8ff;--accent-soft:#172a4d;--on-accent:#06142e;--shadow:0 2px 4px rgba(0,0,0,.3),0 10px 28px rgba(0,0,0,.35);--ok:#4ade80;--bad:#f87171}}.badge{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--accent-soft);color:var(--on-accent-text);font-size:12px;font-weight:600;vertical-align:middle;font-family:system-ui,sans-serif;letter-spacing:0}.theme-switch{position:relative;flex:none;width:46px;height:26px;min-height:0;padding:0;border-radius:999px;border:1px solid var(--input-border);background:var(--surface-2);box-shadow:none;transition:background .2s,border-color .2s}.theme-switch:hover{filter:none;border-color:var(--accent)}.theme-switch .ts-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--muted);transition:transform .2s,background .2s}.theme-switch.on{background:var(--accent-soft);border-color:var(--accent)}.theme-switch.on .ts-knob{transform:translateX(20px);background:var(--accent)}main:has(.studio-wrap){max-width:none;padding:10px 16px 8px}body:has(.studio-wrap) footer{display:none}.studio-wrap{height:calc(100dvh - 84px);min-height:520px}.studio-wrap h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.studio{display:grid;grid-template-columns:236px minmax(0,1fr) 272px;grid-gap:12px;gap:12px;height:100%}.studio button,.studio input,.studio select{min-height:34px;font-size:14px;padding:6px 10px}.studio input,.studio select{width:100%;min-width:0;box-sizing:border-box}.studio input[type=color]{padding:2px;width:44px;cursor:pointer}.studio input[type=range]{padding:0;min-height:28px;accent-color:var(--accent)}.studio input[type=checkbox]{width:auto;min-height:0}.studio label{display:grid;grid-gap:4px;gap:4px;font-size:13px;color:var(--muted)}.studio label.check{display:flex;align-items:center;gap:8px;color:var(--fg)}.studio button{box-shadow:none}.studio button.ghost{background:var(--surface);color:var(--fg);border:1px solid var(--input-border);font-weight:500}.studio button.ghost:hover{border-color:var(--accent);filter:none}.studio button.ghost.danger{color:var(--bad)}.studio button.sm{min-height:26px;padding:2px 8px;font-size:12px}.studio button:disabled{opacity:.45;cursor:default}.studio h3{font-size:14px;margin:4px 0 10px}.studio .palette,.studio .props{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);padding:10px;overflow-y:auto;min-height:0}.studio .props{display:flex;flex-direction:column;gap:10px}.studio .props h3{margin:0}.studio .blk{display:grid;grid-gap:8px;gap:8px;margin:0}.studio .grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.studio .grid .wide{grid-column:1/-1}.studio .row{display:flex;flex-wrap:wrap;gap:6px}.studio summary{cursor:pointer;font-size:13px;color:var(--muted)}.studio details[open] summary{margin-bottom:8px}.studio .wideBtn{width:100%}.studio .colorrow{display:flex;align-items:center;gap:8px}.studio .palette section+section{margin-top:4px}.studio .acc{width:100%;display:flex;justify-content:space-between;align-items:center;background:var(--surface-2);color:var(--fg);border:1px solid var(--line);font-weight:600;font-size:13px}.studio .acc .caret{transition:transform .15s;color:var(--muted)}.studio .acc.open .caret{transform:rotate(180deg)}.studio .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:6px;gap:6px;margin:8px 0 6px}.studio .card{min-width:0;justify-content:flex-start;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);padding:4px 3px 5px;cursor:-webkit-grab;cursor:grab;display:flex;flex-direction:column;gap:3px;align-items:center;text-align:center;font-size:10.5px;line-height:1.15;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--fg)}.studio .card:hover{border-color:var(--accent)}.studio .thumb{width:100%;aspect-ratio:1.4;background:#fff;border-radius:5px;overflow:hidden;flex:none}.studio .thumb>svg{width:100%;height:100%;display:block}.studio .center{display:flex;flex-direction:column;gap:8px;min-height:0;min-width:0}.studio .canvasbox{flex:1 1;min-height:0;border:1px solid var(--line);border-radius:var(--radius);background:#eceaf5;overflow:hidden;touch-action:none}.studio .canvasbox .base{position:absolute;inset:0;pointer-events:none;line-height:0}.studio .canvasbox .base>svg,.studio .canvasbox .overlay{position:absolute;inset:0;width:100%;height:100%}.studio .empty{position:absolute;left:0;right:0;top:46%;text-align:center;color:#8a86a3;font-size:14px;pointer-events:none}.studio .exportbar{display:flex;flex-wrap:wrap;gap:8px}.studio .seg,.studio .tabs{display:flex;gap:4px}.studio .seg button,.studio .tabs button{flex:1 1}.studio .seg button.off,.studio .tabs button.off{background:var(--accent-soft);color:var(--on-accent-text)}.studio .tiles{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:6px;gap:6px}.studio .tile{padding:4px;background:#fff;border:1px solid var(--input-border);border-radius:8px;min-height:0}.studio .tile svg:first-child{width:100%;height:auto;display:block}.studio .tile.on{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:-2px}.studio .modal{position:fixed;inset:0;background:rgba(15,12,30,.5);display:grid;place-items:center;z-index:50;padding:16px}.studio .dialog{background:var(--card);border-radius:14px;box-shadow:var(--shadow);width:min(980px,100%);max-height:100%}.studio .dialog.fnd{display:grid;grid-template-columns:340px 1fr;grid-template-rows:1fr auto;height:min(560px,92vh);overflow:hidden}.studio .fnd-left{padding:12px;overflow-y:auto;border-right:1px solid var(--line)}.studio .fnd-left,.studio .pane{display:flex;flex-direction:column;gap:10px}.studio .zoomb{position:absolute;right:16px;bottom:16px;display:grid;grid-gap:4px;gap:4px}.studio .zoomb button{width:34px;height:34px;padding:0;font-size:18px;line-height:1;background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:8px;cursor:pointer;box-shadow:var(--shadow)}.studio .exlist{display:grid;grid-gap:8px;gap:8px}.studio .exr{display:grid;grid-template-columns:26px minmax(0,1fr) 28px;grid-gap:8px;gap:8px;align-items:start;padding:8px;border:1px solid var(--line);border-radius:10px}.studio .exr.bad{border-color:var(--bad)}.studio .exr .dot{width:22px;height:22px;margin-top:12px;border:2px solid;border-radius:50%;position:relative;overflow:hidden;cursor:pointer;display:block}.studio .exr .dot input{position:absolute;inset:-8px;width:40px;height:40px;opacity:0;cursor:pointer}.studio .exr .x{width:28px;height:28px;margin-top:10px;padding:0;background:transparent;color:var(--muted);border:0;font-size:20px;cursor:pointer}.studio .exr .exm{display:grid;grid-gap:6px;gap:6px;min-width:0}.studio .exr math-field{font-size:1.15rem;padding:4px 6px;min-height:44px;border-radius:8px;border:1px solid var(--line)}.studio .trng{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--muted)}.studio .trng input{width:64px}.studio .slider{display:grid;grid-template-columns:auto 64px 1fr 52px 52px;grid-gap:6px;gap:6px;align-items:center;font-size:13px}.studio math-field::part(virtual-keyboard-toggle){color:var(--muted)}.studio .exprow{display:grid;grid-template-columns:44px 1fr 34px;grid-gap:6px;gap:6px;align-items:center;font-size:13px;color:var(--muted)}.studio .exprow input.bad{border-color:var(--bad);outline:1px solid var(--bad)}.studio .fnd-right{padding:12px;display:grid;place-items:center;background:#fff;border-radius:0 14px 0 0;min-height:0;position:relative}.studio .fnd-plot{width:100%;height:100%;cursor:-webkit-grab;cursor:grab;touch-action:none}.studio .fnd-plot:active{cursor:-webkit-grabbing;cursor:grabbing}.studio .fnd-svg,.studio .fnd-svg>svg{width:100%;height:100%}.studio .fnd-svg>svg{display:block}.studio .fnd-foot{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;padding:10px 12px;border-top:1px solid var(--line)}.studio .dialog.code{padding:12px;display:grid;grid-gap:10px;gap:10px}.studio .dialog.code textarea{width:100%;height:min(60vh,460px);font-family:monospace;font-size:13px}@media (max-width:960px){main:has(.studio-wrap){padding:12px 12px 24px}.studio,.studio-wrap{height:auto}.studio{grid-template-columns:1fr}.studio .canvasbox{flex:none;aspect-ratio:24/14}.studio .palette,.studio .props{max-height:none}.studio .center{order:-1}.studio .dialog.fnd{grid-template-columns:1fr;grid-template-rows:auto 220px auto;height:auto;max-height:92vh;overflow-y:auto}.studio .fnd-left{border-right:0}}main:has(.lp){max-width:none;padding:0}.lp-wrap{max-width:1120px;margin:0 auto;padding:0 24px}@media (min-width:820px){.lp-wrap{padding:0 48px}}.lp h1,.lp h2,.lp h3{background:none;color:var(--fg);-webkit-background-clip:border-box;letter-spacing:-.01em;line-height:1.2}.lp h3{font-size:1.1rem;margin:0 0 6px}.lp-hero{padding:48px 0 12px}.lp-hero-grid{display:grid;grid-gap:40px;gap:40px;align-items:center}.lp-hero h1{font-size:clamp(2rem,6vw,3.2rem);font-weight:800;margin:0 0 16px;line-height:1.15}.lp-hero h1 span{color:var(--accent)}.lp-hero p{margin:0 0 24px;color:var(--muted);font-size:1.1rem;max-width:32em}.lp-hero .lp-count{margin:18px 0 0;font-size:14px}@media (min-width:900px){.lp-hero{padding:96px 0 72px}.lp-hero-grid{grid-template-columns:minmax(0,560px)}}.lp-hero{display:flex;flex-direction:column}@media (min-width:900px){.lp-hero{display:block}}.hero-art{order:2;display:block;width:100%;max-width:340px;margin:28px auto 0;color:color-mix(in srgb,var(--fg) 45%,transparent);pointer-events:none}@media (min-width:900px){.hero-art{position:absolute;z-index:0;right:max(24px,calc((100vw - 1120px) / 2 + 24px));top:50%;transform:translateY(-50%);width:46%;max-width:560px;margin:0}}.lp-sec{position:relative;padding:52px 0}.lp-sechead{text-align:center;max-width:40em;margin:0 auto 28px}.lp-sechead h2{font-size:clamp(1.5rem,4vw,2.1rem);margin:0 0 8px;font-weight:800}.lp-sechead p{margin:0;color:var(--muted)}@media (max-width:700px){.lp-sec{padding:40px 0}.lp-hero{padding-top:36px}}.rv{transition:opacity .5s ease,transform .5s ease}.rv.rv-hide{opacity:0;transform:translateY(16px)}@media (prefers-reduced-motion:reduce){.pv-slide,.rv{transition:none}}.lp-ico{display:none;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--accent-soft);color:var(--accent);margin-bottom:14px}.lp-feats,.lp-fields{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.lp-feat,.lp-field{position:relative;display:flex;flex-direction:column;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--fg);text-decoration:none}.lp-feat p,.lp-field p{margin:0 0 16px;color:var(--muted);font-size:15px}.lp-field.open{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s}.lp-field.open:hover{transform:translateY(-2px);color:var(--fg)}.lp-field.soon{opacity:.6}.lp-tag{align-self:flex-start;margin-bottom:12px;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:var(--surface-2);color:var(--muted);border:1px solid var(--line)}.lp-tag.ok{background:color-mix(in srgb,var(--ok) 14%,var(--surface));color:var(--ok);border-color:transparent}.lp-stat{margin-top:auto;font-size:14px;color:var(--on-accent-text);font-weight:600}.lp-stat b{font-size:1.3rem}.lp-feat>p:last-child{margin-top:0}.lp-chips,.lp-ranks,.lp-tierlist{list-style:none;padding:0;margin:0;display:grid;grid-gap:8px;gap:8px}.lp-ranks li,.lp-tierlist li{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);font-size:14px}.lp-ranks em,.lp-tierlist b{margin-left:auto;font-style:normal;font-size:13px;color:var(--muted);font-weight:600}.lp-tierlist i{width:10px;height:10px;border-radius:50%}.lp-ranks b{width:18px;color:var(--accent-dark)}.lp-chips{display:flex;flex-wrap:wrap;gap:8px}.lp-chips li{padding:5px 12px;border-radius:999px;background:var(--accent-soft);color:var(--on-accent-text);font-size:13px;font-weight:600}i.t-mudah{background:#22a45d}i.t-menengah{background:#e5a50a}i.t-sulit{background:#d64545}.lp-studio{display:grid;grid-gap:28px;gap:28px;align-items:center;margin-top:56px;padding:32px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}.lp-studio-text p{margin:0 0 14px;color:var(--muted)}.lp-studio ul{margin:0 0 22px;padding-left:20px;display:grid;grid-gap:4px;gap:4px;font-size:15px}.lp-studio-art{border:1px solid var(--line);border-radius:14px;background:var(--surface-2);padding:16px;color:var(--fg)}.lp-studio-art svg{width:100%;display:block}@media (min-width:860px){.lp-studio{grid-template-columns:1fr 1fr;padding:40px;gap:48px}}.lp-steps{list-style:none;padding:0;margin:0;display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.lp-steps li{padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.lp-steps li>b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent);color:var(--on-accent);margin-bottom:14px;font-size:15px}.lp-steps p{margin:0;color:var(--muted);font-size:15px}.studio .tiles.t3{grid-template-columns:repeat(3,1fr)}.studio .exprow .exfields{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px}.studio .exprow .exfields.one{grid-template-columns:1fr}.studio .exprow .exfields label{display:grid;grid-gap:2px;gap:2px}.studio .sub{margin:10px 0 4px;font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.studio .muted.sm{font-size:12px;margin:4px 0 0}.studio .quickbar{display:flex;gap:6px;align-items:center;margin-bottom:6px;flex-wrap:wrap}.studio .quickbar .muted{margin-left:4px}.studio .canvasbox{position:relative}.studio .marquee{position:absolute;border:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);pointer-events:none}.studio .lbl{display:block;font-size:13px;color:var(--muted);margin-bottom:4px}.studio .checker{background:repeating-conic-gradient(#e5e1f2 0 25%,#fff 0 50%) 0 0 /16px 16px}.studio .texprev{margin:0;padding:12px;font-size:12px;overflow:auto;max-height:100%;width:100%;white-space:pre}.studio textarea{width:100%;box-sizing:border-box;font:inherit}.lp-hero,.lp-sec{position:relative}.studio math-field.eqfield{font-size:1.2rem;padding:6px;min-height:52px}:root{--keyboard-zindex:2000}main:has(.sl){max-width:1100px}.sl-eyebrow{display:flex;align-items:center;gap:10px;margin:8px 0 6px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.sl-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:22px}.sl-h1{margin:0;font-size:clamp(2rem,5vw,3rem);background:none;color:var(--fg);-webkit-text-fill-color:var(--fg)}.sl-sub{margin:6px 0 0;color:var(--muted)}.sl-clock{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:12px 18px;display:grid;grid-gap:4px;gap:4px;min-width:230px}.sl-clock small{color:var(--muted);font-size:12px}.cd{display:inline-flex;align-items:flex-end;gap:8px}.cd span{display:grid}.cd b{font-size:26px;line-height:1;font-family:var(--font-heading),system-ui,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cd i{font-size:10px;text-transform:uppercase;letter-spacing:.08em}.cd em,.cd i{font-style:normal;color:var(--muted)}.cd em{padding-bottom:14px}.sl-cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-bottom:18px}.sl-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:6px;min-height:230px;padding:20px;border-radius:20px;background:var(--surface);border:1px solid var(--line);text-decoration:none;color:inherit;transition:transform .15s,border-color .15s}a.sl-card:hover{transform:translateY(-2px);border-color:var(--tc);color:inherit}.sl-card h3{margin:4px 0 0;font-size:1.35rem;line-height:1.25}.sl-card.off{opacity:.55}.sl .t-mudah,.sl-card.t-mudah,.sl-tab.t-mudah,.sl.t-mudah{--tc:#2ecc8a}.sl .t-menengah,.sl-card.t-menengah,.sl-tab.t-menengah,.sl.t-menengah{--tc:#f0b429}.sl .t-sulit,.sl-card.t-sulit,.sl-tab.t-sulit,.sl.t-sulit{--tc:#f0607a}.sl-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;position:relative;z-index:1}.sl-num{display:none;font-size:13px;font-weight:700;letter-spacing:.06em}.sl-chip,.sl-num{color:var(--muted)}.sl-chip{font-size:12px;padding:4px 12px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line)}.sl-chip.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,transparent);background:color-mix(in srgb,var(--ok) 10%,transparent)}.sl-tier{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--tc)}.sl-foot{margin-top:auto;padding-top:14px;display:flex;justify-content:space-between;align-items:flex-end}.sl-pts{color:var(--muted);font-size:14px}.sl-pts b{font-size:2rem;color:var(--tc);font-family:var(--font-heading),system-ui,sans-serif;margin-right:4px}.sl-btn{border:1px solid var(--input-border);border-radius:10px;padding:8px 16px}.sl-btn,.sl-go{font-weight:600;font-size:14px}.sl-go{color:var(--accent)}.sl-links{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-bottom:8px}.sl-links a{display:grid;grid-gap:2px;gap:2px;padding:14px 18px;border-radius:16px;background:var(--surface);border:1px solid var(--line);text-decoration:none;color:var(--fg)}.sl-links a:hover{border-color:var(--accent)}.sl-links span{font-size:13px;color:var(--muted)}.sl-h2{margin:32px 0 10px;font-size:1.3rem}.sl-big{font-size:2.2rem;font-weight:800;margin:0;font-family:var(--font-heading),system-ui,sans-serif}.sl-big span{font-size:1rem;font-weight:500;color:var(--muted)}.sl-big small{display:block;font-size:13px;font-weight:400;color:var(--muted);font-family:system-ui,sans-serif}.sl-back{display:inline-block;margin-bottom:14px;font-size:14px;text-decoration:none}.sl-tabs{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-bottom:16px}.sl-tab{display:grid;grid-gap:2px;gap:2px;padding:12px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--tc);text-decoration:none;color:var(--fg)}.sl-tab small{font-size:12px;color:var(--muted)}.sl-tab.on{background:color-mix(in srgb,var(--tc) 12%,var(--surface));border-color:color-mix(in srgb,var(--tc) 60%,var(--line));box-shadow:inset 0 -3px 0 var(--tc)}.sl-tab.on b{color:var(--tc)}.sl-tab.off{opacity:.5}.sl-split{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:16px;gap:16px;align-items:start}.sl-panel,.sl-side{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:18px}.sl-ptitle{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-weight:700;margin-bottom:12px}.sl-ptitle .muted{margin-left:auto;font-weight:400}.sl-dot{display:none}.sl-note{background:var(--accent-soft);border-radius:14px;padding:12px 14px;margin-bottom:14px}.sl-note p{margin:4px 0 0;font-size:14px;color:var(--muted)}.sl-answer{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:1.25rem}.sl-answer span{margin-left:auto;font-size:13px;color:var(--accent)}.sl-form{display:grid;grid-gap:12px;gap:12px;max-width:none}.sl-card2{display:grid;grid-gap:8px;gap:8px;padding:12px 14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--tc) 55%,var(--line));background:var(--surface);margin-bottom:10px}.sl-form .sl-card2{margin-bottom:0}.sl-rowh{display:flex;justify-content:space-between;align-items:center}.sl-val{font-size:1.05rem}.sl-sent{padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--ok) 10%,transparent);border:1px solid color-mix(in srgb,var(--ok) 35%,transparent);color:var(--ok)}.sl-sent p{margin:2px 0 0;font-size:13px;color:var(--muted)}.sl.t-mudah{--tc:#2ecc8a}.sl.t-menengah{--tc:#f0b429}.sl.t-sulit{--tc:#f0607a}.sl-hist{width:100%}.sl-body{white-space:pre-wrap;margin:12px 0}.sl-sol{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin-bottom:8px}.sl-sol summary{cursor:pointer;font-weight:600}.sl-sol iframe{margin-top:10px}@media (max-width:860px){.sl-cards,.sl-links,.sl-split,.sl-tabs{grid-template-columns:1fr}}main:has(.ar){max-width:1040px}.ar-bar{display:flex;gap:10px;margin:14px 0 22px;flex-wrap:wrap}.ar-bar select{flex:0 0 200px}.ar-bar input{flex:1 1 240px}.ar-set{margin-bottom:28px}.ar-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:10px}.ar-head h2,.ar-set>h2{margin:0;font-size:20px}.ar-head .ad-btn{margin-left:auto}.ar-row{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 12px}.ar-row .ar-card{flex-grow:0;flex-shrink:0;flex-basis:calc((100% - 36px) / 4);scroll-snap-align:start}.ar-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.ar-card{display:flex;flex-direction:column;align-items:stretch;gap:4px;text-align:left;padding:12px;border-radius:14px;background:var(--surface);color:var(--text);border:1px solid var(--line);box-shadow:none;min-height:0}.ar-card:hover{filter:none;border-color:var(--accent);transform:translateY(-2px)}.ar-card b{font-size:14px;line-height:1.3}.ar-card em{font-style:normal;font-size:12px;color:var(--muted)}.ar-thumb{display:grid;place-items:center;aspect-ratio:4/3;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-weight:800;letter-spacing:.08em;margin-bottom:6px}.ar-tag{align-self:flex-start;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:rgba(34,164,93,.15);color:#1c8a4e}.ar-back{margin-bottom:8px}.ar-modal{position:fixed;inset:0;background:rgba(15,10,40,.6);display:grid;place-items:center;z-index:50;padding:2vh 2vw}.ar-dialog{width:min(1280px,100%);height:94vh;display:flex;flex-direction:column;background:var(--surface);border-radius:16px;overflow:hidden}.ar-dhead{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line)}.ar-dhead>b{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ar-toggle{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}.ar-toggle button{background:none;color:var(--text);box-shadow:none;border-radius:0;min-height:34px;padding:0 14px}.ar-toggle button.on{background:var(--accent);color:var(--on-accent)}.ar-x{background:none;color:var(--text);box-shadow:none;font-size:24px;min-height:0;padding:0 8px}.ar-pdf{flex:1 1;border:0;width:100%;background:#fff}@media (max-width:800px){.ar-grid{grid-template-columns:repeat(2,1fr)}.ar-row .ar-card{flex-basis:46%}}main:has(.ad){max-width:1180px}.ad{grid-template-columns:220px minmax(0,1fr);grid-gap:28px;gap:28px;align-items:start}.ad,.ad-nav{display:grid}.ad-nav{grid-gap:10px;gap:10px;position:-webkit-sticky;position:sticky;top:76px;align-content:start}.ad-nav>small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:0 12px}.ad-nav nav{display:grid;grid-gap:4px;gap:4px}.ad-nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;text-decoration:none;color:var(--muted);font-weight:500;font-size:15px}.ad-nav a svg{display:none}.ad-nav a.on,.ad-nav a:hover{background:var(--accent-soft);color:var(--on-accent-text)}.ad-nav a.on{font-weight:600}.ad-me{display:flex;align-items:center;gap:10px;margin-top:16px;padding:14px 12px 0;border-top:1px solid var(--line)}.ad-me span:last-child{display:grid;font-size:14px;line-height:1.3}.ad-me small{color:var(--muted);font-size:12px}.ad-ava{display:inline-grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:var(--accent);color:var(--on-accent);font-size:12px;font-weight:700}.ad-title{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}.ad-title h1{margin:0;font-size:clamp(2rem,4vw,2.6rem);background:none;color:var(--fg);-webkit-text-fill-color:var(--fg)}.ad-title p{margin:4px 0 0}.ad-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-bottom:16px}.ad-stat{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 18px}.ad-stat>div{display:grid;grid-gap:2px;gap:2px}.ad-stat small{color:var(--muted);font-size:13px}.ad-stat b{font-size:2rem;line-height:1.15;font-family:var(--font-heading),system-ui,sans-serif}.ad-stat em{font-style:normal;font-size:12px;color:var(--ok)}.ad-stat.slim{justify-content:flex-start;align-items:center;gap:12px}.ad-stat.slim b{font-size:1.4rem}.ad-sico{display:none;place-items:center;flex:none;width:38px;height:38px;border-radius:12px;background:var(--accent-soft);color:var(--accent)}.ad-grid2{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);grid-gap:14px;gap:14px}.ad-panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:14px}.ad-panel.flush{padding:0;overflow:hidden}.ad-panel h3{margin:0;font-size:1.1rem}.ad-phead{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}.ad-phead.pad{padding:18px 18px 6px}.ad .pad{padding:18px}.ad-gain{color:var(--ok);font-size:1.6rem;font-family:var(--font-heading),system-ui,sans-serif}.ad-gain small{font-size:12px;color:var(--muted);font-weight:400;font-family:system-ui,sans-serif}.ad-chart{width:100%;height:200px;display:block}.ad-act{list-style:none;margin:0;padding:0}.ad-act li{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.ad-act li:first-child{border-top:0}.ad-act li>div{display:grid;flex:1 1;min-width:0;line-height:1.35}.ad-act em,.ad-act small,.ad-weeks em{color:var(--muted);font-size:12px}.ad-act em,.ad-weeks em{font-style:normal;white-space:nowrap}.ad table{box-shadow:none;border:0;border-radius:0;background:none}.ad th{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600}.ad td,.ad th{padding:14px 18px}.ad td{font-size:14px;font-weight:400}.ad tbody td{background:none!important;border-top:1px solid var(--line);color:var(--fg)!important;font-weight:400!important}.ad tbody tr:hover td{background:var(--surface-2)!important}.ad-who{display:flex;align-items:center;gap:12px}.ad-who>span:last-child{display:grid;line-height:1.3}.ad-who small{color:var(--muted);font-size:12px}.ad-tag{margin-left:0;font-style:normal;font-size:11px;padding:1px 8px;border-radius:999px;background:var(--accent-soft);color:var(--on-accent-text)}.ad-pts{color:var(--accent);font-weight:700!important}.ad-foot{padding:12px 18px;margin:0;border-top:1px solid var(--line)}.ad-live{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:16px 20px;margin-bottom:14px;border-radius:18px;border:1px solid color-mix(in srgb,var(--ok) 35%,var(--line));background:color-mix(in srgb,var(--ok) 6%,var(--surface))}.ad-live>div{display:grid;line-height:1.3}.ad-live>div:first-of-type{flex:1 1}.ad-live small{font-size:11px;letter-spacing:.08em;color:var(--muted)}.ad-livedot{width:10px;height:10px;border-radius:50%;background:var(--ok)}.ad-weeks{list-style:none;margin:0;padding:0}.ad-weeks li{display:flex;align-items:center;gap:16px;padding:14px 18px;border-top:1px solid var(--line)}.ad-weeks li>div:not(.ad-sub){display:grid;flex:1 1;min-width:0;line-height:1.35}.ad-weeks small{color:var(--muted);font-size:12px}.ad-wn{display:inline-grid;place-items:center;flex:none;min-width:38px;height:38px;padding:0 6px;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:13px}.ad-st{font-size:12px;padding:3px 12px;border-radius:999px;background:var(--surface-2);color:var(--muted)}.ad-st.on{background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok)}.ad-st.done{background:var(--accent-soft);color:var(--on-accent-text)}.ad-sub{display:grid;min-width:70px;line-height:1.3}.ad-dots{display:inline-flex;gap:5px}.ad-dots i{width:9px;height:9px;border-radius:50%}.ad-crumb{display:flex;align-items:center;gap:8px;padding:16px 18px;border-bottom:1px solid var(--line);font-size:13px}.ad-crumb span{color:var(--muted)}.ad-folders{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;padding:18px}.ad-folder2{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;border:1px solid var(--line);text-decoration:none;color:var(--fg)}.ad-folder2 svg{display:none}.ad-folder2:hover{border-color:var(--accent)}.ad-folder2 span{display:grid;line-height:1.3}.ad-folder2 small{color:var(--muted);font-size:12px}.ad-recent{padding:4px 0 0;border-top:1px solid var(--line)}.ad-recent h3{padding:16px 18px 6px}.ad-sets{padding:18px}.ad-set{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin-bottom:8px}.ad-set summary{cursor:pointer;gap:10px;align-items:baseline}.ad-inline,.ad-set summary{display:flex;flex-wrap:wrap}.ad-inline{gap:8px;margin-top:10px;max-width:none!important}.ad-main>section{border-radius:18px;padding:18px}.up{border:1px solid var(--line);border-radius:16px;padding:0;width:min(560px,94vw);background:var(--surface);color:var(--fg)}.up::-webkit-backdrop{background:rgba(15,10,40,.55)}.up::backdrop{background:rgba(15,10,40,.55)}.up-form{display:grid;grid-gap:12px;gap:12px;padding:20px;max-width:none!important;background:none;box-shadow:none}.up-head{display:flex;justify-content:space-between;align-items:center}.up-head h3{margin:0}.wz-two{grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.wz,.wz-two{display:grid}.wz{grid-gap:14px;gap:14px;max-width:none!important;background:none!important;box-shadow:none!important;padding:0!important}.wz-steps{display:flex;gap:8px;list-style:none;padding:0;margin:0;flex-wrap:wrap}.wz-steps button{background:var(--surface);color:var(--text);box-shadow:none;border:1px solid var(--line);border-radius:999px;display:inline-flex;gap:8px;align-items:center;padding:0 16px}.wz-steps b{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:12px}.wz-steps li.on button{background:var(--accent);color:var(--on-accent);border-color:transparent}.wz-steps li.on b{background:rgba(255,255,255,.25);color:var(--on-accent)}.wz-pane,.wz-tier{display:grid;grid-gap:12px;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px}.wz-tier{padding:0;background:none;box-shadow:none}.wz [hidden]{display:none}.wz-rows{grid-gap:8px}.wz-row,.wz-rows{display:grid;gap:8px}.wz-row{grid-template-columns:24px 70px 1fr 110px 70px 36px;grid-gap:8px;align-items:center}.wz button.ghost,.wz-del{background:var(--surface);color:var(--text);box-shadow:none;border:1px solid var(--line)}.wz-acts{display:flex;gap:8px;flex-wrap:wrap}.up .ghost{background:var(--surface);color:var(--text);box-shadow:none;border:1px solid var(--line)}.wz-sum{list-style:none;padding:0;display:grid;grid-gap:8px;gap:8px}.wz-sum li{display:flex;justify-content:space-between;padding:10px 14px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2)}.wz-sum li.t-mudah{--tc:#22a45d}.wz-sum li.t-menengah{--tc:#e5a50a}.wz-sum li.t-sulit{--tc:#d64545}.wz-sum .ok{color:#1c8a4e}.wz-sum .bad{color:#d64545}@media (max-width:900px){.ad{grid-template-columns:1fr}.ad-nav{position:static}.ad-nav nav{display:flex;overflow-x:auto}.ad-nav a{white-space:nowrap}.ad-me,.ad-nav>small{display:none}.ad-folders,.ad-stats{grid-template-columns:repeat(2,1fr)}.ad-grid2,.wz-two{grid-template-columns:1fr}.wz-row{grid-template-columns:24px 60px 1fr 36px}.wz-row input[title],.wz-row select{grid-column:2/4}}.ad-main>section{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:14px;box-shadow:none}.ad-main>section form{max-width:460px}.ad-set{box-shadow:none}.studio .dialog.proj{padding:16px;display:grid;grid-gap:12px;gap:12px;width:min(520px,100%)}.studio .projsave{display:flex;gap:8px}.studio .projsave input{flex:1 1}.studio .projlist{display:grid;grid-gap:6px;gap:6px;max-height:280px;overflow-y:auto}.studio .projrow{display:grid;grid-template-columns:1fr auto auto;grid-gap:8px;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:10px}.studio .projrow div{display:grid;min-width:0}.studio .projrow b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio .projrow span{font-size:12px;color:var(--muted)}.studio .projfoot{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.studio .filebtn{display:inline-flex;align-items:center;padding:0 14px;height:38px;border:1px solid var(--line);border-radius:10px;cursor:pointer;font-weight:600}.lp-hero-grid{position:relative;z-index:1}.lp-decor{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;display:none}.lp-decor .c1{color:var(--accent)}.lp-decor .c2{color:var(--accent-dark)}.lp-decor .c3{color:#6aa5ff}:root[data-theme=dark] .lp-decor .c3{color:#4a86e8}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .lp-decor .c3{color:#4a86e8}}.lp-hero>:not(.lp-decor):not(.hero-art),.lp-sec>:not(.lp-decor){position:relative;z-index:1}@media (min-width:1000px){.lp-decor{display:block}}.ans-prev{display:block;font-size:14px;color:var(--muted);padding:6px 10px;border-radius:8px;background:var(--surface-2);border:1px dashed var(--line)}.ans-prev b{color:var(--fg)}.ans-prev.bad{color:var(--bad)}.rk{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden}.rk li{display:grid;grid-template-columns:44px 1fr auto;align-items:center;grid-gap:10px;gap:10px;padding:12px 16px;border-top:1px solid var(--line)}.rk li:first-child{border-top:0}.rk .pos{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:14px;font-weight:700;color:var(--muted)}.rk .p1 .pos{background:#f2c94c;color:#4a3800}.rk .p2 .pos{background:#c5c9d6;color:#2e3140}.rk .p3 .pos{background:#d9976a;color:#4a2410}.rk .pts{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700}.rk .me{background:var(--accent-soft)}.rk .you{margin-left:8px;font-size:12px;color:var(--on-accent-text);font-weight:600}.studio .exr math-field{min-width:0;max-width:100%;overflow-x:auto}.studio .exr math-field::part(container){overflow-x:auto}.studio .exr math-field::part(content){white-space:nowrap}.studio .addrow{display:flex;gap:8px}.studio .addrow>*{flex:1 1;min-width:0}.studio .cards-sub{grid-column:1/-1;margin-top:6px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.sl-card2.lock.ok{border-color:color-mix(in srgb,var(--ok) 55%,var(--line));background:color-mix(in srgb,var(--ok) 9%,var(--surface))}.sl-card2.lock.bad{border-color:color-mix(in srgb,var(--bad) 55%,var(--line));background:color-mix(in srgb,var(--bad) 9%,var(--surface))}.sl-mark{font-size:13px;font-weight:700;color:var(--muted)}.lock.ok .sl-mark{color:var(--ok)}.lock.bad .sl-mark{color:var(--bad)}iframe.pdf.tall{height:80vh}.sl-hist th.t-mudah{color:#2ecc8a}.sl-hist th.t-menengah{color:#f0b429}.sl-hist th.t-sulit{color:#f0607a}.sl-hist small{font-size:12px;margin-left:6px}footer{position:fixed;left:0;right:0;bottom:0;z-index:9;max-width:none;margin:0;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;background:var(--surface);border-top:1px solid var(--line)}footer .brand{font-family:var(--font-heading),system-ui,sans-serif;font-weight:800;font-size:1rem;color:var(--accent);text-decoration:none}footer nav{display:flex;gap:20px}footer nav a{color:var(--muted);text-decoration:none}footer nav a:hover{color:var(--accent)}body{padding-bottom:46px}.studio button{white-space:nowrap}.studio .exportbar{flex-wrap:nowrap}.studio .exportbar>button:last-child{margin-left:auto}.studio .wideBtn{white-space:normal}.lp-sec .lp-decor{opacity:.5}.rv .lp-feats>*,.rv .lp-fields>*,.rv .lp-steps>*,.rv .lp-studio{transition:opacity .55s ease,transform .55s ease}.rv.rv-hide .lp-feats>*,.rv.rv-hide .lp-fields>*,.rv.rv-hide .lp-steps>*,.rv.rv-hide .lp-studio{opacity:0;transform:translateY(22px)}.rv .lp-feats>:nth-child(2),.rv .lp-fields>:nth-child(2),.rv .lp-steps>:nth-child(2){transition-delay:.08s}.rv .lp-feats>:nth-child(3),.rv .lp-fields>:nth-child(3),.rv .lp-steps>:nth-child(3){transition-delay:.16s}.rv .lp-fields>:nth-child(4){transition-delay:.24s}@media (prefers-reduced-motion:reduce){.rv .lp-feats>*,.rv .lp-fields>*,.rv .lp-steps>*,.rv .lp-studio{transition:none}}.lp{position:relative;overflow-x:clip}.lp>section{z-index:1}.studio .quickbar .pushr{margin-left:auto}.studio .styles{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px}.studio .stile{display:grid;grid-gap:2px;gap:2px;padding:4px;min-height:0;background:var(--surface);color:var(--fg);border:1px solid var(--input-border);font-weight:500;font-size:11px;white-space:normal}.studio .stile.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.studio .stile .thumb{height:44px}.um{position:relative}.um summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 8px 4px 4px;border-radius:999px}.um summary::-webkit-details-marker{display:none}.um summary:hover{background:var(--accent-soft)}.um-av{width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;font-weight:700;font-size:14px}.um-name{font-size:15px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.um-pop{position:absolute;right:0;top:calc(100% + 6px);min-width:190px;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);display:grid;z-index:20}.um-pop a,.um-pop button{display:block;width:100%;text-align:left;padding:10px 12px;border-radius:8px;color:var(--fg);text-decoration:none;font-size:15px;font-weight:500}.um-pop a:hover,.um-pop button:hover{background:var(--accent-soft);color:var(--on-accent-text)}@media (max-width:480px){.um-name{display:none}}.db{display:grid;grid-gap:20px;gap:20px;max-width:860px}.db h1{margin:0}.db-stats{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(3,1fr)}.db-stat{padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:16px;display:grid;grid-gap:2px;gap:2px}.db-stat small{color:var(--muted);font-size:13px}.db-stat b{font-size:1.7rem;font-family:var(--font-heading),system-ui,sans-serif;color:var(--accent);line-height:1.2}.db-sec{padding:18px 20px;background:var(--surface);border:1px solid var(--line);border-radius:16px;display:grid;grid-gap:12px;gap:12px}.db-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.db-head h2{margin:0;font-size:1.1rem}.db-week{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(3,1fr)}.db-tier{display:grid;grid-gap:2px;gap:2px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);border-left:4px solid var(--tc);text-decoration:none;color:var(--fg);background:var(--surface-2)}a.db-tier:hover{border-color:var(--tc);color:var(--fg)}.db-tier.off{opacity:.6}.db-tier small{color:var(--muted)}.t-mudah{--tc:#22a45d}.t-menengah{--tc:#e5a50a}.t-sulit{--tc:#d64545}.db-hist{display:grid;grid-gap:8px;gap:8px;padding-top:12px;border-top:1px solid var(--line)}.db-hist:first-of-type{border-top:0;padding-top:0}.db-hw{display:flex;justify-content:space-between}.db-tiers{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(3,1fr)}.db-cell{display:grid;grid-gap:4px;gap:4px;padding:8px 10px;border-radius:10px;background:var(--surface-2);border-left:3px solid var(--tc);font-size:14px}.db-cell small{color:var(--muted)}.db-marks{display:flex;flex-wrap:wrap;gap:4px}.db-marks i{font-style:normal;font-size:12px;font-weight:700;min-width:22px;height:22px;padding:0 5px;display:grid;place-items:center;border-radius:6px;color:#fff}.db-marks i.ok{background:#1f9d55}.db-marks i.bad{background:#d64545}.db-marks i.wait{background:var(--muted)}.db-list{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.db-item{display:grid;grid-gap:2px;gap:2px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);text-decoration:none;color:var(--fg)}.db-item:hover{border-color:var(--accent);color:var(--fg)}@media (max-width:600px){.db-stats{grid-template-columns:1fr 1fr 1fr;gap:8px}.db-stat{padding:12px}.db-stat b{font-size:1.3rem}.db-tiers,.db-week{grid-template-columns:1fr}}.db-head a{text-decoration:none;font-size:14px;font-weight:600}.db-head a:after{content:" ›"}.lp-sechead{text-align:left;max-width:none;margin:0 0 24px}.lp-sechead h2{font-size:clamp(1.4rem,3.5vw,1.9rem);margin:0}.lp-fieldlist{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.lp-fieldlist li{border-bottom:1px solid var(--line)}.lp-fieldlist li>a,.lp-fieldlist li>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 4px;color:var(--fg);text-decoration:none}.lp-fieldlist span{display:grid;grid-gap:2px;gap:2px}.lp-fieldlist em,.lp-fieldlist small{color:var(--muted);font-size:14px}.lp-fieldlist em{font-style:normal;white-space:nowrap}.lp-fieldlist .open em{color:var(--accent);font-weight:600}.lp-fieldlist .open:hover b{color:var(--accent)}.lp-fieldlist .soon{opacity:.6}.lp-feat{background:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:20px 0 0}.lp-feats{gap:32px}.authbox{max-width:900px;margin:12px auto 0;display:grid;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.auth-side{display:none;position:relative;color:#fff;background:var(--grad-hero);overflow:hidden}.auth-art{position:absolute;inset:0;width:100%;height:100%;color:#fff;opacity:.16}.auth-side-in{position:relative;padding:36px 32px;display:grid;grid-gap:14px;gap:14px;align-content:start}.auth-brand{font-family:var(--font-heading),system-ui,sans-serif;font-weight:800;font-size:1.5rem;color:#fff;text-decoration:none}.auth-brand:hover{color:#fff}.auth-brand img{display:block;height:34px;width:auto;filter:brightness(0) invert(1)}.auth-tag{margin:0;font-size:1.15rem;line-height:1.45;font-weight:600}.auth-side ul{margin:6px 0 0;padding:0;list-style:none;display:grid;grid-gap:10px;gap:10px;font-size:15px;opacity:.92}.auth-side li{padding-left:22px;position:relative}.auth-side li:before{content:"";position:absolute;left:2px;top:.55em;width:8px;height:8px;border-radius:50%;background:#fff;opacity:.8}.auth-main{padding:28px 22px 26px;min-width:0}.auth-main form,.auth-main input{max-width:100%}.auth-main form{max-width:none}.auth-main h1{margin-bottom:6px}.auth-lead{margin:0 0 18px}.auth-foot{margin:18px 0 0}.auth-main label .muted{font-weight:400;font-size:13px}.auth-forgot{justify-self:end;font-size:14px;margin-top:-6px}.auth-two{display:grid;grid-gap:14px;gap:14px;grid-template-columns:1fr 1fr}@media (max-width:420px){.auth-two{grid-template-columns:1fr}}@media (min-width:800px){.authbox{grid-template-columns:minmax(300px,5fr) minmax(0,6fr);margin-top:24px}.auth-side{display:block}.auth-main{padding:40px 40px 34px;align-self:center}}main:has(.pm-wrap){max-width:1160px}.pm-lead{margin:0 0 16px}.pm-hint,.pm-lead{color:var(--muted)}.pm-hint{font-size:14px;margin:6px 0}.pm{display:grid;grid-gap:16px;gap:16px}.pm button{padding:8px 16px}.pm button.pm-ghost{background:var(--surface);color:var(--on-accent-text);border:1px solid var(--input-border);font-weight:500}.pm button.pm-ghost:hover{background:var(--accent-soft);filter:none}.pm button:disabled{opacity:.45;cursor:default}.pm-tabs{display:flex;gap:6px}.pm-tabs button{background:var(--surface);color:var(--fg);border:1px solid var(--input-border);font-weight:500;flex:1 1}.pm-tabs button[aria-selected=true]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.pm-form,.pm-prev{display:none;gap:14px;align-content:start;min-width:0}.pm-form[data-show=true],.pm-prev[data-show=true]{display:grid}.pm-form input:not([type=checkbox]),.pm-form textarea{width:100%}.pm-two{display:grid;grid-gap:14px;gap:14px;grid-template-columns:1fr 1fr}.pm-block{display:grid;grid-gap:8px;gap:8px;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.pm-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.pm-head h2{margin:0;font-size:1.1rem}.pm-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid var(--line)}.pm-sub{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:8px;gap:8px;align-items:start}.pm-lab{padding-top:10px;font-weight:600}.pm-acts{display:flex;gap:4px}.pm-acts button{min-height:40px;padding:4px 10px}.pm-reset{justify-self:start}.pm-paper{background:#fff;color:#1c1b29;border:1px solid var(--line);border-radius:6px;box-shadow:var(--shadow);padding:28px 30px;font-family:Latin Modern Roman,Computer Modern,Georgia,serif;font-size:16px;line-height:1.6;overflow-x:auto}.pm-paper p{margin:.5em 0}.pm-paper h3{font-size:1.15rem;margin:1em 0 .2em}.pm-paper h3.pm-sol{margin-top:1.6em;padding-top:.8em;border-top:1px dashed #bbb}.pm-pt{text-align:center;display:grid;grid-gap:2px;gap:2px;margin-bottom:10px}.pm-pt small{font-feature-settings:"smcp";font-variant:small-caps;font-size:1rem;color:#555;letter-spacing:.03em}.pm-pt strong{font-size:1.5rem}.pm-paper figure{margin:12px 0;text-align:center}.pm-paper figure svg{max-width:100%;height:auto}.pm-disp{display:block;text-align:center;margin:.4em 0}.pm-ol{list-style:none;padding:0;margin:8px 0}.pm-ol li{display:grid;grid-template-columns:2.2em minmax(0,1fr)}.pm-out{display:flex;flex-wrap:wrap;gap:8px}.pm-code pre{overflow-x:auto;padding:12px;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;font-size:13px;line-height:1.45}.pm-modal{position:fixed;inset:0;z-index:50;background:rgba(20,15,40,.5);display:grid;place-items:center;padding:16px}.pm-dialog{width:min(520px,100%);max-height:90dvh;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px 20px;display:grid;grid-gap:8px;gap:8px}.pm-dialog h2{margin:0}.pm-dialog h3{margin:10px 0 0;font-size:1rem}.pm-dialog textarea{width:100%;font-family:ui-monospace,monospace;font-size:13px}.pm-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:6px;gap:6px}.pm-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid var(--line)}.pm-row{display:flex;justify-content:flex-end;gap:8px}@media (min-width:900px){.pm{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.pm-tabs{display:none}.pm-form,.pm-prev{display:grid!important}.pm-prev{position:-webkit-sticky;position:sticky;top:76px;max-height:calc(100dvh - 90px);overflow-y:auto}}@media (max-width:520px){.pm-two{grid-template-columns:1fr}.pm-paper{padding:18px 16px}}.pm-rich{position:relative}.pm-rich textarea{width:100%;padding-right:76px}.pm button.pm-fx{position:absolute;top:6px;right:6px;min-height:34px;padding:4px 12px;font-size:14px}.pm-opt{display:grid;grid-gap:6px;gap:6px;font-size:14px;font-weight:500}.pm-opt label.check{font-weight:500;align-items:center}.pm-opt[data-on=false] label.check{color:var(--muted)}.pm-dialog label.check{display:flex;gap:8px;align-items:center;font-weight:400}.pm-modal.pm-top{place-items:start center;padding-top:16px}.ad-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:8px;border:1px solid var(--input-border);background:var(--surface);color:var(--fg);font:inherit;font-weight:600;font-size:14px;cursor:pointer;box-shadow:none;text-decoration:none}.ad-btn:hover{background:var(--surface-2);border-color:var(--accent)}.ad-btn.sq{width:40px;padding:0;font-size:18px}.ad-btn.danger{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 45%,var(--input-border))}.ad-btn.danger:hover{background:color-mix(in srgb,var(--bad) 10%,var(--surface));border-color:var(--bad)}.ad-btn.danger.solid{background:var(--bad);border-color:var(--bad);color:#fff}.ad-btn.danger.solid:hover{filter:brightness(1.08);background:var(--bad)}.ad-weeks li .ad-inline{margin-top:0;flex-wrap:nowrap}.cf{border:1px solid var(--line);border-radius:16px;padding:24px;width:min(420px,92vw);background:var(--surface);color:var(--fg);box-shadow:var(--shadow)}.cf::-webkit-backdrop{background:rgba(15,10,40,.55)}.cf::backdrop{background:rgba(15,10,40,.55)}.cf h3{margin:0 0 8px;font-size:18px}.cf p{margin:0 0 20px;color:var(--muted);line-height:1.5}.cf-act{display:flex;justify-content:flex-end;gap:10px}.ad-btn:disabled{opacity:.4;cursor:not-allowed}.ad-btn:disabled:hover{background:var(--surface);border-color:var(--input-border)}.ad-crumb a{color:var(--muted);text-decoration:none;font-weight:500}.ad-crumb a:hover{color:var(--accent)}.ad-crumb b{color:var(--fg)}.studio .chips{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0 8px}.studio .chips button{min-height:0;padding:4px 8px;font-size:12px}.studio .chips button.active{border-color:var(--accent);background:var(--accent);color:#fff}.studio .linkdot:hover{fill:var(--accent)}.ad-setbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 18px;border-top:1px solid var(--line)}.ad-inline.nm{margin-top:0;align-items:center}.ad-line{display:flex;align-items:center;gap:8px}.ad-cats{display:grid;grid-gap:0;gap:0}.ad-cat{border-top:1px solid var(--line)}.ad-cat-head{display:flex;align-items:center;gap:12px;padding:12px 18px;flex-wrap:wrap}.ad-cat-toggle{display:inline-flex;align-items:center;gap:10px;flex:1 1;min-width:0;min-height:40px;background:none;border:0;padding:0;color:var(--fg);font:inherit;font-size:16px;cursor:pointer;text-align:left;box-shadow:none}.ad-cat-toggle:hover{background:none;color:var(--accent)}.ad-cat-toggle svg{transition:transform .15s;transform:rotate(-90deg);flex:none}.ad-cat-toggle svg.open{transform:none}.ad-cat-body{background:var(--surface-2);border-top:1px solid var(--line)}.ad-cat-body .ad-weeks li:first-child{border-top:0}.ad-setlink{color:var(--fg);font-weight:700;text-decoration:none}.ad-setlink:hover{color:var(--accent)}.ad-btn.solid{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.ad-btn.solid:hover{background:var(--accent);filter:brightness(1.07)}.ad-btn svg{flex:none}.ad-crumb .ad-inline input{min-width:200px}main:has(.dm-page){max-width:960px}.dm-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:14px;gap:14px;margin-top:20px}.dm-card{display:block;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--fg);text-decoration:none;box-shadow:var(--shadow)}.dm-card h2{margin:0 0 6px;font-size:1.1rem}.dm-card p{margin:0;color:var(--muted);font-size:15px}.dm-card:hover{border-color:var(--accent);color:var(--fg)}.dm-card.off{opacity:.6;box-shadow:none}.dm-ctl{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:10px 18px;gap:10px 18px;margin:18px 0 14px}.dm-sl{gap:2px}.dm-sl input[type=range]{padding:0;min-height:28px;accent-color:var(--accent);border:0;background:none}.dm-sl select{min-height:36px;padding:4px 8px}.dm-tabs{display:flex;gap:6px;overflow-x:auto;margin-bottom:10px}.dm-tabs button{background:var(--surface-2);color:var(--fg);border:1px solid var(--line);border-radius:999px;min-height:38px;padding:6px 16px;white-space:nowrap;font-weight:500}.dm-tabs button.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.dm-svg{display:block;width:100%;height:auto;background:var(--surface);border:1px solid var(--line);border-radius:14px;color:var(--fg);margin-bottom:10px;touch-action:manipulation}.dm-ax{stroke:currentColor;stroke-width:1.4}.dm-grid{stroke:var(--line);stroke-width:1}.dm-tick{font:11px system-ui,sans-serif;fill:var(--muted)}.dm-lab{font:italic 13px Georgia,Times New Roman,serif;fill:currentColor}.dm-floor{stroke:currentColor;stroke-width:2.4}.dm-block{fill:var(--surface-2);stroke:currentColor;stroke-width:2}.dm-traj{fill:none;stroke:var(--accent);stroke-width:2.6}.dm-dash{stroke-dasharray:5 5;opacity:.45;stroke-width:1.8}.dm-fam{fill:none;stroke:var(--muted);stroke-width:1;opacity:.55}.dm-env{fill:none;stroke:currentColor;stroke-width:2.2;stroke-dasharray:8 5}.dm-ref{stroke:var(--muted);stroke-width:1.2;stroke-dasharray:4 4}.dm-ball{fill:var(--accent);stroke:currentColor;stroke-width:1.6}.dm-pt{fill:currentColor}.dm-miss{fill:var(--bad)}.dm-vec{stroke:var(--accent);stroke-width:2;fill:none}.dm-vtot{stroke:var(--bad)}.dm-small{margin-bottom:8px}.dm-play{display:flex;align-items:center;gap:12px;margin:4px 0 10px}.dm-play input[type=range]{flex:1 1;padding:0;min-height:28px;border:0;background:none;accent-color:var(--accent)}.dm-play button,.dm-t{min-width:84px}.dm-t{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dm-read{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:8px;gap:8px;margin-bottom:8px}.dm-read div{padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);display:grid}.dm-read span{font-size:12px;color:var(--muted)}.dm-read b{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dm-note{padding:12px 16px;border-radius:var(--radius);background:var(--accent-soft);border:1px solid var(--notice-border)}.dm-text{margin-top:18px}.dm-text h2{margin-top:12px}.dm-text p{overflow-x:auto}.dm-circ{fill:none;stroke:currentColor;stroke-width:2}.dm-tex mjx-container{display:inline-block!important;margin:0!important}.dm-tex svg{vertical-align:middle;max-width:none}.dm-spr{fill:none;stroke:currentColor;stroke-width:1.8}.dm-rod{stroke:currentColor;stroke-width:2.4}.dm-rope{stroke:currentColor;stroke-width:1.6}.dm-fbds{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:12px;gap:12px;margin-bottom:14px}.studio.lab .quickbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.studio.lab .quickbar select{width:auto}.studio.lab .quickbar .pushr{margin-left:auto}.studio.lab .lab-back{display:inline-flex;align-items:center;min-height:34px;padding:0 10px;border-radius:8px;text-decoration:none;font-size:14px;background:var(--surface);color:var(--fg);border:1px solid var(--input-border)}.studio.lab .lab-play{min-width:92px}.studio.lab .lab-time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:13px;color:var(--muted);min-width:74px}.studio.lab .ghost.act{background:var(--accent-soft);color:var(--on-accent-text);border-color:var(--accent)}.studio.lab .lab-ck{gap:5px;font-size:13px}.studio.lab .canvasbox{background:var(--surface)}.studio.lab .lab-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;--lab-fill:#d6d6dc;--lab-fill2:#bdbdc6}:root[data-theme=dark] .studio.lab .lab-canvas{--lab-fill:#3a3753;--lab-fill2:#4d4970}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .studio.lab .lab-canvas{--lab-fill:#3a3753;--lab-fill2:#4d4970}}@media (min-width:861px){.studio.lab{grid-template-columns:236px minmax(0,1fr) 300px}}.lab-stage{flex:1 1;min-height:0;display:flex;flex-direction:column}.lab-stage>.canvasbox{flex:1 1}.lab-stage.lab-full{position:fixed;inset:0;z-index:1000;background:var(--surface);display:grid;place-items:center;padding:0}.lab-stage.lab-full>.canvasbox{width:100%;height:100%;border:0;border-radius:0}.lab-stage.lab-full.portrait>.canvasbox{width:auto;height:100%;aspect-ratio:9/16;max-width:100%;border-left:1px solid var(--line);border-right:1px solid var(--line)}.lab-stage.lab-full.idle,.lab-stage.lab-full.idle .lab-canvas{cursor:none!important}.lab-fullbar{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:6px;padding:6px;border-radius:12px;background:color-mix(in srgb,var(--card) 90%,transparent);border:1px solid var(--line);box-shadow:var(--shadow);z-index:3;transition:opacity .35s}.lab-fullbar button,.lab-fullbar select{min-height:34px;padding:4px 12px;font-size:14px;background:var(--surface);color:var(--fg);border:1px solid var(--input-border);border-radius:8px;width:auto}.lab-fullbar button.on{background:var(--accent-soft);color:var(--on-accent-text);border-color:var(--accent)}.lab-stage.idle .lab-fullbar{opacity:0;pointer-events:none}@media (max-width:600px){.lab-fullbar{gap:4px;padding:5px;flex-wrap:wrap;justify-content:center;width:max-content;max-width:calc(100vw - 16px)}.lab-fullbar button,.lab-fullbar select{padding:4px 8px;font-size:13px}}.studio.lab .props .lab-side{margin-bottom:2px}.studio.lab .props .lab-gtabs button{font-size:12.5px;padding:4px 6px}.studio.lab .props .labg-body{height:auto;min-height:0;flex:1 1;gap:6px}.studio.lab .props .lab-chartbox{flex:none;height:230px}.studio.lab .props .lab-mlist li span{font-size:12px}.studio.lab .zoomb{z-index:2}.studio.lab .zoomb button{color:var(--fg)}.lab-hint{position:absolute;left:10px;bottom:8px;max-width:calc(100% - 80px);padding:3px 8px;border-radius:8px;background:color-mix(in srgb,var(--surface) 82%,transparent);font-size:12.5px;color:var(--muted);pointer-events:none;line-height:1.35}.lab-hint.warn{color:var(--bad)}.studio.lab .card{cursor:pointer}.studio.lab .card.on{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:-2px;background:#fff;color:#1c1b29}.lab-ico,.studio.lab .card .thumb{display:block}.lab-ico{width:100%;height:100%}.lab-presets{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:6px;gap:6px;margin:8px 0 6px}.lab-presets button{text-align:left;width:100%;box-sizing:border-box;white-space:normal;line-height:1.25}.lab-ptip{margin:10px 2px 0}.labtools,.studio.lab .lab-exsel{display:none}.labg{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);padding:6px 8px}.labg-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.labg-head .seg{width:min(300px,100%)}.labg-body{margin-top:6px;height:clamp(190px,30vh,290px);display:flex;flex-direction:column;min-height:0}.lab-chartbox{flex:1 1;min-height:0;overflow:hidden}.labg-body .dm-svg{margin:0;border-radius:10px;display:block}.lab-gsel{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.lab-gsel select{width:auto;flex:1 1 120px}.lab-gempty{margin:8px 4px}.studio.lab .lab-props{border:0;padding:0;margin:0;background:none;display:grid;grid-gap:10px;gap:10px}.studio.lab .lab-props h3{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0}.studio.lab .lab-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;align-items:end}.studio.lab .lab-grid>.check,.studio.lab .lab-grid>.lab-sm,.studio.lab .lab-grid>.lab-wide,.studio.lab .lab-grid>label.lab-num:first-child:not(:only-child),.studio.lab .lab-grid>p{grid-column:1/-1}.studio.lab .lab-num{display:grid;grid-gap:4px;gap:4px;font-size:13px;color:var(--muted)}.studio.lab .lab-num i{font-style:normal;opacity:.8}.studio.lab .lab-del,.studio.lab .lab-sm{background:var(--surface);color:var(--on-accent-text);border:1px solid var(--input-border);font-weight:500;min-height:34px;padding:4px 10px;font-size:13px}.studio.lab .lab-del{color:var(--bad);float:none;margin:0}.studio.lab .lab-props p{margin:0}.lab-halo{fill:none;stroke:var(--fg);stroke-width:11;opacity:.13;stroke-linecap:round;stroke-linejoin:round}.lab-t{font-family:Georgia,Times New Roman,serif;font-style:italic;fill:currentColor}.lab-thin{fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.lab-fillbg,.lab-joint{fill:var(--surface)}.lab-joint{stroke:currentColor;stroke-width:1.4}.lab-body{stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}.lab-hatch{fill:none;stroke:currentColor;stroke-width:1.1;stroke-linecap:round}.lab-wall{stroke:currentColor;stroke-width:2.4;stroke-linecap:round}.lab-pend{stroke:var(--fg);stroke-width:1.8;stroke-dasharray:5 4;fill:none;stroke-linecap:round}.lab-trail{fill:none;stroke:var(--accent);stroke-width:1.4;opacity:.55}@media (max-width:860px){.studio.lab{gap:10px}.studio.lab .center{order:-1}.studio.lab .canvasbox{flex:none;aspect-ratio:auto;height:min(62vh,440px)}.lab-stage{flex:none}.lab-stage.lab-full>.canvasbox{height:100%}.studio.lab .lab-fullbtn,.studio.lab .palette{display:none}.studio.lab .lab-exsel{display:block}.labtools{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}.labtools button{flex:none;width:60px;min-height:46px;padding:3px;background:#fff;border:1px solid var(--input-border);border-radius:8px}.labtools button.on{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:-2px;background:#ece7fd}.studio.lab .quickbar .pushr{margin-left:auto}.studio.lab .lab-back,.studio.lab .lab-hapus{display:none}.studio.lab .quickbar select{max-width:150px;min-width:0}.studio.lab .quickbar{gap:5px}.lab-hint{font-size:12px}}.lab-handle{fill:var(--surface);stroke:var(--fg);stroke-width:1.4;cursor:-webkit-grab;cursor:grab}.lab-handle.ref{fill:var(--fg)}.lab-handle.lab-rot circle{fill:var(--surface);stroke:var(--fg);stroke-width:1.4}.lab-handle.lab-rot line{stroke:var(--fg);stroke-width:1;fill:none}.lab-handle.lab-rot path{fill:none;stroke:var(--fg);stroke-width:1.5;stroke-linecap:round}.lab-handle.lab-rot path.lab-arrowhead{fill:var(--fg);stroke:none}.lab-bbox{fill:none;stroke:var(--fg);stroke-width:1;stroke-dasharray:4 3;opacity:.7;pointer-events:none}.lab-hint .lab-done{pointer-events:auto;margin-left:8px;padding:2px 10px}.lab-opt{position:relative}.lab-optbox{position:absolute;left:0;top:calc(100% + 6px);z-index:20;display:grid;grid-gap:10px;gap:10px;min-width:220px;padding:12px;background:var(--card,#fff);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 28px rgb(0 0 0/.16)}.lab-optbox label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.85rem}.lab-optbox label.check{justify-content:flex-start}.lab-modes{display:grid;grid-gap:10px;gap:10px;padding:4px 2px}.lab-mhead{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.lab-mlist{list-style:none;margin:0;padding:0;display:grid;grid-gap:6px;gap:6px}.lab-mlist li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;font-size:.88rem}.lab-mlist li.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.lab-mlist li>span{flex:1 1 220px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lab-mfoot{display:flex;flex-wrap:wrap;gap:10px;align-items:end}.lab-mfoot .lab-num{width:150px}.studio.lab .lab-tools{display:inline-flex;gap:6px;margin-left:auto;align-items:center}.studio.lab .lab-tools .lab-ico{width:36px;height:24px;vertical-align:-2px}.studio.lab .lab-tools button{display:inline-flex;align-items:center}.studio.lab .lab-opt .lab-optbox{left:auto;right:0}.studio.lab .lab-optbox>button{text-align:left}.studio.lab .zoomb button.txt{font-size:12px;font-weight:600}@media (max-width:760px){.studio.lab .lab-tools{margin-left:0}.studio.lab .lab-tools .lab-ico{display:none}}.studio.lab .lab-btnrow{display:flex;gap:6px;flex-wrap:wrap;grid-column:1/-1}:root[data-theme=dark] .studio.lab .lab-tools button:not(.lab-hapus) .lab-ico{filter:invert(1) brightness(1.6)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .studio.lab .lab-tools button:not(.lab-hapus) .lab-ico{filter:invert(1) brightness(1.6)}}.lab-snapdot{fill:var(--surface,#fff);stroke:currentColor;stroke-width:1;opacity:.55}.lab-guide{stroke:var(--accent);stroke-width:1;stroke-dasharray:4 4;opacity:.7}.studio.lab .lab-optbox label.lab-file{display:flex;justify-content:flex-start;padding:6px 10px;min-height:34px;align-items:center;border:1px solid var(--input-border);border-radius:8px;background:var(--surface);color:var(--fg);font-size:14px;cursor:pointer}.studio.lab .lab-optbox label.lab-file:hover{border-color:var(--accent)}.studio.lab .lab-tools button{padding:0 9px}.studio.lab .lab-tools .lab-ico{margin-right:0;display:inline-block}.lab-num input[type=number]::-webkit-inner-spin-button,.lab-num input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.lab-num input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.studio.lab .lab-det{grid-column:1/-1;border-top:1px solid var(--border);padding-top:6px}.studio.lab .lab-det>summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--fg);padding:4px 0;list-style:none;display:flex;justify-content:space-between;align-items:center}.studio.lab .lab-det>summary::-webkit-details-marker{display:none}.studio.lab .lab-det>summary:after{content:"▾";font-size:11px;color:var(--muted);transition:transform .15s}.studio.lab .lab-det[open]>summary:after{transform:rotate(180deg)}.studio.lab .lab-det>.lab-grid{margin-top:6px}.studio:not(.lab){--accent:#0d9488;--accent-dark:#0f766e;--accent-soft:#e0f5f2;--on-accent-text:#0f766e;--on-accent:#fff}:root[data-theme=dark] .studio:not(.lab){--accent:#2dd4bf;--accent-dark:#5eead4;--accent-soft:#123a38;--on-accent-text:#99f6e4;--on-accent:#06211f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .studio:not(.lab){--accent:#2dd4bf;--accent-dark:#5eead4;--accent-soft:#123a38;--on-accent-text:#99f6e4;--on-accent:#06211f}}.studio .quickbar button{display:inline-flex;align-items:center;gap:6px}.studio .quickbar .ic{flex:none}.lab-numbox{position:relative;display:block}.lab-numbox input{width:100%;padding-right:26px}.lab-spin{position:absolute;right:3px;top:3px;bottom:3px;width:20px;display:flex;flex-direction:column}.lab-spin button{flex:1 1;min-height:0;padding:0;border:0;background:transparent;color:var(--muted);font-size:8px;line-height:1;cursor:pointer;border-radius:4px}.lab-spin button:hover{background:var(--border);color:var(--fg)}.studio.lab .lab-tabs{grid-column:1/-1;display:flex;gap:2px;padding:2px;border-radius:8px;background:var(--border)}.studio.lab .lab-tabs button{flex:1 1;min-height:28px;padding:2px 8px;font-size:13px;border:0;background:transparent;color:var(--muted);border-radius:6px}.studio.lab .lab-tabs button.on{background:var(--surface);color:var(--fg);font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.12)}.studio.lab .lab-labrow{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,96px) 1fr auto;grid-gap:8px;gap:8px;align-items:end}.studio.lab .lab-labrow .lab-sm.on{background:var(--accent-soft);color:var(--on-accent-text);border-color:var(--accent)}.studio.lab .lab-pick{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:thin}.studio.lab .lab-pick button{flex:none;width:46px;height:46px;min-height:46px;padding:3px;border:1px solid var(--input-border);border-radius:10px;background:var(--surface);color:var(--fg)}.studio.lab .lab-pick button:hover{border-color:var(--accent)}.studio.lab .lab-pick button.on{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:-2px;background:var(--accent-soft)}.studio.lab .lab-pick svg{width:100%;height:100%;display:block}.studio.lab .lab-num select{width:100%}@media (max-width:960px){.studio .exportbar{flex-wrap:wrap}.studio .exportbar>button:last-child{margin-left:0}}.studio.lab .lab-layer{display:inline-flex;gap:4px;margin-left:auto}.studio.lab .lab-layer .lab-sm{padding:4px 7px}.lang-switch{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;font-size:13px;font-weight:700}.lang-switch a{padding:4px 10px;color:var(--muted);text-decoration:none}.lang-switch a.on{background:var(--accent);color:#fff}.lang-modal{position:fixed;inset:0;z-index:100;background:rgba(10,20,45,.55);display:grid;place-items:center;padding:16px}.lang-card{background:var(--card);border-radius:16px;box-shadow:var(--shadow);padding:24px;width:min(360px,100%);text-align:center}.lang-card h2{margin:0 0 16px;font-size:20px}.lang-card h2 span{font-size:14px;font-weight:500;color:var(--muted)}.lang-opts{display:grid;grid-gap:10px;gap:10px}.lang-opts button{padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:inherit;font-size:16px;font-weight:700;cursor:pointer}.lang-opts button:hover{border-color:var(--accent);color:var(--accent)}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8ebc6e9dde468c4a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/9e7b0a821b9dfcb4-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/636a5ac981f94f8b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/8ebc6e9dde468c4a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/9e7b0a821b9dfcb4-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/636a5ac981f94f8b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/8ebc6e9dde468c4a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/9e7b0a821b9dfcb4-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/636a5ac981f94f8b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Plus Jakarta Sans Fallback;src:local("Arial");ascent-override:98.88%;descent-override:21.15%;line-gap-override:0.00%;size-adjust:104.98%}.__className_bf3d6d{font-family:Plus Jakarta Sans,Plus Jakarta Sans Fallback;font-style:normal}.__variable_bf3d6d{--font-heading:"Plus Jakarta Sans","Plus Jakarta Sans Fallback"}