.kxl{min-height:100svh;color:var(--foreground);--kxl-text-bg:color-mix(in srgb, var(--foreground) 88%, var(--background));position:relative;overflow-x:hidden}.kxl:before{content:"";z-index:-1;pointer-events:none;opacity:.5;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:56px 56px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 45%,#000 15%,#0000 85%);mask-image:radial-gradient(70% 60% at 50% 45%,#000 15%,#0000 85%)}.kxl-stage{grid-template-columns:minmax(0,1.15fr) minmax(380px,480px);align-items:center;gap:clamp(24px,6vw,96px);max-width:1600px;min-height:100svh;margin:0 auto;padding:clamp(24px,4vw,56px) clamp(24px,7vw,120px);display:grid;position:relative}.kxl-stage.is-center{text-align:center;grid-template-columns:1fr;align-content:center;justify-items:center;gap:32px;padding-top:110px;padding-bottom:80px}.kxl-brand{text-align:left;align-items:center;gap:14px;display:flex;position:absolute;top:clamp(22px,3.5vw,44px);left:clamp(24px,7vw,120px)}.kxl-logo{border-radius:18px;place-items:center;min-width:52px;height:52px;display:grid;overflow:hidden}.kxl-logo img{object-fit:contain;width:auto;min-width:48px;max-width:180px;height:48px}.kxl-logo.is-tile{background:var(--brand-fill);width:52px;color:var(--brand-on-accent);font-size:22px;font-weight:800}.kxl-brand h1{letter-spacing:-.01em;font-size:17px;font-weight:800;line-height:1.2}.kxl-brand small{color:var(--kxl-text-bg);font-size:13px;font-weight:650;display:block}.kxl-clock{gap:10px;display:grid}.kxl-time{letter-spacing:-.06em;font-variant-numeric:tabular-nums;min-height:.9em;font-size:clamp(84px,13vw,200px);font-weight:300;line-height:.9}.kxl-time .sep{opacity:.55}.kxl-date{letter-spacing:-.01em;min-height:1.4em;font-size:clamp(18px,2vw,26px);font-weight:650}.kxl-hello{letter-spacing:-.02em;max-width:22ch;margin-top:22px;font-size:clamp(22px,2.4vw,32px);font-weight:700;line-height:1.2}.kxl-serif{letter-spacing:-.01em;font-family:Iowan Old Style,Palatino Linotype,Georgia,serif;font-style:italic;font-weight:500}.kxl-card{background:var(--glass-strong);border:1px solid var(--glass-border);box-shadow:var(--elev-3), inset 0 1px 0 var(--glass-hi);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.5);backdrop-filter:blur(var(--glass-blur)) saturate(1.5);border-radius:36px;gap:20px;padding:34px;display:grid;position:relative}.kxl-card h2{letter-spacing:-.03em;font-size:28px;font-weight:800;line-height:1.1}.kxl-card h2+p{color:var(--muted-foreground);margin-top:6px;font-weight:550}.kxl-panel{gap:18px;display:grid}.kxl-center{text-align:center;justify-items:center}.kxl-field{position:relative}.kxl-field>svg.kxl-ico{width:20px;height:20px;color:var(--muted-foreground);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.kxl-input{width:100%;min-height:58px;font:inherit;border:1.5px solid var(--line-strong);background:var(--surface);color:var(--foreground);border-radius:16px;outline:none;padding:22px 48px 4px 46px;font-size:15.5px;font-weight:600;transition:border-color .2s,box-shadow .2s}.kxl-input::placeholder{color:#0000}.kxl-input:focus-visible{border-color:var(--accent-text);box-shadow:0 0 0 4px color-mix(in srgb, var(--brand-accent) 18%, transparent)}.kxl-input.is-bad{border-color:var(--sem-red);box-shadow:0 0 0 3px color-mix(in srgb, var(--sem-red) 20%, transparent)}.kxl-label{transform-origin:0;color:var(--muted-foreground);pointer-events:none;transition:transform .2s var(--ease);font-size:15px;font-weight:600;position:absolute;top:50%;left:46px;transform:translateY(-50%)}:-webkit-any(.kxl-input:focus~.kxl-label,.kxl-input:not(:placeholder-shown)~.kxl-label,.kxl-input:-webkit-autofill~.kxl-label){transform:translateY(-80%)scale(.78)}:is(.kxl-input:focus~.kxl-label,.kxl-input:not(:placeholder-shown)~.kxl-label,.kxl-input:autofill~.kxl-label){transform:translateY(-80%)scale(.78)}.kxl-input:focus~.kxl-label{color:var(--accent-text)}.kxl-eye{width:48px;height:48px;color:var(--muted-foreground);background:0 0;border:0;border-radius:14px;place-items:center;display:grid;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.kxl-eye:hover{color:var(--foreground)}.kxl-eye:focus-visible,.kxl-btn:focus-visible,.kxl-link:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.kxl-btn{cursor:pointer;width:100%;min-height:52px;transition:transform .15s var(--ease), box-shadow .2s, background-color .2s;border:1.5px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-size:15.5px;font-weight:700;display:inline-flex}.kxl-btn:disabled{opacity:.6;cursor:not-allowed}.kxl-btn-primary{background:var(--brand-fill);color:var(--brand-on-accent);box-shadow:0 10px 26px -12px var(--accent-glow)}.kxl-btn-primary:hover:not(:disabled){background:var(--brand-fill-hover)}.kxl-btn-primary:focus-visible{outline-color:var(--brand-on-accent);box-shadow:0 0 0 5px var(--brand-fill)}.kxl-btn-ghost{background:var(--surface);color:var(--foreground);border-color:var(--line-strong)}.kxl-btn-ghost:hover{border-color:var(--accent-line)}.kxl-or{color:var(--muted-foreground);align-items:center;gap:14px;font-size:13px;font-weight:700;display:flex}.kxl-or:before,.kxl-or:after{content:"";background:var(--line-strong);flex:1;height:1px}.kxl-link{min-height:44px;font:inherit;color:var(--accent-text);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:14px;font-weight:700;text-decoration:underline;display:inline-flex}.kxl-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.kxl-alert{background:var(--sem-red-bg);color:var(--sem-red);border:1px solid color-mix(in srgb, var(--sem-red) 35%, transparent);border-radius:18px;align-items:flex-start;gap:12px;padding:14px 16px;font-size:14px;font-weight:650;display:flex}.kxl-alert svg{flex:none;width:22px;height:22px;margin-top:1px}.kxl-alert b{font-weight:800;display:block}.kxl-shield{background:var(--brand-soft);width:60px;height:60px;color:var(--accent-text);border:1px solid var(--accent-line);border-radius:20px;place-items:center;display:grid}.kxl-shield svg{width:30px;height:30px}.kxl-code{text-align:center;letter-spacing:.5em;font-variant-numeric:tabular-nums;border:1.5px solid var(--line-strong);background:var(--surface);width:100%;min-height:64px;color:var(--foreground);caret-color:var(--accent-text);border-radius:16px;outline:none;padding:0 0 0 .5em;font-family:inherit;font-size:30px;font-weight:800}.kxl-code::placeholder{color:var(--muted-foreground);opacity:.5}.kxl-code:focus-visible{border-color:var(--accent-text);box-shadow:0 0 0 4px color-mix(in srgb, var(--brand-accent) 18%, transparent)}.kxl-code.is-text{letter-spacing:.2em;font-size:24px}.kxl-note{border:1px solid var(--line-strong);background:var(--surface);text-align:left;border-radius:16px;padding:12px 14px;font-size:13px}.kxl-qr{background:#fff;border-radius:12px;width:176px;height:176px;padding:8px}.kxl-foot{color:var(--kxl-text-bg);font-size:13px;font-weight:600;position:absolute;bottom:22px;left:clamp(24px,7vw,120px);right:clamp(24px,7vw,120px)}@media (max-width:900px){.kxl-stage{grid-template-columns:1fr;align-content:start;gap:26px;padding:96px 16px 70px}.kxl-stage.is-center{justify-items:stretch}.kxl-brand{top:18px;left:16px}.kxl-time{font-size:88px}.kxl-hello{display:none}.kxl-clock{gap:6px}.kxl-card{border-radius:30px;padding:24px 20px}.kxl-card h2{font-size:24px}.kxl-foot{margin-top:8px;position:static}.kxl:before{background-size:40px 40px}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.kxl-card{background:var(--glass-solid)}}html[data-glass=reduced] .kxl-card{background:var(--glass-solid);-webkit-backdrop-filter:none;backdrop-filter:none}@media (prefers-reduced-motion:no-preference){.kxl-brand,.kxl-time,.kxl-date,.kxl-hello,.kxl-card{animation:kxl-rise .62s var(--ease) backwards}.kxl-time{animation-delay:80ms}.kxl-date{animation-delay:.16s}.kxl-hello{animation-delay:.24s}.kxl-card{animation-delay:.14s}.kxl-panel>*{animation:kxl-rise .5s var(--ease) backwards}.kxl-panel>:first-child{animation-delay:.3s}.kxl-panel>:nth-child(2){animation-delay:.36s}.kxl-panel>:nth-child(3){animation-delay:.42s}.kxl-panel>:nth-child(4){animation-delay:.48s}.kxl-panel>:nth-child(5){animation-delay:.54s}.kxl-panel>:nth-child(6){animation-delay:.6s}.kxl-time .sep{animation:2s ease-in-out infinite alternate kxl-soft}.kxl-alert{animation:.5s kxl-shake}.kxl-btn-primary:active:not(:disabled){transform:scale(.985)}}@keyframes kxl-rise{0%{opacity:0;transform:translateY(12px)}}@keyframes kxl-soft{0%{opacity:.7}to{opacity:.2}}@keyframes kxl-shake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}