.cmdk-overlay{z-index:90;background:#0e0e0c9e;position:fixed;inset:0}.cmdk-content{z-index:91;width:100%;max-width:520px;padding:0 16px;position:fixed;top:14vh;left:50%;transform:translate(-50%)}.cmdk-box{background:var(--color-surface);border:1px solid var(--color-edge-strong);border-radius:14px;overflow:hidden;box-shadow:0 24px 60px #00000047,0 8px 20px #00000024}.cmdk-input{border:none;border-bottom:1px solid var(--color-edge);width:100%;font:inherit;color:var(--color-ink);background:0 0;outline:none;padding:16px 18px;font-size:15px}.cmdk-input::placeholder{color:var(--color-ink-subtle)}.cmdk-list{max-height:56vh;padding:8px;overflow-y:auto}.cmdk-empty{text-align:center;font-family:var(--font-mono);color:var(--color-ink-subtle);padding:28px 16px;font-size:11.5px}.cmdk-group{margin-bottom:4px}[cmdk-group-heading]{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink-muted);padding:8px 10px 4px;font-size:9.5px;font-weight:700}.cmdk-item{color:var(--color-ink);cursor:pointer;border-radius:9px;align-items:center;gap:9px;padding:9px 10px;font-size:13.5px;display:flex}.cmdk-item svg{width:15px;height:15px;color:var(--color-ink-muted);flex-shrink:0}.cmdk-item[data-selected=true]{background:var(--color-lime-soft)}.cmdk-item[data-selected=true] svg{color:var(--color-lime-dark)}.cmdk-item-kind{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-subtle);margin-left:auto;font-size:9px;font-weight:700}.cmdk-item-action svg{color:var(--color-lime-dark)}
.settings-layout{grid-template-columns:240px 1fr;align-items:start;gap:28px;max-width:1640px;margin:0 auto;display:grid}@media (max-width:980px){.settings-layout{grid-template-columns:1fr}}nav.settings-nav{background:var(--color-surface);border:1px solid var(--color-edge);border-radius:14px;flex-direction:column;align-self:start;gap:2px;min-width:220px;padding:14px;display:flex;position:sticky;top:80px}@media (max-width:980px){nav.settings-nav{position:static}}nav.settings-nav .settings-nav-group{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink-subtle);padding:12px 10px 6px;font-size:9.5px;font-weight:700}nav.settings-nav .settings-nav-item{font-family:var(--font-body);color:var(--color-ink);cursor:pointer;border-radius:9px;align-items:center;gap:10px;width:100%;padding:9px 11px;font-size:13.5px;font-weight:500;text-decoration:none;transition:background .15s;display:flex}nav.settings-nav .settings-nav-item:hover{background:var(--color-surface-alt)}nav.settings-nav .settings-nav-item.active{background:var(--color-lime);color:var(--color-ink);font-weight:700}nav.settings-nav .settings-nav-item svg{width:16px;height:16px;color:var(--color-ink-muted);flex-shrink:0;display:inline-block}nav.settings-nav .settings-nav-item.active svg{color:var(--color-ink)}nav.settings-nav .settings-nav-item.is-soon{opacity:.5;cursor:not-allowed}nav.settings-nav .settings-nav-item.is-soon:hover{background:0 0}nav.settings-nav .settings-nav-item .ext-badge{font-family:var(--font-mono);background:var(--color-coral);color:var(--color-ink);letter-spacing:.06em;border-radius:999px;margin-left:auto;padding:1px 6px;font-size:9px;font-weight:700}nav.settings-nav .settings-nav-item .ext-badge.soon{background:var(--color-ink-subtle)}
.tk-pen-box{width:calc(120px * var(--tk-pen-skala,1));height:calc(120px * var(--tk-pen-skala,1));flex-shrink:0;place-items:center;display:grid}.tk-pen{--tk-pen-siklus:2.6s;width:120px;height:120px;transform:scale(var(--tk-pen-skala,1));flex-shrink:0;position:relative}.tk-pen-svg{width:120px;height:120px;display:block;position:absolute;inset:0;overflow:visible}.tk-pen-bentuk{fill:none;stroke-linejoin:miter;stroke-miterlimit:8;stroke-linecap:butt}.tk-pen-bayang{stroke:var(--color-lime);stroke-width:4px;opacity:.36}.tk-pen-tinta{stroke:var(--color-lime);stroke-width:4px;stroke-dasharray:100 100;stroke-dashoffset:100px;filter:drop-shadow(0 0 6px #c5f23c73);animation:tk-pen-tinta var(--tk-pen-siklus) linear infinite}.tk-pen-detail{stroke:var(--color-lime);stroke-width:3px;stroke-linecap:round;opacity:.5;animation:tk-pen-detail var(--tk-pen-siklus) ease-in-out infinite}.tk-pen-jangkar{fill:var(--color-lime);stroke:none}.tk-pen-titik{background:var(--color-lime);offset-rotate:0deg;offset-distance:0%;width:12px;height:12px;animation:tk-pen-titik calc(var(--tk-pen-siklus) / 2) linear infinite;border-radius:50%;margin:0;position:absolute;top:0;left:0;box-shadow:0 0 0 5px #c5f23c2e,0 0 18px 3px #c5f23c99}@keyframes tk-pen-tinta{0%{stroke-dashoffset:100px}50%{stroke-dashoffset:0}to{stroke-dashoffset:-100px}}@keyframes tk-pen-titik{0%{offset-distance:0%}to{offset-distance:100%}}@keyframes tk-pen-detail{0%,30%{opacity:.2}50%,82%{opacity:.72}to{opacity:.2}}@media (prefers-reduced-motion:reduce){.tk-pen-tinta{stroke-dashoffset:0;animation:none}.tk-pen-detail{opacity:.5;animation:none}.tk-pen-titik{display:none}.tk-pen{animation:2.8s ease-in-out infinite tk-pen-denyut}}@keyframes tk-pen-denyut{0%,to{opacity:.7}50%{opacity:1}}.tk-brandswitch{z-index:100000;text-align:center;-webkit-backdrop-filter:blur(8px)saturate(.9);backdrop-filter:blur(8px)saturate(.9);background:#1a1a1a57;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:24px;animation:.26s both tk-brandswitch-masuk;display:flex;position:fixed;inset:0}@supports not ((-webkit-backdrop-filter:blur(8px)) or (backdrop-filter:blur(8px))){.tk-brandswitch{background:#1a1a1ad1}}@keyframes tk-brandswitch-masuk{0%{opacity:0}to{opacity:1}}.tk-brandswitch-judul{font-family:var(--font-display);letter-spacing:-.015em;color:#fff;text-shadow:0 1px 12px #0000008c;margin:18px 0 0;font-size:18px;font-weight:800}.tk-brandswitch-sub{color:#ffffffdb;text-shadow:0 1px 10px #0000008c;max-width:320px;margin:5px 0 0;font-size:13px;line-height:1.55}@media (prefers-reduced-motion:reduce){.tk-brandswitch{animation:none}}.tk-splash{z-index:100000;text-align:center;background:var(--color-canvas);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:24px;animation:1.16s linear forwards tk-splash-hidup;display:flex;position:fixed;inset:0}@keyframes tk-splash-hidup{0%,77.6%{opacity:1}to{opacity:0;visibility:hidden}}.tk-splash-judul{font-family:var(--font-display);letter-spacing:-.015em;color:var(--color-ink);margin:14px 0 0;font-size:17px;font-weight:800}.tk-splash-sub{color:var(--color-ink-muted);max-width:320px;margin:4px 0 0;font-size:13px;line-height:1.55}@media (prefers-reduced-motion:reduce){.tk-splash{animation-name:tk-splash-hidup-diam}}@keyframes tk-splash-hidup-diam{0%,92%{opacity:1}to{opacity:0;visibility:hidden}}