* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    background: #fff;
    color: #000;
    line-height: 1.7;
    max-width: 600px;
    margin: 0 auto;
    padding: 6rem 2rem;
}

/* Header — monastery sign, not startup */
header {
    text-align: center;
    margin-bottom: 5rem;
}

h1 {
    font-size: 3.25rem;
    font-weight: 300;
    letter-spacing: 0.05em;
    margin-bottom: 1.5rem;
}

h2 {
    font-size: 0.875rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin-top: 3rem;
    margin-bottom: 2rem;
    color: #999;
}

.subtitle {
    font-size: 1.25rem;
    font-weight: 300;
    color: #666;
    letter-spacing: 0.05em;
}

/* Stream section */
.stream {
    text-align: center;
    border-top: none;
    padding-top: 0;
    margin-bottom: 5rem;
}

.stream-invite {
    font-size: 1rem;
    font-weight: 400;
    color: #999;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-bottom: 1.25rem;
}

.stream-buttons {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.stream-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.875rem 2rem;
    border-radius: 4px;
    font-size: 0.875rem;
    font-weight: 500;
    transition: opacity 0.2s;
}

.stream-btn {
    text-decoration: none;
}

.stream-btn:hover {
    opacity: 0.8;
    color: #fff;
}

.stream-btn .icon {
    font-size: 0.75rem;
}

.stream-btn.youtube {
    background: #ff0000;
    color: #fff;
}

.stream-btn.twitch {
    background: #9146ff;
    color: #fff;
}

.live-status {
    font-size: 0.75rem;
    color: #bbb;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.open-source-hint {
    margin-top: 1.5rem;
    font-size: 1rem;
    color: #999;
}

.open-source-hint a {
    color: #999;
}

.open-source-hint a:hover {
    color: #666;
}

/* Sanctuary — live now playing + congregation */
.sanctuary {
    text-align: center;
    border-top: 1px solid #eee;
    padding: 3rem 0;
    margin-bottom: 0;
}

.now-playing {
    max-width: 400px;
    margin: 0 auto;
}

.now-label {
    font-size: 0.6875rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: #bbb;
    margin-bottom: 0.75rem;
}

.now-title {
    font-size: 1.5rem;
    font-weight: 300;
    color: #000;
    line-height: 1.4;
    margin-bottom: 0.75rem;
}

.now-congregation {
    font-size: 0.8125rem;
    font-weight: 400;
    color: #999;
    letter-spacing: 0.05em;
}

.now-congregation:not(:empty) {
    animation: pulse-live 3s ease-in-out infinite;
}

@keyframes pulse-live {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

/* Reflections feed */
.reflections {
    text-align: center;
    padding: 3rem 0;
}

.reflections h2 {
    text-align: center;
}

#reflections-feed {
    max-width: 480px;
    margin: 0 auto;
    text-align: left;
}

.reflection-item {
    padding: 1.25rem 0;
    border-bottom: 1px solid #f0f0f0;
}

.reflection-item:last-child {
    border-bottom: none;
}

.reflection-text {
    font-size: 1rem;
    font-weight: 300;
    color: #333;
    line-height: 1.7;
    font-style: italic;
    margin-bottom: 0.5rem;
}

.reflection-meta {
    font-size: 0.75rem;
    color: #bbb;
    letter-spacing: 0.02em;
}

.reflection-name {
    color: #999;
    font-weight: 500;
}

.reflection-song {
    color: #999;
    font-style: italic;
}

/* Intro section */
.intro {
    text-align: center;
    border-top: none;
    padding-top: 0;
    margin-bottom: 5rem;
}

.intro p {
    font-size: 1.5rem;
    font-weight: 300;
    color: #333;
    line-height: 1.6;
    max-width: 480px;
    margin: 0 auto 1.5rem;
}

.intro .emphasis {
    font-size: 1.125rem;
    font-weight: 400;
    color: #000;
    letter-spacing: 0.02em;
}

