body { background: #f3f5fa; font-family: 'Pretendard', 'Arial', sans-serif; }

.param-card {
    background: #fff;
    max-width: 400px;
    margin: 60px 0 0 40px;
    padding: 32px 28px 22px 28px;
    border-radius: 18px;
    box-shadow: 0 3px 16px rgba(30,43,100,0.10);
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.param-card h2 {
    margin: 0 0 10px 0;
    color: #264866;
    letter-spacing: -1px;
    font-size: 1.5em;
    font-weight: 800;
}

.input-row {
    display: flex;
    align-items: center;
    gap: 10px;
}

.input-row label {
    flex: 0 0 110px;
    color: #43526a;
    font-size: 1em;
    font-weight: 500;
}

.input-row input {
    flex: 1;
    padding: 8px 12px;
    border: 1.5px solid #d2d5de;
    border-radius: 6px;
    font-size: 1.08em;
    transition: border 0.2s;
}

.input-row input:focus {
    border: 1.5px solid #339cff;
    outline: none;
}

#submitBtn {
    margin-top: 7px;
    background: #2c7df6;
    color: #fff;
    font-weight: 700;
    border: none;
    border-radius: 8px;
    padding: 11px 0;
    font-size: 1.13em;
    cursor: pointer;
    box-shadow: 0 1.5px 8px rgba(44,125,246,0.09);
    transition: background 0.18s;
}
#submitBtn:hover { background: #2361ca; }

@media (max-width: 540px) {
    .param-card { max-width: 96vw; padding: 24px 8vw; }
    .input-row label { flex-basis: 90px; }
}

 body { background: #f3f5fa; font-family: 'Pretendard', 'Arial', sans-serif; }
        .main-wrap { max-width: 940px; margin: 30px auto 0 40px; display: flex; gap: 44px; flex-wrap: wrap;}
        .param-card {
            background: #fff; max-width: 330px; padding: 32px 24px 22px 24px;
            border-radius: 18px; box-shadow: 0 3px 16px rgba(30,43,100,0.10);
            display: flex; flex-direction: column; gap: 18px;
        }
        .param-card h2 { margin: 0 0 10px 0; color: #264866; letter-spacing: -1px; font-size: 1.23em; font-weight: 800;}
        .input-row { display: flex; align-items: center; gap: 9px;}
        .input-row label { flex: 0 0 102px; color: #43526a; font-size: 1em; font-weight: 500;}
        .input-row input { flex: 1; padding: 8px 12px; border: 1.5px solid #d2d5de; border-radius: 6px; font-size: 1.08em; transition: border 0.2s;}
        .input-row input:focus { border: 1.5px solid #339cff; outline: none;}
        #submitBtn { margin-top: 7px; background: #2c7df6; color: #fff; font-weight: 700; border: none; border-radius: 8px; padding: 11px 0; font-size: 1.09em; cursor: pointer; transition: background 0.18s;}
        #submitBtn:hover { background: #2361ca;}
        .symbol-row { margin-bottom: 10px;}
        .symbol-row select { padding: 7px 15px; font-size: 1.02em; border-radius: 5px; border: 1px solid #d2d5de; }
        .price-box { margin: 24px 0 10px 0; font-size: 1.15em; color: #2c7df6; font-weight: bold;}
        @media (max-width:900px) {.main-wrap {flex-direction: column; gap: 26px;} .param-card{max-width:99vw;}}

        #live-chat { max-width: 640px; border:1px solid #ddd; padding:12px; border-radius:8px; background:#fff; }
#live-chat .log { height:300px; overflow-y:auto; border:1px solid #eee; padding:8px; margin-bottom:8px; background:#fafafa; }
.msg { margin:4px 0; }
.msg .nick { font-weight:bold; margin-right:6px; }
.msg .ts { color:#888; font-size:12px; margin-left:6px; }
.system { color:#666; font-style:italic; }
.input-row { display:flex; gap:6px; }
.input-row input { flex:1; padding:8px; }
#chat-nick { flex:0 0 120px; }