.klog{--ink:#16302f;--muted:#5b7072;--paper:#f7f4ee;--line:#e2dcd0;--coral:#f08262;--coral-deep:#b64b30;--ease:cubic-bezier(.2,.7,.1,1);display:grid;min-height:100svh;background:var(--paper);color:var(--ink)}.klog-logo{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-bricolage),sans-serif;font-size:23px;font-weight:700;letter-spacing:-.05em}.klog-tag{margin-left:4px;padding:3px 8px;border-radius:999px;background:#16302f;color:#fff;font-family:var(--font-sans);font-size:10px;font-style:normal;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.klog-logo>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--coral);color:var(--ink);font-size:18px;letter-spacing:0}.klog-intro{display:grid;place-items:center;grid-template-areas:"a";width:100%;max-width:520px;height:150px}.klog-stage{position:relative;grid-area:a;display:grid;justify-items:center;width:100%}.klog-mark{display:flex;font-family:var(--font-bricolage),sans-serif;font-size:clamp(56px,13vw,92px);font-weight:700;line-height:.95;letter-spacing:-.065em}.klog-intro.is-words .klog-mark{overflow:hidden;padding-bottom:.06em}.klog-mark span{display:inline-block;animation:klog-rise .9s calc(var(--i) * 55ms) var(--ease) both}@keyframes klog-rise{0%{transform:translateY(105%) rotate(6deg)}}.klog-intro.is-leave .klog-mark span,.klog-intro.is-load .klog-mark span{animation:klog-into .7s calc(var(--i) * 70ms) linear both}@keyframes klog-into{0%{transform:none;animation-timing-function:cubic-bezier(.2,.7,.4,1)}45%{transform:translate(calc(var(--dx) * .5),calc(var(--dy) - 70px)) scale(.6) rotate(-20deg);animation-timing-function:cubic-bezier(.6,0,.9,.4)}90%{opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.15) rotate(40deg);opacity:0}}.klog-words{height:1.3em;overflow:hidden;margin-top:8px;font-family:var(--font-bricolage),sans-serif;font-size:22px;font-weight:600;letter-spacing:-.03em;color:var(--coral-deep)}.klog-words span{display:block;animation:klog-word .4s var(--ease) both}@keyframes klog-word{0%{transform:translateY(100%);opacity:0}}.klog-intro:not(.is-words) .klog-words{animation:klog-out .3s both}@keyframes klog-out{to{opacity:0}}.klog-cart{position:absolute;left:50%;top:58%;width:112px;translate:-50% -50%;animation:klog-drive .8s cubic-bezier(.25,.6,.3,1) both}.klog-cart svg{display:block;width:100%;overflow:visible}.klog-intro.is-load .klog-cart svg{animation:klog-catch .5s cubic-bezier(.3,1.6,.5,1) .55s 2 alternate;transform-origin:50% 90%}@keyframes klog-catch{to{transform:scale(1.04,.94)}}@keyframes klog-drive{0%{transform:translateX(-60vw)}}.klog-intro.is-leave .klog-cart{animation:klog-vanish .75s cubic-bezier(.6,0,.4,1) both}@keyframes klog-vanish{30%{transform:scale(1.08)}to{transform:scale(.3) rotate(-8deg);opacity:0;filter:blur(6px)}}.klog-intro.is-leave .klog-wheel{animation:none}.klog-wheel{animation:klog-spin .5s linear infinite}@keyframes klog-spin{to{transform:rotate(1turn)}}.klog-done{grid-area:a;display:grid;justify-items:center;gap:10px}.klog-done>*{animation:klog-appear .7s var(--ease) both}.klog-intro.is-leave .klog-done>:first-child{animation-delay:.3s}.klog-intro.is-leave .klog-done>:last-child{animation-delay:.42s}@keyframes klog-appear{0%{opacity:0;transform:scale(.7);filter:blur(6px)}}.klog-intro.is-done .klog-done>*{animation:none}.klog-hello{font-family:var(--font-bricolage),sans-serif;font-size:22px;font-weight:600;letter-spacing:-.03em;color:var(--coral-deep)}.klog-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;overflow-x:clip;padding:32px 20px}.klog-card{width:100%;max-width:420px;padding:38px 36px 30px;border-radius:28px;background:#fff;box-shadow:0 1px 2px rgb(22 48 47/.06),0 24px 48px -18px rgb(22 48 47/.2),0 60px 110px -50px rgb(240 130 98/.4);animation:klog-card .8s .15s var(--ease) both}@keyframes klog-card{0%{opacity:0;transform:translateY(24px) scale(.98)}}.klog-card h1{font-family:var(--font-bricolage),sans-serif;font-size:30px!important;font-weight:700;line-height:1.05;letter-spacing:-.045em}.klog-kicker{margin-bottom:8px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--coral-deep)}.klog-sub strong{color:var(--ink)}.klog-sub{margin:10px 0 26px;font-size:15px;line-height:1.55;color:var(--muted)}.klog .field{font-weight:600;color:var(--ink)}.klog .field small{font-weight:400;color:var(--muted)}.klog .field input{min-height:50px!important;border-color:var(--line)!important;border-radius:14px!important;background:var(--paper)!important;box-shadow:none!important;font-size:16px!important;transition:border-color .2s,background-color .2s,box-shadow .2s}.klog .field select{min-height:50px;width:100%;padding:0 14px;border:1px solid var(--line);border-radius:14px;background:var(--paper);font-size:16px;font-weight:400;color:var(--ink)}.klog .field select:focus{outline:none;border-color:var(--ink);background:#fff;box-shadow:0 0 0 4px rgb(240 130 98/.25)}.klog .field select:disabled{opacity:1;color:var(--muted)}.klog-card.is-wide{max-width:580px}.klog .field input:focus{border-color:var(--ink)!important;background:#fff!important;box-shadow:0 0 0 4px rgb(240 130 98/.25)!important}.klog button[type=submit]{min-height:52px;border-radius:999px;background:var(--coral);color:var(--ink);font-size:16px;font-weight:700;transition:background-color .25s,color .25s,transform .15s}.klog button[type=submit]:hover:not(:disabled){background:var(--ink);color:#fff}.klog button[type=submit]:active:not(:disabled){transform:scale(.985)}.klog .field input[aria-invalid=true]{border-color:var(--coral-deep)!important;background:#fff!important;box-shadow:0 0 0 4px rgb(182 75 48/.14)!important}.klog-card:has(form[data-error]){animation:klog-shake .45s cubic-bezier(.36,.07,.19,.97) both}@keyframes klog-shake{20%,60%{transform:translateX(-7px)}40%,80%{transform:translateX(7px)}}.klog #login-error{animation:klog-in .35s var(--ease) both}.klog .login-pass{position:relative}.klog .login-pass input{padding-right:52px!important}.klog .login-pass button{position:absolute;top:50%;right:6px;display:grid;place-items:center;width:40px;height:40px;translate:0 -50%;border-radius:11px;color:var(--muted);transition:background-color .2s,color .2s}.klog .login-pass button:hover{background:var(--paper);color:var(--ink)}.klog .login-caps,.klog .login-pass button[aria-pressed=true]{color:var(--coral-deep)}.klog .login-caps{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600}.klog .login-caps:before{content:"⇪";font-size:14px}.klog .login-forgot{margin-top:10px;font-size:13px;color:var(--muted)}.klog .login-forgot summary{width:max-content;margin:0 auto;cursor:pointer;list-style:none;font-weight:600;color:var(--coral-deep);text-decoration:underline;text-underline-offset:3px}.klog .login-forgot summary::-webkit-details-marker{display:none}.klog .login-forgot>div{display:grid;gap:8px;margin-top:12px;padding:14px 16px;border-radius:14px;background:var(--paper);line-height:1.5;animation:klog-in .35s var(--ease) both}.klog .login-forgot b{color:var(--ink)}.klog .login-forgot-wa{justify-self:start;margin-top:4px;padding:8px 14px;border-radius:999px;background:#1f7a52;color:#fff;font-weight:700}.klog-foot{font-size:14px;color:var(--muted);animation:klog-in .7s .4s var(--ease) both}.klog-foot a{font-weight:700;color:var(--coral-deep);text-decoration:underline;text-underline-offset:3px}.klog :is(a,button):focus-visible{outline:2px solid var(--coral-deep);outline-offset:3px}.klog input:focus-visible{outline:none}@media (max-width:520px){.klog-panel{justify-content:flex-start;padding-top:40px}.klog-card{padding:30px 22px 24px}}@media (prefers-reduced-motion:reduce){.klog *,.klog :before{animation:none!important}}.klog .login-who{display:flex;align-items:center;gap:10px;min-height:48px;padding:6px 6px 6px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;font-size:15px;font-weight:600;color:var(--ink)}.klog .login-who span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.klog .login-who button{flex:none;padding:7px 12px;border-radius:10px;font-size:13px;font-weight:600;color:var(--coral-deep,#b64b30)}.klog .login-who button:hover{background:var(--paper,#f7f4ee)}.klog .login-who button:focus-visible{outline:2px solid var(--coral,#f08262);outline-offset:2px}.klog .login-code{font-size:24px!important;font-weight:700;letter-spacing:.35em;text-align:center;font-variant-numeric:tabular-nums}.klog .login-code-sub{margin-bottom:4px;font-size:14px;line-height:1.5;color:var(--muted)}.klog .login-enabled{display:flex;gap:8px;padding:12px 14px;border-radius:14px;background:#e8f3ee;color:#1d5b45}.klog .login-back,.klog .login-enabled{align-items:center;font-size:14px;font-weight:600}.klog .login-back{display:inline-flex;gap:6px;justify-self:start;color:var(--muted);transition:color .2s}.klog .login-back:hover{color:var(--ink)}.klog.klog-dialog{display:block;min-height:0;width:min(420px,calc(100vw - 32px));max-height:calc(100svh - 32px);margin:auto;padding:0;border:0;background:transparent;overflow:visible}.klog.klog-dialog:not([open]){display:none}.klog.klog-dialog::backdrop{background:rgb(22 48 47/.45);backdrop-filter:blur(2px)}.klog-dialog .klog-card{position:relative;max-height:calc(100svh - 32px);overflow-y:auto}.klog-dialog-title{font-family:var(--font-bricolage),sans-serif;font-size:28px;font-weight:700;letter-spacing:-.04em;line-height:1.1;padding-right:36px}.klog-close{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:var(--muted)}.klog-close:hover{background:var(--paper);color:var(--ink)}.klog-close:focus-visible{outline:2px solid var(--coral);outline-offset:2px}@media (max-width:480px){.klog-dialog .klog-card{padding:30px 22px 24px}}.klog-card-wide{max-width:460px}.klog-shield{display:grid;place-items:center;width:48px;height:48px;margin-bottom:18px;border-radius:15px;background:#fdebe3;color:var(--coral-deep)}.klog-shield.is-on{background:#e8f3ee;color:#1d5b45}.klog-step-title{padding-top:5px;font-size:14.5px;font-weight:600;line-height:1.45;color:var(--ink)}.klog-step-hint{margin-top:4px;font-size:13px;line-height:1.5;color:var(--muted)}.klog-secret{display:flex;align-items:center;gap:8px;margin-top:8px;padding:6px 6px 6px 12px;border:1px dashed var(--line);border-radius:12px;background:var(--paper)}.klog-secret code{flex:1;min-width:0;overflow-wrap:anywhere;letter-spacing:.04em}.klog-secret button,.klog-secret code{font-size:12.5px;font-weight:600;color:var(--ink)}.klog-secret button{display:inline-flex;flex:none;align-items:center;gap:5px;padding:6px 10px;border-radius:9px;background:#fff;box-shadow:0 0 0 1px var(--line)}.klog-secret button:hover{color:var(--coral-deep)}.klog-secret button:focus-visible{outline:2px solid var(--coral);outline-offset:2px}.klog-disable{border-top:1px solid var(--line);padding-top:14px}.klog-disable summary{cursor:pointer;width:fit-content;font-size:14px;font-weight:600;color:var(--coral-deep);list-style:none}.klog-disable summary::-webkit-details-marker{display:none}.klog-disable summary:focus-visible{outline:2px solid var(--coral);outline-offset:3px;border-radius:4px}.klog-code-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:6px;font-weight:400}.klog-code-head .klog-shield{width:40px;height:40px;margin:0;border-radius:12px;flex:none}.klog-code-head .klog-step-title{padding-top:0}.klog-doc{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:#fff;transition:border-color .2s,box-shadow .2s}.klog-doc:hover{border-color:rgb(22 48 47/.3);box-shadow:0 6px 18px -12px rgb(22 48 47/.35)}.klog-doc:focus-visible{outline:2px solid var(--coral);outline-offset:2px}.klog-doc-icon{display:grid;flex:none;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--paper);color:var(--ink)}.klog-doc-title{display:block;font-size:14.5px;font-weight:600;color:var(--ink)}.klog-doc-hint{display:block;margin-top:2px;font-size:12.5px;color:var(--muted)}.klog-doc-read{display:inline-flex;flex:none;align-items:center;gap:5px;font-size:13px;font-weight:600;color:var(--coral-deep)}.klog-consent{display:flex;align-items:flex-start;gap:12px;margin-top:4px;padding:14px 16px;border-radius:16px;background:var(--paper);font-size:14px;line-height:1.5;color:var(--ink);cursor:pointer}.klog-consent input{flex:none;width:20px;height:20px;margin-top:1px;accent-color:var(--ink);cursor:pointer}.klog-consent[data-invalid]{box-shadow:0 0 0 2px rgb(182 75 48/.35)}.klog-later{font-size:12.5px;line-height:1.5;text-align:center;color:var(--muted)}.klog-chip{display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;padding:5px 10px 5px 8px;border-radius:999px;background:#fdebe3;font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--coral-deep)}.klog-chip.is-on{background:#e8f3ee;color:#1d5b45}.klog-card-wide .klog-sub{margin-bottom:20px}.klog-enroll{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--paper)}.klog-enroll-qr{display:block;width:132px;height:132px;padding:8px;border-radius:12px;background:#fff;image-rendering:pixelated}.klog-enroll-text{font-size:14px;font-weight:600;line-height:1.45;color:var(--ink)}.klog-enroll .klog-step-hint{margin-top:10px}.klog-enroll .klog-secret{margin-top:6px;background:#fff}.klog-enroll-intro{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:16px;background:var(--paper);color:var(--ink)}.klog-enroll-intro>svg{flex:none;margin-top:2px;color:var(--coral-deep)}@media (max-width:420px){.klog-enroll{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}.klog-enroll .klog-secret{text-align:left}}