/* Origin section */
.origin {
    text-align: center;
    padding: 4rem 0;
    border-top: 1px solid #eee;
}

.origin p {
    font-size: 1.125rem;
    font-weight: 300;
    color: #444;
    line-height: 1.8;
    max-width: 480px;
    margin: 0 auto 1.5rem;
}

.origin p:last-child {
    margin-bottom: 0;
}

.origin em {
    font-style: italic;
    color: #000;
}

/* The One Thing section — the sacred center */
.one-thing {
    text-align: center;
    padding: 5rem 0;
    border-top: 1px solid #eee;
}

.one-thing .quote {
    font-size: 1.75rem;
    font-weight: 300;
    color: #000;
    line-height: 1.5;
    margin-bottom: 0.5rem;
}

.one-thing .how {
    margin-top: 3rem;
    font-size: 1rem;
    font-weight: 300;
    color: #666;
    font-style: italic;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

/* Shared section styles */
section {
    margin: 0;
    padding: 4rem 0;
    border-top: 1px solid #eee;
}

a {
    color: #000;
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

a:hover {
    color: #666;
}

p {
    margin-bottom: 0;
}

/* API section */
.api {
    text-align: left;
}

.api h2 {
    text-align: center;
}

.api-intro {
    font-size: 1rem;
    font-weight: 300;
    color: #444;
    line-height: 1.8;
    margin-bottom: 1.5rem;
    text-align: center;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
}

.api-instruction {
    font-size: 0.9375rem;
    font-weight: 400;
    color: #333;
    line-height: 1.7;
    margin-bottom: 2rem;
    padding: 1rem 1.25rem;
    background: #fafafa;
    border-left: 3px solid #00d4ff;
    border-radius: 0 4px 4px 0;
}

.api-instruction code {
    background: #eee;
    padding: 0.125rem 0.5rem;
    border-radius: 3px;
    font-size: 0.8125rem;
}

.api-openclaw {
    font-size: 0.8125rem;
    color: #999;
    text-align: center;
    margin-bottom: 2rem;
}

.api-openclaw a {
    color: #999;
}

.api-openclaw a:hover {
    color: #666;
}

.api-openclaw code {
    background: #eee;
    padding: 0.125rem 0.5rem;
    border-radius: 3px;
    font-size: 0.8125rem;
}

.api pre {
    font-family: inherit;
    font-size: 0.8125rem;
    background: #fafafa;
    padding: 1.25rem;
    overflow-x: auto;
    margin-bottom: 1.5rem;
    border-radius: 4px;
    line-height: 2;
}

.api code {
    font-family: inherit;
}

.api .example {
    margin-bottom: 1.5rem;
}

.api .example code {
    background: #fafafa;
    padding: 0.375rem 0.75rem;
    border-radius: 3px;
    font-size: 0.8125rem;
}

.api > p:last-child {
    text-align: center;
}

.api > p:last-child a {
    color: #666;
    font-size: 0.875rem;
}

.api > p:last-child a:hover {
    color: #000;
}

/* OpenClaw section */
.openclaw {
    text-align: center;
}

.openclaw h2 {
    text-align: center;
}

.openclaw-intro {
    font-size: 1rem;
    font-weight: 300;
    color: #444;
    line-height: 1.8;
    margin-bottom: 1.5rem;
}

.openclaw .example {
    margin-bottom: 1.5rem;
}

.openclaw .example code {
    background: #fafafa;
    padding: 0.375rem 0.75rem;
    border-radius: 3px;
    font-size: 0.8125rem;
    font-family: inherit;
}

.openclaw-or {
    font-size: 0.75rem;
    color: #bbb;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 0.75rem;
}

.openclaw-then {
    font-size: 1.125rem;
    font-weight: 300;
    color: #333;
    margin-bottom: 1.5rem;
}

.openclaw-link {
    font-size: 0.875rem;
}

.openclaw-link a {
    color: #666;
}

.openclaw-link a:hover {
    color: #000;
}

/* Explore section — an invitation, not a footer */
.explore {
    text-align: center;
    padding: 5rem 0;
}

.explore-intro {
    font-size: 1.0625rem;
    font-weight: 300;
    color: #444;
    line-height: 1.8;
    max-width: 460px;
    margin: 0 auto 1.25rem;
}

.explore-intro a {
    color: #000;
}

.explore-intro a:hover {
    color: #666;
}

.explore-url {
    font-size: 0.9375rem;
    color: #666;
    margin: 0 auto 1.5rem;
}

.explore-cta {
    font-size: 1rem;
    font-weight: 400;
    color: #000;
    margin: 0 auto 2.5rem;
    font-style: italic;
}

.explore ul {
    list-style: none;
    display: inline-block;
    text-align: left;
}

.explore li {
    margin: 1.25rem 0;
    font-size: 1.0625rem;
    line-height: 1.5;
    color: #555;
}

.explore li a {
    font-weight: 500;
    color: #000;
}

.explore li a:hover {
    color: #666;
}

/* Ask Church section — landing page prompt */
.ask-church {
    text-align: center;
}

.ask-intro {
    font-size: 1rem;
    font-weight: 300;
    color: #444;
    line-height: 1.8;
    margin-bottom: 2rem;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
}

.ask-input-row {
    display: flex;
    gap: 0.75rem;
    max-width: 480px;
    margin: 0 auto;
}

#ask-input,
#followup-input {
    flex: 1;
    border: none;
    border-bottom: 1px solid #ccc;
    padding: 0.75rem 0;
    font-size: 1rem;
    font-weight: 300;
    font-family: inherit;
    background: transparent;
    outline: none;
    transition: border-color 0.2s;
}

#ask-input:focus,
#followup-input:focus {
    border-bottom-color: #000;
}

