/* A scrapbook café: gingham, washi tape, keepsakes and a seat saved for you. */
html[data-site-theme="mochi"] .site-home {
    --world-status: #39725d; --world-inactive: #a96a22; --face-fill: #fff1d6;
    background-color: #fff8f0;
    background-image: linear-gradient(90deg, #ead7cf26 50%, transparent 50%), linear-gradient(#ead7cf26 50%, transparent 50%);
    background-size: 46px 46px;
    color: #624654;
}
html[data-site-theme="mochi"] .site-home .world-atmosphere { color: #bb7794; }
html[data-site-theme="mochi"] .site-home .site-nav { border-bottom: 2px dashed #d7b8c3; }
html[data-site-theme="mochi"] .site-home .site-nav-note { color: #95617b; }
html[data-site-theme="mochi"] .site-home .brand-mark { background: #f4c9db; border: 2px solid #ae7b92; color: #793d59; box-shadow: 3px 3px #e7cad4; border-radius: 12px; transform: rotate(-8deg); }
html[data-site-theme="mochi"] .site-home .site-brand { color: #79465d; }
html[data-site-theme="mochi"] .site-home .header { grid-template-columns: .95fr 1.05fr; gap: 25px; padding: 45px 25px 30px; margin-top: 30px; background: #fffdf6; border: 1px solid #dbc4bb; border-radius: 44% 16px 20px 22px / 28px 24px 24px 24px; box-shadow: 0 7px 0 #ecdace; }
html[data-site-theme="mochi"] .site-home .header::before { content: ''; width: 120px; height: 25px; position: absolute; top: -13px; left: calc(50% - 60px); transform: rotate(-4deg); background: repeating-linear-gradient(90deg, #cebbb950 0 5px, transparent 5px 9px), #f4d5a8bb; border: 1px solid #cfb79566; }
html[data-site-theme="mochi"] .site-home .hero-illustration { grid-column: 1; grid-row: 1; transform: rotate(-4deg); }
html[data-site-theme="mochi"] .site-home .hero-illustration > .world-art { filter: drop-shadow(0 9px 0 #e9d6cc60); }
html[data-site-theme="mochi"] .site-home .hero-copy { grid-column: 2; }
html[data-site-theme="mochi"] .site-home .header h1 { color: #704155; font: 500 clamp(43px, 5vw, 66px)/1.08 Fredoka, sans-serif; letter-spacing: -.03em; }
html[data-site-theme="mochi"] .site-home .header h1 em { color: #ab4674; text-shadow: 2px 3px 0 #f5dae7; }
html[data-site-theme="mochi"] .site-home .header p { color: #856574; font-size: 15px; line-height: 1.8; }
html[data-site-theme="mochi"] .site-home .header .eyebrow { color: #7d7150; font-size: 10px; line-height: 1.6; letter-spacing: .1em; }
html[data-site-theme="mochi"] .site-home .mascot-caption { color: #9b7282; font: 12px Nunito, sans-serif; }
html[data-site-theme="mochi"] .site-home .login-modal-button-banner { border: 2px solid #8e4c68; border-radius: 23px; padding: 16px 22px; color: #fff9fb; background: #a64b74; box-shadow: 0 5px 0 #70364f; }
html[data-site-theme="mochi"] .site-home .login-modal-button-banner:hover { transform: translateY(-3px) rotate(1deg); background: #943b65; box-shadow: 0 8px 0 #70364f; }
html[data-site-theme="mochi"] .site-home .login-modal-button-banner:active { transform: translateY(3px); box-shadow: 0 2px 0 #70364f; }
html[data-site-theme="mochi"] .site-home .login-hint { color: #866476; }
html[data-site-theme="mochi"] .site-home .world-navigation { margin: 30px 0 55px; gap: 21px; }
html[data-site-theme="mochi"] .site-home .world-navigation a { border: 1px solid #c19aa9; color: #7c445e; background: #f9e0ec; border-radius: 16px 5px 14px 5px; box-shadow: 3px 4px 0 #e5c8d3; transform: rotate(-2deg); transition: transform .2s; }
html[data-site-theme="mochi"] .site-home .world-navigation a:nth-child(2) { background: #e4f2e7; color: #4b715d; border-color: #a8c1ad; transform: rotate(2deg); box-shadow: 3px 4px 0 #cee1d2; }
html[data-site-theme="mochi"] .site-home .world-navigation a:nth-child(3) { background: #fff1c8; color: #816c3a; border-color: #d2bc7f; transform: rotate(-1deg); box-shadow: 3px 4px 0 #ebddb1; }
html[data-site-theme="mochi"] .site-home .world-navigation a:hover { transform: translateY(-4px) rotate(0); }
html[data-site-theme="mochi"] .site-home .stats-grid { grid-template-columns: minmax(0, 1fr); gap: 50px; margin-bottom: 0; }
html[data-site-theme="mochi"] .site-home :is(.card, .card:hover) { border: 0; background: transparent; padding: 0; box-shadow: none; }
html[data-site-theme="mochi"] .site-home .card h3 { color: #7d425f; font: 500 33px/1.2 Fredoka, sans-serif; letter-spacing: -.01em; gap: 12px; margin-bottom: 14px; }
html[data-site-theme="mochi"] .site-home .card h3 small { color: #927b81; font: 11px Nunito, sans-serif; }
html[data-site-theme="mochi"] .site-home .section-symbol { display: none; }
html[data-site-theme="mochi"] .site-home :is(.world-section-kicker, .world-personal-label) { color: #8b6578; }
html[data-site-theme="mochi"] .site-home :is(.world-section-intro, .world-status-note) { color: #816571; }
html[data-site-theme="mochi"] .site-home #systemStats { position: relative; padding: 30px; background: #fffdf8; border: 1px solid #dac6ba; border-radius: 15px; box-shadow: 0 6px 0 #e9dace; }
html[data-site-theme="mochi"] .site-home #systemStats::before { content: '♡'; position: absolute; right: 30px; top: -24px; color: #a65077; background: #f8d5e4; border: 2px solid #b67f97; border-radius: 45% 45% 42% 42%; transform: rotate(12deg); padding: 4px 13px; font-size: 32px; box-shadow: 3px 3px #ecd7db; }
html[data-site-theme="mochi"] .site-home .system-stats-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin-top: 28px; }
html[data-site-theme="mochi"] .site-home .stat-box { --note-ink: #875770; position: relative; min-width: 0; padding: 23px 13px 20px; border: 1px solid #d9b5c6; border-radius: 20px 6px 20px 6px; background: #fbe5ef; text-align: left; box-shadow: 3px 4px 0 #e9cad9; transform: rotate(-1.5deg); transition: transform .25s; }
html[data-site-theme="mochi"] .site-home .stat-box:nth-child(2) { --note-ink: #54745c; background: #e8f2df; border-color: #b5c89e; box-shadow: 3px 4px 0 #d9e4c9; transform: rotate(1deg); }
html[data-site-theme="mochi"] .site-home .stat-box:nth-child(3) { --note-ink: #8a6c38; background: #fff1c8; border-color: #d9c48b; box-shadow: 3px 4px 0 #e9dcba; transform: rotate(-1deg); }
html[data-site-theme="mochi"] .site-home .stat-box:nth-child(4) { --note-ink: #76618f; background: #efe7fa; border-color: #c3afd9; box-shadow: 3px 4px 0 #dfd2ec; transform: rotate(2deg); }
html[data-site-theme="mochi"] .site-home .stat-box:hover { transform: translateY(-5px) rotate(0); }
html[data-site-theme="mochi"] .site-home .world-metric-icon .world-icon { color: var(--note-ink); width: 32px; height: 32px; margin-bottom: 12px; }
html[data-site-theme="mochi"] .site-home .stat-value { color: var(--note-ink); font: 500 clamp(20px, 2.2vw, 29px)/1.2 Fredoka, sans-serif; overflow-wrap: anywhere; margin-bottom: 10px; }
html[data-site-theme="mochi"] .site-home .stat-label { font: 12px Nunito, sans-serif; color: var(--note-ink); letter-spacing: 0; text-transform: none; }
html[data-site-theme="mochi"] .site-home .world-status-note { margin-top: 24px; }
html[data-site-theme="mochi"] .site-home #modelRoster { padding: 5px 0 0; }
html[data-site-theme="mochi"] .site-home .provider-section { margin-top: 30px; }
html[data-site-theme="mochi"] .site-home .provider-header { padding: 13px 17px; gap: 12px; border: 1px solid #ceb8ad; border-radius: 20px 20px 5px 5px; background: #fff9ed; box-shadow: 0 3px #e9d8cc; }
html[data-site-theme="mochi"] .site-home .provider-name { font: 500 20px Fredoka, sans-serif; color: #755864; }
html[data-site-theme="mochi"] .site-home :is(.key-stats-display, .cosmic-model-count, .provider-count) { color: #826b70; font-size: 10px; }
html[data-site-theme="mochi"] .site-home .provider-models { grid-template-columns: repeat(auto-fill, minmax(min(290px, 100%), 1fr)); gap: 26px; padding: 27px 0; align-items: start; }
html[data-site-theme="mochi"] .site-home .world-model-card { --note-ink: #8c4d6b; padding: 22px; background: #fff4f8; border: 1px solid #cda9ba; border-radius: 8px 24px 18px 8px; box-shadow: 5px 6px 0 #ebd3dc; }
html[data-site-theme="mochi"] .site-home .world-model-card:nth-child(3n + 2) { --note-ink: #587c66; background: #f4faed; border-color: #aac09e; box-shadow: 5px 6px 0 #dce7d1; }
html[data-site-theme="mochi"] .site-home .world-model-card:nth-child(3n + 3) { --note-ink: #827049; background: #fff8df; border-color: #cdbc8c; box-shadow: 5px 6px 0 #eee1bd; }
html[data-site-theme="mochi"] .site-home .world-model-card::before { content: ''; position: absolute; width: 58px; height: 18px; top: -10px; left: calc(50% - 29px); background: repeating-linear-gradient(90deg, #dcb1b033 0 4px, transparent 4px 8px), #f2d6bbaa; border: 1px solid #d5b99a66; transform: rotate(-5deg); }
html[data-site-theme="mochi"] .site-home .world-model-card:is(:hover, :focus-within) { transform: translateY(-5px) rotate(-.5deg); box-shadow: 5px 10px 0 #e5c8d1; }
html[data-site-theme="mochi"] .site-home .world-model-ribbon { color: var(--note-ink); font-style: italic; }
html[data-site-theme="mochi"] .site-home .world-model-state { font-style: normal; color: #70605f; }
html[data-site-theme="mochi"] .site-home .world-model-portrait { color: var(--note-ink); background: #fffaf0; border: 2px solid #dbbbb8; border-radius: 45% 45% 48% 48%; transform: rotate(-6deg); box-shadow: 3px 3px 0 #ebcdd655; }
html[data-site-theme="mochi"] .site-home .world-model-portrait::after { content: '♡'; position: absolute; bottom: -5px; right: -6px; color: #a65578; font-size: 24px; text-shadow: 2px 2px #fffaf0; }
html[data-site-theme="mochi"] .site-home .world-model-card h5 { color: var(--note-ink); font-family: Fredoka, sans-serif; }
html[data-site-theme="mochi"] .site-home :is(.world-id-count, .world-model-limits, .world-model-ids p) { color: #826b77; }
html[data-site-theme="mochi"] .site-home .world-abilities span { background: #ffffffa6; color: var(--note-ink); border: 1px dashed #ba9aab; border-radius: 7px; }
html[data-site-theme="mochi"] .site-home .world-model-metrics { border-block: 1px dashed #cbb0bd; }
html[data-site-theme="mochi"] .site-home .world-model-metrics dt { color: #846b76; }
html[data-site-theme="mochi"] .site-home .world-model-metrics dd { color: var(--note-ink); }
html[data-site-theme="mochi"] .site-home .world-model-card summary { color: var(--note-ink); }
html[data-site-theme="mochi"] .site-home .world-model-card summary > span { color: #846b76; }
html[data-site-theme="mochi"] .site-home .world-model-card details[open] { border-top: 1px dashed #bea4b4; }
html[data-site-theme="mochi"] .site-home .world-model-id code { color: #755568; }
html[data-site-theme="mochi"] .site-home :is(.world-model-id button, .copy-button) { color: #75475e; background: #f4d9e5; border: 1px solid #b68d9f; border-radius: 14px; box-shadow: 0 3px #d9b4c4; }
html[data-site-theme="mochi"] .site-home :is(.world-model-id button, .copy-button):hover { transform: translateY(-2px) rotate(2deg); background: #efd0df; }
html[data-site-theme="mochi"] .site-home :is(.world-model-id button.copied, .copy-button.copied) { background: #d6eacc; border-color: #8ead80; color: #476440; }
html[data-site-theme="mochi"] .site-home #connectionGuide { padding: 32px 38px; border: 1px solid #cdbc8b; border-radius: 7px; background: repeating-linear-gradient(0deg, transparent 0 27px, #d6c99c22 27px 28px), #fffae8; box-shadow: 6px 6px 0 #e8dbb5; position: relative; }
html[data-site-theme="mochi"] .site-home #connectionGuide::before { content: ''; position: absolute; inset: 10px; border: 1px dashed #cdbc8b; pointer-events: none; }
html[data-site-theme="mochi"] .site-home .world-connection-stamp { color: #8d7950; }
html[data-site-theme="mochi"] .site-home #connectionGuide h3 { color: #836941; }
html[data-site-theme="mochi"] .site-home .quick-start-compact { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 32px; margin-top: 25px; }
html[data-site-theme="mochi"] .site-home .endpoint-display { position: relative; align-self: start; border: 1px dashed #a6bba7; background: #f0f6e8; border-radius: 18px; padding: 21px; }
html[data-site-theme="mochi"] .site-home .endpoint-label { color: #56745c; }
html[data-site-theme="mochi"] .site-home .endpoint-url-container { flex-wrap: wrap; gap: 14px; }
html[data-site-theme="mochi"] .site-home .endpoint-url { color: #456d52; width: 100%; font-size: 14px; }
html[data-site-theme="mochi"] .site-home .world-connect-steps { color: #816e56; margin: 0; }
html[data-site-theme="mochi"] .site-home .world-connect-steps b { color: #8c4770; background: #f5dce7; width: 25px; height: 25px; line-height: 25px; text-align: center; border-radius: 50%; }
html[data-site-theme="mochi"] .site-home .endpoint-description { color: #8a785b; grid-column: 1 / -1; border-top: 1px dashed #d0bd94; padding-top: 18px; }
html[data-site-theme="mochi"] .site-home .user-stats-section { position: relative; padding: 30px; margin-bottom: 45px; border: 1px solid #c8abb9; border-left: 12px solid #e7bacc; border-radius: 8px 24px 24px 8px; background: repeating-linear-gradient(0deg, transparent 0 27px, #dec8d124 27px 28px), #fffaf7; box-shadow: 5px 6px 0 #e8cfd9; }
html[data-site-theme="mochi"] .site-home .world-account-sticker { color: #a75d7b; background: #fff4ce; border: 1px solid #dac090; border-radius: 45%; }
html[data-site-theme="mochi"] .site-home .user-stats-header { border-bottom: 1px dashed #c7a9b8; }
html[data-site-theme="mochi"] .site-home .user-title-section h3 { color: #874f6a; font: 500 28px Fredoka, sans-serif; text-transform: none; }
html[data-site-theme="mochi"] .site-home .user-welcome { background: #fbecf2; border: 1px solid #d5acbf; border-radius: 20px; flex-wrap: wrap; }
html[data-site-theme="mochi"] .site-home .user-greeting { color: #80546b; overflow-wrap: anywhere; }
html[data-site-theme="mochi"] .site-home .user-type-badge { color: #6b7650; background: #e6edcb; }
html[data-site-theme="mochi"] .site-home .logout-button { background: #fff3da; color: #8d6b4c; border: 1px solid #d0b591; border-radius: 20px; }
html[data-site-theme="mochi"] .site-home .user-stats-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 15px; }
html[data-site-theme="mochi"] .site-home .user-stat-box { padding: 20px 12px; border: 1px solid #d7acbe; border-radius: 7px; background: #fce6ee; box-shadow: 2px 3px #e4c8d3; }
html[data-site-theme="mochi"] .site-home .user-stat-box:nth-child(even) { border-color: #b0c3a4; background: #eff5e4; }
html[data-site-theme="mochi"] .site-home .user-stat-value { color: #8b526e; font: 500 25px Fredoka, sans-serif; overflow-wrap: anywhere; }
html[data-site-theme="mochi"] .site-home .user-stat-label { color: #87717b; font-size: 11px; }
html[data-site-theme="mochi"] .site-home .analytics-row { gap: 16px; }
html[data-site-theme="mochi"] .site-home .analytics-card { border: 1px dashed #bba4c7; background: #f4eefa; border-radius: 25px 8px 25px 8px; padding: 20px; }
html[data-site-theme="mochi"] .site-home .analytics-card:nth-child(2) { background: #fff2da; border-color: #d3b885; }
html[data-site-theme="mochi"] .site-home .analytics-card:nth-child(3) { background: #eaf3e9; border-color: #a9c1a9; }
html[data-site-theme="mochi"] .site-home .analytics-header .cat-emoji { display: inline-block; }
html[data-site-theme="mochi"] .site-home .analytics-header h4 { color: #7c637f; font-size: 11px; }
html[data-site-theme="mochi"] .site-home :is(.favorite-model .model-name, .streak-number, .tokens-number) { color: #876047; font-family: Fredoka, sans-serif; }
html[data-site-theme="mochi"] .site-home :is(.model-usage, .streak-label, .tokens-label) { color: #837376; }
html[data-site-theme="mochi"] .site-home .personal-leaderboard { background: #fff8de; border: 1px solid #cbb98b; border-radius: 8px; padding: 22px; box-shadow: 3px 4px #e8dcbc; }
html[data-site-theme="mochi"] .site-home .leaderboard-header { border-bottom: 1px dashed #cbb98b; }
html[data-site-theme="mochi"] .site-home .leaderboard-header h4 { color: #8c714b; font: 500 24px Fredoka, sans-serif; text-transform: none; }
html[data-site-theme="mochi"] .site-home .leaderboard-item { background: #fffdfa; border: 1px solid #dccbb6; border-radius: 20px; }
html[data-site-theme="mochi"] .site-home .rank-number { border-radius: 35%; color: #8a5468; background: #f0d4dc; transform: rotate(-6deg); box-shadow: 2px 2px #e4bdcb; }
html[data-site-theme="mochi"] .site-home .leaderboard-item:first-child .rank-number { color: #75622a; background: #f8e4a3; box-shadow: 2px 2px #e2cd88; }
html[data-site-theme="mochi"] .site-home .model-info { min-width: 0; overflow-wrap: anywhere; }
html[data-site-theme="mochi"] .site-home .model-info .model-name { color: #885c70; font-family: Nunito, sans-serif; }
html[data-site-theme="mochi"] .site-home .model-info .model-stats { color: #87777a; }
html[data-site-theme="mochi"] .site-home .auth-modal { padding: 16px; background: #75546c77; backdrop-filter: blur(6px); }
html[data-site-theme="mochi"] .site-home .auth-modal-content { padding: 0; margin: 0; max-height: calc(100dvh - 32px); overflow-y: auto; border: 2px solid #b58198; border-radius: 28px 8px 28px 8px; background: #fffaf2; box-shadow: 7px 8px 0 #79445b44; }
html[data-site-theme="mochi"] .site-home .auth-modal-header { margin: 0; padding: 22px; border-bottom: 1px dashed #c393a8; background: #fae2ec; }
html[data-site-theme="mochi"] .site-home .auth-modal-header h3 { color: #8b4d6c; font: 500 25px/1.2 Fredoka, sans-serif; }
html[data-site-theme="mochi"] .site-home #modalHeaderEmoji { display: none; }
html[data-site-theme="mochi"] .site-home .auth-modal-body { padding: 22px; }
html[data-site-theme="mochi"] .site-home .world-auth-welcome p { color: #8a656f; }
html[data-site-theme="mochi"] .site-home .auth-description { color: #8b747b; font-size: 13px; text-align: left; margin: 0 0 20px; }
html[data-site-theme="mochi"] .site-home .world-token-label { color: #84566f; }
html[data-site-theme="mochi"] .site-home .token-input-modal { background: #fff; border: 1px solid #c394ab; border-radius: 18px; font-size: 16px; text-align: left; margin: 0; color: #704357; }
html[data-site-theme="mochi"] .site-home .token-input-modal::placeholder { text-align: left; color: #957684; }
html[data-site-theme="mochi"] .site-home .login-button-modal { background: #a85078; color: #fffafc; border-radius: 22px; box-shadow: 0 4px #7e3c5b; }
html[data-site-theme="mochi"] .site-home .login-button-modal:hover { background: #944266; transform: translateY(-2px); }
html[data-site-theme="mochi"] .site-home .login-button-modal:disabled { opacity: .65; cursor: wait; transform: none; }
html[data-site-theme="mochi"] .site-home .auth-error { color: #943b61; border-color: #dba0b1; border-radius: 15px; background: #fde5eb; }
html[data-site-theme="mochi"] .site-home .world-pop { color: #a74b76; }
html[data-site-theme="mochi"] .site-home .world-toast { background: #fff9eb; color: #875870; border: 1px solid #c49cb0; border-radius: 7px 23px 23px 7px; box-shadow: 5px 5px #ba8caa44; }
html[data-site-theme="mochi"] .site-home .world-toast[data-tone="error"] { color: #8a3357; background: #fde5eb; border-color: #cb8ea4; }
html[data-site-theme="mochi"] .site-home .manual-refresh-btn { color: #845870; background: #fff3f8; border: 1px solid #ba96a8; border-radius: 23px; min-height: 40px; padding: 10px 16px; box-shadow: 0 3px #e3c4d3; }
html[data-site-theme="mochi"] .site-home .preview-label { background: #f7e0eb; color: #795368; }
html[data-site-theme="mochi"] .site-home #worldPreviewAccount { background: #fffaef; color: #87586d; border: 1px solid #bf91a7; border-radius: 18px; }
@media (max-width: 700px) {
    html[data-site-theme="mochi"] .site-home .header { grid-template-columns: minmax(0, 1fr); padding: 20px 17px 25px; gap: 6px; }
    html[data-site-theme="mochi"] .site-home .hero-copy { grid-column: 1; grid-row: 2; }
    html[data-site-theme="mochi"] .site-home .hero-illustration { width: min(230px, 95%); }
    html[data-site-theme="mochi"] .site-home .header h1 { font-size: clamp(39px, 10vw, 48px); }
    html[data-site-theme="mochi"] .site-home .header p { font-size: 14px; }
    html[data-site-theme="mochi"] .site-home .header .eyebrow { font-size: 9px; }
    html[data-site-theme="mochi"] .site-home .world-navigation { gap: 12px; margin-top: 25px; }
    html[data-site-theme="mochi"] .site-home .card h3 { font-size: 28px; }
    html[data-site-theme="mochi"] .site-home #systemStats { padding: 26px 18px; }
    html[data-site-theme="mochi"] .site-home .system-stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
    html[data-site-theme="mochi"] .site-home .stat-box { padding: 18px 10px; border: 1px solid #d9b5c6; }
    html[data-site-theme="mochi"] .site-home .stat-value { font-size: 24px; }
    html[data-site-theme="mochi"] .site-home .stat-label { font-size: 10px; }
    html[data-site-theme="mochi"] .site-home .provider-header { flex-wrap: wrap; padding: 14px; }
    html[data-site-theme="mochi"] .site-home .provider-key-stats { flex: 1 0 100%; }
    html[data-site-theme="mochi"] .site-home .key-stats-display { text-align: left; }
    html[data-site-theme="mochi"] .site-home #connectionGuide { padding: 26px; }
    html[data-site-theme="mochi"] .site-home .quick-start-compact { grid-template-columns: 1fr; }
    html[data-site-theme="mochi"] .site-home .user-stats-section { padding: 26px 17px; border-left-width: 7px; }
    html[data-site-theme="mochi"] .site-home .user-stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
    html[data-site-theme="mochi"] .site-home .user-stat-value { font-size: 23px; }
    html[data-site-theme="mochi"] .site-home .user-stat-box { padding: 16px 9px; }
    html[data-site-theme="mochi"] .site-home .analytics-row { grid-template-columns: 1fr; }
    html[data-site-theme="mochi"] .site-home .user-profile-section { gap: 10px; }
}