.jn-phone{width:330px;font-family:var(--font-body);-webkit-user-select:none;user-select:none;margin:0 auto;padding-top:44px;position:relative}.jn-antenna{background:linear-gradient(90deg,#fff,#e9e3ec);border:2px solid #3a3340;border-radius:8px 8px 2px 2px;width:14px;height:64px;position:absolute;top:0;right:44px}.jn-upper,.jn-lower{background:linear-gradient(160deg,#fbe7f0 0%,#f6d3e3 55%,#efc2d6 100%);border:2px solid #3a3340;position:relative;box-shadow:inset 3px 3px #ffffffb3,inset -3px -3px #a65c802e}.jn-upper{border-radius:38px 38px 22px 22px;padding:14px 18px 10px}.jn-speaker{justify-content:center;align-items:center;gap:16px;height:18px;display:flex}.jn-speaker:before{content:"";background:#3a3340;border-radius:4px;width:66px;height:6px}.jn-speaker:after{content:"";background:#1d1a22;border-radius:50%;width:9px;height:9px}.jn-bezel{background:#18161c;border-radius:14px;margin-top:8px;padding:10px 9px 0}.jn-screen{color:#111;background:#fff;border-radius:3px;flex-direction:column;height:316px;display:flex;position:relative;overflow:hidden}.jn-softkeys{font-family:var(--font-pixel);color:#fff;-webkit-font-smoothing:none;justify-content:space-between;padding:3px 4px 5px;font-size:11px;display:flex}.jn-brand{text-align:center;font-family:var(--font-pixel);letter-spacing:.45em;color:#c26a92;-webkit-font-smoothing:none;margin-top:4px;font-size:10px}.jn-hinge{background:linear-gradient(#f4f2f6,#c9c4cf 60%,#e4e0e8);border:2px solid #3a3340;border-radius:4px;height:24px;margin:-2px 30px}.jn-lower{border-radius:22px 22px 38px 38px;padding:16px 22px 26px}.jn-nav{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid}.jn-pill{font-family:var(--font-pixel);-webkit-font-smoothing:none;background:#fff;border:2px solid #3a3340;border-radius:999px;justify-self:center;align-items:center;gap:5px;padding:3px 12px;font-size:11px;display:inline-flex}.jn-pill>i{background:#33b85a;border-radius:50%;width:8px;height:8px}.jn-pill.is-end>i{background:#e05aa0}.jn-ok{background:#f9c7df;border:2px solid #3a3340;border-radius:50%;justify-content:center;align-items:center;width:92px;height:58px;display:flex}.jn-ok>span{font-family:var(--font-pixel);-webkit-font-smoothing:none;background:#fff;border:2px solid #3a3340;border-radius:999px;padding:3px 9px;font-size:11px}.jn-keys{grid-template-columns:repeat(3,1fr);gap:9px 12px;margin-top:16px;display:grid}.jn-key{height:34px;font-family:var(--font-pixel);-webkit-font-smoothing:none;background:#fff;border:2px solid #3a3340;border-radius:12px;justify-content:center;align-items:baseline;gap:5px;padding-top:5px;font-size:15px;font-weight:700;display:flex;box-shadow:inset 0 -3px #e7dbe3}.jn-key>small{color:#555;font-size:9px;font-weight:400}.jn-charm{flex-direction:column;align-items:center;display:flex;position:absolute;bottom:22px;right:-10px}.jn-charm>i{background:#fff;border:2px solid #3a3340;border-radius:50%;width:9px;height:9px;margin-bottom:1px}.jn-charm>i:nth-child(2){background:#b7e36b;margin-left:12px}.jn-status{color:#fff;height:18px;font-family:var(--font-pixel);-webkit-font-smoothing:none;background:#18161c;justify-content:space-between;align-items:center;padding:0 7px;font-size:10px;display:flex}.jn-signal{align-items:flex-end;gap:1px;height:9px;margin-right:4px;display:inline-flex}.jn-signal>i{background:#fff;width:2px}.jn-battery{border:1px solid #fff;width:18px;height:9px;padding:1px}.jn-battery>i{background:#7ddc59;height:100%;display:block}.jn-head{justify-content:space-between;align-items:center;height:34px;padding:0 10px;font-size:14px;font-weight:700;display:flex}.jn-head svg{width:14px;height:14px}.jn-list{flex:1;overflow:hidden}.jn-row{grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:5px 10px;display:grid}.jn-row b{font-size:12px;display:block}.jn-row p{color:#666;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.jn-row time{color:#999;text-align:right;align-self:start;margin-top:3px;font-size:9px}.jn-badge{color:#fff;text-align:center;background:#ff5a3c;border-radius:50%;width:15px;height:15px;margin:3px 0 0 auto;font-size:9px;font-weight:700;line-height:15px;display:block}.jn-avatar{background:#a9c4e4;border-radius:13px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.jn-avatar svg{color:#fff;width:20px;height:20px}.jn-avatar.is-sm{border-radius:10px;width:26px;height:26px}.jn-avatar.is-sm svg{width:15px;height:15px}.jn-tabbar{color:#888;background:#fafafa;border-top:1px solid #eee;justify-content:space-around;align-items:center;height:28px;display:flex}.jn-tabbar svg{width:15px;height:15px}.jn-tabbar svg.is-on{color:#222}.jn-room{background:#b5cadd;flex-direction:column;flex:1;justify-content:flex-end;gap:4px;padding:5px 7px;display:flex;overflow:hidden}.jn-room-head{background:#b5cadd}.jn-day{color:#fff;background:#0000001f;border-radius:999px;flex:none;align-self:center;padding:2px 10px;font-size:9.5px}.jn-alert{background:silver;border:2px solid #3a3340;flex:none;margin:1px 4px;font-size:10.5px}.jn-alert>div:first-child{color:#fff;font-family:var(--font-pixel);-webkit-font-smoothing:none;background:linear-gradient(90deg,#1f2a8c,#6b3f9a 55%,#d65aa5);padding:1px 5px;font-size:9.5px}.jn-alert>div:last-child{background:#fff;border:1px solid #fff;border-color:gray #fff #fff gray;align-items:center;gap:5px;margin:3px;padding:3px 5px;font-weight:700;display:flex}.jn-msg{align-items:flex-end;gap:4px;font-size:11px;display:flex}.jn-msg.is-me{flex-direction:row-reverse}.jn-msg>span{background:#fff;border-radius:11px;max-width:78%;padding:4px 8px;line-height:1.35}.jn-msg.is-me>span{background:#fee500}.jn-msg>time{color:#4b5b6b;flex:none;font-size:8.5px}.jn-who{gap:5px;display:flex}.jn-who>div{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.jn-who small{color:#333;font-size:9px}.jn-input{color:#aaa;background:#fff;align-items:center;gap:6px;height:30px;padding:0 6px;font-size:10.5px;display:flex}.jn-input>i{border:1px solid #ccc;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-style:normal;display:flex}.jn-input>b{color:#111;background:#fee500;border-radius:3px;margin-left:auto;padding:3px 8px;font-size:10.5px}.jn-dash{border-top:2px dashed var(--color-accent);flex:1;height:0}.jn-dash.is-blue{border-top-color:#2a3bd0}.jn-chip{font-family:var(--font-pixel);-webkit-font-smoothing:none;background:#fde5f1;border:1px solid #000;border-radius:999px;flex:none;padding:1px 9px;font-size:11px}.jn-chip.is-grey{background:#e4e4e4}.jn-cal{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;display:grid}.jn-cal>b{text-align:center;font-family:var(--font-pixel);-webkit-font-smoothing:none;padding:2px 0 4px;font-size:12px;font-weight:400}.jn-cell{background:#fff;border:1px solid #b8b8b8;min-height:42px;padding:3px 4px;font-size:11.5px;line-height:1.25;position:relative}.jn-cell>span{font-family:var(--font-pixel);-webkit-font-smoothing:none;display:block}.jn-cell>small{font-family:var(--font-hanja);font-size:11px;display:block}.jn-cell.is-past{color:#a6a6a6;background:#ececec}.jn-cell.is-avoid{color:#8a8a8a;background:#e3e3e3}.jn-cell.is-good{background:#fde5f1;border-color:#e7a6c8}.jn-cell.is-best{background:#fbc6e0;border:2px solid #b0307a}.jn-cell.is-best.is-blue{border-color:#b0307a}.jn-cell.is-today{outline-offset:-4px;outline:2px dotted #1f2a8c}.jn-cell>em{font-size:12px;font-style:normal;line-height:1;position:absolute;top:3px;right:4px}.jn-cell.is-good>em,.jn-cell.is-best>em{color:#e0459a}.jn-legend{font-family:var(--font-pixel);-webkit-font-smoothing:none;flex-wrap:wrap;gap:4px 14px;margin-top:8px;font-size:11.5px;display:flex}.jn-legend>span{align-items:center;gap:5px;display:inline-flex}.jn-legend i{border:1px solid #888;width:11px;height:11px;display:inline-block}.jn-top tr.is-sel td{color:#fff;background:#1f2a8c}.jn-rank{color:#fff;width:22px;height:22px;font-family:var(--font-pixel);-webkit-font-smoothing:none;background:#1f2a8c;justify-content:center;align-items:center;font-size:12px;display:inline-flex}.jn-top tr.is-sel .jn-rank{color:#1f2a8c;background:#fff}@media (max-width:639px){.jn-cal{gap:2px}.jn-cell{min-height:38px;padding:2px 3px}.jn-cell>span{letter-spacing:-.03em;white-space:nowrap;font-size:10.5px}.jn-cell>small{font-size:10px}.jn-cell>em{font-size:10px;top:2px;right:2px}}.jn-phone button.jn-key,.jn-phone button.jn-pill,.jn-phone button.jn-ok{cursor:pointer;font:inherit;color:inherit}.jn-phone button.jn-key{font-family:var(--font-pixel);font-size:15px;font-weight:700}.jn-phone button.jn-key:active,.jn-phone button.jn-pill:active{background:#fde5f1;transform:translateY(2px);box-shadow:inset 0 -1px #e7dbe3}.jn-phone button.jn-ok:active{background:#f39cc6}.jn-phone button.jn-ok>span{pointer-events:none}.jn-phone.is-tall{width:400px}.jn-phone.is-tall .jn-screen{height:clamp(500px,100svh - 330px,640px)}.jn-phone.is-tall .jn-head{height:42px;padding:0 14px;font-size:15.5px}.jn-phone.is-tall .jn-chat{gap:12px;padding:14px 12px 16px}.jn-phone.is-tall .jn-who{gap:8px}.jn-phone.is-tall .jn-who small{font-size:12.5px}.jn-phone.is-tall .jn-avatar.is-sm{border-radius:14px;width:38px;height:38px}.jn-phone.is-tall .jn-msg{gap:6px;font-size:15.5px}.jn-phone.is-tall .jn-msg>span{word-break:keep-all;border-radius:16px;max-width:82%;padding:9px 13px;line-height:1.5}.jn-phone.is-tall .jn-msg>time{font-size:10.5px}.jn-phone.is-tall .jn-typing{border-radius:16px;padding:11px 14px}.jn-phone.is-tall .jn-typing>i{width:7px;height:7px}.jn-phone.is-tall .jn-chips{gap:8px;padding-left:46px}.jn-phone.is-tall .jn-chip-btn{padding:9px 15px;font-size:14.5px}.jn-phone.is-tall .jn-card{max-width:88%;font-size:14px}.jn-phone.is-tall .jn-card>header{padding:4px 9px;font-size:12px}.jn-phone.is-tall .jn-card>div{padding:10px 12px}.jn-phone.is-tall .jn-input{height:48px;padding:0 8px 0 12px}.jn-phone.is-tall .jn-input>input{font-size:16px}.jn-phone.is-tall .jn-input>button{border-radius:6px;padding:8px 14px;font-size:14px}.jn-phone.is-tall .jn-softkeys{padding:5px 8px 7px;font-size:12.5px}@media (max-width:639px){.jn-phone.is-tall{width:min(390px,100%);padding-top:30px}.jn-phone.is-tall .jn-screen{height:clamp(460px,100svh - 250px,640px)}.jn-phone.is-tall .jn-upper{padding:12px 12px 8px}.jn-phone.is-tall .jn-antenna{height:46px}.jn-phone.is-tall .jn-lower{padding:10px 16px 16px}.jn-phone.is-tall .jn-keys{gap:6px 10px;margin-top:10px}.jn-phone.is-tall .jn-key{height:30px}}.jn-chat{scroll-behavior:smooth;background:#b5cadd;flex-direction:column;flex:1;gap:6px;padding:8px 8px 10px;display:flex;overflow-y:auto}.jn-chips{flex-wrap:wrap;justify-content:flex-end;gap:5px;padding:2px 0 2px 30px;display:flex}.jn-chip-btn{cursor:pointer;background:#fff;border:1.5px solid #3a3340;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:600}.jn-chip-btn:active,.jn-chip-btn.is-main{background:#fee500}.jn-typing{background:#fff;border-radius:12px;gap:3px;padding:7px 10px;display:inline-flex}.jn-typing>i{background:#8a8a8a;border-radius:50%;width:5px;height:5px;animation:1s infinite jn-blink}.jn-typing>i:nth-child(2){animation-delay:.2s}.jn-typing>i:nth-child(3){animation-delay:.4s}@keyframes jn-blink{0%,to{opacity:.3}50%{opacity:1}}.jn-input>input{color:#111;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:12.5px}.jn-input>button{color:#111;cursor:pointer;background:#fee500;border:0;border-radius:3px;margin-left:auto;padding:4px 9px;font-size:11.5px;font-weight:700}.jn-input>button:disabled{opacity:.5}.jn-card{background:#fff;border:2px solid #3a3340;max-width:86%;font-size:12px}.jn-card>header{color:#fff;font-family:var(--font-pixel);-webkit-font-smoothing:none;background:linear-gradient(90deg,#1f2a8c,#6b3f9a 55%,#d65aa5);padding:2px 7px;font-size:10.5px}.jn-card>div{padding:7px 9px;line-height:1.5}