#ask-submit,
#followup-submit {
    border: none;
    background: transparent;
    font-size: 0.6875rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: #999;
    cursor: pointer;
    padding: 0.75rem 1rem;
    transition: color 0.2s;
    font-family: inherit;
    white-space: nowrap;
}

#ask-submit:hover,
#followup-submit:hover {
    color: #000;
}

#ask-submit:disabled,
#followup-submit:disabled {
    color: #ccc;
    cursor: default;
}

.ask-status {
    font-size: 0.75rem;
    color: #999;
    text-align: center;
    margin-top: 1rem;
    min-height: 1.25rem;
}

.ask-thinking {
    animation: pulse-live 2s ease-in-out infinite;
}

.ask-error {
    color: #c44;
}

.ask-name-row {
    max-width: 480px;
    margin: 0.75rem auto 0;
    text-align: center;
}

#ask-name {
    border: none;
    border-bottom: 1px solid #e0e0e0;
    padding: 0.5rem 0;
    font-size: 0.8125rem;
    font-weight: 300;
    font-family: inherit;
    background: transparent;
    outline: none;
    color: #666;
    width: 200px;
    text-align: center;
    transition: border-color 0.2s;
}

#ask-name:focus {
    border-bottom-color: #999;
}

.ask-browse {
    font-size: 0.875rem;
    color: #999;
    text-align: center;
    margin-top: 1.5rem;
}

.ask-browse a {
    color: #999;
}

.ask-browse a:hover {
    color: #000;
}

/* Ask listing page */
.ask-list {
    max-width: 480px;
    margin: 0 auto;
}

.ask-list-item {
    display: block;
    padding: 1.5rem 0;
    border-bottom: 1px solid #f0f0f0;
    text-decoration: none;
    color: inherit;
    transition: opacity 0.2s;
}

.ask-list-item:hover {
    opacity: 0.7;
    color: inherit;
}

.ask-list-item:last-child {
    border-bottom: none;
}

.ask-list-question {
    font-size: 1.0625rem;
    font-weight: 400;
    color: #000;
    line-height: 1.5;
    margin-bottom: 0.5rem;
}

