@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
:root{--paper:#f3f1eb;--ink:#181816;--muted:#77756e;--line:#d8d5cc;--lime:#c9ff52;--violet:#7357ff;--panel:#faf9f5;--dark:#1d1d1b}*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--paper);color:var(--ink)}body{margin:0;font-family:"Noto Sans KR",sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}.kimi-page{min-height:100vh;background-image:linear-gradient(rgba(24,24,22,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(24,24,22,.035) 1px,transparent 1px);background-size:32px 32px}.kimi-header{height:72px;padding:0 clamp(20px,4vw,64px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:rgba(243,241,235,.88);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.kimi-brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;font:800 20px Manrope,sans-serif;letter-spacing:-.05em}.kimi-brand b{color:var(--violet)}.kimi-orb{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff 0 6%,var(--lime) 7% 34%,var(--violet) 35% 68%,#1b1b19 69%);box-shadow:0 0 0 1px #1b1b19}.model-state{display:flex;align-items:center;gap:8px;font:500 11px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.04em}.model-state>span:first-child{width:7px;height:7px;background:#3fb66c;border-radius:50%;box-shadow:0 0 0 4px rgba(63,182,108,.12)}.model-state small{padding-left:8px;color:var(--muted);border-left:1px solid var(--line)}.playground{width:min(1400px,calc(100% - 56px));margin:0 auto;padding:64px 0 78px;display:grid;grid-template-columns:minmax(270px,.7fr) minmax(430px,1fr) minmax(430px,1.05fr);gap:26px;align-items:start}.intro{padding:10px 18px 0 0;position:sticky;top:120px}.overline{font:500 11px "DM Mono",monospace;letter-spacing:.13em;color:var(--violet);margin:0 0 24px}.intro h1{font:800 clamp(40px,4.1vw,68px)/1.08 Manrope,sans-serif;letter-spacing:-.065em;margin:0 0 28px}.intro h1 em{font-style:normal;color:var(--violet)}.intro>p:last-child{max-width:360px;color:#65635d;font-size:14px;line-height:1.85;word-break:keep-all}.composer,.result-shell{border:1px solid var(--line);background:rgba(250,249,245,.94);min-height:650px}.composer{padding:28px}.access-row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px 14px;padding-bottom:24px;border-bottom:1px solid var(--line)}.access-row label,.prompt-label,.option-grid label{font-size:12px;font-weight:700}.access-row input{height:42px;border:1px solid var(--line);border-radius:0;background:#fff;padding:0 12px;outline:0;font-family:"DM Mono",monospace}.access-row input:focus,textarea:focus,select:focus,input:focus{border-color:var(--violet);box-shadow:0 0 0 2px rgba(115,87,255,.12)}.secure-note{grid-column:2;color:#96938b;font-size:10px}.prompt-label{display:block;margin:26px 0 11px;font-size:15px}.composer textarea{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:6px 0 16px;outline:0;resize:vertical;font-size:15px;line-height:1.75}.composer>form>textarea{min-height:170px}.prompt-foot{display:flex;justify-content:space-between;margin-top:9px;color:#8c8981;font:400 10px "DM Mono",monospace}.prompt-foot kbd{border:1px solid #c8c5bc;background:#fff;padding:1px 4px}.options{margin:28px 0 24px;border-block:1px solid var(--line)}.options summary{display:flex;justify-content:space-between;padding:14px 0;cursor:pointer;font-size:12px;font-weight:700}.options summary span{color:var(--muted);font-weight:400}.option-grid{padding:6px 0 18px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.option-grid label:first-child{grid-column:1/-1}.option-grid label{display:grid;gap:7px}.option-grid textarea,.option-grid select,.option-grid input{min-width:0;border:1px solid var(--line);background:#fff;padding:9px;outline:0;border-radius:0}.option-grid textarea{min-height:70px}.run-button{width:100%;height:52px;border:1px solid var(--ink);background:var(--dark);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-weight:700;cursor:pointer;transition:.18s}.run-button:hover{background:var(--violet);border-color:var(--violet)}.run-button:disabled{opacity:.55;cursor:wait}.run-button i{font-style:normal;font-size:20px}.form-error{padding:12px;margin:12px 0 0;background:#fff0ed;border:1px solid #e9b5aa;color:#9e3527;font-size:12px}.result-shell{background:var(--dark);color:#f7f6f0;padding:28px;overflow:hidden}.empty-result,.loading-result{min-height:592px;display:grid;place-content:center;text-align:center;color:#8c8c85}.empty-mark{font-size:50px;color:var(--lime);margin-bottom:14px}.empty-result p,.loading-result p{font-size:13px;line-height:1.8}.loading-result strong{margin-top:22px;color:#eee;font-size:14px}.thinking-pulse{display:flex;gap:7px;justify-content:center}.thinking-pulse span{width:10px;height:10px;border-radius:50%;background:var(--lime);animation:pulse 1.1s infinite ease-in-out}.thinking-pulse span:nth-child(2){animation-delay:.15s}.thinking-pulse span:nth-child(3){animation-delay:.3s}@keyframes pulse{0%,100%{transform:translateY(0);opacity:.35}50%{transform:translateY(-8px);opacity:1}}.result-meta{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:22px;border-bottom:1px solid #3c3c38}.result-meta span{padding:5px 8px;border:1px solid #4b4b46;color:#b9b9b0;font:400 10px "DM Mono",monospace}.reasoning-card{margin:22px 0;border:1px solid #494944;background:#242421}.reasoning-card summary{list-style:none;padding:15px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.reasoning-card summary::-webkit-details-marker{display:none}.reasoning-card summary span{font-size:13px;font-weight:700;color:var(--lime)}.reasoning-card summary i{font-style:normal}.reasoning-card button,.answer-card button{border:0;background:transparent;color:#9e9e96;font-size:10px;cursor:pointer}.reasoning-card pre,.answer-card pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font:400 12px/1.8 "DM Mono","Noto Sans KR",monospace}.reasoning-card pre{max-height:300px;overflow:auto;padding:0 15px 18px;color:#bdbdb5;border-top:1px solid #3b3b37;padding-top:16px}.reasoning-card.unavailable{opacity:.65}.answer-card{padding-top:4px}.answer-card header{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.answer-card h2{font:700 12px "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase;margin:0;color:#f5f4ee}.answer-card pre{max-height:380px;overflow:auto;color:#f5f4ee;font-family:"Noto Sans KR",sans-serif;font-size:14px}.kimi-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:20px clamp(20px,4vw,64px);color:#85827a;font:400 10px "DM Mono",monospace;text-transform:uppercase}
@media(max-width:1120px){.playground{grid-template-columns:1fr 1fr}.intro{grid-column:1/-1;position:static;display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:end;padding:0 0 18px}.intro .overline{grid-column:1/-1;margin:0}.intro h1{margin:0}.intro>p:last-child{margin:0}.composer,.result-shell{min-height:620px}}
@media(max-width:760px){.kimi-header{height:62px;padding-inline:16px}.model-state small{display:none}.playground{width:calc(100% - 24px);grid-template-columns:1fr;padding:34px 0 44px;gap:14px}.intro{grid-template-columns:1fr;padding-bottom:12px}.intro .overline{margin-bottom:0}.intro h1{font-size:42px}.intro>p:last-child{font-size:13px}.composer,.result-shell{min-height:auto;padding:20px}.access-row{grid-template-columns:1fr}.secure-note{grid-column:1}.option-grid{grid-template-columns:1fr}.option-grid label:first-child{grid-column:auto}.result-shell{min-height:520px}.empty-result,.loading-result{min-height:478px}.kimi-footer{gap:14px;flex-direction:column;line-height:1.5}.prompt-foot span:last-child{display:none}}