/* Readability and compact feed layout. */
.beta-badge{display:inline-flex;align-items:center;vertical-align:middle;margin-left:7px;padding:3px 6px;border:1px solid #ccd9c3;border-radius:5px;background:#eaf0e4;color:#5c7655;font-family:'Malgun Gothic','Apple SD Gothic Neo',sans-serif;font-size:9px;font-weight:700;line-height:1.2;letter-spacing:1px;white-space:nowrap}
.post-body{font-size:16px;line-height:1.85}.composer textarea{font-size:16px}.post-author strong{font-size:15px}.post-author small{font-size:12px}.post-tag,.text-button,.follow{font-size:13px}.post-actions .action{min-height:36px;min-width:36px;font-size:12px}.book-attachment strong,.reader strong,.book-row strong{font-size:14px}.book-attachment small,.reader small,.book-row small,.section-caption{font-size:12px}.reader{flex-wrap:wrap}.reader>div{flex:1;min-width:110px}.inline-follow{padding:3px 9px;font-size:11px}.demo-note{font-size:12px}.welcome{padding:19px 24px;margin-top:22px}.welcome h2{font-size:26px;line-height:1.5}.mobile-readers{padding:0 25px 30px;display:flex;flex-wrap:wrap;gap:10px}.mobile-readers .follow{margin:0}.aside-footer,.feed-footer p{font-size:12px}.profile-stats{font-size:14px}.little-note>span:last-child{font-size:13px}
@media(max-width:700px){.main-header{height:80px;padding:15px 20px}.demo-note{font-size:11px}.welcome{margin:16px 18px 3px;padding:14px 19px}.welcome>span:first-child,.welcome p{display:none}.welcome h2{font-size:22px;line-height:1.5;margin:3px 0}.welcome-mark{font-size:130px;top:0}.composer{padding:17px 18px}.composer textarea{min-height:50px}.feed-tabs button{padding:14px 0}.post-author small{font-size:10px}.post-author strong{font-size:14px}.inline-follow{font-size:10px}.post-body{font-size:15px}.post-actions .action{min-height:40px}.feed-heading{padding-top:13px}.search-tags{flex-wrap:wrap}}

.pinned-label{color:var(--green,#35634c);font-size:12px;font-weight:600;margin-bottom:9px}.pin-button{font-size:11px;white-space:nowrap}.post-author{flex-wrap:wrap}

.pin-button[aria-pressed="true"]{color:#35634c;background:#e3ede2;border-radius:6px}.pin-button[aria-pressed="true"] svg{fill:#d4e4d2}

.attendance-card{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:18px 24px;padding:17px 20px;border:1px solid #d9e3d2;border-radius:12px;background:#eef3e8}.attendance-card p{font-size:12px;color:var(--muted);margin-top:5px}.attendance-card .primary,.attendance-card .follow{white-space:nowrap;margin:0;min-height:42px;padding:9px 14px;font-size:12px}.point-summary{font-size:13px;color:var(--green);text-align:left}.point-summary strong{display:block;font-size:22px;margin-top:3px}.points-balance{padding:24px;border-radius:12px;background:#eef3e8;text-align:center}.points-balance>span{font-size:13px;color:var(--muted)}.points-balance>strong{display:block;font-size:36px;color:var(--green);margin-top:8px}.points-balance small{font-size:20px}.points-attendance{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px}.points-attendance p{font-size:13px}.points-attendance .primary{white-space:nowrap;font-size:12px;min-height:44px}.point-note{font-size:12px;line-height:1.8;color:var(--muted);margin:14px 0}.point-history-title{font-size:15px;margin-top:25px}.point-history{list-style:none;padding:0;margin:8px 0}.point-history li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.point-history time{display:block;font-size:12px;color:var(--muted);margin-top:4px}.point-history li>span{color:var(--green);font-weight:600}.point-history .point-empty{display:block;color:var(--muted);text-align:center}.points-more{display:block;margin:20px auto}.profile-points-button{margin:14px 10px 0 0}.point-summary:hover{text-decoration:underline;text-underline-offset:3px}@media(max-width:700px){.attendance-card{margin:14px 18px;padding:14px;gap:10px}.point-summary strong{font-size:20px}.attendance-card .primary,.attendance-card .follow{padding:8px 11px}.points-attendance{align-items:flex-start;flex-direction:column}.points-attendance .primary{width:100%}}

.points-page{padding:24px 28px 40px}.points-intro{font-size:14px;color:var(--muted);margin:0 0 20px}.point-earning,.point-leaderboard{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.point-earning h2,.point-leaderboard h2{font-size:17px}.earning-card{display:flex;align-items:center;gap:12px;padding:18px 16px;margin-top:14px;border:1px solid #d9e3d2;border-radius:10px;background:#f4f6ee}.earning-card svg{width:28px;height:28px;color:var(--green)}.earning-card strong{font-size:14px}.earning-card p{font-size:12px;color:var(--muted);margin-top:5px}.earning-card b{margin-left:auto;white-space:nowrap;font-size:14px;color:var(--green)}.leader-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.leader-list{list-style:none;margin:0;padding:0}.leader-list li{display:flex;align-items:center;gap:12px;padding:16px 10px;border-bottom:1px solid var(--line);font-size:14px}.leader-rank{width:28px;font-family:Georgia,serif;font-size:22px;color:var(--green);text-align:center}.leader-list li>div{flex:1;min-width:0}.leader-name{font-weight:600;overflow-wrap:anywhere;text-align:left}.leader-name:hover{text-decoration:underline}.leader-list li>strong{white-space:nowrap;color:var(--green);font-size:13px}.leader-list small{margin-left:7px;background:#e2eadc;color:var(--green);padding:2px 5px;border-radius:4px}.leader-me{background:#f0f4ea;border-radius:8px}@media(max-width:700px){.points-page{padding:20px 18px 30px}.nav-item{padding:8px 6px;min-width:0;flex:1}.leader-list li{padding:14px 6px;gap:9px}.earning-card{padding:15px 12px;gap:9px}}

.profile-edit-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.profile-settings{display:inline-flex;gap:5px;align-items:center}.profile-settings svg{width:16px;height:16px}.settings-page{padding:24px 28px 40px}.settings-section{padding:24px 0;border-bottom:1px solid var(--line)}.settings-section h2{font-size:17px;margin:0 0 15px}.settings-caption{font-size:12px;line-height:1.8;color:var(--muted);margin:8px 0}.settings-account{padding:13px 0}.settings-account span{display:block;font-size:12px;color:var(--muted);margin-bottom:5px}.settings-account strong{font-size:14px;overflow-wrap:anywhere}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;text-align:left;padding:16px 0;font-size:14px;color:var(--ink)}.settings-row strong{font-size:14px}.settings-row small{display:block;font-size:12px;color:var(--muted);margin-top:5px}.settings-row svg{width:17px;height:17px;color:var(--muted);flex-shrink:0}button.settings-row:hover{color:var(--green)}.settings-pending{color:var(--muted)}.settings-toggle{display:flex;align-items:center;justify-content:space-between;padding:13px 0;font-size:14px;color:var(--ink);cursor:pointer}.settings-toggle input{width:20px;height:20px;accent-color:var(--green)}.settings-rules summary{padding:16px 0;cursor:pointer;font-size:14px}.settings-rules ul{padding-left:22px;line-height:2;font-size:13px;color:var(--muted)}.settings-logout{display:block;margin:25px 0 0;min-height:44px;padding:9px 20px}#settings-password-form input{min-height:44px}#settings-password-message{font-size:13px;color:#a04c3c}@media(max-width:700px){.settings-page{padding:20px 18px 35px}.profile-edit-actions{gap:6px}.profile-edit-actions button{padding:7px 10px;font-size:11px}.profile-settings svg{width:14px;height:14px}}

.settings-danger{color:#a04c3c}.settings-danger:hover{color:#873f32!important}.withdrawal-warning{font-size:14px;line-height:1.9;color:#873f32;background:#f7eee7;padding:15px;border-radius:10px}.danger-primary{background:#914c3c}.danger-primary:hover{background:#7e4033}#delete-account-message{font-size:13px;line-height:1.7;color:#873f32}#delete-account-form input{min-height:44px}

#auth-age-hint,.age-privacy-note{display:block;font-size:11px;line-height:1.8;color:var(--muted);margin-top:5px}#auth-age-message{display:block;color:#a04c3c;font-size:12px;line-height:1.7;margin-top:5px}#auth-age-message:empty{display:none}.signup-consent{display:flex!important;gap:9px;align-items:flex-start;font-size:12px;line-height:1.8;color:var(--ink);margin:12px 0}.signup-consent input{width:17px!important;min-height:17px!important;height:17px;margin:3px 0 0;flex-shrink:0;accent-color:var(--green)}.signup-consent a,.signup-policy-note a,.site-policy-links a{color:var(--green);text-underline-offset:3px}.signup-policy-note{font-size:11px;line-height:2}.site-policy-links{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;padding:15px 18px 25px;font-size:11px;border-top:1px solid var(--line)}a.settings-row{text-decoration:none}#auth-dialog{max-height:90vh}

.support-page{padding:24px 28px 35px}.support-page>h2{font-size:20px;margin-bottom:12px}.support-caption{font-size:12px;color:var(--muted);line-height:1.9;margin:12px 0}.support-email{border-top:1px solid var(--line);padding-top:15px}.support-email a{color:var(--green)}.support-admin-layout{display:grid;grid-template-columns:175px minmax(0,1fr);gap:16px;align-items:start}.support-inbox{border:1px solid var(--line);border-radius:10px;padding:8px;max-height:650px;overflow:auto}.support-room-button{display:block;width:100%;text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);border-radius:7px}.support-room-button.selected{background:var(--sage)}.support-room-button strong{display:block;font-size:13px}.support-room-button span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:var(--muted);margin:5px 0}.support-room-button small{font-size:10px;color:var(--muted)}.support-list-pages{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:12px}.support-list-pages small{font-size:10px;white-space:nowrap}.support-chat-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--paper)}.support-chat-header{padding:14px 16px;background:#eef3e8;display:flex;gap:12px;justify-content:space-between;align-items:center}.support-chat-header strong{font-size:14px}.support-chat-header small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.support-chat-header .text-button{font-size:11px;white-space:nowrap}.support-chat-scroll{height:clamp(260px,48vh,470px);overflow:auto;padding:16px;overscroll-behavior:contain}.support-bubble-row{display:flex;justify-content:flex-start;margin:12px 0}.support-bubble-row.mine{justify-content:flex-end}.support-bubble-row>div{max-width:90%}.support-bubble-row small{font-size:10px;color:var(--muted)}.support-bubble-row p{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;background:#f0f1e9;border-radius:10px;padding:10px 12px;line-height:1.8;margin:5px 0}.support-bubble-row.mine p{background:#dfeadb;color:#294c38}.support-bubble-row time{font-size:10px;color:var(--muted);display:block}.support-bubble-row.mine time{text-align:right}#support-chat-form{display:flex;align-items:flex-end;gap:10px;padding:12px;border-top:1px solid var(--line)}#support-chat-input{font-size:14px;background:#f4f5ee;padding:8px 10px;border-radius:7px;min-height:65px;max-height:170px}#support-chat-form .primary{font-size:12px;padding:10px;flex-shrink:0;min-height:42px}#support-chat-error{padding:0 12px}.support-empty{padding:40px 18px;text-align:center;color:var(--muted);font-size:13px;line-height:1.8}.support-empty h3{font-size:16px;color:var(--ink);margin-bottom:10px}.support-empty button{margin-top:15px}.support-older{display:block;margin:0 auto}.support-first{text-align:center;margin-top:40px}.site-policy-links button{font-size:inherit;color:var(--green);text-decoration:underline;text-underline-offset:3px}@media(max-width:700px){.support-page{padding:20px 18px}.support-admin-layout{grid-template-columns:1fr}.support-inbox{max-height:180px}.support-chat-header{padding:12px}.support-chat-scroll{height:43vh;padding:12px}.support-bubble-row>div{max-width:92%}.support-chat-header strong{font-size:13px}.support-chat-header small{font-size:10px}}