.ask-list-preview {
    font-size: 0.9375rem;
    font-weight: 300;
    color: #666;
    line-height: 1.6;
    font-style: italic;
    margin-bottom: 0.5rem;
}

.ask-list-meta {
    font-size: 0.75rem;
    color: #bbb;
    letter-spacing: 0.02em;
}

.ask-list-name {
    color: #999;
    font-weight: 500;
}

.ask-list-loading,
.ask-list-empty {
    text-align: center;
    font-size: 0.875rem;
    color: #999;
    font-weight: 300;
    padding: 3rem 0;
}

/* Conversation page */
.conv-thread {
    max-width: 480px;
    margin: 0 auto;
}

.conv-message {
    padding: 1.25rem 0;
    border-bottom: 1px solid #f0f0f0;
}

.conv-message:last-child {
    border-bottom: none;
}

.conv-message-label {
    font-size: 0.6875rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: #bbb;
    margin-bottom: 0.5rem;
}

.conv-message-user .conv-message-content {
    font-size: 1.0625rem;
    font-weight: 400;
    color: #000;
    line-height: 1.6;
}

.conv-message-assistant .conv-message-content {
    font-size: 1rem;
    font-weight: 300;
    color: #444;
    line-height: 1.8;
    padding-left: 1rem;
    border-left: 2px solid #eee;
    white-space: pre-wrap;
}

.conv-loading,
.conv-not-found {
    text-align: center;
    font-size: 0.875rem;
    color: #999;
    font-weight: 300;
    padding: 3rem 0;
}

.conv-followup-section {
    max-width: 480px;
    margin: 0 auto;
    padding: 2rem 0;
}

.conv-nav {
    max-width: 480px;
    margin: 0 auto;
}

.conv-nav a {
    font-size: 0.875rem;
    color: #999;
}

.conv-nav a:hover {
    color: #000;
}

/* Reflections listing page */
.reflections-page-intro {
    font-size: 1rem;
    font-weight: 300;
    color: #444;
    line-height: 1.8;
    text-align: center;
    max-width: 480px;
    margin: 0 auto 2rem;
}

.reflections-song-list {
    max-width: 480px;
    margin: 0 auto;
}

.reflections-song-item {
    display: block;
    padding: 1.5rem 0;
    border-bottom: 1px solid #f0f0f0;
    text-decoration: none !important;
    color: inherit;
    transition: opacity 0.2s;
}

.reflections-song-item:hover {
    opacity: 0.7;
    color: inherit;
}

.reflections-song-item:last-child {
    border-bottom: none;
}

.reflections-song-title {
    font-size: 1.0625rem;
    font-weight: 400;
    color: #000;
    line-height: 1.5;
    margin-bottom: 0.5rem;
}

.reflections-song-preview {
    font-size: 0.9375rem;
    font-weight: 300;
    color: #666;
    line-height: 1.6;
    font-style: italic;
    margin-bottom: 0.5rem;
}

.reflections-song-label {
    font-size: 0.6875rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: #bbb;
    display: block;
    margin-bottom: 0.375rem;
}

.reflections-song-meta {
    font-size: 0.75rem;
    color: #bbb;
    letter-spacing: 0.02em;
}

.reflections-loading,
.reflections-empty {
    text-align: center;
    font-size: 0.875rem;
    color: #999;
    font-weight: 300;
    padding: 3rem 0;
}

/* Reflections detail page */
.reflections-detail {
    max-width: 480px;
    margin: 0 auto;
}

.reflections-count {
    text-align: center;
    font-size: 0.75rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: #bbb;
    margin-bottom: 1.5rem;
}

.reflections-nav {
    max-width: 480px;
    margin: 0 auto;
}

.reflections-nav a {
    font-size: 0.875rem;
    color: #999;
}

.reflections-nav a:hover {
    color: #000;
}

