:root {
    --bg: #050708;
    --panel: #0b0f10;
    --panel-2: #101719;
    --text: #ffffff; /* 원래 색: #d9f7e6 */
    --muted: #7f9f90;
    --accent: #69f0ae;
    --accent-soft: rgba(105, 240, 174, 0.14);
    --border: rgba(105, 240, 174, 0.22);
    --danger: #ff5f56;
    --warn: #ffbd2e;
    --ok: #27c93f;
    --shadow: rgba(0, 0, 0, 0.45);
}

* {
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    min-height: 100%;
    margin: 0;
}

body {
    min-height: 100vh;
    background: linear-gradient(180deg, #050708 0%, #080d0e 100%);
    color: var(--text);
    font-family: "JetBrains Mono", Consolas, Monaco, monospace;
    overflow: hidden;
}

.terminal-window {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
}

.terminal-input {
    width: 100%;
    border: 0;
    outline: 0;
    padding: 0;
    background: transparent;
    color: var(--text);
    font: inherit;
    caret-color: var(--accent);
}

.terminal-output {
    flex: 1;
    padding: 15px;
    overflow: auto;
    line-height: 1.45;
    font-size: 14px;
    white-space: pre;
    word-break: normal;
}

.terminal-output::-webkit-scrollbar {
    width: 10px;
}

.terminal-output::-webkit-scrollbar-thumb {
    background: rgba(105, 240, 174, 0.25);
    border-radius: 999px;
}

.terminal-input-line {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.prompt {
    color: var(--accent);
    flex: 0 0 auto;
    font-size: 14px;
}