/* ChainsawMan — CodyChat 11 login theme */
:root{--km-black:#050607;--km-ink:#0a0d0f;--km-red:#e51d2a;--km-red2:#a90f19;--km-orange:#f39a22;--km-cream:#eee8dc;--km-steel:#9ca4aa;--km-muted:#777f85;--km-line:rgba(238,232,220,.15);--km-green:#61e28a;}
html,body{min-height:100%;}body{background:#050607;}#login_wrap.km-wrap{position:relative;min-height:100vh;color:var(--km-cream);background:#050607;font-family:Inter,"Segoe UI",Arial,sans-serif;overflow:hidden;}#login_wrap.km-wrap:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.10;background-image:radial-gradient(circle at 15% 20%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 80% 70%,#fff 0 1px,transparent 1.5px);background-size:43px 43px,61px 61px;}
.km-header{position:absolute;z-index:20;top:0;left:0;right:0;height:82px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.km-header>*{pointer-events:auto}.km-brand{display:flex;align-items:center;gap:11px;color:#fff!important;text-decoration:none!important;font-size:19px;font-weight:900;letter-spacing:-.4px;text-transform:uppercase}.km-brand em{color:var(--km-red);font-style:normal}.km-brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:5px;background:linear-gradient(145deg,#ff3341,#9e0b14);box-shadow:8px 9px 0 rgba(0,0,0,.35);font-size:17px;transform:rotate(-4deg)}.km-language{height:42px;display:flex;align-items:center;gap:8px;padding:0 13px;border:1px solid rgba(238,232,220,.20);border-radius:4px;color:#fff;background:rgba(5,6,7,.70);backdrop-filter:blur(12px);cursor:pointer;text-transform:uppercase}.km-language img{width:19px;height:19px;border-radius:50%;object-fit:cover}.km-language span{font-size:10px;font-weight:800;letter-spacing:1px}
.km-layout{min-height:100vh;display:grid;grid-template-columns:minmax(520px,1fr) minmax(500px,1fr)}.km-form-side{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;padding:93px clamp(28px,5vw,78px) 63px;background:radial-gradient(circle at 20% 8%,rgba(229,29,42,.08),transparent 28%),linear-gradient(150deg,#050607,#090c0e 65%,#0e1113);overflow-y:auto}.km-form-side:before{content:"";position:absolute;inset:0;opacity:.10;pointer-events:none;background-image:linear-gradient(rgba(238,232,220,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(238,232,220,.035) 1px,transparent 1px);background-size:38px 38px}.km-form-shell{position:relative;width:min(480px,100%)}
.km-welcome{display:flex;align-items:center;gap:15px;margin-bottom:23px;animation:kmFormIn .7s ease both}.km-mask{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;border-radius:4px;color:#fff;background:linear-gradient(145deg,#ff3a47,#9d0c15);box-shadow:6px 7px 0 rgba(0,0,0,.35),0 16px 30px rgba(229,29,42,.16);font-size:24px;transform:rotate(-5deg)}.km-jp{display:block;color:var(--km-red);font-size:24px;font-weight:900;letter-spacing:4px;line-height:1;text-shadow:3px 3px 0 rgba(0,0,0,.5)}.km-welcome h1{margin:5px 0 4px;font-size:28px;line-height:1.05;letter-spacing:-1px;text-transform:uppercase}.km-welcome p{margin:0;color:#8e969b;font-size:11px}.km-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:5px;margin-bottom:20px;padding:5px;border:1px solid rgba(238,232,220,.10);border-radius:4px;background:rgba(238,232,220,.035);animation:kmFormIn .7s .08s ease both}.km-tab{min-width:0;height:44px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:3px;color:#838b90;background:transparent;font-size:11px;font-weight:800;cursor:pointer;transition:.2s ease;text-transform:uppercase}.km-tab:hover{color:#fff;background:rgba(238,232,220,.06)}.km-tab.active{color:#fff;background:linear-gradient(100deg,#ef2330,#b50e19);box-shadow:0 9px 24px rgba(229,29,42,.20)}.km-tab-panels{position:relative}.km-panel{display:none;animation:kmIn .25s ease}.km-panel.active{display:block}@keyframes kmIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes kmFormIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.km-field{display:block;margin-bottom:12px}.km-field>span,.km-birth>span{display:block;margin:0 0 6px 2px;color:#d8d0c5;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.km-field>div{position:relative;display:flex;align-items:center;min-height:48px;border:1px solid rgba(238,232,220,.15);border-radius:4px;background:linear-gradient(110deg,rgba(238,232,220,.075),rgba(238,232,220,.035));transition:border-color .2s,box-shadow .2s,background .2s;overflow:hidden}.km-field>div:focus-within{border-color:rgba(229,29,42,.80);background:rgba(238,232,220,.08);box-shadow:0 0 0 3px rgba(229,29,42,.10),0 12px 34px rgba(0,0,0,.22)}.km-field>div>i:first-child{width:41px;flex:0 0 41px;color:#a7aeb2;text-align:center;font-size:12px}.km-field .full_input,.km-field input,.km-field select{width:100%!important;height:46px!important;margin:0!important;padding:0 41px 0 2px!important;border:0!important;border-radius:0!important;color:#f5f1e9!important;background:transparent!important;box-shadow:none!important;outline:0!important;font-size:12px!important;line-height:46px!important}.km-field input::placeholder{color:#6f777c!important;opacity:1!important}.km-eye{position:absolute;right:6px;width:34px;height:34px;border:0;border-radius:4px;color:#a7aeb2;background:transparent;cursor:pointer}.km-eye:hover{color:#fff;background:rgba(238,232,220,.07)}.km-inline-links{display:flex;justify-content:flex-end;margin:-4px 1px 14px}.km-inline-links button,.km-terms button{border:0;padding:2px;color:#f05259;background:transparent;font-size:10px;cursor:pointer}.km-submit{width:100%;min-height:49px;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:6px;border:0;border-radius:4px;color:#fff;background:linear-gradient(100deg,#f12634,#b40d17);box-shadow:0 15px 34px rgba(229,29,42,.22);font-size:12px;font-weight:900;cursor:pointer;transition:.2s ease;text-transform:uppercase;letter-spacing:.3px}.km-submit:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 20px 42px rgba(229,29,42,.30)}.km-submit i{font-size:10px}.km-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.km-birth{margin-bottom:13px}.km-date{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.km-date select{width:100%;height:48px;padding:0 10px;border:1px solid rgba(238,232,220,.17);border-radius:4px;color:#fff;background:#111518;outline:0;font-size:11px}.km-field .selectboxit-container{width:100%}.km-field .selectboxit{width:100%!important;height:46px!important;line-height:46px!important;border:0!important;border-radius:0!important;color:#fff!important;background:transparent!important}.km-field .selectboxit-text{height:46px!important;line-height:46px!important;color:#fff!important;font-size:12px!important}.km-field .selectboxit-arrow-container{height:46px!important}.km-recaptcha{margin:10px 0;overflow:hidden;border-radius:4px}.km-terms{margin:10px 0 0;color:#6e767b;text-align:center;font-size:9px}.km-bridge{padding:30px 18px;text-align:center;border:1px solid var(--km-line);border-radius:4px;background:rgba(238,232,220,.04)}.km-bridge i{color:var(--km-red);font-size:34px}.km-bridge p{margin:12px 0 0;color:#a3aaae;font-size:12px;line-height:1.6}
.km-community{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(238,232,220,.08)}.km-active-copy strong,.km-active-copy span{display:block}.km-active-copy strong{font-size:11px}.km-active-copy span{margin-top:3px;color:#747d82;font-size:9px}.km-avatars{display:flex;align-items:center;min-width:0}.km-avatars>span{position:relative;width:34px;height:34px;margin-left:-7px;padding:2px;border-radius:50%;background:#101416}.km-avatars>span:first-child{margin-left:0}.km-avatars img{width:100%;height:100%;object-fit:cover;border-radius:50%}.km-avatars i{position:absolute;right:0;bottom:1px;width:8px;height:8px;border:2px solid #07090a;border-radius:50%;background:var(--km-green)}.km-avatars em{color:#747c81;font-size:9px;font-style:normal}.km-player{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:11px;margin-top:12px;padding:10px;border:1px solid rgba(238,232,220,.10);border-radius:4px;background:rgba(238,232,220,.035)}.km-player.is-empty{opacity:.58}.km-player-cover{width:46px;height:46px;display:grid;place-items:center;border-radius:4px;color:#fff;background:linear-gradient(145deg,#f22a38,#7e0a12);box-shadow:0 9px 24px rgba(229,29,42,.18)}.km-player small,.km-player strong{display:block}.km-player small{color:var(--km-red);font-size:7px;font-weight:900;letter-spacing:1.4px}.km-player strong{max-width:190px;margin-top:4px;overflow:hidden;font-size:11px;white-space:nowrap;text-overflow:ellipsis}.km-player-controls{display:flex;align-items:center;gap:2px}.km-player-controls button{width:29px;height:29px;display:grid;place-items:center;border:0;border-radius:4px;color:#9ba2a6;background:transparent;cursor:pointer}.km-player-controls button:hover{color:#fff;background:rgba(238,232,220,.06)}.km-player-controls .km-play{width:37px;height:37px;color:#fff;background:var(--km-red)}
.km-art-side{position:relative;min-height:100vh;overflow:hidden;background:linear-gradient(145deg,#17191a 0%,#08090a 55%,#050607 100%);isolation:isolate}.km-art-side:before{content:"";position:absolute;inset:-15%;z-index:-2;opacity:.32;background:radial-gradient(circle at 70% 30%,rgba(229,29,42,.40),transparent 30%),radial-gradient(circle at 45% 85%,rgba(243,154,34,.17),transparent 26%);filter:blur(12px)}.km-art-grunge{position:absolute;inset:0;z-index:-1;opacity:.15;pointer-events:none;background-image:linear-gradient(115deg,transparent 0 18%,rgba(255,255,255,.08) 18.2% 18.6%,transparent 18.8% 100%),linear-gradient(170deg,transparent 0 64%,rgba(229,29,42,.45) 64.2% 64.9%,transparent 65.1% 100%);mix-blend-mode:screen}.km-art-title{position:absolute;z-index:7;top:74px;left:7%;right:7%;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none}.km-art-title>span{color:#d7d0c4;font-size:10px;font-weight:900;letter-spacing:5px;writing-mode:vertical-rl;transform:rotate(180deg)}.km-art-title strong{font-size:clamp(30px,4vw,56px);line-height:.85;letter-spacing:-2px;color:#eee8dc;text-shadow:5px 5px 0 rgba(229,29,42,.72);transform:skew(-7deg)}.km-art-title strong span{display:inline;color:var(--km-red);font-size:1em;letter-spacing:-2px}
.km-character-grid{position:absolute;z-index:3;top:13%;left:6%;right:6%;bottom:18%;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,1fr);gap:10px;perspective:1000px}.km-character{position:relative;overflow:hidden;border:1px solid rgba(238,232,220,.18);background:#0b0d0f;box-shadow:0 18px 42px rgba(0,0,0,.42);opacity:0;will-change:transform,opacity;animation:kmCharacterIn .9s cubic-bezier(.2,.8,.2,1) forwards}.km-character:before{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.18) 47%,transparent 55%);transform:translateX(-130%);animation:kmShine 1.15s .75s ease-out forwards}.km-character img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.92) contrast(1.10) brightness(.86);transition:transform .55s ease,filter .55s ease}.km-character:hover img{transform:scale(1.06);filter:saturate(1.08) contrast(1.12) brightness(1)}.km-character-shade{position:absolute;inset:0;z-index:2;background:linear-gradient(to top,rgba(0,0,0,.86),transparent 48%),linear-gradient(135deg,rgba(229,29,42,.18),transparent 52%)}.km-character-label{position:absolute;z-index:5;left:12px;right:8px;bottom:10px;text-transform:uppercase;transform:skew(-4deg)}.km-character-label strong{display:block;color:#fff;font-size:16px;letter-spacing:1px;text-shadow:3px 3px 0 rgba(0,0,0,.65)}.km-character-label span{display:block;margin-top:2px;color:#f2b34e;font-size:9px;font-weight:900;letter-spacing:2px}.km-denji{grid-column:1 / span 2;grid-row:1 / span 2;animation-delay:.10s;border-color:rgba(229,29,42,.45)}.km-pochita{grid-column:3 / span 2;grid-row:1;animation-delay:.24s;border-color:rgba(243,154,34,.42)}.km-makima{grid-column:5 / span 2;grid-row:1;animation-delay:.38s;border-color:rgba(229,29,42,.45)}.km-aki{grid-column:3 / span 2;grid-row:2;animation-delay:.52s;border-color:rgba(126,153,170,.40)}.km-power{grid-column:5 / span 2;grid-row:2;animation-delay:.66s;border-color:rgba(240,68,91,.42)}@keyframes kmCharacterIn{0%{opacity:0;transform:translateY(45px) rotateX(7deg) scale(.92);filter:blur(7px)}65%{opacity:1;transform:translateY(-4px) rotateX(0) scale(1.015);filter:blur(0)}100%{opacity:1;transform:translateY(0) rotateX(0) scale(1)}}@keyframes kmShine{to{transform:translateX(130%)}}
.km-art-copy{position:absolute;z-index:8;left:8%;right:8%;bottom:6%;text-align:center;text-shadow:3px 3px 0 rgba(0,0,0,.6)}.km-art-copy>span{color:#e7ded1;font-size:9px;font-weight:900;letter-spacing:4px}.km-art-copy h2{margin:6px 0;font-size:clamp(34px,4vw,56px);line-height:.9;letter-spacing:-3px;text-transform:uppercase}.km-art-copy h2 em{display:inline;color:var(--km-red);font-style:normal}.km-art-copy p{margin:0;color:#aeb4b7;font-size:10px;letter-spacing:.5px}.km-art-active{position:absolute;z-index:10;top:20px;right:150px;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(238,232,220,.18);border-radius:4px;color:#e9e2d8;background:rgba(5,6,7,.60);backdrop-filter:blur(10px);font-size:9px}.km-art-active i{width:7px;height:7px;border-radius:50%;background:var(--km-green);box-shadow:0 0 10px var(--km-green)}
.km-footer{position:absolute;z-index:30;left:32px;right:32px;bottom:16px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;color:#5f676c;font-size:9px}.km-footer>*{pointer-events:auto}.km-footer nav{display:flex;gap:14px}.km-footer a{color:#737b80!important;text-decoration:none!important}.km-footer a:hover{color:#ef3a45!important}.km-wrap .section{position:absolute;width:1px;height:1px;overflow:hidden}
body #login_wrap.km-wrap .km-field>div>input.full_input.form_data,body #login_wrap.km-wrap .km-field>div>input.form_data,body #login_wrap.km-wrap .km-field>div>select.form_data{min-width:82%;width:100%!important;height:46px!important;min-height:46px!important;margin:0!important;padding-block:0!important;padding-inline-start:2px!important;padding-inline-end:41px!important;border:0!important;border-radius:0!important;color:#f5f1e9!important;-webkit-text-fill-color:#f5f1e9!important;background:transparent!important;background-color:transparent!important;box-shadow:none!important;font:600 12px/46px Inter,"Segoe UI",Arial,sans-serif!important;letter-spacing:.05px!important}body #login_wrap.km-wrap .km-field>div>input::placeholder{color:#6f777c!important;-webkit-text-fill-color:#6f777c!important;opacity:1!important;font-weight:500!important}body #login_wrap.km-wrap .km-field>div>input:-webkit-autofill,body #login_wrap.km-wrap .km-field>div>input:-webkit-autofill:hover,body #login_wrap.km-wrap .km-field>div>input:-webkit-autofill:focus{-webkit-text-fill-color:#f5f1e9!important;-webkit-box-shadow:0 0 0 1000px #111416 inset!important;caret-color:#fff!important}
@media(max-width:1100px){.km-layout{grid-template-columns:minmax(480px,1.08fr) minmax(420px,.92fr)}.km-form-side{padding-left:38px;padding-right:38px}.km-character-grid{left:4%;right:4%;gap:8px}.km-art-copy h2{font-size:46px}}@media(max-width:850px){#login_wrap.km-wrap{overflow:visible}.km-header{position:relative;height:72px;padding:0 18px;background:#050607}.km-layout{display:flex;flex-direction:column;min-height:0}.km-art-side{order:1;width:100%;min-height:640px}.km-form-side{order:2;width:100%;min-height:auto;padding:42px 22px 90px;overflow:visible}.km-art-title{top:25px}.km-character-grid{top:13%;bottom:20%;left:4%;right:4%}.km-art-copy{bottom:5%}.km-art-active{top:18px}.km-footer{position:absolute;left:20px;right:20px;bottom:14px}.km-language span{display:none}}@media(max-width:560px){.km-header{padding:0 12px}.km-brand{font-size:16px}.km-brand-mark{width:38px;height:38px}.km-art-side{min-height:590px}.km-art-title strong{font-size:32px}.km-character-grid{top:14%;bottom:20%;gap:5px}.km-character-label{left:7px;bottom:7px}.km-character-label strong{font-size:11px}.km-character-label span{font-size:7px}.km-art-copy{left:4%;right:4%}.km-art-copy>span{font-size:7px;letter-spacing:2px}.km-art-copy h2{font-size:35px;letter-spacing:-2px}.km-art-copy p{font-size:9px}.km-art-active{display:none}.km-form-side{padding:34px 12px 90px}.km-welcome{align-items:flex-start}.km-mask{width:50px;height:50px;flex-basis:50px}.km-jp{font-size:18px}.km-welcome h1{font-size:22px}.km-tabs{overflow-x:auto;grid-auto-columns:minmax(92px,1fr)}.km-tab span{font-size:9px}.km-field-grid{grid-template-columns:1fr;gap:0}.km-date{gap:5px}.km-player{grid-template-columns:42px 1fr auto}.km-player-cover{width:42px;height:42px}.km-player-controls button:not(.km-play){display:none}.km-player strong{max-width:140px}.km-community{align-items:flex-start;flex-direction:column}.km-footer{flex-direction:column;align-items:flex-start;gap:5px}}@media(prefers-reduced-motion:reduce){.km-panel,.km-welcome,.km-tabs,.km-character{animation:none!important}.km-submit,.km-tab,.km-character img{transition:none!important}}