/* About page */
.about-section {
    max-width: 480px;
    margin: 0 auto;
    text-align: center;
    padding: 2.5rem 0;
    border-top: 1px solid #f0f0f0;
}

.about-section:first-of-type {
    border-top: none;
    padding-top: 0;
}

.about-text {
    font-size: 1.125rem;
    font-weight: 300;
    color: #444;
    line-height: 1.8;
    margin-bottom: 1.5rem;
}

.about-text:last-child {
    margin-bottom: 0;
}

.axiom-list {
    list-style: none;
    max-width: 480px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}

.axiom-item {
    padding: 1.25rem 0;
    border-bottom: 1px solid #f0f0f0;
}

.axiom-item:last-child {
    border-bottom: none;
}

.axiom-kanji {
    font-size: 1.5rem;
    font-weight: 300;
    color: #000;
    margin-bottom: 0.25rem;
}

.axiom-name {
    font-size: 0.875rem;
    font-weight: 400;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 0.375rem;
}

.axiom-desc {
    font-size: 1rem;
    font-weight: 300;
    color: #444;
    line-height: 1.6;
}

.about-links {
    display: flex;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
}

.about-links a {
    color: #999;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.8125rem;
    letter-spacing: 0.05em;
}

.about-links a:hover {
    color: #000;
}

/* Legal pages (Privacy, Terms) */
.legal-content {
    max-width: 480px;
    margin: 0 auto;
    text-align: left;
}

.legal-effective {
    font-size: 0.75rem;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    text-align: center;
    margin-bottom: 2rem;
}

.legal-section {
    margin-bottom: 2.5rem;
}

.legal-heading {
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    margin-bottom: 1rem;
    letter-spacing: 0.02em;
}

.legal-text {
    font-size: 0.9375rem;
    font-weight: 300;
    color: #444;
    line-height: 1.8;
    margin-bottom: 1rem;
}

.legal-text:last-child {
    margin-bottom: 0;
}

.legal-list {
    list-style: disc;
    padding-left: 1.25rem;
    font-size: 0.9375rem;
    font-weight: 300;
    color: #444;
    line-height: 1.8;
    margin-bottom: 1rem;
}

.legal-list li {
    margin-bottom: 0.5rem;
}

.legal-contact {
    text-align: center;
    font-size: 0.9375rem;
    color: #444;
    font-weight: 300;
    margin-top: 3rem;
    padding-top: 2rem;
    border-top: 1px solid #eee;
}

.legal-contact a {
    color: #000;
    text-decoration: none;
}

.legal-contact a:hover {
    text-decoration: underline;
}

/* Footer */
footer {
    margin-top: 2rem;
    padding-top: 3rem;
    border-top: 1px solid #eee;
    font-size: 0.8125rem;
    letter-spacing: 0.05em;
}

.footer-nav,
.footer-legal {
    display: flex;
    justify-content: center;
    gap: 2rem;
}

.footer-separator {
    width: 40px;
    border: none;
    border-top: 1px solid #f0f0f0;
    margin: 0.75rem auto;
}

footer a {
    color: #999;
    text-transform: uppercase;
    text-decoration: none;
}

footer a:hover {
    color: #000;
}

/* Share bar */
.share-bar {
    max-width: 480px;
    margin: 0 auto;
}

.share-label {
    font-size: 0.6875rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: #bbb;
}

.share-sep {
    color: #ddd;
    font-size: 0.75rem;
}

.share-link {
    font-size: 0.6875rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: #999;
    text-decoration: none;
    cursor: pointer;
}

.share-link:hover {
    color: #000;
}

