/*! tailwindcss v4.0.8 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(--font-sans--font-variation-settings);--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-mono--font-variation-settings)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1;color:color-mix(in oklab,currentColor 50%,transparent)}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.sticky{position:sticky}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}.border{border-style:var(--tw-border-style);border-width:1px}.break-all{word-break:break-all}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.\!filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)!important}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\[program\:nginx\]{program:nginx}.\[program\:nusakuis-queue\]{program:nusakuis-queue}.\[program\:nusakuis-reverb\]{program:nusakuis-reverb}.\[program\:php-fpm\]{program:php-fpm}.\[program\:queue\]{program:queue}.\[program\:reverb\]{program:reverb}.\[program\:scheduler\]{program:scheduler}}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/build/assets/plus-jakarta-sans-cyrillic-ext-wght-normal-lLTsRRxN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/build/assets/plus-jakarta-sans-vietnamese-wght-normal-qRpaaN48.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/build/assets/plus-jakarta-sans-latin-ext-wght-normal-DmpS2jIq.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/build/assets/plus-jakarta-sans-latin-wght-normal-eXO_dkmS.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--malam:#0b1f3a;--malam-2:#13315c;--malam-3:#1c4373;--emas:#f5b700;--emas-tua:#b98a00;--toska:#0f9d8a;--nila:#4f46e5;--kunyit:#f59e0b;--magenta:#db2777;--daun:#16a34a;--tanah:#a16207;--bg:#f6f4ef;--surface:#fff;--ink:#0f172a;--muted:#5b6474;--line:#e4dfd4;--ok:#15803d;--bad:#dc2626;--warn:#b45309;--r:14px;--r-lg:22px;--tile-h:64px;--font:"Plus Jakarta Sans Variable","Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--kawung:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg fill='none' stroke='%23fff' stroke-width='1.6' transform='rotate(45 28 28)'%3E%3Cellipse cx='28' cy='14' rx='7' ry='12'/%3E%3Cellipse cx='28' cy='42' rx='7' ry='12'/%3E%3Cellipse cx='14' cy='28' rx='12' ry='7'/%3E%3Cellipse cx='42' cy='28' rx='12' ry='7'/%3E%3Ccircle cx='28' cy='28' r='2'/%3E%3C/g%3E%3C/svg%3E")}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit}h1,h2,h3,h4{letter-spacing:-.01em;margin:0 0 .5em;line-height:1.2}h1{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800}h2{font-size:1.35rem;font-weight:800}h3{font-size:1.05rem;font-weight:700}p{margin:0 0 1em}.muted{color:var(--muted)}.small{font-size:.875rem}.num{font-variant-numeric:tabular-nums;font-weight:800}.hidden,[hidden]{display:none!important}:focus-visible{outline:3px solid var(--emas);outline-offset:2px}.btn{border:1.5px solid var(--line);background:var(--surface);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-weight:700;text-decoration:none;transition:transform .12s,background .12s;display:inline-flex}.btn:hover{background:#f1eee7}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--malam);border-color:var(--malam);color:#fff}.btn-primary:hover{background:var(--malam-2)}.btn-emas{background:var(--emas);border-color:var(--emas);color:var(--malam)}.btn-emas:hover{background:#ffc81f}.btn-danger{color:var(--bad);border-color:#f3c4c4}.btn-ghost{background:0 0;border-color:#0000}.btn-lg{border-radius:16px;min-height:60px;padding:.9rem 1.6rem;font-size:1.1rem}.btn-block{width:100%}.btn-google:before{content:"G";color:#4285f4;font-weight:800}label{margin-bottom:.35rem;font-size:.9rem;font-weight:600;display:block}.input,select,textarea{border:1.5px solid var(--line);width:100%;min-height:44px;font:inherit;color:var(--ink);background:#fff;border-radius:12px;padding:.6rem .8rem}textarea{resize:vertical;min-height:96px}.input:focus,select:focus,textarea:focus{border-color:var(--malam-3);outline:none;box-shadow:0 0 0 3px #1c437326}.field{margin-bottom:1rem}.row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.between{justify-content:space-between}.grid{gap:1rem;display:grid}.g2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.g3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.g4{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.divider{color:var(--muted);align-items:center;gap:.75rem;margin:1rem 0;font-size:.85rem;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.switch{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 0;font-weight:600;display:flex}.switch input{width:44px;height:24px;accent-color:var(--malam)}.seg{background:#ece8df;border-radius:12px;gap:4px;padding:4px;display:inline-flex}.seg button{font:inherit;cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:9px;padding:.5rem .9rem;font-weight:700}.seg button.on{color:var(--ink);background:#fff;box-shadow:0 1px 3px #0000001a}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:1.25rem}.card-tenun{border-top:6px solid #0000;border-image:repeating-linear-gradient(90deg,var(--magenta)0 10px,var(--emas)10px 20px,var(--toska)20px 30px,var(--malam)30px 40px)6}.stat .num{font-size:2rem;display:block}.tag{color:#334155;white-space:nowrap;background:#eef0f5;border-radius:999px;align-items:center;gap:.3rem;padding:.15rem .6rem;font-size:.78rem;font-weight:700;display:inline-flex}.tag-ok{color:#166534;background:#dcfce7}.tag-bad{color:#991b1b;background:#fee2e2}.tag-warn{color:#92400e;background:#fef3c7}.tag-emas{color:#7a5b00;background:#fff4cc}.tag-ai{color:#5b21b6;background:#ede9fe}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:.7rem .6rem}th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.78rem;font-weight:700}.table-wrap{overflow-x:auto}.bar{background:#ece8df;border-radius:99px;height:10px;overflow:hidden}.bar>span{background:var(--toska);border-radius:99px;height:100%;display:block}.bar.low>span{background:var(--bad)}.empty{text-align:center;color:var(--muted);padding:2rem 1rem}.alert{background:#fff7e0;border:1px solid #f5db8b;border-radius:12px;padding:.8rem 1rem;font-size:.92rem}.app{grid-template-columns:264px minmax(0,1fr);min-height:100dvh;display:grid}.sidebar{background:var(--malam);color:#fff;isolation:isolate;flex-direction:column;gap:.12rem;height:100dvh;padding:1.15rem .9rem 1rem;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar:before{content:"";background-image:var(--kawung);opacity:.045;z-index:-1;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}.sidebar .brand{color:#fff;padding:.25rem .55rem 1.1rem}.nav-label{letter-spacing:.12em;text-transform:uppercase;color:#6f86a8;padding:1rem .75rem .45rem;font-size:.68rem;font-weight:700}.nav-item{color:#b8c7dd;border-radius:12px;align-items:center;gap:.75rem;padding:.62rem .75rem;font-size:.93rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:flex;position:relative}.nav-item:hover{color:#fff;background:#ffffff0f}.nav-item.on{color:#fff;background:#ffffff17;box-shadow:inset 0 1px #ffffff0f}.nav-item.on:before{content:"";background:var(--emas);border-radius:0 4px 4px 0;width:4px;position:absolute;top:24%;bottom:24%;left:-.9rem}.nav-item.on .ui-ic{color:var(--emas)}.nav-item .count{background:var(--emas);color:var(--malam);border-radius:99px;margin-left:auto;padding:.05rem .45rem;font-size:.7rem;font-weight:800}.side-foot{grid-template-columns:minmax(0,1fr);gap:.6rem;margin-top:auto;padding-top:1rem;display:grid}.quota{color:#b8c7dd;background:#ffffff0f;border:1px solid #ffffff14;border-radius:16px;padding:.85rem .9rem;font-size:.8rem;text-decoration:none;display:block}.quota b{color:#fff}.quota .bar{background:#ffffff1a;height:6px;margin-top:.55rem}.quota .bar span{background:var(--emas)}.quota-top{align-items:center;gap:.45rem;display:flex}.quota-top .ui-ic{width:16px;height:16px;color:var(--emas)}.quota-top b{margin-left:auto}.quota small{color:#8fa4c4;margin-top:.45rem;font-size:.72rem;display:block}.quota.low .bar span{background:#fb7185}.quota.low .quota-top b{color:#fda4af}.me{border-top:1px solid #ffffff14;align-items:center;gap:.65rem;padding:.9rem .45rem .55rem;display:flex}.me div{flex:1;min-width:0;line-height:1.25}.me b{white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;display:block;overflow:hidden}.me span{color:#8fa4c4;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;display:block;overflow:hidden}.mbar,.nav-scrim{display:none}.me-out{cursor:pointer;color:#8fa4c4;background:0 0;border:0;border-radius:9px;flex-shrink:0;padding:.4rem;display:grid}.me-out:hover{color:#fff;background:#ffffff14}.brand{letter-spacing:-.02em;align-items:center;gap:.55rem;padding:.2rem .4rem 1rem;font-size:1.25rem;font-weight:800;text-decoration:none;display:flex}.brand b{color:var(--emas)}.main{width:100%;max-width:1280px;padding:0 clamp(1rem,3vw,2.5rem) 3rem}.topbar{z-index:20;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#f6f4efdb;align-items:center;gap:.6rem;height:72px;margin-bottom:1.25rem;display:flex;position:sticky;top:0}.search{border:1px solid var(--line);max-width:440px;height:42px;color:var(--muted);background:#fff;border-radius:12px;flex:1;align-items:center;gap:.55rem;padding:0 .8rem;display:flex}.search input{min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:.92rem}.search:focus-within{border-color:var(--malam-3);box-shadow:0 0 0 3px #1c43731f}kbd{font:inherit;border:1px solid var(--line);color:var(--muted);background:#f6f4ef;border-radius:6px;padding:.1rem .4rem;font-size:.72rem;font-weight:700}.topbar .spacer{flex:1}.icon-btn{border:1px solid var(--line);width:42px;height:42px;color:var(--ink);cursor:pointer;background:#fff;border-radius:12px;place-items:center;display:grid;position:relative}.icon-btn:hover{background:#f1eee7}.icon-btn .pip{background:var(--magenta);border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:9px;right:10px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.page-head h1{letter-spacing:-.03em;font-size:clamp(1.5rem,2.4vw,1.9rem)}.page-head p{margin:0}@media (width<=860px){.app{grid-template-columns:minmax(0,1fr)}.mbar{z-index:30;background:var(--malam);color:#fff;justify-content:space-between;align-items:center;height:56px;padding:0 .6rem 0 1rem;display:flex;position:sticky;top:0}.mbar .brand{color:#fff}.mbar-btn{color:#fff;cursor:pointer;background:#ffffff14;border:0;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.sidebar{z-index:50;visibility:hidden;width:min(300px,86vw);height:100dvh;transition:transform .3s cubic-bezier(.16,1,.3,1),visibility .3s;position:fixed;top:0;left:0;transform:translate(-100%)}.nav-open .sidebar{visibility:visible;transform:none;box-shadow:0 0 60px #0006}.nav-scrim{z-index:40;opacity:0;pointer-events:none;background:#0b1f3a8c;border:0;transition:opacity .3s;display:block;position:fixed;top:0;right:0;bottom:0;left:0}.nav-open .nav-scrim{opacity:1;pointer-events:auto}.topbar{height:62px;top:56px}.topbar .hide-sm,.search kbd{display:none}}.site-head{justify-content:space-between;align-items:center;padding:1rem clamp(1rem,4vw,3rem);display:flex}.hero{background:var(--malam);color:#fff;position:relative;overflow:hidden}.kawung{isolation:isolate;position:relative}.kawung:before{content:"";background-image:var(--kawung);opacity:.06;z-index:-1;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}.light-kawung:before{filter:invert();opacity:.05}.auth-wrap{background:var(--malam);place-items:center;min-height:100vh;padding:1.5rem;display:grid}.auth-card{width:100%;max-width:420px}.avatar{--s:44px;width:var(--s);height:var(--s);background:var(--c,#ccc);border-radius:50%;flex:none;place-items:center;display:inline-grid;overflow:hidden;box-shadow:inset 0 -3px #00000026}.avatar-pick{grid-template-columns:repeat(4,1fr);gap:.6rem;display:grid}.avatar-pick button{color:inherit;font:inherit;cursor:pointer;background:#ffffff0f;border:2px solid #0000;border-radius:14px;justify-items:center;gap:.25rem;padding:.5rem .25rem;font-size:.7rem;display:grid}.avatar-pick button.on{border-color:var(--emas);background:#f5b7001f}.kodo{width:96px;height:auto}.ico{flex:none;width:1.4em;height:1.4em}.badge-ico{width:72px;height:72px}.play{background:var(--malam);color:#fff;min-height:100vh}.play .card{background:var(--malam-2);color:#fff;border-color:#ffffff14}.play .muted{color:#a9bbd6}.play .input{color:#fff;background:#ffffff14;border-color:#ffffff2e}.play .input::placeholder{color:#8fa4c4}.play .btn{color:#fff;background:#ffffff14;border-color:#ffffff29}.play .btn-emas{background:var(--emas);border-color:var(--emas);color:var(--malam)}.phone{flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;padding:1rem;display:flex}.phone-bar{justify-content:space-between;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.view{flex-direction:column;flex:1;gap:1rem;padding:1rem 0;display:flex}.center{text-align:center;justify-content:center;align-items:center}.pin-input{letter-spacing:.35em;text-align:center;min-height:76px;font-size:2.4rem;font-weight:800}.q-body{font-size:1.2rem;font-weight:700}.q-img{aspect-ratio:16/9;color:#a9bbd6;background:repeating-linear-gradient(45deg,#1c4373 0,#1c4373 12px,#18395f 12px,#18395f 24px);border-radius:14px;place-items:center;width:100%;font-size:.85rem;display:grid}.timer{--p:100;background:conic-gradient(var(--emas)calc(var(--p)*1%),#ffffff1f 0);border-radius:50%;place-items:center;width:64px;height:64px;font-size:1.3rem;font-weight:800;display:grid;position:relative}.timer:before{content:"";background:var(--malam);border-radius:50%;position:absolute;top:6px;right:6px;bottom:6px;left:6px}.timer span{position:relative}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.tiles.one{grid-template-columns:1fr}.tile{min-height:var(--tile-h);border-radius:var(--r);color:#fff;font:inherit;text-align:left;cursor:pointer;border:0;align-items:center;gap:.6rem;padding:.8rem;font-size:1.05rem;font-weight:700;transition:transform .1s,opacity .2s,filter .2s;display:flex;box-shadow:inset 0 -5px #0000002e}.tile:active{transform:scale(.98)}.tile .key{background:#0000002e;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.tile.t0{background:var(--toska)}.tile.t1{background:var(--nila)}.tile.t2{background:var(--kunyit);color:#1a1300}.tile.t3{background:var(--magenta)}.tile.t4{background:var(--daun)}.tile.t5{background:var(--tanah)}.tile.sel{outline-offset:2px;outline:4px solid #fff}.tile.dim{opacity:.28;filter:grayscale(.5)}.tile.correct{outline:4px solid #fff}.order-list{gap:.5rem;display:grid}.order-item{background:#ffffff14;border-radius:12px;align-items:center;gap:.6rem;padding:.7rem;font-weight:700;display:flex}.order-item .mv{gap:.3rem;margin-left:auto;display:flex}.order-item .mv button{color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:10px;width:40px;height:40px;font-size:1rem}.count-big{color:var(--emas);font-size:8rem;font-weight:800;line-height:1;animation:.9s ease-out infinite pop}@keyframes pop{0%{opacity:0;transform:scale(.6)}30%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.result-banner{border-radius:var(--r-lg);text-align:center;padding:1.5rem}.result-banner.ok{background:var(--ok)}.result-banner.bad{background:#9f1239}.explain{border-left:4px solid var(--emas);background:#ffffff0f;border-radius:10px;padding:.8rem 1rem;font-size:.95rem}.lb{gap:.45rem;display:grid}.lb-row{background:#ffffff0f;border-radius:12px;align-items:center;gap:.7rem;padding:.55rem .8rem;display:flex}.lb-row .rank{width:28px;color:var(--emas);font-weight:800}.lb-row .pts{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:800}.lb-row.me{outline:1.5px solid var(--emas);background:#f5b70029}.lb-row .up{color:#4ade80;font-size:.8rem}.lb-row .down{color:#fb7185;font-size:.8rem}.streak{color:var(--emas);font-weight:800}.podium{justify-content:center;align-items:flex-end;gap:.6rem;margin-top:1rem;display:flex}.podium .step{text-align:center;width:30%;max-width:160px}.podium .block{color:var(--malam);border-radius:14px 14px 0 0;place-items:center;font-size:2rem;font-weight:800;animation:.8s ease-out both rise;display:grid}.podium .p1 .block{background:var(--emas);height:160px}.podium .p2 .block{background:#cbd5e1;height:115px;animation-delay:.2s}.podium .p3 .block{background:#d9a066;height:85px;animation-delay:.4s}@keyframes rise{0%{transform-origin:bottom;transform:scaleY(0)}to{transform-origin:bottom;transform:scaleY(1)}}.buzzer{background:radial-gradient(circle at 35% 30%,#ff6b9a,var(--magenta)60%,#9d174d);color:#fff;width:220px;height:220px;font:inherit;cursor:pointer;border:0;border-radius:50%;margin:1rem auto;font-size:2rem;font-weight:800;box-shadow:0 12px #831843,0 18px 30px #0006}.buzzer:active{transform:translateY(8px);box-shadow:0 4px #831843}.demo-bar{z-index:50;background:#000000bf;flex-wrap:wrap;justify-content:center;gap:.35rem;padding:.4rem;font-size:.75rem;display:flex;position:fixed;bottom:0;left:0;right:0}.demo-bar button,.demo-bar select{font:inherit;color:#ddd;cursor:pointer;background:#222;border:1px solid #555;border-radius:6px;padding:.25rem .5rem}.demo-bar b{color:var(--emas);align-self:center}.wifi-off{color:#fff;text-align:center;background:#7f1d1d;padding:.4rem;font-size:.85rem;font-weight:600}.stage{grid-template-rows:auto 1fr auto;gap:1rem;min-height:100vh;padding:1.25rem 2rem;display:grid}.stage-q{text-align:center;max-width:1100px;margin:0 auto;font-size:clamp(1.6rem,3.2vw,2.8rem);font-weight:800}.stage .tiles .tile{min-height:96px;font-size:1.4rem}.pin-big{letter-spacing:.12em;color:var(--emas);font-size:clamp(3rem,9vw,6.5rem);font-weight:800;line-height:1}.qr{background:#fff;border-radius:12px;grid-template-columns:repeat(21,1fr);width:160px;height:160px;padding:10px;display:grid}.qr i{background:#fff}.qr i.b{background:var(--malam)}.lobby-grid{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.chip{background:#ffffff14;border-radius:999px;align-items:center;gap:.45rem;padding:.3rem .8rem .3rem .3rem;font-weight:700;animation:.4s ease-out pop;display:inline-flex}.dist{justify-content:center;align-items:flex-end;gap:1.5rem;height:220px;display:flex}.dist .col{align-content:end;justify-items:center;gap:.4rem;width:90px;height:100%;display:grid}.dist .col .b{border-radius:10px 10px 0 0;width:100%;min-height:6px}.team-board{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.team-card{border-radius:var(--r-lg);text-align:center;background:var(--malam-2);border:3px solid #0000;padding:1.5rem}.team-card.turn{border-color:var(--emas);box-shadow:0 0 0 6px #f5b70026}.team-card .score{color:var(--emas);font-variant-numeric:tabular-nums;font-size:4.5rem;font-weight:800;line-height:1}.preview-pair{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;gap:1rem;display:grid}.mock-screen{background:var(--malam);color:#fff;aspect-ratio:16/10;border-radius:16px;flex-direction:column;justify-content:center;gap:.8rem;padding:1.2rem;display:flex}.mock-phone{background:var(--malam);color:#fff;border:6px solid #1e293b;border-radius:28px;flex-direction:column;gap:.6rem;max-width:260px;padding:1rem .8rem;display:flex}.mock-screen .tile,.mock-phone .tile{min-height:44px;padding:.5rem;font-size:.85rem}.mock-screen .tile .key,.mock-phone .tile .key{width:22px;height:22px;font-size:.75rem}@media (width<=860px){.preview-pair{grid-template-columns:1fr}}.q-list{gap:.5rem;display:grid}.q-item{border:1.5px solid var(--line);cursor:grab;background:#fff;border-radius:12px;align-items:center;gap:.6rem;padding:.6rem .7rem;display:flex}.q-item.on{border-color:var(--malam);box-shadow:0 0 0 3px #0b1f3a14}.q-item.drag{opacity:.4}.q-item .n{background:var(--malam);color:#fff;border-radius:8px;flex:none;place-items:center;width:26px;height:26px;font-size:.8rem;font-weight:800;display:grid}.opt-row{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.opt-row .sw{color:#fff;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.editor{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:1rem;display:grid}@media (width<=1000px){.editor{grid-template-columns:1fr}}.math{white-space:nowrap;font-family:Cambria Math,Times New Roman,serif;font-size:1.15em;font-style:italic}.frac{vertical-align:middle;text-align:center;flex-direction:column;margin:0 .15em;font-size:.9em;display:inline-flex}.frac>span:first-child{border-bottom:1.5px solid;padding:0 .2em}.badge-card{text-align:center}.badge-card.locked{opacity:.45;filter:grayscale()}.theme-ceria{--tile-h:88px;--r:22px}.theme-ceria .tile{font-size:1.25rem}.theme-ceria .speak-btn{min-height:52px;font-size:1.05rem;background:var(--emas)!important;color:var(--malam)!important;border-color:var(--emas)!important}.theme-akademik.play{background:#111827}.theme-akademik .kodo-wrap{display:none}.theme-akademik .tile{box-shadow:none}.hemat *,.hemat :before,.hemat :after{transition:none!important;animation:none!important}.hemat .q-img:not(.essential),.hemat .kodo-wrap{display:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.demo-bar select{width:auto;min-height:0}.demo-bar label{font-weight:400;font-size:inherit;align-items:center;gap:.3rem;margin:0;display:inline-flex}body:has(.demo-bar) .phone{padding-bottom:4.5rem}.grid>*{min-width:0}.tile>span:last-child{overflow-wrap:break-word;min-width:0}.q-item>span:last-child{min-width:0}label.row{flex-wrap:nowrap;gap:.4rem}.avatar svg{width:100%;height:100%;display:block}.ui-ic{vertical-align:-.2em;flex:none;width:1.15em;height:1.15em}.ic-xl .ui-ic{width:4rem;height:4rem}.ic-lg .ui-ic{width:2.6rem;height:2.6rem}.up-in{animation:.7s cubic-bezier(.16,1,.3,1) both upin;animation-delay:calc(var(--i,0)*60ms)}@keyframes upin{0%{opacity:0;transform:translateY(12px)}}.panel{background:#fff;border:1px solid #e8e3d8;border-radius:22px;padding:1.35rem;box-shadow:0 18px 36px -30px #0f172a40}.panel-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.panel-head h2{letter-spacing:-.01em;margin:0;font-size:1.02rem}.panel-head a{color:var(--malam-3);align-items:center;gap:.3rem;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-flex}.cover{isolation:isolate;color:#fff;letter-spacing:.04em;align-items:flex-end;height:92px;padding:.75rem .9rem;font-size:.8rem;font-weight:800;display:flex;position:relative}.cover:before{content:"";background-image:var(--kawung);opacity:.14;z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0}.ib{border:1px solid var(--line);color:#334155;cursor:pointer;background:#fff;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;text-decoration:none;display:inline-grid}.ib:hover{color:var(--ink);background:#f1eee7}.ib.ghost{background:0 0;border-color:#0000}.ib.danger:hover{color:var(--bad);background:#fef2f2}.tabs{border-bottom:1px solid var(--line);scrollbar-width:none;gap:.25rem;display:flex;overflow:auto hidden}.tabs button{font:inherit;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:.45rem;padding:.7rem .9rem;font-size:.92rem;font-weight:700;display:inline-flex;position:relative}.tabs button .n{color:var(--muted);background:#ece8df;border-radius:99px;padding:.05rem .45rem;font-size:.72rem}.tabs button.on{color:var(--ink)}.tabs button.on:after{content:"";background:var(--malam);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px;left:.6rem;right:.6rem}.tabs button.on .n{background:var(--malam);color:#fff}.chips{flex-wrap:wrap;gap:.4rem;display:flex}.chips button{border:1.5px solid var(--line);font:inherit;color:#334155;cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.85rem;font-weight:700;display:inline-flex}.chips button:hover{border-color:#cfc8b8}.chips button.on{border-color:var(--malam);background:var(--malam);color:#fff}.radio-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.radio-card{border:1.5px solid var(--line);cursor:pointer;background:#fff;border-radius:16px;grid-template-columns:40px minmax(0,1fr);align-items:start;gap:.3rem .75rem;margin:0;padding:.85rem;font-weight:400;transition:border-color .2s,box-shadow .2s;display:grid;position:relative}.radio-card input{opacity:0;position:absolute}.radio-card .rc-ic{width:40px;height:40px;color:var(--malam);background:#f1eee7;border-radius:12px;grid-row:span 2;place-items:center;display:grid}.radio-card b{font-size:.92rem}.radio-card span{color:var(--muted);font-size:.78rem;line-height:1.4}.radio-card:has(input:checked){border-color:var(--malam);box-shadow:0 0 0 3px #0b1f3a14}.radio-card:has(input:checked) .rc-ic{background:var(--malam);color:var(--emas)}.radio-card:has(input:focus-visible){outline:3px solid var(--emas);outline-offset:2px}dialog.modal{width:min(560px,94vw);max-height:92dvh;color:var(--ink);border:0;border-radius:26px;padding:0;box-shadow:0 40px 80px -20px #0b1f3a73}dialog.modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b1f3a8c}dialog.modal[open]{animation:.45s cubic-bezier(.16,1,.3,1) upin}.modal-head{justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.4rem 1.5rem .4rem;display:flex}.modal-head h2{margin:0;font-size:1.25rem}.modal-body{gap:1.1rem;padding:.8rem 1.5rem 1.2rem;display:grid}.modal-foot{border-top:1px solid var(--line);background:#fbfaf7;justify-content:flex-end;gap:.6rem;padding:1rem 1.5rem;display:flex;position:sticky;bottom:0}.field-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;font-size:.8rem;font-weight:700;display:block}.toggle{cursor:pointer;border-top:1px solid #efebe2;align-items:center;gap:.9rem;margin:0;padding:.7rem 0;font-weight:400;display:flex}.toggle:first-of-type{border-top:0}.toggle .t-ic{width:36px;height:36px;color:var(--malam);background:#f1eee7;border-radius:10px;flex:none;place-items:center;display:grid}.toggle div{flex:1;line-height:1.3}.toggle b{font-size:.9rem;display:block}.toggle small{color:var(--muted);font-size:.78rem}.toggle input{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:#d6d0c4;border-radius:99px;flex:none;width:42px;height:24px;margin:0;transition:background .2s;position:relative}.toggle input:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .25s cubic-bezier(.16,1,.3,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.toggle input:checked{background:var(--toska)}.toggle input:checked:after{transform:translate(18px)}.empty-state{text-align:center;color:var(--muted);justify-items:center;gap:.5rem;padding:3rem 1rem;display:grid}.empty-state .kodo{width:110px}.empty-state h3{color:var(--ink);margin:.5rem 0 0}.menu{position:relative}.menu>summary{list-style:none}.menu>summary::-webkit-details-marker{display:none}.menu-pop{z-index:15;border:1px solid var(--line);background:#fff;border-radius:14px;min-width:210px;padding:.35rem;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 24px 40px -18px #0f172a59}.menu-pop button,.menu-pop a{font:inherit;color:#334155;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:.6rem;padding:.55rem .65rem;font-size:.88rem;font-weight:600;text-decoration:none;display:flex}.menu-pop button:hover,.menu-pop a:hover{color:var(--ink);background:#f6f4ef}.menu-pop .danger{color:var(--bad)}.menu-pop hr{border:0;border-top:1px solid var(--line);margin:.3rem 0}.toasts{z-index:100;pointer-events:none;justify-items:center;gap:.5rem;display:grid;position:fixed;top:1rem;left:50%;transform:translate(-50%)}.toast{background:var(--malam);color:#fff;pointer-events:auto;border-radius:14px;align-items:center;gap:.55rem;max-width:min(92vw,520px);padding:.7rem 1rem;font-size:.9rem;font-weight:600;animation:.35s cubic-bezier(.16,1,.3,1) upin;display:inline-flex;box-shadow:0 18px 36px -14px #0b1f3a99}.toast .ui-ic{color:#4ade80;flex:none}.toast.out{opacity:0;transition:all .3s;transform:translateY(-8px)}.ui-ic,.ico{display:inline-block}a{text-underline-offset:2px}dialog.modal{margin:auto}@property --ring{syntax:"<number>";inherits:false;initial-value:100}.ease{transition:all .5s cubic-bezier(.16,1,.3,1)}.wrap{max-width:1240px;margin:0 auto;padding:0 clamp(1.1rem,4vw,2.5rem)}.lp{background:var(--bg);overflow-x:clip}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--emas-tua);align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:currentColor;border-radius:2px;width:18px;height:2px}.h-display{letter-spacing:-.035em;margin:0;font-size:clamp(2.3rem,4.4vw,3.9rem);font-weight:800;line-height:1.04}.h-sec{letter-spacing:-.03em;margin:0;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:800;line-height:1.1}.lead{color:var(--muted);max-width:58ch;font-size:1.08rem;line-height:1.7}.lp-nav{z-index:40;-webkit-backdrop-filter:blur(14px)saturate(140%);background:#0b1f3ac7;border-bottom:1px solid #ffffff0f;position:sticky;top:0}.lp-nav .wrap{align-items:center;gap:2rem;height:68px;display:flex}.lp-nav .brand{color:#fff;padding:0}.lp-nav nav{gap:1.6rem;margin-right:auto;display:flex}.lp-nav nav a{color:#b8c7dd;font-size:.93rem;font-weight:600;text-decoration:none}.lp-nav nav a:hover{color:#fff}.lp-nav .btn{min-height:40px;padding:.45rem 1rem}.btn-line{color:#fff;background:0 0;border-color:#ffffff38}.btn-line:hover{background:#ffffff14}@media (width<=900px){.lp-nav nav{display:none}.lp-nav .wrap{justify-content:space-between}.lp-nav .hide-sm{display:none}}.hero2{background:var(--malam);color:#fff;isolation:isolate;position:relative;overflow:hidden}.hero2:before{content:"";background-image:var(--kawung);opacity:.06;z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0}.hero2:after{content:"";z-index:-1;background:radial-gradient(closest-side,#f5b70021,#0000);border-radius:50%;width:720px;height:720px;position:absolute;top:-160px;right:-180px}.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,4.5rem);min-height:calc(100dvh - 68px);padding-block:3.5rem 4.5rem;display:grid}.hero-copy .h-display .gold{color:var(--emas)}.hero-copy .lead{color:#b8c7dd;margin:1.4rem 0 2rem}.pin-box{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:18px;gap:.5rem;max-width:470px;padding:.45rem;display:flex;box-shadow:inset 0 1px #ffffff14}.pin-box input{color:#fff;min-width:0;font:inherit;letter-spacing:.3em;background:0 0;border:0;outline:none;flex:1;padding:0 .9rem;font-size:1.35rem;font-weight:800}.pin-box input::placeholder{color:#6f86a8;letter-spacing:.04em;font-size:1rem;font-weight:600}.pin-box .btn{border-radius:13px;min-height:54px;padding:0 1.4rem}@media (width<=420px){.pin-box input{padding:0 .5rem 0 .7rem}.pin-box input::placeholder{letter-spacing:0;font-size:.9rem}.pin-box .btn{padding:0 1rem}}.pin-err{color:#fda4af;min-height:1.4em;margin:.5rem 0 0 .3rem;font-size:.85rem}.hero-alt{color:#8fa4c4;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.6rem;font-size:.93rem;display:flex}.hero-alt a{color:#fff;border-bottom:1.5px solid var(--emas);font-weight:700;text-decoration:none}.levels{flex-wrap:wrap;gap:.5rem;margin-top:2.4rem;display:flex}.levels span{color:#c9d6ea;border:1px solid #ffffff1f;border-radius:99px;padding:.35rem .8rem;font-size:.8rem;font-weight:700}.scene{aspect-ratio:1/.9;position:relative}.screen{background:#0f2a4d;border:1px solid #ffffff1a;border-radius:22px;flex-direction:column;gap:.9rem;padding:1.2rem 1.3rem;display:flex;position:absolute;top:0;right:0;bottom:6%;left:0;box-shadow:0 40px 80px -30px #0009,inset 0 1px #ffffff14}.screen-top{color:#8fa4c4;justify-content:space-between;align-items:center;font-size:.78rem;display:flex}.screen-top b{color:var(--emas);letter-spacing:.12em;font-size:.95rem}.live-dot{align-items:center;gap:.4rem;display:inline-flex}.live-dot:before{content:"";background:#4ade80;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite breathe}@keyframes breathe{0%,to{box-shadow:0 0 #4ade8080}50%{box-shadow:0 0 0 6px #4ade8000}}.screen-q{align-items:center;gap:1rem;font-size:clamp(1rem,1.5vw,1.25rem);font-weight:800;line-height:1.35;display:flex}.ring{--ring:100;background:conic-gradient(var(--emas)calc(var(--ring)*1%),#ffffff1a 0);border-radius:50%;flex:none;place-items:center;width:52px;height:52px;font-weight:800;animation:12s linear infinite ring;display:grid;position:relative}.ring:before{content:"";background:#0f2a4d;border-radius:50%;position:absolute;top:5px;right:5px;bottom:5px;left:5px}.ring span{font-size:.95rem;position:relative}@keyframes ring{0%{--ring:100}to{--ring:0}}.screen .tiles{gap:.55rem;margin-top:auto;margin-right:33%}.screen .answered{margin-right:33%}.screen .tile{min-height:50px;padding:.55rem;font-size:.88rem}.screen .tile .key{width:24px;height:24px;font-size:.78rem}.answered{color:#8fa4c4;align-items:center;gap:.6rem;font-size:.78rem;display:flex}.answered .track{background:#ffffff14;border-radius:9px;flex:1;height:6px;overflow:hidden}.answered .track i{background:var(--toska);transform-origin:0;border-radius:9px;width:90%;height:100%;animation:12s cubic-bezier(.16,1,.3,1) infinite fill;display:block}@keyframes fill{0%{transform:scaleX(.05)}70%,to{transform:scaleX(1)}}.phone-mock{aspect-ratio:9/18.5;background:var(--malam);border:7px solid #1b2d4a;border-radius:30px;flex-direction:column;gap:.5rem;width:32%;min-width:150px;padding:.8rem .6rem;animation:6s ease-in-out infinite float;display:flex;position:absolute;bottom:0;right:-3%;box-shadow:0 30px 60px -20px #000000b3}.phone-mock .notch{background:#1b2d4a;border-radius:9px;width:36%;height:5px;margin:0 auto .2rem}.phone-mock p{margin:0;font-size:.68rem;font-weight:700;line-height:1.35}.phone-mock .tiles{gap:.35rem;margin-top:auto}.phone-mock .tile{border-radius:9px;gap:.3rem;min-height:34px;padding:.3rem;font-size:.62rem}.phone-mock .tile .key{border-radius:5px;width:16px;height:16px;font-size:.55rem}.phone-mock .tile .ico{width:1em;height:1em}.phone-mock .tile.t1{animation:6s ease-in-out infinite pick}@keyframes pick{0%,40%{outline:0 solid #fff}50%,to{outline-offset:1px;outline:3px solid #fff}}.phone-mock .mini-img{aspect-ratio:16/9;background:repeating-linear-gradient(45deg,#1c4373 0,#1c4373 8px,#18395f 8px,#18395f 16px);border-radius:8px}.chip-float{color:var(--malam);background:#fffffff5;border-radius:14px;align-items:center;gap:.5rem;padding:.55rem .9rem;font-size:.82rem;font-weight:700;animation:7s ease-in-out infinite float;display:inline-flex;position:absolute;box-shadow:0 16px 30px -12px #00000080}.chip-float .ui-ic{color:var(--emas-tua)}.chip-streak{animation-delay:-2s;top:-5%;right:-3%}.chip-join{padding:.45rem .7rem;animation-delay:-4s;bottom:-2%;left:6%}.stack{display:flex}.stack .avatar{border:2px solid #fff;margin-left:-9px;animation:6s ease-in-out infinite popin}.stack .avatar:first-child{margin-left:0}.stack .avatar:nth-child(2){animation-delay:.3s}.stack .avatar:nth-child(3){animation-delay:.6s}.stack .avatar:nth-child(4){animation-delay:.9s}@keyframes popin{0%,8%{transform:scale(0)}16%,92%{transform:scale(1)}to{transform:scale(0)}}.kodo-peek{width:104px;animation:5s ease-in-out infinite float;position:absolute;top:-10%;left:38%}.kodo-peek .kodo{width:100%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (width<=900px){.hero-grid{grid-template-columns:1fr;min-height:0;padding-block-start:2.5rem}.scene{width:100%;max-width:520px;margin:1rem auto 0}}.marquee{border-block:1px solid var(--line);background:#fff;padding:1rem 0;overflow:hidden}.marquee-track{gap:2.6rem;width:max-content;animation:38s linear infinite slide;display:flex}.marquee-track span{color:#475569;white-space:nowrap;align-items:center;gap:2.6rem;font-weight:700;display:inline-flex}.marquee-track span:after{content:"";background:var(--emas);border-radius:2px;width:7px;height:7px;transform:rotate(45deg)}@keyframes slide{to{transform:translate(-50%)}}.sec{padding:clamp(4.5rem,9vw,7.5rem) 0}.sec-head{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:end;gap:2rem 4rem;margin-bottom:clamp(3rem,6vw,5rem);display:grid}.sec-head .lead{margin:0}@media (width<=860px){.sec-head{grid-template-columns:1fr}}.zz{gap:clamp(4rem,8vw,7rem);display:grid}.zz-row{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}.zz-row:nth-child(2n) .zz-copy{order:2}.zz-copy .num-label{color:var(--emas-tua);letter-spacing:.1em;font-size:.8rem;font-weight:800}.zz-copy h3{letter-spacing:-.025em;margin:.6rem 0 1rem;font-size:clamp(1.45rem,2.4vw,2rem)}.zz-copy ul{gap:.7rem;margin:1.4rem 0 0;padding:0;list-style:none;display:grid}.zz-copy li{color:#334155;align-items:flex-start;gap:.7rem;display:flex}.zz-copy li .ui-ic{color:var(--toska);margin-top:.2rem}.zz-visual{isolation:isolate;border-radius:28px;place-items:center;min-height:380px;padding:clamp(1.5rem,4vw,3rem);display:grid;position:relative;overflow:hidden}.zz-visual.navy{background:var(--malam);color:#fff}.zz-visual.navy:before{content:"";background-image:var(--kawung);opacity:.06;z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0}.zz-visual.paper{background:#efebe2}@media (width<=860px){.zz-row{grid-template-columns:1fr}.zz-row:nth-child(2n) .zz-copy{order:0}}.phone-lg{background:var(--malam);border:9px solid #1b2d4a;border-radius:38px;gap:.75rem;width:min(290px,100%);padding:1.1rem .9rem 1.3rem;display:grid;transform:rotate(-3deg);box-shadow:0 40px 70px -30px #000000a6}.phone-lg .bar-top{color:#8fa4c4;justify-content:space-between;font-size:.72rem;display:flex}.phone-lg p{margin:0;font-size:.92rem;font-weight:700;line-height:1.4}.phone-lg .tiles{gap:.45rem}.phone-lg .tile{min-height:44px;padding:.45rem;font-size:.78rem}.phone-lg .tile .key{width:20px;height:20px;font-size:.68rem}.phone-lg .speak{background:#ffffff14;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;padding:.5rem;font-size:.75rem;font-weight:700;display:flex}.badge-proj{color:#fff;background:#ffffff1a;border-radius:99px;align-items:center;gap:.45rem;padding:.45rem .8rem;font-size:.78rem;font-weight:700;display:inline-flex;position:absolute;top:1.4rem;right:1.4rem}.badge-proj s{opacity:.6}.report{background:#fff;border-radius:20px;gap:1rem;width:100%;max-width:520px;padding:1.3rem;display:grid;box-shadow:0 30px 60px -30px #0f172a59}.report-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.report-head .btn{min-height:38px;padding:.4rem .8rem;font-size:.82rem}.report table{font-size:.84rem}.report td,.report th{padding:.5rem .4rem}.tp-bars{gap:.55rem;display:grid}.tp-bars div{grid-template-columns:46px 1fr 38px;align-items:center;gap:.6rem;font-size:.8rem;font-weight:700;display:grid}.tp-bars .bar span{transform-origin:0}.in .tp-bars .bar span{animation:1.4s cubic-bezier(.16,1,.3,1) both grow}@keyframes grow{0%{transform:scaleX(0)}}.desc{color:var(--muted);background:#f6f4ef;border-radius:10px;margin:0;padding:.6rem .75rem;font-size:.8rem}.cc-vis{gap:1rem;width:100%;max-width:520px;display:grid}.cc-teams{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.cc-team{text-align:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:18px;justify-items:center;gap:.35rem;padding:1rem .6rem;font-size:.8rem;font-weight:700;display:grid}.cc-team b{color:var(--emas);font-variant-numeric:tabular-nums;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1}.cc-team.turn{border-color:var(--emas);box-shadow:inset 0 0 0 1px var(--emas);animation:3s ease-in-out infinite turn}@keyframes turn{50%{background:#f5b7001a}}.cc-bell{background:#ffffff0f;border-radius:18px;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;font-size:.85rem;display:flex}.bell-btn{color:#fff;background:radial-gradient(circle at 35% 30%,#f472b6,var(--magenta)60%,#9d174d);border-radius:50%;flex:none;place-items:center;width:64px;height:64px;animation:3s ease-in-out infinite press;display:grid;box-shadow:0 6px #831843}.bell-btn .ui-ic{width:26px;height:26px}@keyframes press{0%,70%,to{transform:translateY(0);box-shadow:0 6px #831843}76%{transform:translateY(5px);box-shadow:0 1px #831843}}.rounds{gap:.4rem;display:flex}.rounds span{color:#b8c7dd;background:#ffffff12;border-radius:99px;padding:.3rem .7rem;font-size:.72rem;font-weight:700}.rounds span.on{background:var(--emas);color:var(--malam)}.bento{grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;display:grid}.bento>article{background:#fff;border:1px solid #e8e3d8;border-radius:26px;flex-direction:column;gap:1.2rem;padding:1.7rem;display:flex;box-shadow:0 20px 40px -28px #0f172a2e}.bento h3{margin:0 0 .35rem;font-size:1.12rem}.bento p{color:var(--muted);margin:0;font-size:.93rem}.b-3{grid-column:span 3}.b-2{grid-column:span 2}.b-4{grid-column:span 4}.b-art{background:#f6f4ef;border-radius:18px;flex:1;place-items:center;min-height:140px;display:grid;position:relative;overflow:hidden}.b-art.navy{background:var(--malam);color:#fff}@media (width<=960px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.b-3,.b-2,.b-4{grid-column:span 2}}.signal{align-items:flex-end;gap:6px;height:64px;display:flex}.signal i{background:var(--toska);border-radius:4px;width:14px;animation:2.6s ease-in-out infinite sig}.signal i:first-child{height:25%}.signal i:nth-child(2){height:50%;animation-delay:.2s}.signal i:nth-child(3){background:#cbd5e1;height:75%;animation-delay:.4s}.signal i:nth-child(4){background:#cbd5e1;height:100%;animation-delay:.6s}@keyframes sig{50%{opacity:.45}}.kb{color:var(--muted);font-size:.8rem;font-weight:800;position:absolute;bottom:.9rem;right:1rem}.wave{align-items:center;gap:5px;height:64px;display:flex}.wave i{background:var(--emas);border-radius:6px;width:6px;height:100%;animation:1.2s ease-in-out infinite wave;transform:scaleY(.25)}.wave i:nth-child(2n){animation-delay:.15s}.wave i:nth-child(3n){animation-delay:.3s}.wave i:nth-child(5n){animation-delay:.45s}@keyframes wave{50%{transform:scaleY(1)}}.say{color:#c9d6ea;align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;display:flex;position:absolute;top:.9rem;left:1rem}.status-cycle{width:230px;height:40px;position:relative}.status-cycle span{color:#fff;opacity:0;border-radius:99px;justify-content:center;align-items:center;gap:.45rem;font-size:.8rem;font-weight:700;animation:9s infinite cyc;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.status-cycle span:first-child{background:#9f1239}.status-cycle span:nth-child(2){background:#b45309;animation-delay:3s}.status-cycle span:nth-child(3){background:#15803d;animation-delay:6s}@keyframes cyc{0%,30%{opacity:1;transform:none}34%,to{opacity:0;transform:translateY(6px)}}.badges-row{gap:.5rem;display:flex}.badges-row svg{width:64px;height:64px;animation:5s ease-in-out infinite float}.badges-row svg:nth-child(2){animation-delay:-1.6s}.badges-row svg:nth-child(3){animation-delay:-3.2s}.themes{grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%;padding:1rem;display:grid}.themes div{border-radius:12px;gap:.3rem;padding:.6rem;font-size:.7rem;font-weight:700;display:grid}.themes i{border-radius:6px;display:block}.th-ceria{color:#fff;background:#0b1f3a}.th-ceria i{background:var(--kunyit);border-radius:10px;height:22px}.th-remaja{color:#fff;background:#13315c}.th-remaja i{background:var(--nila);height:16px}.th-aka{color:#e5e7eb;background:#111827}.th-aka i{background:#374151;border-radius:3px;height:12px}.bank-list{gap:.5rem;width:100%;padding:1rem;display:grid}.bank-list div{background:#fff;border-radius:12px;align-items:center;gap:.6rem;padding:.55rem .7rem;font-size:.8rem;font-weight:700;display:flex;box-shadow:0 6px 14px -10px #0f172a4d}.bank-list small{color:var(--muted);align-items:center;gap:.3rem;margin-left:auto;font-weight:600;display:inline-flex}.steps{counter-reset:s;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem;display:grid;position:relative}.steps:before{content:"";background:repeating-linear-gradient(90deg,#cfc8b8 0,#cfc8b8 8px,#0000 8px,#0000 16px);height:2px;position:absolute;top:27px;left:28px;right:28px}.step{position:relative}.step .n{background:var(--malam);width:56px;height:56px;color:var(--emas);border-radius:18px;place-items:center;margin-bottom:1.4rem;font-size:1.3rem;font-weight:800;display:grid;position:relative}.step h3{margin:0 0 .5rem;font-size:1.15rem}.step p{color:var(--muted);margin:0}@media (width<=800px){.steps{grid-template-columns:1fr}.steps:before{display:none}}.targets{border-top:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.targets div{padding:2rem 1.5rem 0 0}.targets div+div{border-left:1px solid var(--line);padding-left:1.5rem}.targets b{letter-spacing:-.03em;color:var(--malam);font-size:clamp(2rem,3.6vw,3rem);font-weight:800;line-height:1;display:block}.targets span{color:var(--muted);margin-top:.6rem;font-size:.92rem;display:block}@media (width<=800px){.targets{grid-template-columns:1fr 1fr}.targets div:nth-child(3){border-left:0;padding-left:0}}.cta{background:var(--malam);color:#fff;isolation:isolate;border-radius:32px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2rem;padding:clamp(2.5rem,6vw,4.5rem);display:grid;position:relative;overflow:hidden}.cta:before{content:"";background-image:var(--kawung);opacity:.06;z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0}.cta .kodo{width:170px}.cta p{color:#b8c7dd;max-width:52ch;margin:1rem 0 1.8rem}@media (width<=760px){.cta{grid-template-columns:1fr}.cta .kodo-wrap{display:none}}.lp-foot{padding:4rem 0 2.5rem}.foot-grid{grid-template-columns:1.6fr repeat(3,1fr);gap:2rem;display:grid}.foot-grid h4{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:1rem;font-size:.8rem}.foot-grid a{color:#334155;margin-bottom:.55rem;font-weight:500;text-decoration:none;display:block}.foot-grid a:hover{color:var(--malam)}.foot-base{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1.5rem;font-size:.85rem;display:flex}@media (width<=760px){.foot-grid{grid-template-columns:1fr 1fr}}.reveal{opacity:0;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i,0)*90ms);transform:translateY(18px)}.reveal.in,.hemat .reveal{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}.screen-q{margin-right:31%}.phone-mock .tiles{grid-template-columns:1fr}.phone-mock .tile{min-height:28px}.phone-mock .tile .ico,.phone-lg .tile .ico{display:none}@media (width<=900px){.hero-grid{grid-template-columns:minmax(0,1fr)}.scene{aspect-ratio:auto;height:380px}.phone-mock{display:none}.screen-q,.screen .tiles,.screen .answered{margin-right:0}.chip-streak{right:2%}.chip-join{left:4%}.kodo-peek{width:80px;top:-14%;left:auto;right:34%}}.pin-box .spin{border:3px solid #0b1f3a40;border-top-color:var(--malam);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite pin-spin}@keyframes pin-spin{to{transform:rotate(360deg)}}.ai-demo{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:22px;gap:.7rem;width:min(430px,100%);padding:1.1rem;animation:10s infinite ai-cycle;display:grid;box-shadow:inset 0 1px #ffffff14,0 40px 70px -35px #000000b3}.ai-demo,.ai-demo *{animation-duration:10s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-iteration-count:infinite}.reveal:not(.in) .ai-demo,.reveal:not(.in) .ai-demo *{animation-play-state:paused}.ai-head{align-items:center;gap:.5rem;font-size:.95rem;font-weight:800;display:flex}.ai-head .ui-ic{color:var(--emas)}.ai-src{background:#ffffff0f;border:1px dashed #ffffff29;border-radius:14px;gap:.45rem;padding:.8rem .9rem;display:grid}.ai-src-label{letter-spacing:.06em;color:#8fa4c4;text-transform:uppercase;font-size:.7rem;font-weight:700}.ai-src i{opacity:.55;height:7px;width:var(--w);background:#c9d6ea;border-radius:99px;display:block}.ai-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.ai-chip{color:#c9d6ea;background:#ffffff12;border-radius:99px;padding:.35rem .7rem;font-size:.74rem;font-weight:700}.ai-btn{background:var(--emas);color:var(--malam);border-radius:12px;align-items:center;gap:.4rem;padding:.55rem .95rem;font-size:.85rem;font-weight:800;animation-name:ai-press;display:inline-flex}.ai-status{color:#c9d6ea;align-items:center;gap:.55rem;height:1.3rem;font-size:.8rem;animation-name:ai-status;display:flex}.ai-dots{gap:3px;display:inline-flex}.ai-dots b{background:var(--emas);border-radius:50%;width:6px;height:6px;animation:.9s ease-in-out infinite ai-dot}.ai-dots b:nth-child(2){animation-delay:.15s}.ai-dots b:nth-child(3){animation-delay:.3s}.ai-list{gap:.5rem;display:grid}.ai-q{color:var(--ink);background:#fff;border-radius:14px;padding:.65rem 2.6rem .7rem .8rem;position:relative}.ai-q-top{color:var(--muted);align-items:center;gap:.45rem;font-size:.68rem;font-weight:700;display:flex}.ai-tag{color:#5b21b6;background:#ede9fe;border-radius:6px;padding:.12rem .45rem}.ai-lvl{color:var(--toska);margin-left:auto}.ai-q p{margin:.3rem 0 0;font-size:.8rem;font-weight:700;line-height:1.35}.ai-ok{background:var(--daun);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;margin-top:-12px;display:grid;position:absolute;top:50%;right:.7rem}.ai-ok .ui-ic{width:14px;height:14px}.ai-toast{color:#86efac;background:#16a34a2e;border-radius:99px;justify-self:start;align-items:center;gap:.45rem;padding:.45rem .8rem;font-size:.78rem;font-weight:700;animation-name:ai-toast;display:inline-flex}.ai-toast .ui-ic{width:15px;height:15px}.ai-src i:first-of-type{animation-name:ai-line0}.ai-src i:nth-of-type(2){animation-name:ai-line1}.ai-src i:nth-of-type(3){animation-name:ai-line2}.ai-src i:nth-of-type(4){animation-name:ai-line3}.ai-q1{animation-name:ai-q1}.ai-q1 .ai-ok{animation-name:ai-ok1}.ai-q2{animation-name:ai-q2}.ai-q2 .ai-ok{animation-name:ai-ok2}.ai-q3{animation-name:ai-q3}.ai-q3 .ai-ok{animation-name:ai-ok3}@keyframes ai-cycle{0%{opacity:0}3%,95%{opacity:1}to{opacity:0}}@keyframes ai-press{0%,29%{transform:none;box-shadow:0 0 #f5b70000}31%{transform:scale(.93);box-shadow:0 0 #f5b70073}36%{transform:none;box-shadow:0 0 0 10px #f5b70000}to{transform:none}}@keyframes ai-status{0%,32%{opacity:0}35%,58%{opacity:1}62%,to{opacity:0}}@keyframes ai-dot{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}@keyframes ai-toast{0%,80%{opacity:0;transform:translateY(8px)}84%,to{opacity:1;transform:none}}@keyframes ai-line0{0%,3%{width:0}9%,to{width:var(--w)}}@keyframes ai-line1{0%,9%{width:0}15%,to{width:var(--w)}}@keyframes ai-line2{0%,15%{width:0}21%,to{width:var(--w)}}@keyframes ai-line3{0%,21%{width:0}27%,to{width:var(--w)}}@keyframes ai-q1{0%,40%{opacity:0;transform:translateY(14px)scale(.98)}45%,to{opacity:1;transform:none}}@keyframes ai-ok1{0%,68%{opacity:0;transform:scale(.4)}71%,to{opacity:1;transform:none}}@keyframes ai-q2{0%,48%{opacity:0;transform:translateY(14px)scale(.98)}53%,to{opacity:1;transform:none}}@keyframes ai-ok2{0%,72%{opacity:0;transform:scale(.4)}75%,to{opacity:1;transform:none}}@keyframes ai-q3{0%,56%{opacity:0;transform:translateY(14px)scale(.98)}61%,to{opacity:1;transform:none}}@keyframes ai-ok3{0%,76%{opacity:0;transform:scale(.4)}79%,to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.ai-demo,.ai-demo *{animation:none!important}.ai-status{opacity:0}}.legal .lp-nav nav a.on{color:#fff}.legal-hero{background:var(--malam);color:#fff;padding:3.5rem 0 3rem}.legal-hero h1{margin:.8rem 0 .5rem;font-size:clamp(2rem,4vw,2.8rem)}.legal-hero p{color:#b8c7dd;margin:0 0 1rem;font-size:1.1rem}.legal-hero small{color:var(--emas);font-weight:600}.legal-grid{grid-template-columns:260px minmax(0,1fr);gap:3rem;padding-top:3rem;padding-bottom:4rem;display:grid}.legal-toc{align-self:start;font-size:.9rem;position:sticky;top:92px}.legal-toc ol{color:var(--muted);gap:.45rem;margin:.7rem 0 0;padding-left:1.3rem;list-style:decimal;display:grid}.legal-toc a{color:var(--muted);text-decoration:none}.legal-toc a:hover{color:var(--ink)}.legal-body{background:var(--surface);border:1px solid var(--line);color:#334155;border-radius:20px;max-width:760px;padding:clamp(1.4rem,4vw,2.8rem);line-height:1.7}.legal-body section{scroll-margin-top:90px}.legal-body section+section{margin-top:2.2rem}.legal-body h2{color:var(--ink);align-items:center;gap:.7rem;margin:0 0 .9rem;font-size:1.25rem;display:flex}.legal-body h2 span{background:var(--emas);width:30px;height:30px;color:var(--malam);border-radius:9px;flex:none;place-items:center;font-size:.85rem;display:grid}.legal-body h3{color:var(--ink);margin:1.2rem 0 .3rem;font-size:1rem}.legal-body p{margin:0 0 .9rem}.legal-body p:last-child{margin-bottom:0}.legal-body ul{gap:.5rem;margin:.2rem 0 1rem;padding-left:1.4rem;list-style:outside;display:grid}.legal-body ul:last-child{margin-bottom:0}.legal-body li{padding-left:.25rem}.legal-body li::marker{color:var(--emas-tua)}.legal-body h3:first-of-type{margin-top:.4rem}.legal-body a{color:var(--nila)}.legal-next{align-items:center;gap:.5rem;margin-top:2.5rem;font-weight:700;text-decoration:none;display:inline-flex}@media (width<=860px){.legal-grid{grid-template-columns:1fr;gap:1.5rem}.legal-toc{position:static}}.auth{background:var(--bg);grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);min-height:100dvh;display:grid}.auth-side{isolation:isolate;background:var(--malam);color:#fff;flex-direction:column;gap:2rem;height:100dvh;padding:clamp(1.6rem,4vw,3rem);display:flex;position:sticky;top:0;overflow:hidden}.auth-side:before{content:"";background-image:var(--kawung);opacity:.06;z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0}.auth-side:after{content:"";z-index:-1;background:radial-gradient(closest-side,#f5b70024,#0000);border-radius:50%;width:620px;height:620px;position:absolute;bottom:-260px;left:-200px}.auth-side .brand{color:#fff;padding:0}.auth-side h2{letter-spacing:-.03em;max-width:16ch;margin:0;font-size:clamp(1.7rem,2.8vw,2.4rem);line-height:1.12}.auth-side h2 span{color:var(--emas)}.auth-side .lead{color:#b8c7dd;max-width:42ch;margin:1rem 0 0}.side-points{gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.side-points li{color:#c9d6ea;align-items:flex-start;gap:.75rem;display:flex}.side-points .pi{width:36px;height:36px;color:var(--emas);background:#ffffff14;border-radius:11px;flex:none;place-items:center;display:grid}.side-points b{color:#fff;font-size:.95rem;display:block}.side-points span{font-size:.85rem}.auth-foot{color:#8fa4c4;align-items:center;gap:.8rem;margin-top:auto;font-size:.85rem;display:flex}.auth-foot .stk{display:flex}.auth-foot .avatar{border:2px solid var(--malam);margin-left:-9px}.auth-foot .avatar:first-child{margin-left:0}.side-kodo{width:120px;animation:5s ease-in-out infinite floaty;position:absolute;top:18%;right:8%}.side-kodo .kodo{width:100%}@keyframes floaty{50%{transform:translateY(-5px)}}.auth-main{flex-direction:column;padding:clamp(1.2rem,4vw,3rem);display:flex}.auth-top{color:var(--muted);justify-content:space-between;align-items:center;gap:1rem;font-size:.9rem;display:flex}.auth-top .brand{padding:0;display:none}.auth-top a{color:var(--malam);font-weight:700}.auth-form{gap:1.1rem;width:100%;max-width:420px;margin:auto;padding:2rem 0;animation:.6s cubic-bezier(.16,1,.3,1) upin;display:grid}.auth-form h1{letter-spacing:-.03em;margin:0;font-size:clamp(1.6rem,2.6vw,2rem)}.auth-form .sub{color:var(--muted);margin:.35rem 0 0}.f{gap:.4rem;display:grid}.f .err{color:var(--bad);align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;display:flex}.inp-ic{position:relative}.inp-ic>.ui-ic{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.inp-ic .input{border-radius:14px;min-height:50px;padding-left:2.6rem}.inp-ic .eye{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:50%;right:.35rem;transform:translateY(-50%)}.inp-ic .eye:hover{color:var(--ink);background:#f1eee7}.row-between{justify-content:space-between;align-items:center;gap:1rem;display:flex}.check{cursor:pointer;align-items:center;gap:.5rem;margin:0;font-size:.88rem;font-weight:500;display:inline-flex}.check input{width:18px;height:18px;accent-color:var(--malam)}.check a{color:var(--nila);text-underline-offset:2px;font-weight:600;text-decoration:underline}.auth-form .btn-primary{border-radius:14px;min-height:52px;font-size:1rem}.btn-google{background:#fff;border-radius:14px;min-height:50px}.btn-google:before{content:none}.g-logo{width:20px;height:20px}.alert-err{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;gap:.6rem;padding:.8rem .9rem;font-size:.88rem;display:flex}.alert-err:empty{display:none}.foot-note{text-align:center;color:var(--muted);margin:0;font-size:.88rem}.foot-note a{color:var(--malam);font-weight:700}.proto-role{color:var(--muted);border:1px dashed #cfc8b8;border-radius:12px;align-items:center;gap:.6rem;padding:.6rem .75rem;font-size:.8rem;display:flex}.proto-role select{width:auto;min-height:34px;margin-left:auto;padding:.2rem 1.8rem .2rem .6rem;font-size:.82rem}.strength i{background:#e7e2d7;border-radius:4px;height:5px;transition:background .3s}.success{text-align:center;justify-items:center;gap:.8rem;display:grid}.success .big-ic{color:#15803d;background:#dcfce7;border-radius:26px;place-items:center;width:84px;height:84px;display:grid}.success .big-ic .ui-ic{width:42px;height:42px}.spin{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.auth{grid-template-columns:minmax(0,1fr)}.auth-side{display:none}.auth-top .brand{display:flex}}.sgrid{grid-template-columns:repeat(12,minmax(0,1fr));gap:1.1rem;display:grid}.sgrid>*{min-width:0}.c12{grid-column:1/-1}.c7{grid-column:span 7}.c5{grid-column:span 5}.c8{grid-column:span 8}.c4{grid-column:span 4}.c6{grid-column:span 6}@media (width<=1080px){.c7,.c5,.c8,.c4,.c6{grid-column:1/-1}}.s-hero{isolation:isolate;background:var(--malam);color:#fff;border-radius:26px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:1.5rem;padding:clamp(1.3rem,3vw,2rem);display:grid;position:relative;overflow:hidden}.s-hero:before{content:"";background-image:var(--kawung);opacity:.06;z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0}.s-hero:after{content:"";z-index:-1;background:radial-gradient(closest-side,#f5b70029,#0000);border-radius:50%;width:420px;height:420px;position:absolute;top:-160px;right:-140px}@media (width<=860px){.s-hero{grid-template-columns:minmax(0,1fr)}}.s-me{align-items:center;gap:1rem;display:flex}.s-me .avatar{box-shadow:0 0 0 4px #f5b70059}.s-me h1{letter-spacing:-.03em;margin:0;font-size:clamp(1.5rem,2.6vw,2rem)}.s-me p{color:#b8c7dd;margin:.2rem 0 0}.s-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-top:1.3rem;display:grid}.s-stats div{background:#ffffff0f;border:1px solid #ffffff14;border-radius:16px;padding:.75rem .85rem}.s-stats b{letter-spacing:-.02em;font-size:1.5rem;font-weight:800;display:block}.s-stats span{color:#8fa4c4;font-size:.75rem}.join-box{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;gap:.7rem;padding:1.1rem;display:grid;box-shadow:inset 0 1px #ffffff12}.join-box b{font-size:1rem}.join-row{gap:.5rem;display:flex}.join-row input{color:#fff;min-width:0;min-height:54px;font:inherit;letter-spacing:.35em;text-align:center;background:#0003;border:1px solid #ffffff24;border-radius:14px;outline:none;flex:1;font-size:1.35rem;font-weight:800}.join-row input::placeholder{letter-spacing:.05em;color:#6f86a8;font-size:.95rem;font-weight:600}.join-row input:focus{border-color:var(--emas);box-shadow:0 0 0 3px #f5b70033}.join-row .btn{border-radius:14px;min-height:54px}.join-err{color:#fda4af;min-height:1.2em;margin:0;font-size:.82rem;font-weight:600}.task{border-top:1px solid #efebe2;grid-template-columns:6px minmax(0,1fr) auto;align-items:center;gap:.9rem;padding:.9rem 0;display:grid}.task:first-of-type{border-top:0;padding-top:.2rem}.task .stripe{border-radius:4px;align-self:stretch}.task b{font-size:.95rem;display:block}.task .meta2{color:var(--muted);flex-wrap:wrap;gap:.3rem .8rem;margin-top:.2rem;font-size:.8rem;display:flex}.task .meta2 span{align-items:center;gap:.3rem;display:inline-flex}.task .meta2 .ui-ic{width:14px;height:14px}.task .urgent{color:var(--bad);font-weight:700}.task .soon{color:var(--warn);font-weight:700}.task .bar{max-width:220px;height:6px;margin-top:.5rem}.grade-pill{font-variant-numeric:tabular-nums;border-radius:11px;place-items:center;min-width:52px;padding:.35rem .55rem;font-weight:800;display:inline-grid}.gp-na{color:#64748b;background:#eef0f5}.datebox{background:#f6f4ef;border-radius:14px;flex:none;align-content:center;place-items:center;width:52px;height:56px;line-height:1.05;display:grid}.datebox b{font-size:1.25rem}.datebox span{color:var(--muted);text-transform:uppercase;font-size:.68rem;font-weight:700}.cls{border-top:1px solid #efebe2;align-items:center;gap:.8rem;padding:.7rem 0;display:flex}.cls:first-of-type{border-top:0;padding-top:.2rem}.cls .sw{color:#fff;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;font-size:.8rem;font-weight:800;display:grid}.cls div{flex:1;min-width:0}.cls b{font-size:.93rem;display:block}.cls span{color:var(--muted);font-size:.8rem}.code-row{gap:.5rem;margin-top:1rem;display:flex}.code-row input{text-transform:uppercase;letter-spacing:.18em;text-align:center;font-weight:800}.code-row input::placeholder{letter-spacing:.02em;text-transform:none;font-weight:500}.next-badge{background:#f6f4ef;border-radius:16px;align-items:center;gap:1rem;margin-top:1rem;padding:.9rem;display:flex}.next-badge svg{opacity:.55;filter:grayscale(.6);flex:none}.next-badge div{flex:1;min-width:0}.next-badge b{font-size:.92rem;display:block}.next-badge span{color:var(--muted);font-size:.78rem}.next-badge .bar{height:7px;margin-top:.45rem}.next-badge .bar span{background:var(--nila)}.badge-shelf{text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.badge-shelf div{justify-items:center;gap:.35rem;font-size:.78rem;font-weight:700;display:grid}.badge-shelf svg{animation:5s ease-in-out infinite floaty}.badge-shelf div:nth-child(2) svg{animation-delay:-1.6s}.badge-shelf div:nth-child(3) svg{animation-delay:-3.2s}.mini-hist{gap:.1rem;display:grid}.mini-hist a{border-radius:12px;align-items:center;gap:.8rem;padding:.65rem .5rem;text-decoration:none;display:flex}.mini-hist a:hover{background:#f6f4ef}.mini-hist a div{flex:1;min-width:0}.mini-hist b{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;display:block;overflow:hidden}.mini-hist span{color:var(--muted);font-size:.78rem}.s-hero>*{min-width:0}.join-box{grid-template-columns:minmax(0,1fr)}@media (width<=560px){.task{grid-template-columns:6px minmax(0,1fr)}.task>.btn{grid-column:2;justify-self:start}}.mini-hist{grid-template-columns:minmax(0,1fr)}.hist-pg .kp{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.hist-pg .kp div{border-left:1px solid #efebe2;padding:.2rem 1rem}.hist-pg .kp div:first-child{border-left:0;padding-left:0}.hist-pg .kp span{color:var(--muted);font-size:.78rem;font-weight:600;display:block}.hist-pg .kp b{letter-spacing:-.03em;font-size:1.9rem;font-weight:800;line-height:1.2;display:block}.hist-pg .kp small{color:var(--muted);font-size:.78rem}@media (width<=700px){.hist-pg .kp{grid-template-columns:1fr 1fr;gap:1rem 0}.hist-pg .kp div:nth-child(3){border-left:0;padding-left:0}}.hist-pg .chart>svg{width:100%;height:auto;overflow:visible}.hist-pg .chart .gl{stroke:#efebe2;stroke-width:1px}.hist-pg .chart .lbl{fill:#94a3b8;font-size:11px;font-family:var(--font)}.hist-pg .chart .ln{fill:none;stroke:var(--malam);stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:900;stroke-dashoffset:900px;animation:1.4s cubic-bezier(.16,1,.3,1) forwards draw}.hist-pg .chart .area{fill:url(#fade);opacity:0;animation:.8s .5s forwards fadein}.hist-pg .chart .pt{fill:#fff;stroke:var(--malam);stroke-width:2.5px}.hist-pg .chart .kktp{stroke:var(--emas);stroke-dasharray:5 5;stroke-width:1.5px}@keyframes draw{to{stroke-dashoffset:0}}@keyframes fadein{to{opacity:1}}.hist-pg .tool{flex-wrap:wrap;align-items:center;gap:.6rem;margin:1.3rem 0 .9rem;display:flex}.hist-pg .tool select{border-radius:10px;width:auto;min-height:38px;padding:.3rem 2rem .3rem .7rem;font-size:.86rem;font-weight:600}.hist-pg .month{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:1.4rem 0 .6rem;font-size:.78rem;font-weight:800}.hist-pg .h-item{background:#fff;border:1px solid #e8e3d8;border-radius:18px;margin-bottom:.6rem;overflow:hidden}.hist-pg .h-row{cursor:pointer;grid-template-columns:52px minmax(0,1fr) auto auto 28px;align-items:center;gap:1rem;padding:.85rem 1rem;display:grid}.hist-pg .h-row:hover{background:#fbfaf7}.hist-pg .h-row b{font-size:.95rem;display:block}.hist-pg .h-row .sub{color:var(--muted);font-size:.8rem}.hist-pg .h-row .rk{color:var(--muted);white-space:nowrap;align-items:center;gap:.3rem;font-size:.8rem;display:inline-flex}.hist-pg .h-row .chev{color:var(--muted);transition:transform .25s}.hist-pg .h-item.open .chev{transform:rotate(180deg)}.hist-pg .h-det{gap:.6rem;padding:0 1rem 1rem 5.25rem;display:none}.hist-pg .h-item.open .h-det{display:grid}.hist-pg .tpline{grid-template-columns:52px minmax(0,1fr) 44px;align-items:center;gap:.7rem;font-size:.82rem;display:grid}.hist-pg .tpline .bar{height:8px}@media (width<=640px){.hist-pg .h-row{grid-template-columns:52px minmax(0,1fr) auto}.hist-pg .h-row .rk,.hist-pg .h-row .chev{display:none}.hist-pg .h-det{padding-left:1rem}}.badge-pg .feat{isolation:isolate;background:var(--malam);color:#fff;border-radius:26px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.6rem;padding:clamp(1.4rem,3vw,2.2rem);display:grid;position:relative;overflow:hidden}.badge-pg .feat:before{content:"";background-image:var(--kawung);opacity:.06;z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0}.badge-pg .feat:after{content:"";z-index:-1;background:radial-gradient(closest-side,#f5b70033,#0000);border-radius:50%;width:360px;height:360px;position:absolute;top:-120px;left:-100px}.badge-pg .feat svg{filter:drop-shadow(0 18px 24px #0006);animation:5s ease-in-out infinite floaty}.badge-pg .feat .lbl{letter-spacing:.1em;text-transform:uppercase;color:var(--emas);font-size:.75rem;font-weight:800}.badge-pg .feat h2{letter-spacing:-.02em;margin:.4rem 0 .5rem;font-size:clamp(1.4rem,2.6vw,2rem)}.badge-pg .feat p{color:#b8c7dd;max-width:52ch;margin:0}.badge-pg .collect{text-align:center;min-width:150px}.badge-pg .collect b{font-size:2.6rem;font-weight:800;line-height:1;display:block}.badge-pg .collect span{color:#8fa4c4;font-size:.8rem}.badge-pg .collect .bar{background:#ffffff1f;height:8px;margin-top:.7rem}.badge-pg .collect .bar span{background:var(--emas)}@media (width<=760px){.badge-pg .feat{grid-template-columns:minmax(0,1fr);justify-items:start}.badge-pg .collect{text-align:left}}.badge-pg .bgrid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.1rem;margin-top:1.1rem;display:grid}.badge-pg .bcard{all:unset;box-sizing:border-box;cursor:pointer;text-align:center;background:#fff;border:1px solid #e8e3d8;border-radius:22px;justify-items:center;gap:.55rem;padding:1.4rem 1.2rem 1.2rem;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;display:grid;position:relative;box-shadow:0 18px 36px -30px #0f172a40}.badge-pg .bcard:hover{transform:translateY(-4px);box-shadow:0 26px 44px -30px #0f172a73}.badge-pg .bcard:focus-visible{outline:3px solid var(--emas);outline-offset:2px}.badge-pg .bcard:before{content:"";background:repeating-linear-gradient(90deg,var(--magenta)0 10px,var(--emas)10px 20px,var(--toska)20px 30px,var(--malam)30px 40px);border-radius:0 0 5px 5px;height:5px;position:absolute;top:0;left:1.2rem;right:1.2rem}.badge-pg .bcard h3{margin:.3rem 0 0;font-size:1.02rem}.badge-pg .bcard p{color:var(--muted);margin:0;font-size:.85rem}.badge-pg .bcard .when{color:var(--ok);align-items:center;gap:.3rem;font-size:.78rem;font-weight:700;display:inline-flex}.badge-pg .bcard.locked svg{filter:grayscale();opacity:.35}.badge-pg .bcard.locked:before{background:#e7e2d7}.badge-pg .bcard .lockpin{color:#94a3b8;background:#f1eee7;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:1rem;right:1rem}.badge-pg .bcard .lockpin .ui-ic{width:15px;height:15px}.badge-pg .bcard .prog{width:100%;color:var(--muted);gap:.3rem;font-size:.76rem;display:grid}.badge-pg .bcard .prog .bar{height:7px}.badge-pg .bcard .prog .bar span{background:var(--nila)}.badge-pg .sec-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:2rem 0 0;font-size:.78rem;font-weight:800}.badge-pg .bd{text-align:center}.badge-pg .bd .modal-body{justify-items:center}.badge-pg .bd svg{filter:drop-shadow(0 16px 20px #0b1f3a40)}.badge-pg .origin{text-align:left;background:#f6f4ef;border-radius:14px;gap:.6rem;padding:.9rem 1rem;font-size:.9rem;display:flex}.badge-pg .origin .ui-ic{color:var(--emas-tua);flex:none;margin-top:.15rem}.kls-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.1rem;display:grid}.kls-card{color:inherit;background:#fff;border:1px solid #e8e3d8;border-radius:24px;flex-direction:column;text-decoration:none;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 36px -30px #0f172a4d}.kls-card:hover{transform:translateY(-4px);box-shadow:0 28px 44px -30px #0f172a80}.kls-card:focus-visible{outline:3px solid var(--emas);outline-offset:2px}.kls-cover{isolation:isolate;color:#fff;flex-direction:column;justify-content:space-between;height:112px;padding:1rem 1.1rem;display:flex;position:relative}.kls-cover:before{content:"";background-image:var(--kawung);opacity:.16;z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0}.kls-cover .lv{letter-spacing:.05em;background:#00000038;border-radius:99px;align-self:flex-start;padding:.2rem .6rem;font-size:.72rem;font-weight:800}.kls-cover .init{letter-spacing:-.04em;font-size:2.3rem;font-weight:800;line-height:1}.kls-body{flex:1;align-content:start;gap:.75rem;padding:1rem 1.1rem 1.15rem;display:grid}.kls-body h3{letter-spacing:-.01em;margin:0;font-size:1.15rem}.kls-teacher{color:var(--muted);align-items:center;gap:.6rem;min-width:0;font-size:.82rem;display:flex}.kls-teacher b{color:var(--ink);font-size:.88rem;display:block}.kls-teacher div{min-width:0}.kls-chips{flex-wrap:wrap;gap:.4rem;display:flex}.kls-chip{color:#475569;background:#f3f0e8;border-radius:99px;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.76rem;font-weight:700;display:inline-flex}.kls-chip .ui-ic{width:14px;height:14px}.kls-chip.warn{color:#92400e;background:#fef3c7}.kls-chip.ok{color:#166534;background:#dcfce7}.kls-open{color:var(--malam-3,#1c4373);border-top:1px solid #efebe2;justify-content:space-between;align-items:center;margin-top:auto;padding:.8rem 1.1rem;font-size:.88rem;font-weight:700;display:flex}.kls-card:hover .kls-open .ui-ic{transform:translate(4px)}.kls-open .ui-ic{transition:transform .25s}.kls-join{background:#ffffff80;border:2px dashed #d9d3c3;border-radius:24px;align-content:center;justify-items:start;gap:.7rem;padding:1.4rem 1.2rem;display:grid}.kls-join h3{margin:0;font-size:1.05rem}.kls-join form{gap:.5rem;width:100%;display:flex}.kls-join input{letter-spacing:.12em;text-transform:uppercase;flex:1;min-width:0;font-weight:700}.kd-hero{isolation:isolate;color:#fff;border-radius:32px;gap:1.6rem;padding:clamp(1.4rem,3.4vw,2.4rem);display:grid;position:relative;overflow:hidden;box-shadow:0 34px 60px -38px #0b1f3ab3}.kd-hero:before{content:"";background-image:var(--kawung);opacity:.13;z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0}.kd-hero:after{content:"";z-index:-1;background:radial-gradient(closest-side,#ffffff47,#0000);border-radius:50%;width:520px;height:520px;position:absolute;top:-230px;right:-170px}.kd-top{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.6rem;display:grid}.kd-pills{flex-wrap:wrap;gap:.4rem;display:flex}.kd-pills span{letter-spacing:.05em;background:#0000003d;border-radius:99px;padding:.28rem .7rem;font-size:.74rem;font-weight:800}.kd-hero h1{letter-spacing:-.045em;margin:.7rem 0 0;font-size:clamp(2.4rem,7vw,4.4rem);line-height:.95}.kd-teacher{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff29;border:1px solid #ffffff38;border-radius:99px;align-items:center;gap:.75rem;margin-top:1.2rem;padding:.4rem 1.1rem .4rem .4rem;display:inline-flex}.kd-teacher b{font-size:.95rem;line-height:1.2;display:block}.kd-teacher small{opacity:.85;font-size:.76rem;display:block}.kd-rings{gap:.8rem;display:flex}.kd-ring{background:#00000038;border-radius:24px;justify-items:center;gap:.45rem;min-width:128px;padding:.9rem 1rem .8rem;display:grid}.kd-ring i{--v:0;background:conic-gradient(#fff calc(var(--v)*1%),#fff3 0);border-radius:50%;place-items:center;width:86px;height:86px;font-style:normal;animation:1.1s cubic-bezier(.16,1,.3,1) both kd-ring;display:grid}.kd-ring i span{background:color-mix(in srgb,var(--kc)60%,#0b1f3a);font-variant-numeric:tabular-nums;border-radius:50%;align-content:center;place-items:center;width:68px;height:68px;font-size:1.35rem;font-weight:800;line-height:1.05;display:grid}.kd-ring i small{opacity:.85;font-size:.62rem;font-weight:600}.kd-ring>span{opacity:.92;text-align:center;font-size:.76rem;font-weight:700}@keyframes kd-ring{0%{background:conic-gradient(#fff,#fff3 0)}}.kd-next{color:var(--ink);background:#fff;border-radius:22px;flex-wrap:wrap;align-items:center;gap:1rem;padding:.9rem .9rem .9rem 1.1rem;display:flex;box-shadow:0 22px 36px -22px #0000008c}.kd-next .ic{color:#92400e;background:#fef3c7;border-radius:15px;flex:none;place-items:center;width:46px;height:46px;display:grid}.kd-next.urgent .ic{color:#b91c1c;background:#fee2e2}.kd-next.done .ic{color:#166534;background:#dcfce7}.kd-next .t{flex:1;min-width:200px}.kd-next .t small{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.74rem;font-weight:800;display:block}.kd-next .t b{letter-spacing:-.01em;font-size:1.1rem;display:block}.kd-next .t span{color:var(--muted);font-size:.84rem}.kd-next .t .u{color:#b91c1c;font-weight:700}.kd-cols{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:1.4rem;margin-top:1.4rem;display:grid}@media (width<=1000px){.kd-cols,.kd-top{grid-template-columns:minmax(0,1fr)}.kd-rings{justify-content:flex-start}}.kd-sec{letter-spacing:-.01em;align-items:center;gap:.6rem;margin:0 0 .8rem;font-size:1.05rem;font-weight:800;display:flex}.kd-sec .n{background:#ece8df;border-radius:99px;padding:.1rem .6rem;font-size:.78rem}.kd-tasks{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.9rem;margin-bottom:1.8rem;display:grid}.kd-task{background:#fff;border:1px solid #e8e3d8;border-radius:22px;align-content:start;gap:.7rem;padding:1.1rem 1.1rem 1rem;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;display:grid;position:relative;overflow:hidden}.kd-task:before{content:"";background:var(--st,#cbd5e1);height:5px;position:absolute;top:0;left:0;right:0}.kd-task:hover{transform:translateY(-3px);box-shadow:0 24px 40px -30px #0f172a80}.kd-task .row1{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.kd-task .subj{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-size:.72rem;font-weight:800}.kd-task h3{letter-spacing:-.01em;margin:0;font-size:1.05rem;line-height:1.25}.kd-task .meta{color:var(--muted);flex-wrap:wrap;gap:.3rem .8rem;font-size:.8rem;display:flex}.kd-task .meta span{align-items:center;gap:.3rem;display:inline-flex}.kd-task .meta .ui-ic{width:14px;height:14px}.kd-task .urgent{color:#b91c1c;font-weight:700}.kd-task .soon{color:#b45309;font-weight:700}.kd-task .bar{height:7px}.kd-task .foot{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.kd-task .foot .btn{flex:1}.kd-task .gring{--v:0;background:conic-gradient(var(--gc)calc(var(--v)*1%),#ece8df 0);border-radius:50%;flex:none;place-items:center;width:52px;height:52px;display:grid}.kd-task .gring span{background:#fff;border-radius:50%;place-items:center;width:40px;height:40px;font-size:.95rem;font-weight:800;display:grid}.kd-task.dim{background:#faf8f3}.kd-task.dim h3{color:#475569}.kd-side{gap:1.1rem;display:grid;position:sticky;top:92px}@media (width<=1000px){.kd-side{position:static}}.kd-bars{border-bottom:1px solid #efebe2;align-items:flex-end;gap:.5rem;height:130px;padding-top:1rem;display:flex}.kd-bars>div{min-width:0;height:100%;color:var(--muted);flex:1;align-content:end;justify-items:center;gap:.3rem;font-size:.7rem;font-weight:700;display:grid}.kd-bars i{transform-origin:bottom;border-radius:10px 10px 4px 4px;width:100%;max-width:38px;animation:.9s cubic-bezier(.16,1,.3,1) both kd-grow}@keyframes kd-grow{0%{transform:scaleY(0)}}.kd-bars b{color:var(--ink);font-size:.78rem}.kd-leave{text-align:center;margin-top:1.6rem}.cgrid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.1rem;display:grid}.cc{background:#fff;border:1px solid #e8e3d8;border-radius:22px;flex-direction:column;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;display:flex;position:relative;box-shadow:0 18px 36px -30px #0f172a40}.cc:hover{transform:translateY(-3px);box-shadow:0 26px 44px -30px #0f172a73}.cc:has(.menu[open]){z-index:10}.cc-top{isolation:isolate;color:#fff;border-radius:22px 22px 0 0;justify-content:space-between;align-items:flex-start;gap:.8rem;min-height:112px;padding:1.1rem 1.2rem;display:flex;position:relative;overflow:hidden}.cc-top:before{content:"";background-image:var(--kawung);opacity:.14;z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0}.cc-top h3{letter-spacing:-.02em;margin:0;font-size:1.3rem}.cc-top h3 a{color:inherit;text-decoration:none}.cc-top h3 a:after{content:"";z-index:0;position:absolute;top:0;right:0;bottom:0;left:0}.cc-top p{opacity:.85;margin:.25rem 0 0;font-size:.82rem}.code-chip{z-index:2;letter-spacing:.14em;color:#fff;cursor:pointer;background:#0003;border:1px solid #fff3;border-radius:12px;align-items:center;gap:.4rem;padding:.4rem .5rem .4rem .7rem;font-family:inherit;font-size:.9rem;font-weight:800;display:inline-flex;position:relative}.code-chip:hover{background:#00000052}.code-chip .ui-ic{opacity:.8;width:15px;height:15px}.cc-body{flex:1;gap:.9rem;padding:1rem 1.2rem;display:grid}.members{color:var(--muted);align-items:center;gap:.7rem;font-size:.85rem;display:flex}.members .stk{display:flex}.members .avatar{border:2px solid #fff;margin-left:-8px}.members .avatar:first-child{margin-left:0}.members b{color:var(--ink)}.cstats{border-top:1px solid #efebe2;grid-template-columns:repeat(3,1fr);padding-top:.8rem;display:grid}.cstats div{color:var(--muted);font-size:.72rem;line-height:1.3}.cstats b{color:var(--ink);font-size:1.05rem;display:block}.cc-foot{z-index:2;gap:.4rem;padding:0 1.2rem 1.2rem;display:flex;position:relative}.cc-foot .btn{flex:1;min-height:40px}.cnew{box-shadow:none;text-align:center;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:1.5px dashed #cfc8b8;place-items:center;gap:.5rem;min-height:290px;font-weight:700;display:grid}.cnew:hover{border-color:var(--malam-3);background:#fff}.cnew .ui-ic{width:32px;height:32px;color:var(--malam)}.code-preview{background:var(--malam);color:#fff;border-radius:16px;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.code-preview b{letter-spacing:.2em;color:var(--emas);font-size:1.6rem}.code-preview span{color:#a9bbd6;font-size:.8rem}.k-head{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:1.1rem;margin-bottom:1.3rem;display:grid}@media (width<=900px){.k-head{grid-template-columns:minmax(0,1fr)}}.k-title{align-items:flex-start;gap:.8rem;display:flex}.k-title h1{letter-spacing:-.03em;margin:0;font-size:clamp(1.5rem,2.6vw,2rem)}.meta{flex-wrap:wrap;gap:.4rem;margin-top:.6rem;display:flex}.meta span{color:#475569;border:1px solid var(--line);background:#fff;border-radius:99px;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.8rem;font-weight:600;display:inline-flex}.meta .ui-ic{width:14px;height:14px}.k-actions{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.code-card{isolation:isolate;background:var(--malam);color:#fff;border-radius:22px;gap:.5rem;min-width:280px;padding:1.1rem 1.3rem;display:grid;position:relative;overflow:hidden}.code-card:before{content:"";background-image:var(--kawung);opacity:.07;z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0}.code-card .lbl{letter-spacing:.1em;text-transform:uppercase;color:#8fa4c4;font-size:.75rem;font-weight:800}.code-card .code{letter-spacing:.22em;color:var(--emas);font-size:2.2rem;font-weight:800;line-height:1.1}.code-card .row .btn{color:#fff;background:#ffffff14;border-color:#ffffff29;min-height:36px;padding:.3rem .75rem;font-size:.82rem}.code-card small{color:#a9bbd6;font-size:.78rem}.tool{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1rem;display:flex}.tool .search{max-width:280px;height:40px}.tool .spacer{flex:1}.bulk{background:var(--malam);color:#fff;border-radius:14px;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.8rem;padding:.6rem .8rem;animation:.3s cubic-bezier(.16,1,.3,1) upin;display:flex}.bulk b{margin-right:auto}.bulk .btn{color:#fff;background:#ffffff1a;border-color:#ffffff2e;min-height:36px;padding:.3rem .8rem;font-size:.84rem}.bulk .btn.danger{color:#fca5a5}.mtable{padding:.3rem 0;overflow-x:auto}.mrow{border-top:1px solid #efebe2;grid-template-columns:28px minmax(200px,1.6fr) 120px 130px minmax(120px,1fr) 70px 40px;align-items:center;gap:.8rem;min-width:820px;padding:.7rem 1.2rem;display:grid}.mrow.head{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-top:0;font-size:.7rem;font-weight:700}.mrow.sel{background:#f3f6fa}.mrow input[type=checkbox]{width:18px;height:18px;accent-color:var(--malam)}.who{align-items:center;gap:.65rem;min-width:0;display:flex}.who b{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;display:block;overflow:hidden}.who small{color:var(--muted);font-size:.75rem}code.u{background:#f1eee7;border-radius:7px;padding:.2rem .45rem;font-size:.82rem}.seen{color:var(--muted);align-items:center;gap:.4rem;font-size:.8rem;display:inline-flex}.seen i{background:#cbd5e1;border-radius:50%;width:8px;height:8px}.seen.on i{background:#22c55e}.seen.on{color:var(--ink)}.gp{border-radius:10px;place-items:center;min-width:46px;padding:.3rem .5rem;font-size:.88rem;font-weight:800;display:inline-grid}.gp-hi{color:#166534;background:#dcfce7}.gp-mid{color:#92400e;background:#fef3c7}.gp-lo{color:#991b1b;background:#fee2e2}.mrow .menu-pop{min-width:200px}.mrow:has(.menu[open]){z-index:5;position:relative}.act{border-top:1px solid #efebe2;grid-template-columns:44px minmax(0,1fr) 160px auto;align-items:center;gap:1rem;padding:.9rem 0;display:grid}.act:first-of-type{border-top:0;padding-top:.2rem}.act .ai{border-radius:13px;place-items:center;width:44px;height:44px;display:grid}.act b{font-size:.95rem;display:block}.act span{color:var(--muted);font-size:.8rem}.act .bar{height:7px;margin-top:.3rem}@media (width<=720px){.act{grid-template-columns:44px minmax(0,1fr)}.act>:nth-child(3),.act>:nth-child(4){grid-column:2}}.recap{overflow-x:auto}.recap table{min-width:640px}.recap th,.recap td{text-align:center;padding:.55rem .5rem}.recap th:first-child,.recap td:first-child{text-align:left}.recap th{font-size:.7rem}.recap tfoot td{border-bottom:0;font-weight:800}.steps3{grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}.steps3 span{color:var(--muted);gap:.35rem;font-size:.75rem;font-weight:700;display:grid}.steps3 span:before{content:"";background:#e7e2d7;border-radius:4px;height:4px}.steps3 span.on{color:var(--ink)}.steps3 span.on:before{background:var(--malam)}.dropz{text-align:center;color:var(--muted);cursor:pointer;background:#fbfaf7;border:1.5px dashed #cfc8b8;border-radius:16px;justify-items:center;gap:.4rem;margin:0;padding:1.6rem 1rem;font-weight:400;display:grid}.dropz:hover,.dropz.over{border-color:var(--malam-3);background:#f3f6fa}.dropz .ui-ic{width:32px;height:32px;color:var(--malam-3)}.dropz b{color:var(--ink)}.pv-table{border:1px solid var(--line);border-radius:14px;max-height:260px;overflow:auto}.pv-table table{font-size:.84rem}.pv-table tr.bad td{background:#fef2f2}.cards-print{display:none}.login-card{break-inside:avoid;border:1.5px dashed #94a3b8;border-radius:14px;grid-template-columns:56px 1fr;align-items:center;gap:.4rem .8rem;padding:.9rem;font-size:.85rem;display:grid}.login-card .avatar{grid-row:span 3}.login-card b{font-size:1rem}.login-card code{font-size:.95rem;font-weight:700}.sheet{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;display:grid}@media print{@page{margin:10mm}.no-print{display:none!important}body{background:#fff}.sheet{grid-template-columns:repeat(3,1fr);gap:5mm}.avatar{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.p-hero{isolation:isolate;background:var(--malam);color:#fff;border-radius:26px;flex-wrap:wrap;align-items:center;gap:1.2rem;margin-bottom:1.3rem;padding:1.6rem;display:flex;position:relative;overflow:hidden}.p-hero:before{content:"";background-image:var(--kawung);opacity:.06;z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0}.p-hero .avatar{box-shadow:0 0 0 4px #f5b70066}.p-hero h1{letter-spacing:-.03em;margin:0;font-size:clamp(1.4rem,2.4vw,1.8rem)}.p-hero p{color:#b8c7dd;flex-wrap:wrap;gap:.3rem .9rem;margin:.25rem 0 0;font-size:.9rem;display:flex}.p-hero p span{align-items:center;gap:.3rem;display:inline-flex}.p-hero .ver{color:#86efac}.p-hero .grow{flex:1;min-width:220px}.p-hero .btn{color:#fff;background:#ffffff14;border-color:#ffffff29}.p-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:1.3rem;display:grid}@media (width<=900px){.p-layout{grid-template-columns:minmax(0,1fr)}.p-nav{overflow-x:auto;flex-direction:row!important;position:static!important}.p-nav a{white-space:nowrap}}.p-nav{flex-direction:column;gap:.15rem;display:flex;position:sticky;top:92px}.p-nav a{color:var(--muted);border-radius:11px;align-items:center;gap:.6rem;padding:.6rem .75rem;font-size:.9rem;font-weight:600;text-decoration:none;display:flex}.p-nav a:hover{color:var(--ink);background:#efebe2}.p-nav a.on{color:var(--ink);background:#fff;box-shadow:0 1px 3px #00000014}.p-nav a.danger{color:var(--bad)}.p-sec{margin-bottom:1.1rem;scroll-margin-top:92px}.p-sec .panel-head{margin-bottom:.3rem}.p-sec .desc{color:var(--muted);margin:0 0 1.2rem;font-size:.88rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.1rem;display:grid}.form-grid .full{grid-column:1/-1}@media (width<=640px){.form-grid{grid-template-columns:minmax(0,1fr)}}.f{align-content:start;gap:.35rem;display:grid}.f label{margin:0;font-size:.86rem}.f .hint{color:var(--muted);font-size:.76rem}.f .err{color:var(--bad);font-size:.8rem;font-weight:600}.f .err:empty{display:none}.f.invalid .input{background:#fef2f2;border-color:#f87171}.verified{color:var(--ok);align-items:center;gap:.3rem;font-size:.76rem;font-weight:700;display:inline-flex}.save-row{border-top:1px solid #efebe2;justify-content:flex-end;align-items:center;gap:.8rem;margin-top:1.2rem;padding-top:1rem;display:flex}.save-row .dirty{color:var(--warn);align-items:center;gap:.35rem;margin-right:auto;font-size:.82rem;font-weight:600;display:none}.save-row.is-dirty .dirty{display:inline-flex}.avgrid{grid-template-columns:repeat(8,minmax(0,1fr));gap:.5rem;display:grid}@media (width<=760px){.avgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}.avgrid button{font:inherit;color:var(--muted);cursor:pointer;background:#f6f4ef;border:2px solid #0000;border-radius:16px;justify-items:center;gap:.3rem;padding:.55rem .2rem .45rem;font-size:.68rem;font-weight:600;display:grid}.avgrid button.on{border-color:var(--malam);color:var(--ink);background:#fff;box-shadow:0 0 0 3px #0b1f3a14}.avgrid span:last-child{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.tz{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}@media (width<=640px){.tz{grid-template-columns:minmax(0,1fr)}}.tz .radio-card{text-align:left;grid-template-columns:minmax(0,1fr)}.tz .clock{font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:800}.strength{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.strength i{background:#e7e2d7;border-radius:4px;height:5px}.linked{border-top:1px solid #efebe2;align-items:center;gap:.9rem;padding:.9rem 0;display:flex}.linked:first-of-type{border-top:0;padding-top:0}.linked .li{background:#f6f4ef;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.linked .li .g-logo{width:22px;height:22px}.linked div{flex:1;min-width:0}.linked b{font-size:.92rem;display:block}.linked span{color:var(--muted);font-size:.8rem}.danger-zone{border-color:#fecaca}.dz-row{border-top:1px solid #fee2e2;flex-wrap:wrap;align-items:center;gap:1rem;padding:.9rem 0;display:flex}.dz-row:first-of-type{border-top:0;padding-top:0}.dz-row div{flex:1;min-width:220px}.dz-row b{font-size:.92rem;display:block}.dz-row span{color:var(--muted);font-size:.82rem}.btn-red{background:var(--bad);border-color:var(--bad);color:#fff}.btn-red:hover{background:#b91c1c}.btn-red:disabled{opacity:.45;cursor:not-allowed}.toolbar{flex-wrap:wrap;align-items:center;gap:.6rem;padding:1rem 0 1.25rem;display:flex}.toolbar .search{max-width:300px;height:40px}.toolbar select{border-radius:11px;width:auto;min-height:40px;padding:.4rem 2rem .4rem .75rem;font-size:.88rem;font-weight:600}.toolbar .spacer{flex:1}.view-toggle{border:1px solid var(--line);background:#fff;border-radius:11px;padding:3px;display:inline-flex}.view-toggle button{width:34px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.view-toggle button.on{background:var(--malam);color:#fff}.result-line{color:var(--muted);margin:-.4rem 0 1rem;font-size:.85rem}.qgrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.1rem;display:grid}.qc{background:#fff;border:1px solid #e8e3d8;border-radius:22px;flex-direction:column;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;display:flex;position:relative;box-shadow:0 18px 36px -30px #0f172a40}.qc:has(.menu[open]){z-index:10}.qc:hover{transform:translateY(-3px);box-shadow:0 26px 44px -30px #0f172a73}.qc .cover{border-radius:22px 22px 0 0;flex-direction:column;justify-content:space-between;align-items:flex-start;height:104px}.qc .cover .top{justify-content:space-between;width:100%;display:flex}.qc .cover .vis{letter-spacing:0;background:#fff3;border-radius:99px;align-items:center;gap:.3rem;padding:.25rem .55rem;font-size:.7rem;font-weight:700;display:inline-flex}.qc .cover .count{letter-spacing:-.03em;font-size:2rem;line-height:1}.qc .cover .count small{letter-spacing:.02em;opacity:.85;font-size:.75rem;font-weight:700}.qc-body{flex:1;align-content:start;gap:.45rem;padding:1rem 1.1rem .9rem;display:grid}.qc-body h3{margin:0;font-size:1.02rem;line-height:1.3}.qc-body h3 a{text-decoration:none}.qc-body h3 a:hover{text-underline-offset:3px;text-decoration:underline}.qc-meta{color:var(--muted);font-size:.8rem}.qc-stats{border-top:1px solid #efebe2;grid-template-columns:repeat(3,1fr);margin-top:.4rem;padding-top:.7rem;display:grid}.qc-stats div{color:var(--muted);font-size:.72rem;line-height:1.3}.qc-stats b{color:var(--ink);font-size:1rem;display:block}.qc-foot{align-items:center;gap:.4rem;padding:0 1.1rem 1.1rem;display:flex}.qc-foot .btn{flex:1;min-height:40px}.draft-hint{color:var(--warn);align-items:center;gap:.35rem;font-size:.78rem;display:flex}.qtable .qt-row{border-top:1px solid #efebe2;grid-template-columns:52px minmax(0,2fr) minmax(0,1fr) 90px 80px 90px auto;align-items:center;gap:1rem;padding:.75rem 1rem;display:grid}.qtable .qt-row:first-child{border-top:0}.qtable .qt-head{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.72rem;font-weight:700}.qt-sw{border-radius:10px;width:52px;height:40px}.qtable b{font-size:.93rem}@media (width<=900px){.qtable .qt-row{grid-template-columns:52px minmax(0,1fr) auto}.qtable .qt-hide{display:none}}.main{max-width:1480px}.ed-head{flex-wrap:wrap;align-items:center;gap:.8rem;margin-bottom:.4rem;display:flex}.ed-head .title-in{min-width:240px;font:inherit;letter-spacing:-.03em;color:var(--ink);background:0 0;border:0;border-radius:10px;flex:1;padding:.2rem .4rem;font-size:clamp(1.35rem,2.2vw,1.75rem);font-weight:800}.ed-head .title-in:hover{background:#efebe2}.ed-head .title-in:focus{box-shadow:0 0 0 2px var(--malam-3);background:#fff;outline:0}.saved{color:var(--muted);align-items:center;gap:.35rem;font-size:.8rem;display:inline-flex}.saved .ui-ic{color:var(--ok)}.tabs{margin-bottom:1.25rem}.tabs .err{background:var(--bad);border-radius:50%;width:8px;height:8px}.builder{grid-template-columns:270px minmax(0,1fr) 360px;align-items:start;gap:1.1rem;display:grid}@media (width<=1320px){.builder{grid-template-columns:250px minmax(0,1fr)}.pv{grid-column:2}}@media (width<=960px){.builder{grid-template-columns:minmax(0,1fr)}.pv{grid-column:auto}.sticky{position:static}}.builder>*{min-width:0}.sticky{position:sticky;top:92px}.rail{max-height:calc(100dvh - 110px);padding:1rem;overflow-y:auto}.rail-sum{color:var(--muted);margin:-.4rem 0 .8rem;font-size:.8rem}.qlist{gap:.45rem;display:grid}.qi{cursor:pointer;background:#f8f6f1;border:1.5px solid #0000;border-radius:14px;grid-template-columns:16px 26px minmax(0,1fr);align-items:start;gap:.5rem;padding:.6rem .6rem .6rem .35rem;display:grid;position:relative}.qi:hover{background:#f1eee7}.qi.on{border-color:var(--malam);background:#fff;box-shadow:0 10px 20px -16px #0b1f3a80}.qi.drag{opacity:.35}.qi.over{border-color:var(--emas);border-style:dashed}.qi .grip{color:#b6ae9e;cursor:grab;margin-top:.2rem}.qi .num{background:var(--malam);color:#fff;border-radius:8px;place-items:center;width:26px;height:26px;font-size:.78rem;font-weight:800;display:grid}.qi .txt{-webkit-line-clamp:2;-webkit-box-orient:vertical;padding-right:1rem;font-size:.84rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.qi .sub{color:var(--muted);grid-column:3;align-items:center;gap:.35rem;margin-top:-.15rem;font-size:.72rem;display:flex}.qi .sub .ui-ic{width:13px;height:13px}.qi .warn-dot{color:var(--bad);position:absolute;top:.5rem;right:.5rem}.qi .warn-dot .ui-ic{width:15px;height:15px}.add-wrap{margin-top:.7rem}.add-wrap summary{border-style:dashed;justify-content:center;width:100%}.add-wrap .menu-pop{min-width:0;box-shadow:none;margin-top:.5rem;animation:.2s cubic-bezier(.16,1,.3,1) add-open;position:static}.add-wrap[open] summary{background:#f3f6fa;border-style:solid}.add-wrap .type-opt{gap:.7rem;padding:.65rem .7rem}@keyframes add-open{0%{opacity:0;transform:translateY(-4px)}}.type-opt b{font-size:.86rem;display:block}.type-opt small{color:var(--muted);font-size:.74rem;font-weight:500}.type-opt .ui-ic{width:20px;height:20px;color:var(--malam)}.ed{gap:1.1rem;display:grid}.sec-t{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;gap:.5rem;margin:0 0 .6rem;font-size:.78rem;font-weight:800;display:flex}.sec-t span{text-transform:none;letter-spacing:0;font-weight:600}.ed-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:1rem;display:flex}.ed-top h2{margin:0;font-size:1.15rem}.typechips .chips button{padding:.35rem .6rem;font-size:.8rem}.composer{border:1.5px solid var(--line);background:#fff;border-radius:14px;overflow:hidden}.composer:focus-within{border-color:var(--malam-3);box-shadow:0 0 0 3px #1c43731f}.composer-bar{background:#fbfaf7;border-bottom:1px solid #efebe2;gap:.2rem;padding:.35rem;display:flex}.composer-bar button{min-width:32px;height:32px;font:inherit;color:#475569;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:.35rem;padding:0 .5rem;font-size:.78rem;font-weight:700;display:inline-flex}.composer-bar button:hover{color:var(--ink);background:#efebe2}.composer textarea{border:0;border-radius:0;min-height:110px;font-size:1.02rem;box-shadow:none!important}.hint{color:var(--muted);margin-top:.4rem;font-size:.78rem}.drop{color:var(--muted);cursor:pointer;background:#fbfaf7;border:1.5px dashed #cfc8b8;border-radius:14px;align-items:center;gap:.9rem;margin-top:.8rem;padding:.9rem 1rem;font-size:.86rem;font-weight:400;display:flex}.drop:hover,.drop.over{border-color:var(--malam-3);background:#f3f6fa}.drop .ui-ic{width:26px;height:26px;color:var(--malam-3)}.drop b{color:var(--ink)}.drop-wrap .toggle{border:0;padding:.6rem 0 0}.opt{grid-template-columns:38px minmax(0,1fr) auto auto;align-items:center;gap:.5rem;margin-bottom:.5rem;display:grid}.opt .key{color:#fff;border-radius:11px;place-items:center;width:38px;height:44px;font-size:.9rem;font-weight:800;display:grid}.opt .input{min-height:44px}.opt.is-correct .input{background:#f0fdf4;border-color:#86efac}.ok-btn{border:1.5px solid var(--line);height:44px;font:inherit;color:var(--muted);cursor:pointer;white-space:nowrap;background:#fff;border-radius:11px;align-items:center;gap:.35rem;padding:0 .75rem;font-size:.8rem;font-weight:700;display:inline-flex}.ok-btn:hover{color:var(--ok);border-color:#86efac}.ok-btn.on{background:var(--ok);border-color:var(--ok);color:#fff}.err-line{color:var(--bad);background:#fef2f2;border-radius:10px;align-items:center;gap:.4rem;margin-top:.3rem;padding:.55rem .7rem;font-size:.82rem;font-weight:600;display:flex}.accepted{flex-wrap:wrap;gap:.4rem;margin-bottom:.6rem;display:flex}.accepted span{color:#166534;background:#dcfce7;border-radius:99px;align-items:center;gap:.3rem;padding:.35rem .4rem .35rem .7rem;font-size:.85rem;font-weight:700;display:inline-flex}.accepted button{cursor:pointer;width:22px;height:22px;color:inherit;background:#00000014;border:0;border-radius:50%;place-items:center;display:grid}.accepted .ui-ic{width:12px;height:12px}.settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem 1.4rem;display:grid}.settings .full{grid-column:1/-1}@media (width<=700px){.settings{grid-template-columns:1fr}}.lvl-name{color:var(--muted);min-height:1.2em;margin:.4rem 0 0;font-size:.78rem}.pv{padding:1rem}.pv .seg{width:100%;margin-bottom:.9rem}.pv .seg button{flex:1;justify-content:center;align-items:center;gap:.35rem;display:inline-flex}.pv-screen{background:var(--malam);color:#fff;aspect-ratio:16/10;isolation:isolate;border-radius:16px;flex-direction:column;justify-content:center;gap:.7rem;padding:1rem;display:flex;position:relative;overflow:hidden}.pv-screen:before{content:"";background-image:var(--kawung);opacity:.06;z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0}.pv-phone{background:var(--malam);color:#fff;border:7px solid #1e293b;border-radius:32px;flex-direction:column;gap:.6rem;width:250px;min-height:470px;margin:0 auto;padding:.9rem .75rem 1.1rem;display:flex}.pv-screen .tile,.pv-phone .tile{min-height:40px;padding:.45rem;font-size:.8rem}.pv-screen .tile .key,.pv-phone .tile .key{width:20px;height:20px;font-size:.68rem}.pv-phone .tile .ico{display:none}.pv .qtxt{margin:0;font-weight:800;line-height:1.35}.pv-note{color:var(--muted);gap:.4rem;margin:.8rem 0 0;font-size:.76rem;display:flex}.info{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1.1rem;display:grid}@media (width<=1000px){.info{grid-template-columns:minmax(0,1fr)}}.tp-item{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.5rem;margin-bottom:.5rem;display:grid}.tp-item .code{background:var(--malam);min-width:58px;height:44px;color:var(--emas);border-radius:11px;place-items:center;padding:0 .6rem;font-size:.82rem;font-weight:800;display:grid}.tp-item .use{color:var(--muted);white-space:nowrap;font-size:.75rem}.cover-pv{border-radius:16px;height:110px;margin-bottom:.6rem}@property --tw-rotate-x{syntax:"*";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"*";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"*";inherits:false;initial-value:rotateZ(0)}@property --tw-skew-x{syntax:"*";inherits:false;initial-value:skewX(0)}@property --tw-skew-y{syntax:"*";inherits:false;initial-value:skewY(0)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}