/* KDDF Partnering case study. Everything is scoped to .kp / .kp-page; sticky scenes run only on wide screens with motion allowed. */
.kp-page{--kp-navy:#071a2e;--kp-deep:#0b2a4a;--kp-blue:#0060be;--kp-sky:#0097e1;--kp-glow:#7fd0ff;--kp-action:#3b82f6;--kp-ink:#1a1a2e;--kp-sub:#5b6472;--kp-mist:#f8f9fa;--kp-line:#e2e8f0;--kp-amber:#d97706;--kp-green:#16a34a;--kp-red:#eb4848;background:var(--kp-navy)}
.kp-page .site-header{position:fixed;inset:0 0 auto;background:rgba(7,26,46,.94);border-bottom-color:#ffffff1a}
.kp-page .site-header .container{background:transparent;box-shadow:none}
.kp-page .site-consult-bar{display:none!important}
.kp{color:var(--kp-ink);background:var(--kp-mist);font-family:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif;font-size:17px;line-height:1.8;word-break:keep-all;overflow-wrap:anywhere;overflow-x:clip;-webkit-font-smoothing:antialiased}
.kp *{box-sizing:border-box}
.kp :where(h1,h2,h3,h4,p,figure,figcaption,dl,dd,ul,ol){margin:0}
.kp :where(h1,h2,h3,h4){font-weight:500;line-height:1.32;letter-spacing:-.05em;text-wrap:balance}
.kp p{text-wrap:pretty}
.kp :where(ul,ol){list-style:none;padding:0}
.kp a{color:inherit;text-decoration:none}
.kp button{font:inherit;cursor:pointer;color:inherit}
.kp :where(img){display:block;width:100%;height:auto}
.kp [hidden]{display:none!important}
.kp :is(a,button,select,input):focus-visible,.kp-chapters a:focus-visible{outline:3px solid var(--kp-glow);outline-offset:5px}
.kp em{font-style:normal;color:var(--kp-blue)}
.kp h2{font-size:clamp(33px,3.9vw,64px)}
.kp-wrap{width:calc(100% - 12vw);max-width:1600px;margin-inline:auto}
.kp-section{padding-block:clamp(90px,10vw,170px)}
.kp-sectionhead{display:flex;justify-content:space-between;gap:25px;padding-bottom:26px;border-bottom:1px solid #0d223d1f;margin-bottom:clamp(50px,6vw,95px);font-size:14px;line-height:1.5}
.kp-sectionhead>span:first-child,.kp-eyebrow{font-size:13px;letter-spacing:.08em;font-weight:600}
.kp-split{display:grid;grid-template-columns:1.25fr 1fr;gap:8vw;align-items:start}
.kp-prose{padding-top:6px}
.kp-prose p{max-width:600px;color:var(--kp-sub)}
.kp-prose p+p{margin-top:22px}
.kp-textlink{display:inline-flex;gap:30px;align-items:center;border-bottom:1px solid currentColor;padding:12px 0;font-size:16px;line-height:1.5}
.kp-prose .kp-textlink{margin-top:26px}
.kp-textlink span{font-size:22px;transition:transform .3s}
.kp-textlink:hover span{transform:translate(3px,-3px)}
.kp-pill{display:inline-flex;align-items:center;gap:26px;background:var(--kp-blue);color:#fff!important;padding:18px 30px;border-radius:40px;font-size:16px;font-weight:500;transition:background .3s,transform .3s}
.kp-pill:hover{background:#0050a0;transform:translateY(-2px)}
.kp-pill--light{background:#fff;color:var(--kp-navy)!important}
.kp-pill--light:hover{background:#e6f1ff}
.kp-ending .kp-textlink,.kp-ending .kp-textlink:hover{color:#fff!important}
.kp-overview .kp-textlink,.kp-overview .kp-textlink:hover{color:var(--kp-ink)!important}
.kp-skip{position:fixed;top:-90px;left:20px;z-index:9999;background:var(--kp-glow);color:var(--kp-navy);padding:15px}
.kp-skip:focus{top:100px}
.kp-reading{position:fixed;z-index:1002;top:0;left:0;width:100%;height:3px;pointer-events:none}
.kp-reading i{display:block;height:100%;background:var(--kp-glow);transform:scaleX(var(--read,0));transform-origin:left}
.kp-reveal{opacity:0;transform:translateY(28px);transition:opacity .9s,transform .9s}
.kp-reveal.is-seen{opacity:1;transform:none}
.kp-chip{display:inline-block;padding:4px 12px;border-radius:30px;font-size:12px;font-weight:600;letter-spacing:.01em;line-height:1.5;white-space:nowrap}
.kp-chip--partner{background:var(--kp-blue);color:#fff}
.kp-chip--attendee{background:var(--kp-sky);color:#fff}
.kp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--kp-action);color:#fff;border-radius:10px;padding:11px 20px;font-size:14px;font-weight:600;line-height:1.4;white-space:nowrap}
.kp-btn--ghost{background:#fff;color:var(--kp-ink);border:1px solid var(--kp-line)}
.kp-btn--mini{padding:7px 12px;font-size:12px;border-radius:8px}
.kp-tag{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;line-height:1.5;white-space:nowrap}
.kp-tag--ta{background:#e0efff;color:#0050a0}.kp-tag--mod{background:#f1e8ff;color:#6d28d9}.kp-tag--stage{background:#e3f7ea;color:#15803d}
.kp-bell{display:inline-block;width:34px;height:34px;border-radius:50%;background:#fff2f0;position:relative;border:1px solid #ffd3cc}
.kp-bell:before{content:'';position:absolute;left:11px;top:8px;width:10px;height:12px;border:2px solid #e5484d;border-bottom-width:0;border-radius:6px 6px 2px 2px}
.kp-bell:after{content:'';position:absolute;left:9px;top:19px;width:14px;height:2px;background:#e5484d}

/* Hero */
.kp-hero{position:relative;background:var(--kp-navy);--hero-p:0}
.kp-hero__pin{position:relative;height:100svh;min-height:760px;overflow:hidden;color:#fff}
.kp-hero__art{position:absolute;inset:0;height:100%;object-fit:cover;object-position:74% 50%;transform:scale(calc(1.1 - var(--hero-p)*.1));opacity:calc(1 - var(--hero-p)*.35)}
.kp-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,#071a2e99,#071a2e33 40%,#071a2e00 62%),linear-gradient(180deg,#071a2e80,#071a2e1a 30%,#071a2ef2 88%)}
.kp-hero__top{position:absolute;left:6vw;right:6vw;top:112px;display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.08em;color:#b8d7f3}
.kp-hero__copy{position:absolute;left:6vw;right:6vw;bottom:28%;max-width:1000px;transform:translateY(calc(var(--hero-p)*-70px));opacity:calc(1 - var(--hero-p)*.6)}
.kp-hero__brand{display:flex;align-items:center;gap:18px;margin-bottom:34px}
.kp-hero__brand img{width:150px;height:auto;background:#fff;padding:9px 12px;border-radius:8px}
.kp-hero__brand span{font-size:15px;letter-spacing:.3em;font-weight:600;color:#b8d7f3}
.kp-hero__copy h1{font-size:clamp(40px,5.4vw,92px);line-height:1.18;font-weight:500;letter-spacing:-.055em}
.kp-hero__copy h1 em{color:var(--kp-glow)}
.kp-hero__lead{margin-top:28px;max-width:640px;font-size:17px;color:#d6e6f5}
.kp-hero__flow{position:absolute;left:6vw;right:6vw;bottom:108px;display:grid;grid-template-columns:repeat(6,1fr);gap:18px;font-size:14px;letter-spacing:.02em}
.kp-hero__flow li{border-top:1px solid #ffffff40;padding-top:12px;color:#fff;opacity:calc(.3 + clamp(0,(var(--hero-p)*8 - var(--i)),1)*.7)}
.kp-hero__flow li span{display:block;font-size:11px;letter-spacing:.1em;color:var(--kp-glow);margin-bottom:4px}
.kp-hero__scroll{position:absolute;bottom:30px;right:3.5vw;display:flex;align-items:center;gap:30px;color:#fff!important;font-size:11px;letter-spacing:.08em}
.kp-hero__scroll>span{font-size:22px}

/* Overview */
.kp-overview{background:var(--kp-mist)}
.kp-meta{margin-top:80px;display:grid;grid-template-columns:1fr 1fr 1.3fr 1fr;gap:25px;padding-block:28px;border-top:1px solid #0d223d1f;border-bottom:1px solid #0d223d1f}
.kp-meta dt{font-size:12px;color:#6c7684;margin-bottom:12px;letter-spacing:.06em}
.kp-meta dd{font-size:16px;line-height:1.7}
.kp-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;gap:35px}
.kp-stats strong{font-size:clamp(70px,9vw,150px);line-height:1.1;font-weight:400;letter-spacing:-.07em}
.kp-stats strong span{font-size:.4em;vertical-align:top;margin-left:10px;color:var(--kp-sky)}
.kp-stats p{margin-top:15px;font-size:16px;color:var(--kp-sub);max-width:300px}

/* Roles */
.kp-roles{position:relative;background:var(--kp-navy);color:#fff;--roles-p:0}
.kp-roles__pin{position:relative;min-height:100svh;padding:105px 6vw 50px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.kp-roles__head h2{margin-top:16px;font-size:clamp(34px,3.6vw,60px)}
.kp-roles__head em{color:var(--kp-glow)}
.kp-roles__head p{margin-top:16px;color:#b8d7f3;font-size:16px}
.kp-roles__stage{display:grid;grid-template-columns:1fr 260px 1fr;gap:3vw;align-items:center;margin-top:40px}
.kp-lane{position:relative;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:22px;padding:30px 32px;backdrop-filter:blur(6px)}
.kp-lane__title{display:flex;align-items:center;gap:14px;font-size:15px;letter-spacing:.14em;font-weight:600;padding-bottom:18px;border-bottom:1px solid #ffffff1f}
.kp-lane__title i{width:12px;height:12px;border-radius:50%}
.kp-lane--partner .kp-lane__title i{background:var(--kp-blue);box-shadow:0 0 0 6px #0060be40}
.kp-lane--attendee .kp-lane__title i{background:var(--kp-sky);box-shadow:0 0 0 6px #0097e140}
.kp-lane__title small{margin-left:auto;font-size:13px;letter-spacing:0;color:#b8d7f3;font-weight:400}
.kp-lane ol{counter-reset:lane;margin-top:12px}
.kp-lane li{counter-increment:lane;display:flex;gap:16px;padding:11px 0;border-bottom:1px solid #ffffff12;font-size:15px;line-height:1.6;opacity:calc(.25 + clamp(0,(var(--roles-p)*7 - var(--i)),1)*.75);transform:translateX(calc((1 - clamp(0,(var(--roles-p)*7 - var(--i)),1))*14px))}
.kp-lane li:before{content:counter(lane,decimal-leading-zero);font-size:12px;letter-spacing:.08em;color:var(--kp-glow);padding-top:4px}
.kp-lane--attendee li{transform:translateX(calc((1 - clamp(0,(var(--roles-p)*7 - var(--i)),1))*-14px))}
.kp-lane:after{content:'';position:absolute;top:50%;width:3vw;height:2px;background:linear-gradient(90deg,var(--kp-blue),var(--kp-glow));transform:scaleX(clamp(0,(var(--roles-p) - .6)*4,1))}
.kp-lane--partner:after{right:-3vw;transform-origin:left}
.kp-lane--attendee:after{left:-3vw;transform-origin:right;background:linear-gradient(90deg,var(--kp-glow),var(--kp-sky))}
.kp-roles__core{position:relative;aspect-ratio:1;display:grid;place-items:center;text-align:center}
.kp-roles__core>div{position:relative;z-index:1;background:#fff;color:var(--kp-navy);width:150px;height:150px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;gap:4px;box-shadow:0 0 60px #7fd0ff66;transform:scale(calc(.8 + clamp(0,(var(--roles-p) - .55)*3,1)*.2))}
.kp-roles__core b{font-size:15px;letter-spacing:.16em}
.kp-roles__core small{font-size:12px;color:var(--kp-sub)}
.kp-roles__ring{position:absolute;inset:0;border-radius:50%;border:1px solid #7fd0ff55;animation:kp-ring 4s linear infinite}
.kp-roles__ring--2{inset:14%;animation-duration:6s;animation-direction:reverse;border-style:dashed}
@keyframes kp-ring{to{transform:rotate(360deg)}}
.kp-roles__foot{display:flex;justify-content:space-between;gap:20px;margin-top:36px;padding-top:20px;border-top:1px solid #ffffff1f;font-size:12px;letter-spacing:.08em;color:#b8d7f3}

/* Colors */
.kp-colors{background:#fff;padding-bottom:120px}
.kp-palette{display:grid;grid-template-columns:repeat(4,1fr);margin-top:90px}
.kp-swatch{background:var(--swatch);padding:45px 30px;min-height:430px;display:flex;flex-direction:column}
.kp-swatch--dark{color:#fff}.kp-swatch--light{color:var(--kp-ink);border:1px solid var(--kp-line)}
.kp-swatch>span{font-size:15px}
.kp-swatch>strong{font-size:clamp(23px,2.5vw,42px);font-weight:400;letter-spacing:-.04em;margin-top:5px;white-space:nowrap}
.kp-swatch>div{margin-top:auto;padding-top:60px}
.kp-swatch h3{font-size:23px;margin-bottom:16px}
.kp-swatch p{font-size:15px;opacity:.88;line-height:1.85}
.kp-states{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;margin-top:110px;align-items:center}
.kp-states h3{font-size:32px;margin-top:22px}
.kp-states>div>p{margin-top:24px;font-size:16px;color:var(--kp-sub)}
.kp-states__list li{display:grid;grid-template-columns:18px 130px 1fr;gap:20px;align-items:center;padding:22px 0;border-bottom:1px solid var(--kp-line)}
.kp-states__list i{width:14px;height:14px;border-radius:50%;background:var(--c)}
.kp-states__list b{font-size:18px;font-weight:600;color:var(--c)}
.kp-states__list small{font-size:15px;color:var(--kp-sub)}
.kp-states__list .is-pending{--c:var(--kp-amber)}.kp-states__list .is-confirm{--c:var(--kp-green)}.kp-states__list .is-reject{--c:var(--kp-red)}.kp-states__list .is-cancel{--c:#6b7280}

/* Directory demo */
.kp-directory{background:var(--kp-mist)}
.kp-dir{margin-top:70px;background:#fff;border-radius:22px;border:1px solid var(--kp-line);box-shadow:0 30px 80px #0d223d12;padding:34px 34px 40px}
.kp-dir__bar{display:grid;grid-template-columns:1fr auto;gap:22px 40px;align-items:end;padding-bottom:26px;border-bottom:1px solid var(--kp-line)}
.kp-dir__title b{display:block;font-size:24px;font-weight:600;letter-spacing:-.03em}
.kp-dir__title small{font-size:14px;color:var(--kp-sub)}
.kp-dir__filters{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.kp-dir__filters label{display:grid;gap:6px;font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--kp-sub)}
.kp-dir__filters :is(select,input){font:inherit;font-size:14px;font-weight:500;color:var(--kp-ink);padding:12px 14px;border:1px solid var(--kp-line);border-radius:10px;background:#fff;width:100%;min-width:0}
.kp-dir__count{font-size:14px;color:var(--kp-sub);justify-self:end}
.kp-dir__count span{font-weight:700;color:var(--kp-ink)}
.kp-dir__count button{background:none;border:0;padding:0;color:var(--kp-action);text-decoration:underline;font-size:14px}
.kp-dir__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px}
.kp-co{background:#fff;border:1px solid var(--kp-line);border-radius:16px;padding:22px;box-shadow:0 4px 16px #0000000f;transition:transform .35s,box-shadow .35s,opacity .3s;display:flex;flex-direction:column;gap:14px}
.kp-co:hover{transform:translateY(-6px);box-shadow:0 16px 40px #3b82f626}
.kp-co.is-hidden{display:none}
.kp-co.is-favorite{border-color:#93c5fd;box-shadow:0 4px 16px #3b82f61f}
.kp-co__logo{width:64px;height:64px;border-radius:14px;display:grid;place-items:center;background:hsl(var(--hue,210) 70% 95%);color:hsl(var(--hue,210) 60% 35%);font-weight:700;font-size:20px;letter-spacing:-.02em;flex:none}
.kp-co h3{font-size:20px;font-weight:600;letter-spacing:-.03em}
.kp-co p{font-size:14px;line-height:1.7;color:var(--kp-sub);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.kp-co__tags{display:flex;flex-wrap:wrap;gap:6px}
.kp-co__foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;border-top:1px solid var(--kp-line);font-size:14px;font-weight:600;color:var(--kp-action)}
.kp-fav{width:40px;height:40px;border-radius:50%;border:1px solid var(--kp-line);background:#fff;display:grid;place-items:center;padding:0;transition:background .3s,border-color .3s,transform .2s}
.kp-fav svg{width:20px;height:20px;fill:none;stroke:#94a3b8;stroke-width:1.8;transition:.3s}
.kp-fav:hover{transform:scale(1.08)}
.kp-fav[aria-pressed="true"]{background:#fff1f2;border-color:#fecdd3}
.kp-fav[aria-pressed="true"] svg{fill:var(--kp-red);stroke:var(--kp-red)}
.kp-dir__empty{text-align:center;padding:60px 0 20px;color:var(--kp-sub)}

/* Chat scene */
.kp-chat{position:relative;background:var(--kp-mist);--chat-p:0;--s:clamp(0,calc((var(--chat-p) - .22)*6),1);--r:clamp(0,calc(var(--chat-p)*5),1)}
.kp-chat__pin{position:relative;min-height:100svh;padding:105px 6vw 50px;overflow:hidden}
.kp-chat__head h2{margin-top:14px;font-size:clamp(32px,3.2vw,50px)}
.kp-detail{display:grid;grid-template-columns:calc(420px + (1 - var(--s))*(100% - 820px)) 1fr;gap:0;margin-top:30px;height:clamp(440px,calc(100svh - 390px),620px);background:#fff;border:1px solid var(--kp-line);border-radius:20px;overflow:hidden;box-shadow:0 30px 80px #0d223d14}
.kp-detail__info{position:relative;overflow:hidden;border-right:1px solid var(--kp-line);padding:28px 30px}
.kp-detail__info:after{content:'';position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(180deg,#fff0,#fff)}
.kp-detail__scroll{transform:translateY(calc(var(--r)*-150px))}
.kp-back{display:block;font-size:13px;color:var(--kp-sub);margin-bottom:18px}
.kp-detail__card{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.kp-detail__card h3{font-size:22px;font-weight:600;letter-spacing:-.03em;margin-bottom:8px}
.kp-savebtn{margin-left:auto;font-size:13px;font-weight:600;color:var(--kp-sub);border:1px solid var(--kp-line);border-radius:10px;padding:8px 14px}
.kp-detail__status{margin-top:18px}
.kp-detail__visual{margin-top:22px;height:120px;border-radius:12px;background:linear-gradient(135deg,#e0efff,#f1e8ff);position:relative;overflow:hidden}
.kp-detail__visual i{position:absolute;border-radius:50%;background:#ffffffa6}
.kp-detail__visual i:nth-child(1){width:140px;height:140px;right:-30px;top:-50px}.kp-detail__visual i:nth-child(2){width:70px;height:70px;left:40px;bottom:-20px}.kp-detail__visual i:nth-child(3){width:30px;height:30px;left:50%;top:30px}
.kp-detail__info h4{font-size:13px;letter-spacing:.08em;color:var(--kp-sub);margin:26px 0 10px}
.kp-detail__info>div>p{font-size:14px;line-height:1.75;color:#3d4653}
.kp-files li,.kp-delegates li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--kp-line);font-size:14px}
.kp-files i{font-style:normal;font-size:10px;font-weight:700;background:#e0efff;color:#0050a0;padding:4px 7px;border-radius:5px}
.kp-delegates i{font-style:normal;width:36px;height:36px;border-radius:50%;background:#e0efff;color:#0050a0;display:grid;place-items:center;font-size:12px;font-weight:700}
.kp-delegates b{font-weight:600}.kp-delegates small{color:var(--kp-sub);font-size:13px;margin-left:auto}
.kp-detail__chat{display:flex;flex-direction:column;min-width:0;background:#fbfcfe;box-shadow:inset 0 0 0 calc(var(--s)*2px) #3b82f6cc;transition:box-shadow .3s}
.kp-chatbox__head{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--kp-line);font-size:16px;font-weight:600}
.kp-chatbox__body{flex:1;padding:20px 24px;display:flex;flex-direction:column;gap:14px;overflow:hidden;justify-content:flex-end}
.kp-msg{display:flex;gap:12px;align-items:flex-end;max-width:78%;opacity:clamp(0,calc((var(--chat-p) - var(--at))*14),1);transform:translateY(calc((1 - clamp(0,calc((var(--chat-p) - var(--at))*14),1))*14px))}
.kp-msg i{font-style:normal;width:34px;height:34px;border-radius:50%;background:#e0efff;color:#0050a0;display:grid;place-items:center;font-size:11px;font-weight:700;flex:none}
.kp-msg small{display:block;font-size:11px;color:var(--kp-sub);margin-bottom:5px}
.kp-msg p{font-size:14px;line-height:1.6;padding:11px 15px;border-radius:18px;background:#f1f5f9;color:var(--kp-ink)}
.kp-msg--mine{align-self:flex-end}
.kp-msg--mine p{background:var(--kp-action);color:#fff;border-bottom-right-radius:6px}
.kp-msg--mine small{text-align:right}
.kp-msg--them p{border-bottom-left-radius:6px}
.kp-msg--system{align-self:center;max-width:92%}
.kp-msg--system p{background:#fff7e5;color:#8a5a00;border:1px dashed #ffd373;border-radius:12px;font-size:13px}
.kp-msg--system small{text-align:center;color:var(--kp-amber)}
.kp-typing{display:flex;gap:5px;padding:12px 16px;background:#f1f5f9;border-radius:18px;width:max-content;opacity:calc(clamp(0,calc((var(--chat-p) - var(--at))*25),1)*clamp(0,calc((.44 - var(--chat-p))*25),1));position:absolute;left:24px;bottom:84px}
.kp-detail__chat{position:relative}
.kp-typing i{width:7px;height:7px;border-radius:50%;background:#94a3b8;animation:kp-typing 1s infinite}
.kp-typing i:nth-child(2){animation-delay:.2s}.kp-typing i:nth-child(3){animation-delay:.4s}
@keyframes kp-typing{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(-4px);opacity:1}}
.kp-chatbox__form{display:flex;gap:12px;padding:16px 24px;border-top:1px solid var(--kp-line);background:#fff}
.kp-chatbox__input{flex:1;min-width:0;border:1px solid var(--kp-line);border-radius:12px;padding:12px 14px;font-size:14px;color:#94a3b8;box-shadow:0 0 0 calc(var(--s)*4px) #3b82f633;border-color:color-mix(in srgb,var(--kp-line),var(--kp-action) calc(var(--s)*100%));transform:scale(calc(1 + var(--s)*.01))}
.kp-chat__notes{display:flex;gap:35px;margin-top:24px;font-size:14px;color:var(--kp-sub);flex-wrap:wrap}
.kp-chat__notes span{padding-left:18px;position:relative}
.kp-chat__notes span:before{content:'+';position:absolute;left:0;top:0;color:var(--kp-action)}
.kp-chat__toggle{display:none;margin-top:22px;background:var(--kp-navy);color:#fff;border:0;border-radius:30px;padding:13px 24px;font-size:15px}

/* Schedule scene */
.kp-schedule{background:#fff;padding-bottom:0}
.kp-sched{position:relative;--sched-p:0;background:var(--kp-mist);border-top:1px solid var(--kp-line);margin-top:70px}
.kp-sched__pin{position:relative;min-height:100svh;padding:100px 6vw 40px;display:grid;grid-template-columns:360px 1fr;gap:3vw;align-items:start;overflow:hidden}
.kp-req{background:#fff;border:1px solid var(--kp-line);border-radius:18px;padding:24px;box-shadow:0 20px 50px #0d223d12;position:relative}
.kp-req__head{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.08em;color:var(--kp-sub)}
.kp-req__status{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:0;font-weight:700;--ok:clamp(0,calc((var(--sched-p) - .32)*20),1);color:color-mix(in srgb,var(--kp-amber),var(--kp-green) calc(var(--ok)*100%))}
.kp-req__status i{width:9px;height:9px;border-radius:50%;background:currentColor}
.kp-req__status span{display:none}
.kp-req__status span[data-state="pending"]{display:inline}
.kp-sched.is-accepted .kp-req__status span[data-state="pending"]{display:none}
.kp-sched.is-accepted .kp-req__status span[data-state="confirm"]{display:inline}
.kp-req__pair{display:flex;align-items:center;gap:10px;margin-top:18px;flex-wrap:wrap}
.kp-req__pair i{color:var(--kp-sub)}
.kp-req>p{margin-top:16px;font-size:14px;line-height:1.7;color:#3d4653}
.kp-req__actions{display:flex;gap:10px;margin-top:20px}
.kp-btn--accept{background:var(--kp-green);--press:clamp(0,calc((var(--sched-p) - .28)*25),1);transform:scale(calc(1 - var(--press)*.06));filter:brightness(calc(1 - var(--press)*.15))}
.kp-req__result{margin-top:18px;background:#e3f7ea;border:1px solid #b7e7c7;border-radius:12px;padding:14px 16px;--on:clamp(0,calc((var(--sched-p) - .7)*12),1);opacity:var(--on);transform:translateY(calc((1 - var(--on))*10px))}
.kp-req__result span{display:block;font-size:11px;letter-spacing:.1em;color:#15803d}
.kp-req__result b{display:block;font-size:18px;font-weight:600;margin-top:4px}
.kp-req__result small{display:block;font-size:12px;color:var(--kp-sub);margin-top:4px}
.kp-sched__steps{margin-top:30px;counter-reset:st}
.kp-sched__steps li{counter-increment:st;display:flex;gap:14px;padding:12px 0;border-top:1px solid var(--kp-line);font-size:15px;--on:clamp(0,calc((var(--sched-p) - var(--at))*12),1);color:color-mix(in srgb,#9aa4b2,var(--kp-ink) calc(var(--on)*100%))}
.kp-sched__steps li:before{content:counter(st,decimal-leading-zero);font-size:12px;letter-spacing:.08em;padding-top:4px;color:color-mix(in srgb,#c4cbd4,var(--kp-action) calc(var(--on)*100%))}
.kp-grid{background:#fff;border:1px solid var(--kp-line);border-radius:18px;padding:18px;box-shadow:0 20px 50px #0d223d12;font-size:12px}
.kp-grid__head,.kp-grid__row{display:grid;grid-template-columns:70px 1fr 1fr;gap:6px}
.kp-grid__head{padding-bottom:10px;margin-bottom:6px;border-bottom:1px solid var(--kp-line);font-weight:700;color:var(--kp-sub);letter-spacing:.03em}
.kp-grid__head span:not(:first-child){color:var(--kp-ink)}
.kp-grid__row{margin-top:6px}
.kp-grid__time{display:flex;align-items:center;color:var(--kp-sub);font-variant-numeric:tabular-nums}
.kp-cell{position:relative;min-height:32px;border-radius:7px;border:1px solid var(--kp-line);background:#fff;padding:4px 10px;display:flex;align-items:center;gap:8px;line-height:1.3;overflow:hidden}
.kp-cell b{font-weight:600;color:var(--kp-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kp-cell small{font-size:11px;color:var(--kp-sub);white-space:nowrap}
.kp-cell.is-booked{background:#e0efff;border-color:#bfdbfe}
.kp-cell.is-off{background:#f1f3f6;border-style:dashed}
.kp-cell.is-off:before,.kp-cell.is-rest:before{content:'';width:8px;height:10px;border:1.5px solid #94a3b8;border-radius:2px 2px 1px 1px;flex:none}
.kp-cell.is-rest{background:repeating-linear-gradient(135deg,#f3f4f6 0 6px,#fff 6px 12px);border-style:dashed;color:#94a3b8}
.kp-cell.is-free:after{content:'';position:absolute;inset:0;background:#3b82f6;--x:calc((var(--sched-p) - .42)*118);opacity:calc(clamp(0,calc(var(--x) - var(--n) + 1),1)*clamp(0,calc(var(--n) + 1.2 - var(--x)),1)*.55)}
.kp-cell.is-target{--done:clamp(0,calc((var(--sched-p) - .7)*14),1);background:color-mix(in srgb,#fff,#dcfce7 calc(var(--done)*100%));border-color:color-mix(in srgb,var(--kp-line),var(--kp-green) calc(var(--done)*100%));box-shadow:0 0 0 calc(var(--done)*3px) #16a34a33}
.kp-cell.is-target>*{opacity:var(--done)}
.kp-cell.is-target small{color:#15803d;font-weight:700}
.kp-toasts{position:absolute;right:6vw;bottom:70px;display:flex;flex-direction:column;gap:10px;width:min(360px,80vw);z-index:3}
.kp-toast{background:#fff;border:1px solid var(--kp-line);border-left:4px solid var(--kp-green);border-radius:12px;padding:12px 16px;box-shadow:0 14px 40px #0d223d1f;font-size:13px;--on:clamp(0,calc((var(--sched-p) - var(--at))*14),1);opacity:var(--on);transform:translateX(calc((1 - var(--on))*40px))}
.kp-toast b{display:block;font-weight:700;color:var(--kp-ink)}
.kp-toast span{color:var(--kp-sub)}
.kp-sched__more{display:grid;grid-template-columns:repeat(4,1fr);gap:4vw;padding-block:clamp(70px,8vw,120px)}
.kp-sched__more article{border-top:1px solid #0d223d1f;padding-top:22px}
.kp-sched__more span{font-size:12px;letter-spacing:.08em;color:var(--kp-sub)}
.kp-sched__more h3{font-size:22px;margin:22px 0 14px}
.kp-sched__more p{font-size:15px;color:var(--kp-sub)}

/* Admin scene */
.kp-admin{position:relative;background:var(--kp-navy);color:#fff;--adm-p:0}
.kp-admin__pin{position:relative;min-height:100svh;padding:105px 6vw 50px;overflow:hidden}
.kp-admin__bg{position:absolute;inset:0;height:100%;object-fit:cover;opacity:.55;transform:scale(calc(1.06 - var(--adm-p)*.06))}
.kp-admin__shade{position:absolute;inset:0;background:linear-gradient(180deg,#071a2ef2,#071a2eb8 35%,#071a2ef5)}
.kp-admin__head,.kp-admin__stage,.kp-admin__foot{position:relative;z-index:1}
.kp-admin__head h2{margin-top:14px;font-size:clamp(32px,3.2vw,50px)}
.kp-admin__head em{color:var(--kp-glow)}
.kp-admin__stage{display:grid;grid-template-columns:300px 1fr 250px;gap:2vw;margin-top:30px;align-items:start}
.kp-queue{background:#ffffff12;border:1px solid #ffffff22;border-radius:18px;padding:20px;backdrop-filter:blur(8px)}
.kp-queue__head{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;padding-bottom:12px;border-bottom:1px solid #ffffff22}
.kp-queue__head span{background:var(--kp-red);color:#fff;border-radius:20px;padding:2px 10px;font-size:12px}
.kp-queue ul{display:grid;gap:8px;margin-top:12px}
.kp-queue li{display:flex;align-items:center;gap:8px;font-size:12px;--go:clamp(0,calc((var(--adm-p) - .26 - (var(--round) - 1)*.26 - var(--i)*.015)*10),1);opacity:calc(1 - var(--go)*.9);transform:translateX(calc(var(--go)*40px));flex-wrap:wrap}
.kp-queue li i{color:#b8d7f3;font-style:normal}
.kp-queue__rounds{margin-top:16px;display:grid;gap:6px;font-size:12px;color:var(--kp-glow)}
.kp-queue__rounds span{--on:clamp(0,calc((var(--adm-p) - var(--at))*12),1);opacity:var(--on);transform:translateY(calc((1 - var(--on))*6px))}
.kp-master{background:#fff;color:var(--kp-ink);border-radius:18px;padding:18px;box-shadow:0 30px 80px #00000055;overflow:hidden}
.kp-master__tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--kp-line);font-size:13px}
.kp-master__tools b{margin-right:auto;letter-spacing:.06em}
.kp-master__tools .kp-btn--mini[style]{--on:clamp(0,calc((var(--adm-p) - var(--at))*20),1);box-shadow:0 0 0 calc(var(--on)*4px) #3b82f655;transform:scale(calc(1 - var(--on)*.05))}
.kp-master__grid{display:grid;grid-template-columns:64px repeat(var(--cols),1fr);gap:5px;margin-top:12px;font-size:11px}
.kp-master__corner,.kp-master__col{font-weight:700;color:var(--kp-sub);padding:6px 4px;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kp-master__col{color:var(--kp-blue);border-bottom:2px solid #0060be33}
.kp-master__time{display:flex;align-items:center;color:var(--kp-sub);font-variant-numeric:tabular-nums}
.kp-master__cell{position:relative;min-height:44px;border:1px solid var(--kp-line);border-radius:7px;background:#fff;padding:5px 7px;line-height:1.35}
.kp-master__cell.has-meeting{--go:clamp(0,calc((var(--adm-p) - .3 - (var(--round) - 1)*.26)*10),1);background:#e0efff;border-color:#bfdbfe}
.kp-master__cell.has-meeting>*{opacity:var(--go);transform:scale(calc(.8 + var(--go)*.2));display:block}
.kp-master__cell b{font-weight:600;color:var(--kp-sky);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kp-master__table span{display:none;color:var(--kp-sub)}
.kp-master__table span[data-table="pending"]{display:inline}
.kp-admin.is-tabled .kp-master__table span[data-table="pending"]{display:none}
.kp-admin.is-tabled .kp-master__table span[data-table="done"]{display:inline;color:#15803d;font-weight:700}
.kp-admin.is-tabled .kp-master__cell.has-meeting{background:#fff7e5;border-color:#ffd373}
.kp-master__legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px;font-size:11px;color:var(--kp-sub)}
.kp-master__legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px;border:1px solid var(--kp-line)}
.kp-master__legend .is-booked{background:#e0efff}.kp-master__legend .is-free{background:#fff}.kp-master__legend .is-off{background:#f1f3f6}.kp-master__legend .is-fixed{background:#fff7e5;border-color:#ffd373}
.kp-report{background:#ffffff12;border:1px solid #ffffff22;border-radius:18px;padding:22px;backdrop-filter:blur(8px)}
.kp-report>span{font-size:11px;letter-spacing:.1em;color:#b8d7f3}
.kp-report>div{margin-top:14px;padding-top:14px;border-top:1px solid #ffffff22}
.kp-report b{display:block;font-size:34px;font-weight:400;letter-spacing:-.04em;line-height:1.1;font-variant-numeric:tabular-nums}
.kp-report small{font-size:12px;color:#b8d7f3}
.kp-report p{margin-top:16px;font-size:13px;line-height:1.7;color:#d6e6f5}
.kp-admin__foot{display:flex;justify-content:space-between;gap:20px;margin-top:28px;padding-top:20px;border-top:1px solid #ffffff22;font-size:12px;letter-spacing:.08em;color:#b8d7f3}

/* Real admin screens */
.kp-shots{background:#fff}
.kp-lightbox{border:0;padding:0;background:transparent;max-width:min(96vw,1700px);width:100%;max-height:96vh;color:#fff}
.kp-lightbox::backdrop{background:#071a2ef0;backdrop-filter:blur(8px)}
.kp-lightbox>div{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 0 14px;font-size:14px}
.kp-lightbox>div p{color:#c7dcef;text-wrap:pretty}
.kp-lightbox__close{background:#fff;color:var(--kp-navy);border:0;border-radius:30px;padding:9px 18px;font-size:14px;white-space:nowrap}

/* Operations rail */
.kp-rail{position:relative;background:var(--kp-deep);color:#fff}
.kp-rail__pin{position:relative;overflow:hidden;padding:90px 0}
.kp-rail__heading{margin-left:6vw;margin-bottom:45px}
.kp-rail__heading h2{font-size:clamp(33px,3.5vw,58px);margin-top:20px}
.kp-rail__heading em{color:var(--kp-glow)}
.kp-rail__track{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:0 6vw}
.kp-ops{background:#fff;color:var(--kp-ink);border-radius:20px;padding:30px;display:flex;flex-direction:column;min-height:380px}
.kp-ops>span{font-size:12px;letter-spacing:.1em;color:var(--kp-sub)}
.kp-ops h3{font-size:24px;margin:18px 0 12px}
.kp-ops p{font-size:15px;color:var(--kp-sub);line-height:1.75}
.kp-ops__ui{margin-top:auto;padding-top:24px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px}
.kp-ops__ui i{display:block;height:10px;border-radius:5px;background:#e0efff;flex:1 1 100%}
.kp-ops__ui i:nth-child(2){flex-basis:70%}.kp-ops__ui i:nth-child(3){flex-basis:85%}.kp-ops__ui i:nth-child(4){flex-basis:50%}
.kp-ops__ui--approve b{padding:5px 12px;border-radius:20px;background:#fff7e5;color:#8a5a00;font-weight:600}
.kp-ops__ui--approve b.is-on{background:#e3f7ea;color:#15803d}
.kp-ops__ui--approve em{color:var(--kp-sub)}
.kp-ops__ui--chat i{height:26px;border-radius:14px;flex-basis:60%!important;background:#f1f5f9}
.kp-ops__ui--chat i.r{background:var(--kp-action);margin-left:auto;flex-basis:50%!important}
.kp-ops__ui--mail b{display:block;width:100%;background:#f1f5f9;border-left:3px solid var(--kp-blue);padding:10px 12px;border-radius:0 8px 8px 0;font-weight:600;font-size:12px}
.kp-ops__ui--toggle{gap:12px}
.kp-ops__ui--toggle b{font-weight:600}
.kp-ops__ui--toggle i{flex:none;width:40px;height:22px;border-radius:12px;background:#cbd5e1;position:relative}
.kp-ops__ui--toggle i:after{content:'';position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff}
.kp-ops__ui--toggle i.is-on{background:var(--kp-green)}.kp-ops__ui--toggle i.is-on:after{left:21px}
.kp-ops__ui--snap{flex-direction:column;align-items:flex-start;gap:4px}
.kp-ops__ui--snap b{font-weight:600;color:#15803d}
.kp-ops__ui--snap small{color:var(--kp-sub);font-size:12px}
.kp-rail__hint{display:block;text-align:right;padding-right:6vw;margin-top:30px;font-size:12px;letter-spacing:.07em;color:#b8d7f3}

/* Layout exploration */
.kp-layout{background:#fff;padding-bottom:0}
.kp-draft-list{margin-top:90px}
.kp-draft{position:relative;padding:65px 6vw;border-top:1px solid #0d223d14;background:#eef3f9;min-height:560px}
.kp-draft--2{background:#e4ebf4}.kp-draft--3{background:#d7e3f1}
.kp-draft__inner{display:grid;grid-template-columns:.7fr 1.3fr;gap:6vw;max-width:1600px;margin:auto;align-items:center}
.kp-draft__info>div{display:flex;gap:15px;justify-content:space-between;align-items:center;font-size:13px}
.kp-draft__status{border:1px solid #0d223d40;border-radius:30px;padding:4px 12px;white-space:nowrap;font-size:12px}
.kp-draft--3 .kp-draft__status{background:var(--kp-blue);color:#fff;border-color:var(--kp-blue)}
.kp-draft h3{font-size:clamp(25px,2.6vw,40px);margin-top:32px}
.kp-draft__info>p{margin-top:22px;color:#3d4653;font-size:16px}
.kp-draft__note{display:block;font-size:14px;margin-top:22px;opacity:.7}

/* Mobile */
.kp-mobile{background:#e6eef7}
.kp-mobile__layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:center}
.kp-mobile__copy>p{margin-top:32px;font-size:17px;color:var(--kp-sub)}
.kp-mobile__points{margin-top:40px;display:flex;flex-direction:column}
.kp-mobile__points>span{font-size:15px;border-top:1px solid #0d223d1f;padding:14px 0}
.kp-phones{display:flex;gap:3vw;padding:25px 0 60px;align-items:flex-start}
.kp-phone{position:relative;min-width:0;width:48%;max-width:330px;background:#0f172a;border:7px solid #1e293b;border-radius:36px;box-shadow:15px 30px 50px #0d223d2b;overflow:hidden;transform:rotate(-4deg)}
.kp-phone--two{transform:rotate(5deg);margin-top:110px}
.kp-phone__notch{position:absolute;z-index:2;width:28%;height:13px;background:#1e293b;top:0;left:36%;border-radius:0 0 14px 14px}
.kp-phone__screen{aspect-ratio:390/780;background:var(--kp-mist);border-radius:27px;padding:34px 14px 14px;display:flex;flex-direction:column;gap:8px;font-size:12px;overflow:hidden;position:relative}
.kp-phone__head{display:flex;align-items:center;gap:8px;padding-bottom:10px;border-bottom:1px solid var(--kp-line)}
.kp-phone__head b{font-size:13px;letter-spacing:.06em;color:var(--kp-blue)}
.kp-phone__head .kp-bell{margin-left:auto;width:28px;height:28px}
.kp-phone__head .kp-bell:before{left:8px;top:5px;width:9px;height:11px}.kp-phone__head .kp-bell:after{left:7px;top:16px;width:12px}
.kp-phone__title{font-weight:600;font-size:14px;letter-spacing:-.02em;padding:4px 0}
.kp-phone__slot{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--kp-line);border-radius:10px;padding:9px 11px}
.kp-phone__slot>span{font-variant-numeric:tabular-nums;color:var(--kp-sub);font-size:11px;flex:none}
.kp-phone__slot b{display:block;font-weight:600}
.kp-phone__slot small{font-size:11px;color:#15803d}
.kp-phone__slot.is-now{border-color:var(--kp-action);box-shadow:0 0 0 2px #3b82f633}
.kp-phone__slot.is-off{background:#f1f3f6;border-style:dashed}
.kp-phone__slot.is-off small{color:var(--kp-sub)}
.kp-phone__toast{margin-top:auto;background:#fff;border-left:3px solid var(--kp-green);border-radius:8px;padding:8px 10px;font-size:11px;box-shadow:0 8px 20px #0d223d1f}
.kp-phone__msg p{font-size:12px;line-height:1.5;padding:9px 11px;border-radius:14px;background:#f1f5f9;max-width:84%;border-bottom-left-radius:4px}
.kp-phone__msg.is-mine p{background:var(--kp-action);color:#fff;margin-left:auto;border-radius:14px;border-bottom-right-radius:4px}
.kp-phone__msg.is-system p{background:#fff7e5;color:#8a5a00;border:1px dashed #ffd373;border-radius:8px;margin:0 auto;font-size:11px;max-width:92%}
.kp-phone__input{margin-top:auto;display:flex;gap:8px;align-items:center;background:#fff;border:1px solid var(--kp-line);border-radius:12px;padding:8px 10px;color:#94a3b8}
.kp-phone__input i{margin-left:auto;width:26px;height:26px;border-radius:7px;background:var(--kp-action);flex:none}
.kp-phone figcaption{font-size:11px;letter-spacing:.1em;color:#cbd5e1;text-align:center;padding:6px 0}

/* Timeline */
.kp-timeline{background:#fff}
.kp-years{display:grid;gap:0;border-top:1px solid #0d223d1f}
.kp-years li{display:grid;grid-template-columns:160px 1fr 1.4fr;gap:4vw;padding:34px 0;border-bottom:1px solid #0d223d1f;align-items:start}
.kp-years span{font-size:clamp(24px,2.4vw,36px);letter-spacing:-.04em;color:var(--kp-blue);font-variant-numeric:tabular-nums;line-height:1.2}
.kp-years h3{font-size:24px}
.kp-years p{font-size:16px;color:var(--kp-sub)}

/* Live */
.kp-live{background:var(--kp-mist);padding-block:clamp(90px,10vw,150px)}
.kp-live__layout{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}
.kp-live h2{font-size:clamp(34px,4vw,66px)}
.kp-live__layout>div>p{margin-top:28px;font-size:17px;color:var(--kp-sub);max-width:520px}
.kp-live .kp-pill{margin-top:36px}
.kp-auth{position:relative;display:grid;gap:18px;justify-items:center}
.kp-auth__card{width:min(100%,420px);background:#fff;border-radius:20px;padding:36px 34px;box-shadow:0 30px 80px #0d223d1a;border:1px solid var(--kp-line);display:grid;gap:10px;text-align:center}
.kp-auth__card img{width:140px;margin:0 auto 12px}
.kp-auth__card b{font-size:24px;font-weight:600;letter-spacing:-.03em}
.kp-auth__card small{font-size:14px;color:var(--kp-sub);margin-bottom:14px}
.kp-auth__card label{display:grid;gap:6px;text-align:left;font-size:12px;font-weight:600;color:var(--kp-sub)}
.kp-auth__card label i{display:block;height:44px;border:1px solid var(--kp-line);border-radius:10px;background:#fbfcfe}
.kp-auth__card em{margin-top:10px;background:var(--kp-action);color:#fff;border-radius:10px;padding:13px;font-weight:600;font-size:15px}
.kp-auth__choose{width:min(100%,420px);background:#fff;border-radius:16px;padding:18px 22px;border:1px solid var(--kp-line);font-size:13px;color:var(--kp-sub);display:grid;gap:12px}
.kp-auth__choose>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kp-auth__choose b{display:block;text-align:center;padding:14px;border-radius:10px;color:#fff;font-weight:600}
.kp-auth__choose .is-attendee{background:var(--kp-sky)}.kp-auth__choose .is-partner{background:var(--kp-blue)}

/* Ending */
.kp-ending{background:var(--kp-navy);color:#fff;padding-bottom:140px}
.kp-ending h2{font-size:clamp(36px,5vw,84px);margin-top:28px}
.kp-ending em{color:var(--kp-glow)}
.kp-ending>div>p{margin-top:30px;font-size:18px;color:#d6e6f5}
.kp-ending__links{display:flex;gap:40px;align-items:center;margin-top:45px;flex-wrap:wrap}
.kp-others{margin-top:100px;padding-top:30px;border-top:1px solid #ffffff22}
.kp-others>span{font-size:12px;letter-spacing:.1em;color:#b8d7f3}
.kp-others>div{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px}
.kp-others a{display:block}
.kp-others img{border-radius:12px;aspect-ratio:1.6;object-fit:cover;object-position:top;transition:transform .4s}
.kp-others a:hover img{transform:translateY(-4px)}
.kp-others b{display:block;margin-top:14px;font-size:17px;font-weight:600}
.kp-others small{font-size:13px;color:#b8d7f3}
.kp-credits{display:flex;justify-content:space-between;gap:20px;margin-top:90px;padding-top:20px;border-top:1px solid #ffffff22;font-size:12px;letter-spacing:.08em;color:#b8d7f3;flex-wrap:wrap}

/* Chapters nav */
.kp-chapters{position:fixed;z-index:1001;left:50%;bottom:22px;transform:translate(-50%,20px);display:flex;align-items:center;gap:2px;padding:6px;background:#071a2ee6;color:#fff;border-radius:40px;backdrop-filter:blur(12px);border:1px solid #ffffff22;opacity:0;pointer-events:none;transition:opacity .4s,transform .4s;max-width:calc(100% - 24px)}
.kp-chapters.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%,0)}
.kp-chapters a{font-size:13px;padding:8px 12px;border-radius:30px;color:#c7dcef;white-space:nowrap}
.kp-chapters a[aria-current]{background:#fff;color:var(--kp-navy)}
.kp-chapters span{font-size:12px;padding:0 12px 0 10px;color:var(--kp-glow);font-variant-numeric:tabular-nums}

/* Sticky scenes: wide screens with motion only */
@media(min-width:1101px){
.kp-motion .kp-hero{height:190svh}
.kp-motion .kp-hero__pin{position:sticky;top:0}
.kp-motion .kp-roles{height:230svh}
.kp-motion .kp-roles__pin{position:sticky;top:0;height:100svh;min-height:820px}
.kp-motion .kp-chat{height:280svh}
.kp-motion .kp-chat__pin{position:sticky;top:0;height:100svh;min-height:820px}
.kp-motion .kp-sched{height:300svh}
.kp-motion .kp-sched__pin{position:sticky;top:0;height:100svh;min-height:820px}
.kp-motion .kp-admin{height:320svh}
.kp-motion .kp-admin__pin{position:sticky;top:0;height:100svh;min-height:860px}
.kp-motion .kp-rail{height:300svh}
.kp-motion .kp-rail__pin{height:100svh;min-height:820px;position:sticky;top:0;padding-top:110px;padding-bottom:45px}
.kp-motion .kp-rail__track{display:flex;width:max-content;gap:24px;padding:0 6vw;transform:translate3d(var(--rail-x,0px),0,0);will-change:transform}
.kp-motion .kp-ops{width:440px;flex:0 0 auto}
.kp-motion .kp-draft{position:sticky;top:80px}
.kp-motion .kp-draft--2{top:98px}.kp-motion .kp-draft--3{top:116px}
}
@media(min-width:1101px) and (max-height:940px){
.kp-roles__foot,.kp-admin__foot{display:none}
.kp-roles__head h2,.kp-chat__head h2,.kp-admin__head h2{font-size:clamp(30px,2.8vw,42px)}
.kp-roles__head p{display:none}
.kp-lane{padding:22px 26px}
.kp-lane li{padding:9px 0;font-size:14px}
.kp-report p{display:none}
}
@media(max-width:1100px){
.kp-hero__copy{opacity:1;transform:none}
.kp-roles__stage{grid-template-columns:1fr;gap:28px}
.kp-roles__core{width:220px;margin:0 auto}
.kp-lane:after{display:none}
.kp-palette{grid-template-columns:1fr 1fr}
.kp-states{grid-template-columns:1fr;gap:40px}
.kp-dir__grid{grid-template-columns:1fr 1fr}
.kp-detail{height:auto;min-height:0;grid-template-columns:1fr}
.kp-detail__info{border-right:0;border-bottom:1px solid var(--kp-line);max-height:calc(300px + (1 - var(--s))*260px);overflow:hidden}
.kp-detail__scroll{transform:none}
.kp-detail__chat{min-height:420px}
.kp-chat__toggle{display:inline-block}
.kp-sched__pin{grid-template-columns:1fr;gap:30px}
.kp-toasts{position:static;width:100%;margin-top:10px}
.kp-sched__more{grid-template-columns:1fr 1fr;gap:40px 5vw}
.kp-admin__stage{grid-template-columns:1fr}
.kp-queue ul{grid-template-columns:1fr 1fr}
.kp-master__grid{font-size:10px}
.kp-draft__inner{grid-template-columns:1fr;gap:40px}
.kp-mobile__layout,.kp-live__layout{grid-template-columns:1fr;gap:50px}
.kp-years li{grid-template-columns:110px 1fr}
.kp-years p{grid-column:2}
}
@media(max-width:760px){
.kp{font-size:16px}
.kp-wrap{width:calc(100% - 32px)}
.kp h2{font-size:32px}
.kp-hero__pin{min-height:680px}
.kp-hero__top{top:100px;font-size:11px}
.kp-hero__brand img{width:110px}
.kp-hero__copy{bottom:30%}
.kp-hero__copy h1{font-size:38px}
.kp-hero__lead{font-size:15px}
.kp-hero__flow{grid-template-columns:repeat(3,1fr);bottom:90px;font-size:12px;gap:12px}
.kp-hero__scroll{display:none}
.kp-split{grid-template-columns:1fr;gap:28px}
.kp-sectionhead{flex-direction:column;gap:8px}
.kp-meta{grid-template-columns:1fr 1fr}
.kp-stats{grid-template-columns:1fr;gap:20px}
.kp-stats strong{font-size:64px}
.kp-roles__pin{padding:100px 16px 50px}
.kp-roles__head h2{font-size:32px}
.kp-lane{padding:22px 18px}
.kp-lane__title small{display:none}
.kp-roles__foot{flex-direction:column;gap:8px}
.kp-palette{grid-template-columns:1fr}
.kp-swatch{min-height:0;padding:30px 24px}
.kp-swatch>div{padding-top:30px}
.kp-states__list li{grid-template-columns:14px 1fr;gap:10px 14px}
.kp-states__list small{grid-column:2}
.kp-dir{padding:20px 16px 26px;border-radius:16px}
.kp-dir__bar{grid-template-columns:1fr}
.kp-dir__filters{grid-template-columns:1fr 1fr;gap:10px}
.kp-dir__count{justify-self:start}
.kp-dir__grid{grid-template-columns:1fr;gap:14px}
.kp-chat__pin{padding:100px 16px 60px}
.kp-chat__head h2{font-size:30px}
.kp-detail__info{padding:20px 18px}
.kp-detail__card h3{font-size:19px}
.kp-savebtn{margin-left:0}
.kp-msg{max-width:92%}
.kp-chatbox__body,.kp-chatbox__form,.kp-chatbox__head{padding-inline:16px}
.kp-typing{left:16px}
.kp-chat__notes{gap:10px;flex-direction:column}
.kp-sched__pin{padding:70px 16px 40px}
.kp-grid{padding:12px 10px;font-size:11px}
.kp-grid__head,.kp-grid__row{grid-template-columns:48px 1fr 1fr;gap:4px}
.kp-cell{padding:4px 7px;min-height:32px}
.kp-cell b{font-size:11px}
.kp-cell.is-booked small{display:none}
.kp-sched__more{grid-template-columns:1fr;gap:30px}
.kp-admin__pin{padding:90px 16px 50px}
.kp-admin__head h2{font-size:30px}
.kp-queue ul{grid-template-columns:1fr}
.kp-master{padding:12px}
.kp-master__grid{grid-template-columns:44px repeat(var(--cols),minmax(90px,1fr));overflow-x:auto}
.kp-master__wrap{overflow-x:auto}
.kp-master__cell{min-height:44px;padding:4px 5px}
.kp-admin__foot{flex-direction:column;gap:8px}
.kp-rail__pin{padding:70px 0}
.kp-rail__heading{margin-left:16px;margin-right:16px}
.kp-rail__track{grid-template-columns:1fr;padding:0 16px;gap:14px}
.kp-ops{min-height:0;padding:24px}
.kp-draft{padding:50px 16px;min-height:0}
.kp-draft h3{font-size:24px}
.kp-lightbox>div{flex-direction:column;align-items:flex-start}
.kp-phones{gap:12px;padding-bottom:30px}
.kp-phone{border-width:5px;border-radius:28px;transform:rotate(-3deg)}
.kp-phone--two{transform:rotate(3deg);margin-top:60px}
.kp-phone__screen{padding:26px 9px 10px;font-size:10px;gap:6px;border-radius:22px}
.kp-phone__title{font-size:11px}
.kp-phone__slot{padding:6px 8px;gap:6px}
.kp-phone__msg p,.kp-phone__msg.is-system p{font-size:10px;padding:6px 8px}
.kp-phone__input{padding:6px 8px;font-size:10px}
.kp-years li{grid-template-columns:1fr;gap:10px;padding:26px 0}
.kp-years p{grid-column:1}
.kp-years h3{font-size:21px}
.kp-auth__card{padding:28px 22px}
.kp-ending{padding-bottom:110px}
.kp-ending h2{font-size:36px}
.kp-ending__links{gap:22px}
.kp-others>div{grid-template-columns:1fr;gap:20px}
.kp-credits{flex-direction:column;gap:6px}
.kp-chapters{bottom:14px;gap:0;padding:5px}
.kp-chapters a{font-size:12px;padding:7px 8px}
.kp-chapters span{padding:0 8px 0 4px}
.kp-page button[aria-label="맨 위로 이동"]{bottom:85px!important}
}
/* Admin console and layout drafts: drawn in HTML at a fixed design width, then fitted to the frame with zoom (--k from JS). */
.kp-scale{overflow:hidden}
.kp-scale>*{zoom:var(--k,.5)}
.kp-con svg,.kp-mock svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.kp-con,.kp-mock{font-size:14px;line-height:1.45;letter-spacing:-.01em;text-align:left;word-break:normal;overflow-wrap:normal;font-variant-numeric:tabular-nums}
.kp-con :where(h4,h5,h6,p),.kp-mock :where(h6,p,ul){margin:0}
.kp-con :where(i,em,u,b),.kp-mock :where(i,em,u,b){font-style:normal;text-decoration:none}
.kp-console{margin-top:80px}
.kp-console__tabs{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 6px;margin-bottom:20px;scrollbar-width:none}
.kp-console__tabs::-webkit-scrollbar{display:none}
.kp-console__tabs button{display:inline-flex;align-items:center;gap:12px;flex:none;border:1px solid #0d223d1f;background:#fff;border-radius:40px;padding:10px 22px 10px 10px;font-size:16px;font-weight:600;line-height:1.4;color:#3d4653;transition:background .3s,color .3s,border-color .3s}
.kp-console__tabs button span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#eef3f9;color:var(--kp-sub);font-size:13px;transition:inherit}
.kp-console__tabs button:hover{border-color:var(--kp-blue)}
.kp-console__tabs button[aria-selected="true"]{background:var(--kp-navy);border-color:var(--kp-navy);color:#fff}
.kp-console__tabs button[aria-selected="true"] span{background:#ffffff1f;color:var(--kp-glow)}
.kp-browser{position:relative;border-radius:18px;overflow:hidden;background:#fff;border:1px solid #0d223d1a;box-shadow:0 50px 90px -30px #0d223d55,0 18px 40px -20px #0d223d33}
.kp-browser__bar{display:flex;align-items:center;gap:8px;height:42px;padding:0 16px;background:#eef2f7;border-bottom:1px solid #e1e7ef}
.kp-browser__bar i{width:11px;height:11px;border-radius:50%;background:#ff5f57}
.kp-browser__bar i:nth-child(2){background:#febc2e}.kp-browser__bar i:nth-child(3){background:#28c840}
.kp-browser__bar span{margin:auto;background:#fff;border-radius:8px;padding:3px 22px;font-size:13px;line-height:1.6;color:#7a8699;min-width:40%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kp-browser__bar b{font-weight:500;color:var(--kp-ink)}
.kp-console__zoom{display:none;position:absolute;right:14px;bottom:14px;border:0;background:#071a2ee0;color:#fff!important;padding:8px 16px;border-radius:25px;font-size:14px;align-items:center;gap:14px;backdrop-filter:blur(10px)}
.kp-console__zoom b{font-size:17px;font-weight:400}
.kp-console__caption{display:grid;grid-template-columns:minmax(180px,.35fr) 1fr;gap:30px;margin-top:28px;align-items:baseline}
.kp-console__caption strong{font-size:24px;font-weight:600;letter-spacing:-.03em;line-height:1.4}
.kp-console__caption p{font-size:16px;color:var(--kp-sub);max-width:780px}
.kp-lightbox>.kp-lightbox__stage{display:block;padding:0;max-height:calc(96vh - 64px);overflow:auto;border-radius:10px;background:#fff;overscroll-behavior:contain}
.kp-con *,.kp-mock *{box-sizing:border-box}
.kp-lightbox .kp-con{font-family:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif;-webkit-font-smoothing:antialiased}

/* Console canvas: 1440 × 940 */
.kp-con{--c-bg:#f3f6fb;--c-line:#e4e9f1;--c-ink:#122036;--c-sub:#68778c;--c-blue:#2f6bff;width:1440px;height:940px;display:grid;grid-template-columns:240px 1fr;background:var(--c-bg);color:var(--c-ink)}
.kp-con__side{display:flex;flex-direction:column;gap:18px;padding:22px 14px 18px;background:linear-gradient(180deg,#0d2039,#091629);color:#c3d0e3;min-height:0}
.kp-con__logo{display:flex;align-items:center;gap:9px;font-size:20px;color:#fff;letter-spacing:-.02em;padding:2px 8px 0}
.kp-con__logo b{font-weight:800}
.kp-con__logo i{width:9px;height:9px;border-radius:50%;background:#3ddc97;box-shadow:0 0 0 4px #3ddc9726}
.kp-con__event{display:grid;gap:3px;padding:12px 13px;border-radius:12px;background:#ffffff0b;border:1px solid #ffffff14}
.kp-con__event small{font-size:11px;color:#8ba0bd}
.kp-con__event span{display:flex;justify-content:space-between;align-items:center;font-size:13.5px;font-weight:600;color:#fff}
.kp-con__event span i{width:7px;height:7px;border:solid #8ba0bd;border-width:0 1.6px 1.6px 0;transform:rotate(45deg) translateY(-3px)}
.kp-con__event em{display:flex;align-items:center;gap:7px;margin-top:5px;font-size:11.5px;color:#5ee0a5}
.kp-con__event em i{width:6px;height:6px;border-radius:50%;background:#3ddc97;box-shadow:0 0 0 3px #3ddc9733}
.kp-con__nav{display:flex;flex-direction:column;gap:2px}
.kp-con__nav span{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:10px;font-size:13px;font-weight:600;letter-spacing:.01em;transition:background .25s,color .25s}
.kp-con__nav span svg{width:17px;height:17px;opacity:.85}
.kp-con__nav span b{margin-left:auto;background:#ff5a5f;color:#fff;font-size:11px;font-weight:700;border-radius:20px;padding:0 7px;line-height:1.6}
.kp-con__nav .is-sub{padding:6px 12px 6px 40px;font-size:12.5px;font-weight:500;color:#8ba0bd}
.kp-con__nav [data-go]{cursor:pointer}
.kp-con__nav [data-go]:hover{background:#ffffff0f;color:#fff}
.kp-con[data-screen="grid"] [data-go="grid"],.kp-con[data-screen="requests"] [data-go="requests"],.kp-con[data-screen="chat"] [data-go="chat"]{background:linear-gradient(90deg,#2f6bff,#4d86ff);color:#fff;box-shadow:0 8px 18px -6px #2f6bffaa}
.kp-con[data-screen="report"] [data-go="report"],.kp-con[data-screen="config"] [data-go="config"]{background:#ffffff14;color:#fff;box-shadow:inset 3px 0 0 #4d86ff}
.kp-con__me{margin-top:auto;display:flex;align-items:center;gap:10px;padding:12px;border-top:1px solid #ffffff14}
.kp-con__me i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#4d86ff,#7a5af8);color:#fff;font-size:12px;font-weight:700}
.kp-con__me b{display:block;font-size:13px;color:#fff}
.kp-con__me small{font-size:11px;color:#8ba0bd}
.kp-con__main{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}
.kp-con__main:after{content:'';position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(#f3f6fb00,var(--c-bg));pointer-events:none}
.kp-con__top{display:flex;align-items:center;gap:18px;height:62px;flex:none;padding:0 28px;background:#fff;border-bottom:1px solid var(--c-line);color:var(--c-sub)}
.kp-con__top>svg{width:20px;height:20px}
.kp-con__search{display:flex;align-items:center;gap:9px;width:340px;height:38px;padding:0 14px;border-radius:10px;background:var(--c-bg);font-size:13px;color:#97a3b6}
.kp-con__bell{position:relative;margin-left:auto;width:38px;height:38px;border-radius:10px;border:1px solid var(--c-line);display:grid;place-items:center}
.kp-con__bell svg{width:18px;height:18px}
.kp-con__bell i{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;border-radius:9px;background:#ff5a5f;color:#fff;font-size:10.5px;font-weight:700;display:grid;place-items:center;border:2px solid #fff}
.kp-con__out{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 15px;border-radius:10px;background:var(--c-blue);color:#fff;font-size:13px;font-weight:600}
.kp-con__pane{display:none;padding:24px 28px;min-height:0}
.kp-con[data-screen="grid"] [data-pane="grid"],.kp-con[data-screen="report"] [data-pane="report"],.kp-con[data-screen="requests"] [data-pane="requests"],.kp-con[data-screen="chat"] [data-pane="chat"],.kp-con[data-screen="config"] [data-pane="config"]{display:block;animation:kp-pane .45s ease both}
@keyframes kp-pane{from{opacity:0;transform:translateY(8px)}}
.kp-c-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:16px}
.kp-c-head h4{font-size:25px;font-weight:700;letter-spacing:-.025em;line-height:1.25}
.kp-c-head p{font-size:13px;color:var(--c-sub);margin-top:4px}
.kp-c-head p b{color:var(--c-ink)}
.kp-c-actions{display:flex;gap:8px;flex:none}
.kp-c-btn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-radius:10px;font-size:13px;font-weight:600;white-space:nowrap;background:#fff;border:1px solid var(--c-line);color:var(--c-ink)}
.kp-c-btn.is-dark{background:#14233a;border-color:#14233a;color:#fff}
.kp-c-btn.is-amber{background:#ffb020;border-color:#ffb020;color:#3a2600}
.kp-c-btn.is-teal{background:#0fb5ae;border-color:#0fb5ae;color:#fff}
.kp-c-btn.is-blue{background:var(--c-blue);border-color:var(--c-blue);color:#fff}
.kp-c-btn.is-icon{padding:0 11px}
.kp-c-btn.is-glass{background:#ffffff1c;border-color:#ffffff40;color:#fff}
.kp-c-btn.is-soft{background:#eef3ff;border-color:#eef3ff;color:var(--c-blue)}
.kp-c-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px 16px;margin-bottom:14px;border-radius:12px;background:#fff;border:1px solid var(--c-line);font-size:12.5px;color:var(--c-sub)}
.kp-c-hint b{color:var(--c-blue);font-weight:700;margin-right:3px}
.kp-c-hint i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#c3ccd9;margin:0 10px;vertical-align:middle}
.kp-c-legend{display:flex;gap:16px}
.kp-c-legend span{display:inline-flex;align-items:center;gap:6px}
.kp-c-legend i{width:13px;height:13px;border-radius:4px;border:1px solid #d5dde8;background:#fff}
.kp-c-legend i.is-booked{background:#e6efff;border-color:#b9cdfa}
.kp-c-legend i.is-off{background:repeating-linear-gradient(-45deg,#e9edf3 0 3px,#d9dfe8 3px 6px);border-color:#d9dfe8}
.kp-c-legend i.is-cursor{background:#fff3c4;border-color:#f5c84b}
.kp-c-legend i.is-dual{border:2px solid #ff8a3d}
.kp-mg{display:grid;grid-template-columns:120px repeat(6,minmax(0,1fr));gap:6px;padding:10px;border-radius:16px;background:#fff;border:1px solid var(--c-line);box-shadow:0 10px 30px -18px #0d223d40}
.kp-mg__corner{display:grid;place-items:center;font-size:11px;font-weight:700;letter-spacing:.1em;color:#8b97aa;background:#f6f8fc;border-radius:10px}
.kp-mg__col{display:grid;grid-template-columns:30px 1fr;column-gap:9px;align-items:center;padding:9px 10px;border-radius:10px}
.kp-mg__col i,.kp-rq__to i{grid-row:span 2;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:11px;font-weight:700;background:hsl(var(--hue) 75% 94%);color:hsl(var(--hue) 55% 34%)}
.kp-mg__col b{font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kp-mg__col small{font-size:10.5px;color:var(--c-sub)}
.kp-mg__col.is-cursor{background:#fff6d6}
.kp-mg__time{display:flex;flex-direction:column;justify-content:center;gap:1px;padding:8px 11px;border-radius:10px;background:#f6f8fc}
.kp-mg__time small{font-size:10.5px;color:var(--c-sub)}
.kp-mg__time b{font-size:15px;font-weight:700}
.kp-mg__time em{margin-top:4px;align-self:flex-start;font-size:10.5px;font-weight:600;color:#284b8f;padding:1px 7px;border-radius:6px;background:linear-gradient(90deg,#d6e3ff calc(var(--fill)*100%),#eaeff7 0)}
.kp-mg__time.is-cursor{background:#fff1bf}
.kp-mg__cell{display:flex;flex-direction:column;gap:3px;min-height:72px;padding:8px 10px;border-radius:10px;font-size:12px;position:relative;transition:box-shadow .3s}
.kp-mg__cell.is-booked{background:linear-gradient(180deg,#f3f7ff,#e9f0ff);border:1px solid #d2e0fb}
.kp-mg__cell.is-booked b{font-size:12.5px;font-weight:700;color:#173a7a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kp-mg__cell.is-booked small{display:flex;align-items:center;gap:4px;font-size:11px;color:#5b6b85}
.kp-mg__cell.is-booked small svg{width:12px;height:12px}
.kp-mg__cell.is-booked em{margin-top:auto;font-size:10.5px;font-weight:600;color:#178a57;background:#e2f6ea;border-radius:6px;text-align:center;padding:1px 0}
.kp-mg__cell.is-free{border:1px dashed #d4dce8;align-items:center;justify-content:center;color:#a7b2c3;font-size:11px}
.kp-mg__cell.is-off{background:repeating-linear-gradient(-45deg,#f2f4f8 0 6px,#e8ecf2 6px 12px);align-items:center;justify-content:center;color:#8b97aa;font-size:11px}
.kp-mg__cell.is-cursor{box-shadow:0 0 0 2px #f6d670}
.kp-mg__cell.is-cursor.is-free{background:#fffbea}
.kp-mg__cell.is-here{box-shadow:0 0 0 3px #f5b400,0 10px 22px -6px #f5b40066;z-index:1}
.kp-mg__cell.is-dual{box-shadow:0 0 0 2px #ff8a3d}
.kp-mg__cell.is-dual:after{content:'동시';position:absolute;top:-8px;right:8px;background:#ff8a3d;color:#fff;font-size:10px;font-weight:700;border-radius:6px;padding:0 6px;line-height:1.6}
.kp-mg__day{grid-column:1/-1;display:flex;align-items:center;gap:14px;padding:9px 14px;margin:4px 0;border-radius:10px;background:linear-gradient(90deg,#14233a,#1f3a63);color:#b8c8e0;font-size:12px}
.kp-mg__day b{color:#fff;font-size:13px}
.kp-rp__banner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 26px;border-radius:18px;color:#fff;background:radial-gradient(circle at 88% -20%,#5b8cff99,transparent 46%),linear-gradient(120deg,#0b1f3d,#123a7a 60%,#1b55c4)}
.kp-rp__banner>div:first-child>span{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:.14em;color:#a9c6ff}
.kp-rp__banner h4{font-size:25px;font-weight:700;margin:5px 0 3px;letter-spacing:-.02em}
.kp-rp__banner p{font-size:12.5px;color:#b6c7e4}
.kp-rp__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0 14px}
.kp-rp__stats>div{position:relative;min-height:112px;padding:16px 18px;border-radius:14px;background:#fff;border:1px solid var(--c-line)}
.kp-rp__stats small{font-size:12px;color:var(--c-sub)}
.kp-rp__stats>div>b{display:block;font-size:36px;font-weight:700;letter-spacing:-.03em;line-height:1.25;margin-top:4px}
.kp-rp__stats>div>b em{font-size:14px;font-weight:500;color:var(--c-sub);margin-left:3px}
.kp-rp__stats .is-ok>b{color:#14a06a}
.kp-rp__stats .is-warn>b{color:#e5484d}
.kp-rp__stats>div>p{font-size:12px;color:var(--c-sub)}
.kp-rp__spark{position:absolute;right:18px;bottom:18px;display:flex;align-items:flex-end;gap:4px;height:44px}
.kp-rp__spark i{width:8px;height:calc(var(--h)*44px);border-radius:3px;background:#cddcff}
.kp-rp__spark i:last-child{background:var(--c-blue)}
.kp-rp__ring{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#14a06a calc(var(--v)*360deg),#e6edf5 0)}
.kp-rp__ring:before{content:'';position:absolute;inset:8px;border-radius:50%;background:#fff}
.kp-rp__ring i{position:relative;font-size:13px;font-weight:700;color:#14a06a}
.kp-rp__bar{display:grid!important;grid-template-columns:44px 1fr auto;align-items:center;gap:9px;margin-top:9px}
.kp-rp__bar span{font-size:12px;color:var(--c-sub)}
.kp-rp__bar i{height:7px;border-radius:4px;background:linear-gradient(90deg,var(--c-blue) calc(var(--v)*100%),#e6edf5 0)}
.kp-rp__bar b{font-size:13px;color:var(--c-ink)}
.kp-rp__alert{display:flex;align-items:center;gap:10px;padding:11px 16px;border-radius:12px;background:#fff8e6;border:1px solid #f6d58c;color:#7a5200;font-size:13px}
.kp-rp__alert svg{color:#e89b00;width:18px;height:18px}
.kp-rp__alert em{margin-left:auto;font-weight:700;color:#b26b00}
.kp-rp__title{display:flex;align-items:center;gap:8px;margin:20px 0 4px;font-size:16px;font-weight:700}
.kp-rp__title svg{color:var(--c-blue)}
.kp-rp__title small{font-size:12px;font-weight:500;color:var(--c-sub)}
.kp-rp__day{margin:10px 0 8px;font-size:12.5px;color:var(--c-sub)}
.kp-rp__day b{color:var(--c-blue);font-size:13.5px;margin-right:10px}
.kp-rp__fixed{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.kp-rp__fixed>div{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;padding:12px 14px;border-radius:12px;background:#fff;border:1px solid var(--c-line)}
.kp-rp__fixed span{grid-row:span 2;background:var(--c-blue);color:#fff;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700;white-space:nowrap}
.kp-rp__fixed b{font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kp-rp__fixed small{font-size:11.5px;color:var(--c-sub)}
.kp-rp__fixed i{grid-column:1/-1;height:4px;margin-top:9px;border-radius:3px;background:linear-gradient(90deg,#14a06a calc(var(--v)*100%),#e8eef4 0)}
.kp-c-filter{display:flex;align-items:center;gap:8px;margin-bottom:14px}
.kp-c-field{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 13px;border-radius:10px;background:#fff;border:1px solid var(--c-line);font-size:13px;color:#3c4a5f;white-space:nowrap}
.kp-c-field svg{color:#8b97aa}
.kp-c-field.is-select:after{content:'';width:6px;height:6px;margin-left:10px;border:solid #8b97aa;border-width:0 1.6px 1.6px 0;transform:rotate(45deg) translateY(-2px)}
.kp-c-field.is-grow{flex:1;color:#9aa6b8}
.kp-c-sep{color:var(--c-sub)}
.kp-c-total{margin-left:auto;font-size:13px;color:var(--c-sub)}
.kp-c-total b{color:var(--c-blue)}
.kp-c-tabs{display:inline-flex;gap:2px;padding:4px;margin-bottom:12px;border-radius:12px;background:#e8edf5}
.kp-c-tabs span{padding:7px 15px;border-radius:9px;font-size:13px;font-weight:600;color:var(--c-sub)}
.kp-c-tabs b{margin-left:4px;font-size:12px;font-weight:600;color:#93a0b3}
.kp-c-tabs .is-on{background:#fff;color:var(--c-ink);box-shadow:0 2px 6px #0d223d14}
.kp-c-tabs .is-on b{color:var(--c-blue)}
.kp-rq{display:grid;grid-template-columns:70px minmax(0,1.7fr) minmax(0,1.15fr) 124px 110px 112px 150px;align-items:center;border-radius:14px;background:#fff;border:1px solid var(--c-line);overflow:hidden}
.kp-rq>span{display:flex;align-items:center;gap:10px;height:62px;padding:0 14px;border-bottom:1px solid #eef2f7;min-width:0}
.kp-rq>.kp-rq__h{height:42px;background:#f7f9fc;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8b97aa}
.kp-rq__no,.kp-rq__at{font-size:12.5px;color:var(--c-sub)}
.kp-c-role{flex:none;font-size:11px;font-weight:700;padding:4px 8px;border-radius:7px}
.kp-c-role.is-att{background:#e0f4ff;color:#0077b6}
.kp-c-role.is-par{background:#e4f6eb;color:#16834a}
.kp-rq__from>span{display:block;min-width:0}
.kp-rq__from b,.kp-rq__to b{display:block;font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kp-rq__from small{font-size:12px;color:var(--c-sub)}
.kp-rq__from em{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;color:#c27c00;border:1px solid #f3c56b;border-radius:7px;padding:3px 8px}
.kp-rq__from em svg{width:13px;height:13px}
.kp-rq__to i{grid-row:auto;flex:none;width:28px;height:28px}
.kp-rq__date{font-size:12.5px;color:#a3afc2;line-height:1.35}
.kp-rq__date.is-set{color:var(--c-blue);font-weight:700}
.kp-c-status{font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:20px}
.kp-c-status.is-pending{background:#fff3da;color:#b46b00}
.kp-c-status.is-confirmed{background:#e2f6ea;color:#12804f}
.kp-c-status.is-rejected{background:#fde8e8;color:#c43333}
.kp-c-status.is-cancelled{background:#eef1f5;color:#68778c}
.kp-rq__act em{width:32px;height:32px;border-radius:9px;display:grid;place-items:center}
.kp-rq__act .is-ok{background:#19b36b;color:#fff}
.kp-rq__act .is-no{background:#ffb020;color:#3a2600}
.kp-rq__act .is-undo{background:#e3f4ff;color:#0b84c6}
.kp-rq__act .is-del{background:#fff0f0;color:#e5484d;border:1px solid #ffd3d3}
.kp-cm{border-radius:14px;background:#fff;border:1px solid var(--c-line);overflow:hidden}
.kp-cm__row{display:grid;grid-template-columns:86px 290px 1fr auto;gap:18px;align-items:center;padding:13px 18px;border-bottom:1px solid #eef2f7}
.kp-cm__time{font-size:12px;color:var(--c-sub)}
.kp-cm__time b{display:block;font-size:13px;color:var(--c-ink)}
.kp-cm__pair{display:flex;flex-direction:column;gap:2px}
.kp-cm__pair>span{display:flex;align-items:center;gap:7px;padding:6px 10px;border-radius:9px;font-size:12.5px}
.kp-cm__pair .is-att{background:#eef8ff;box-shadow:inset 3px 0 0 #0097e1}
.kp-cm__pair .is-par{background:#eefaf2;box-shadow:inset 3px 0 0 #16a34a}
.kp-cm__pair i{font-size:10px;font-weight:700;color:var(--c-sub);background:#fff;border-radius:4px;padding:0 5px}
.kp-cm__pair b{font-weight:700;white-space:nowrap}
.kp-cm__pair small{margin-left:auto;font-size:11.5px;color:var(--c-sub);white-space:nowrap}
.kp-cm__pair em{font-size:11px;color:#b4bfcf;padding-left:18px;line-height:1.2}
.kp-cm__msg{padding:12px 15px;border-radius:12px;background:#f7f9fc;border:1px solid #e8edf4;font-size:13px;color:#2c3a50;line-height:1.55}
.kp-cm__msg.is-system{background:#f2f6ff;border-color:#d8e3ff}
.kp-cm__msg i{display:block;font-size:12px;font-weight:700;color:var(--c-blue)}
.kp-cf__top{display:grid;grid-template-columns:1fr 1.3fr;gap:14px;margin-bottom:14px}
.kp-cf__card{padding:16px 18px;border-radius:14px;background:#fff;border:1px solid var(--c-line)}
.kp-cf__card h5{font-size:14px;font-weight:700;margin-bottom:12px}
.kp-cf__fields{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}
.kp-cf__fields label{display:block}
.kp-cf__fields small{display:block;font-size:11.5px;color:var(--c-sub);margin-bottom:4px}
.kp-cf__fields span{display:block;padding:8px 12px;border-radius:9px;background:#f8fafc;border:1px solid var(--c-line);font-size:13.5px}
.kp-cf__days{display:grid;grid-template-columns:92px repeat(4,1fr);gap:8px;align-items:center}
.kp-cf__days>span{font-size:11px;font-weight:700;color:#8b97aa}
.kp-cf__days b{font-size:13px}
.kp-cf__days i{position:relative;padding:8px 11px;border-radius:9px;background:#f8fafc;border:1px solid var(--c-line);font-size:13px}
.kp-cf__days i:after{content:'';position:absolute;right:12px;top:50%;width:6px;height:6px;border:solid #8b97aa;border-width:0 1.6px 1.6px 0;transform:translateY(-70%) rotate(45deg)}
.kp-cf__days i.is-empty{color:#a3afc2}
.kp-cf__boards{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.kp-cf__board{border-radius:14px;background:#fff;border:1px solid var(--c-line);overflow:hidden}
.kp-cf__bhead{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;color:#fff;background:linear-gradient(110deg,#3f63ff,#7a5af8)}
.kp-cf__bhead b{font-size:15px}
.kp-cf__bhead span{font-size:12px;opacity:.85}
.kp-cf__slots{display:grid;gap:8px;padding:12px}
.kp-cf__slot{display:grid;grid-template-columns:64px 1fr auto;column-gap:10px;row-gap:4px;align-items:center;padding:10px 12px;border-radius:11px;background:#f1fbf5;border:1px solid #cdeedb}
.kp-cf__slot b{grid-row:span 2;font-size:15px;font-weight:700;color:#0f5132}
.kp-cf__slot small{font-size:11.5px;color:#3a7d5a}
.kp-cf__slot>i{grid-column:2;height:5px;border-radius:3px;background:linear-gradient(90deg,#22b573 calc(var(--v)*100%),#d5eee0 0)}
.kp-cf__slot.is-rest{background:#fff1f2;border-color:#fecdd3}
.kp-cf__slot.is-rest b,.kp-cf__slot.is-rest small{color:#be123c}
.kp-cf__switch{grid-column:3;grid-row:1/3;position:relative;width:38px;height:22px;border-radius:20px;background:#d4dbe5}
.kp-cf__switch:after{content:'';position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003}
.kp-cf__switch.is-on{background:#22b573}
.kp-cf__switch.is-on:after{left:19px}

/* Layout drafts: 960 × 640 product mocks */
.kp-wire{position:relative;border-radius:16px;background:#fff;box-shadow:0 40px 70px -30px #0d223d55,0 0 0 1px #0d223d14}
.kp-mock{position:relative;width:960px;height:640px;display:flex;flex-direction:column;overflow:hidden;background:#f5f7fb;color:var(--kp-ink)}
.kp-mock__app{display:flex;align-items:center;gap:22px;height:60px;flex:none;padding:0 24px;background:#fff;border-bottom:1px solid var(--kp-line)}
.kp-mock__brand{display:flex;align-items:center;gap:8px;font-size:17px}
.kp-mock__brand b{font-weight:800}
.kp-mock__brand i{width:8px;height:8px;border-radius:50%;background:var(--kp-blue)}
.kp-mock__app nav{display:flex;gap:4px}
.kp-mock__app nav span{padding:7px 13px;border-radius:8px;font-size:13.5px;color:var(--kp-sub)}
.kp-mock__app nav .is-on{background:#e8f1ff;color:var(--kp-blue);font-weight:600}
.kp-mock__app .kp-chip{margin-left:auto}
.kp-mock__avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--kp-navy);color:#fff;font-size:12px;font-weight:700}
.kp-mock__page{position:relative;flex:1;min-height:0;padding:22px 24px;overflow:hidden}
.kp-mock__title{display:flex;align-items:center;gap:8px}
.kp-mock__title b{font-size:22px;font-weight:700;margin-right:10px;letter-spacing:-.02em}
.kp-mock__title span{padding:4px 12px;border-radius:20px;background:#fff;border:1px solid #cfe0f5;font-size:12.5px;color:#0050a0}
.kp-mock__title em{margin-left:auto;font-size:13px;color:var(--kp-sub)}
.kp-mock__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}
.kp-mock__card{display:grid;grid-template-columns:46px 1fr auto;column-gap:12px;row-gap:4px;align-items:center;padding:16px;border-radius:14px;background:#fff;border:1px solid var(--kp-line)}
.kp-mock__card>i,.kp-mock__mhead>i,.kp-mock__hero>i,.kp-mock__id>i{display:grid;place-items:center;font-weight:700;background:hsl(var(--hue) 75% 94%);color:hsl(var(--hue) 55% 34%)}
.kp-mock__card>i{grid-row:span 2;width:46px;height:46px;border-radius:12px;font-size:15px}
.kp-mock__card>b{grid-column:2/4;font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kp-mock__card>span{grid-column:2/4;display:flex;gap:5px}
.kp-mock__card>span em{font-size:11px;padding:2px 7px;border-radius:5px;background:#f1f5f9;color:#475569}
.kp-mock__card small{grid-column:1/3;margin-top:12px;font-size:12.5px;font-weight:600;color:var(--kp-blue)}
.kp-mock__card u{grid-column:3;margin-top:12px;display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:8px;background:#e8f1ff;color:var(--kp-blue);font-size:12px;font-weight:600}
.kp-mock__card.is-on{border-color:var(--kp-sky);box-shadow:0 0 0 3px #0097e133}
.kp-mock__dim{position:absolute;inset:0;background:#0b1b31;opacity:.48}
.kp-mock__modal{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);width:480px;height:440px;display:flex;flex-direction:column;border-radius:18px;background:#fff;box-shadow:0 40px 90px -10px #000a;overflow:hidden}
.kp-mock__mhead{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--kp-line)}
.kp-mock__mhead>i{width:40px;height:40px;border-radius:11px;font-size:13px}
.kp-mock__mhead b{display:block;font-size:15.5px;font-weight:700}
.kp-mock__mhead small{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--kp-sub)}
.kp-mock__mhead small span{width:7px;height:7px;border-radius:50%;background:#22b573}
.kp-mock__mhead em{margin-left:auto;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#f1f5f9;color:var(--kp-sub)}
.kp-mock__msgs{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;padding:16px 18px;background:#fafbfd}
.kp-mock__msgs p{max-width:80%;padding:10px 13px;border-radius:14px;font-size:13.5px;line-height:1.5}
.kp-mock__msgs .is-them{align-self:flex-start;background:#fff;border:1px solid var(--kp-line);border-bottom-left-radius:4px}
.kp-mock__msgs .is-me{align-self:flex-end;background:var(--kp-action);color:#fff;border-bottom-right-radius:4px}
.kp-mock__msgs .is-system{align-self:center;max-width:none;padding:5px 14px;border-radius:20px;background:#eaf1ff;color:#2f5fcc;font-size:12px;font-weight:600}
.kp-mock__msgs .is-note{align-self:center;margin-top:auto;padding:4px 12px;border-radius:20px;border:1px dashed #f3a5a5;background:#fff2f2;color:#d23c3c;font-size:12px}
.kp-mock__input{display:flex;align-items:center;gap:10px;margin:0 16px 16px;padding:7px 7px 7px 14px;border-radius:12px;border:1px solid var(--kp-line);background:#fff}
.kp-mock__input span{flex:1;font-size:13.5px;color:#a0aec0}
.kp-mock__input em{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--kp-action);color:#fff}
.kp-mock__input.is-focus{border-color:var(--kp-action);box-shadow:0 0 0 4px #3b82f622}
.kp-mock__input.is-focus span{color:var(--kp-ink)}
.kp-mock__input.is-focus span i{display:inline-block;width:2px;height:17px;margin-left:2px;vertical-align:-3px;background:var(--kp-action);animation:kp-caret 1s steps(1) infinite}
@keyframes kp-caret{50%{opacity:0}}
.kp-mock__hero{display:flex;align-items:center;gap:16px;padding:22px;border-radius:16px;background:linear-gradient(120deg,#e3eeff,#efe6ff)}
.kp-mock__hero>i{width:64px;height:64px;border-radius:16px;font-size:20px;background:#fff}
.kp-mock__hero b{display:block;font-size:22px;font-weight:700;letter-spacing:-.02em}
.kp-mock__hero span,.kp-mock__id span{display:flex;gap:6px;margin-top:6px}
.kp-mock__hero u{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:10px;background:#fff;font-size:13px;font-weight:600}
.kp-mock__hero u:first-of-type{margin-left:auto}
.kp-mock__hero u.is-blue{background:var(--kp-blue);color:#fff}
.kp-mock__body{display:grid;grid-template-columns:1.35fr 1fr;gap:16px;margin-top:16px}
.kp-mock__body>div,.kp-mock__below,.kp-mock__info{padding:18px;border-radius:14px;background:#fff;border:1px solid var(--kp-line)}
.kp-mock h6{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--kp-sub);margin-bottom:8px}
.kp-mock__body p,.kp-mock__info p{font-size:13.5px;line-height:1.6;color:#3d4653}
.kp-mock__body p+p{margin-top:8px}
.kp-mock__pipe{list-style:none;padding:0;display:grid;gap:12px}
.kp-mock__pipe li{display:grid;grid-template-columns:62px 1fr;row-gap:5px;font-size:13px}
.kp-mock__pipe li span{color:var(--kp-sub)}
.kp-mock__pipe li i{grid-column:1/-1;height:6px;border-radius:4px;background:linear-gradient(90deg,#7c5cff calc(var(--v)*100%),#ece8fb 0)}
.kp-mock__below{margin-top:16px}
.kp-mock__looking{display:flex;align-items:center;gap:8px;margin-top:16px;padding:14px 18px;border-radius:14px;background:#fff;border:1px solid var(--kp-line)}
.kp-mock__looking h6{margin:0 8px 0 0}
.kp-mock__looking span{padding:5px 12px;border-radius:20px;background:#f1f5f9;font-size:12.5px;color:#334155}
.kp-mock__below p{max-width:60%;margin-left:auto;padding:10px 13px;border-radius:14px 14px 4px 14px;background:var(--kp-action);color:#fff;font-size:13.5px}
.kp-mock__badge{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:30px;background:var(--kp-navy);color:#fff;font-size:13.5px;font-weight:600;box-shadow:0 14px 30px -8px #071a2e99;white-space:nowrap;animation:kp-bob 2.4s ease-in-out infinite}
@keyframes kp-bob{50%{transform:translate(-50%,-5px)}}
.kp-mock__split{flex:1;min-height:0;display:grid;grid-template-columns:37% 18px 1fr;padding:18px 20px}
.kp-mock__info{overflow:hidden}
.kp-mock__id{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.kp-mock__id>i{width:52px;height:52px;border-radius:14px;font-size:16px}
.kp-mock__id b{font-size:18px;font-weight:700}
.kp-mock__info h6{margin-top:16px}
.kp-mock__files{list-style:none;padding:0;display:grid;gap:6px}
.kp-mock__files li{display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:10px;border:1px solid var(--kp-line);font-size:12.5px}
.kp-mock__files svg{color:#e5484d}
.kp-mock__handle{display:grid;place-items:center}
.kp-mock__handle i{width:4px;height:46px;border-radius:4px;background:#c5d3e6}
.kp-mock__chat{display:flex;flex-direction:column;min-height:0;border-radius:16px;background:#fff;border:2px solid var(--kp-action);box-shadow:0 0 0 6px #3b82f61a;overflow:hidden}
.kp-mock__chead{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;border-bottom:1px solid var(--kp-line)}
.kp-mock__chead b{font-size:15px;font-weight:700}
.kp-mock__chead u{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:9px;background:var(--kp-blue);color:#fff;font-size:12.5px;font-weight:600}
.kp-mock em.kp-tag--ta{color:#0050a0}.kp-mock em.kp-tag--mod{color:#6d28d9}.kp-mock em.kp-tag--stage{color:#15803d}
@media(max-width:1100px){
.kp-console__zoom{display:inline-flex}
.kp-console__caption{grid-template-columns:1fr;gap:10px}
}
@media(max-width:760px){
.kp-console{margin-top:44px}
.kp-console__tabs{margin-inline:-16px;padding-inline:16px;gap:8px}
.kp-console__tabs button{font-size:14px;padding:7px 16px 7px 7px;gap:9px}
.kp-console__tabs button span{width:26px;height:26px;font-size:12px}
.kp-console__caption strong{font-size:20px}
.kp-console__caption p{font-size:15px}
.kp-browser{border-radius:12px}
.kp-browser__bar{height:30px;padding:0 10px;gap:5px}
.kp-browser__bar i{width:8px;height:8px}
.kp-browser__bar span{font-size:11px;padding:1px 10px}
.kp-console__zoom{font-size:13px;padding:6px 12px;right:10px;bottom:10px}
.kp-wire{border-radius:12px}
}
@media(prefers-reduced-motion:reduce){
.kp-hero__copy{opacity:1!important;transform:none!important}
.kp-reveal{opacity:1!important;transform:none!important;transition:none!important}
.kp *{transition:none!important;animation:none!important}
.kp-hero,.kp-roles,.kp-chat,.kp-sched,.kp-admin,.kp-rail{height:auto!important}
.kp-hero__pin,.kp-roles__pin,.kp-chat__pin,.kp-sched__pin,.kp-admin__pin,.kp-rail__pin{position:relative!important;height:auto!important}
.kp-draft{position:relative!important;top:auto!important}
}