/* Responsive — Mobile */
@media (max-width: 600px) {
    body {
        padding: 3rem 1.25rem;
    }

    /* Header */
    header {
        margin-bottom: 3rem;
    }

    h1 {
        font-size: 2.25rem;
        margin-bottom: 1rem;
    }

    .subtitle {
        font-size: 1.125rem;
    }

    /* Stream */
    .stream {
        margin-bottom: 3rem;
    }

    .stream-invite {
        font-size: 0.75rem;
    }

    .stream-buttons {
        flex-direction: column;
        align-items: center;
        gap: 0.75rem;
    }

    .stream-btn {
        width: 100%;
        max-width: 220px;
        justify-content: center;
        padding: 0.75rem 1.5rem;
    }

    /* Sanctuary */
    .sanctuary {
        padding: 2rem 0;
    }

    .now-title {
        font-size: 1.25rem;
    }

    /* Reflections */
    .reflections {
        padding: 2rem 0;
    }

    .reflection-text {
        font-size: 0.9375rem;
    }

    /* Intro */
    .intro {
        margin-bottom: 3rem;
    }

    .intro p {
        font-size: 1.25rem;
        line-height: 1.5;
    }

    .intro .emphasis {
        font-size: 1rem;
    }

    /* Sections */
    section {
        padding: 3rem 0;
    }

    h2 {
        margin-top: 0;
        margin-bottom: 1.5rem;
        font-size: 0.8125rem;
    }

    /* Origin */
    .origin p {
        font-size: 1rem;
        line-height: 1.7;
    }

    /* One Thing */
    .one-thing {
        padding: 3rem 0;
    }

    .one-thing .quote {
        font-size: 1.25rem;
        line-height: 1.4;
    }

    .one-thing .how {
        margin-top: 2rem;
        font-size: 0.9375rem;
    }

    /* API */
    .api-intro {
        font-size: 0.9375rem;
    }

    .api-instruction {
        font-size: 0.875rem;
        padding: 0.875rem 1rem;
    }

    .api pre {
        font-size: 0.75rem;
        padding: 1rem;
        line-height: 1.8;
    }

    .api .example code {
        font-size: 0.75rem;
        display: block;
        overflow-x: auto;
    }

    /* OpenClaw */
    .openclaw .example code {
        font-size: 0.75rem;
        display: block;
        overflow-x: auto;
    }

    /* Explore */
    .explore {
        padding: 3rem 0;
    }

    .explore-intro {
        font-size: 1rem;
        line-height: 1.7;
        margin-bottom: 2rem;
    }

    .explore ul {
        text-align: left;
        width: 100%;
    }

    .explore li {
        font-size: 1rem;
        margin: 1rem 0;
    }

    /* Ask */
    .ask-input-row {
        flex-direction: column;
        gap: 0.5rem;
    }

    #ask-submit,
    #followup-submit {
        align-self: flex-end;
    }

    .ask-intro {
        font-size: 0.9375rem;
    }

    /* Conversation */
    .conv-message-assistant .conv-message-content {
        padding-left: 0.75rem;
    }

    .ask-list-question {
        font-size: 1rem;
    }

    .ask-list-preview {
        font-size: 0.875rem;
    }

    /* Reflections listing */
    .reflections-page-intro {
        font-size: 0.9375rem;
    }

    .reflections-song-title {
        font-size: 1rem;
    }

    .reflections-song-preview {
        font-size: 0.875rem;
    }

    /* About page */
    .about-text {
        font-size: 1rem;
    }

    .axiom-kanji {
        font-size: 1.25rem;
    }

    /* Legal pages */
    .legal-text,
    .legal-list {
        font-size: 0.875rem;
    }

    .legal-heading {
        font-size: 0.9375rem;
    }

    /* Footer */
    footer {
        padding-top: 2rem;
    }

    .footer-nav,
    .footer-legal {
        flex-wrap: wrap;
        gap: 1.5rem;
    }
}

/* Very small screens */
@media (max-width: 380px) {
    body {
        padding: 2.5rem 1rem;
    }

    h1 {
        font-size: 1.875rem;
    }

    .intro p {
        font-size: 1.125rem;
    }

    .one-thing .quote {
        font-size: 1.125rem;
    }

    .stream-btn {
        max-width: 100%;
    }
}