html {
    scroll-behavior: smooth;
}

body {
    background-image:
        radial-gradient(circle at top left, rgba(141, 93, 57, 0.12), transparent 28%),
        radial-gradient(circle at top right, rgba(244, 216, 103, 0.18), transparent 24%),
        linear-gradient(180deg, #fffdf4 0%, #fbf1d0 100%);
}

.prose a {
    color: #8d5d39;
}

textarea,
input,
select,
button {
    font: inherit;
}

pre {
    white-space: pre-wrap;
    word-break: break-word;
}

.ace-surface {
    position: relative;
    overflow: hidden;
    border-radius: 0.75rem;
}

.ace_editor {
    min-height: inherit;
    border-radius: 0.75rem;
    font-size: 14px;
    line-height: 1.75;
}

.ace-surface .ace_scroller,
.ace-surface .ace_gutter,
.ace-surface .ace_content,
.ace-surface .ace_layer,
.ace-surface .ace_text-layer {
    border-radius: 0 0 0.75rem 0.75rem;
}

.ace_editor.ace_autocomplete {
    border-radius: 0.75rem;
}

.status-notice {
    border: 1px solid #cbd5e1;
    background: #f8fafc;
    color: #334155;
    border-radius: 0.75rem;
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
    line-height: 1.5;
}

.status-notice[data-status-type='success'] {
    border-color: #a7f3d0;
    background: #ecfdf5;
    color: #047857;
}

.status-notice[data-status-type='error'] {
    border-color: #fecdd3;
    background: #fff1f2;
    color: #be123c;
}

.status-notice[data-status-type='info'] {
    border-color: #cfd9de;
    background: #eef3f5;
    color: #4d6673;
}