.profile-chip{display:inline-flex;align-items:center;gap:10px;vertical-align:middle;min-width:0;text-align:left}.profile-avatar{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:var(--soft,#fff0f7);color:var(--accent,#b43675);font-size:20px;font-weight:700;border:1px solid var(--line,#eadde4)}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-identity{display:flex;flex-direction:column;gap:4px;min-width:0;line-height:1.3}.profile-identity>strong{font-size:15px;overflow-wrap:anywhere}.profile-titles{display:flex;gap:5px;align-items:center}.japanese-badge,.staff-badge,.resolved-badge{display:inline-block;width:fit-content;font-size:11px;font-weight:500;line-height:1.4;padding:2px 7px;border-radius:5px;background:var(--soft,#fff0f7);color:var(--accent,#b43675)}.staff-badge{background:#fff3cf;color:#846329}.compact .profile-avatar{width:32px;height:32px;font-size:15px}.compact .profile-identity>strong{font-size:13px}.account-nav a:has(.profile-chip){overflow:visible;max-width:15rem}.avatar-upload{display:grid;gap:10px;margin:18px 0 28px}.avatar-upload small,.account-form small{font-size:12px;font-weight:400;color:var(--muted,#746b7d);line-height:1.6}.account-form select,.account-form input:not([type=checkbox]):not([type=radio]),.account-form textarea,.community-search input,.community-search select,.private-note textarea,.qa-compose textarea{font:inherit;width:100%;min-width:0;border:1px solid var(--line,#eadde4);border-radius:10px;padding:10px 12px;min-height:44px;background:var(--surface,#fff);color:var(--text,#302936);color-scheme:light}.account-form textarea,.qa-compose textarea,.private-note textarea{resize:vertical;line-height:1.8}.account-form select{appearance:auto}.account-form input[type=file]{padding:8px}.classroom-primary{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;background:var(--accent,#b43675)!important;color:var(--accent-ink,#fff)!important;border:0;border-radius:10px;font-size:14px;font-weight:600;text-decoration:none}.classroom-primary:disabled{opacity:.6}
.topbar>.primary-nav{gap:24px;white-space:nowrap}.primary-nav a{display:inline-flex;align-items:center;min-height:44px}.community-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.community-heading h1{margin:8px 0;font-size:32px;line-height:1.35}.community-heading p{margin:0;color:var(--muted,#746b7d);font-size:15px}.learning-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.learning-summary>div{display:flex;flex-direction:column;gap:7px;background:var(--surface,#fff);border:1px solid var(--line,#eadde4);border-radius:18px;padding:24px}.learning-summary strong{font-size:32px;line-height:1.2;color:var(--accent,#b43675)}.learning-summary span{font-size:13px;color:var(--muted,#746b7d)}.study-week{display:flex;align-items:center;gap:28px;margin:0 0 28px}.study-week h2{font-size:14px;font-weight:600;white-space:nowrap}.study-week>div{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;flex:1}.study-week>div>span{display:flex;flex-direction:column;align-items:center;gap:5px;border:1px solid var(--line,#eadde4);background:var(--surface,#fff);border-radius:12px;padding:12px 0;color:var(--muted,#746b7d)}.study-week>div>.studied{background:var(--soft,#fff0f7);color:var(--accent,#b43675);border-color:var(--accent,#b43675)}.study-week small{font-size:11px}.study-week strong{font-size:18px}.community-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.community-tabs button{background:transparent;color:var(--muted,#746b7d);border:1px solid transparent;border-radius:10px;padding:10px 16px;font-size:14px}.community-tabs button[aria-pressed=true]{background:var(--soft,#fff0f7);border-color:var(--line,#eadde4);color:var(--accent,#b43675);font-weight:600}.community-search{display:flex;gap:10px;margin-bottom:24px}.community-search select{max-width:155px}.community-search button,.community-pagination button,.notebook-list button,.record-import button,.private-note button{padding:8px 14px;border:1px solid var(--line,#eadde4);border-radius:9px;background:var(--surface,#fff);color:var(--text,#302936);font-size:13px;white-space:nowrap}.community-pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:24px}.community-pagination span{font-size:12px;color:var(--muted,#746b7d)}.community-pagination button:disabled{opacity:.4}.notebook-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}.notebook-list>article{padding:22px;border:1px solid var(--line,#eadde4);border-radius:16px;min-width:0}.notebook-top{display:flex;align-items:start;justify-content:space-between;gap:12px}.notebook-top h2{margin:5px 0;font-size:25px!important;line-height:1.4;overflow-wrap:anywhere}.notebook-top h2 a{text-decoration:none;color:var(--text,#302936)}.notebook-kind{font-size:11px;color:var(--muted,#746b7d)}.notebook-list .reading{font-size:12px}.notebook-list p{font-size:14px}.notebook-list .community-meta,.community-meta{font-size:12px;color:var(--muted,#746b7d);line-height:1.7}.notebook-list .account-actions{gap:10px;margin-top:16px}.private-note{margin-top:18px;border-top:1px solid var(--line,#eadde4);padding-top:14px}.private-note summary{cursor:pointer;font-size:12px;color:var(--muted,#746b7d)}.private-note form{display:grid;gap:8px;margin-top:10px}.private-note textarea{min-height:100px;font-size:13px}.private-note button{justify-self:end}.classroom-empty{text-align:center;padding:45px 24px;color:var(--muted,#746b7d)}.classroom-empty h2,.classroom-empty h1{color:var(--text,#302936)}.classroom-empty .account-actions{justify-content:center}.classroom-empty a{color:var(--accent,#b43675)}.record-import{margin-top:22px;font-size:13px;color:var(--muted,#746b7d)}.record-import summary{cursor:pointer}.record-import p{max-width:650px;line-height:1.8}
.qa-board{max-width:900px;margin:auto}.qa-tabs{border-bottom:1px solid var(--line,#eadde4);padding-bottom:16px}.qa-compose-panel{border:1px solid var(--line,#eadde4);background:var(--surface,#fff);border-radius:16px;margin:20px 0;padding:18px 24px}.qa-compose-panel>summary{cursor:pointer;color:var(--accent,#b43675);font-weight:600}.qa-compose{margin:18px 0 0}.qa-compose>label{display:grid;gap:8px;font-size:14px}.qa-compose-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.qa-compose-bottom small{color:var(--muted,#746b7d)}.qa-card{background:var(--surface,#fff);border:1px solid var(--line,#eadde4);border-radius:16px;padding:24px;margin:16px 0;overflow-wrap:anywhere}.qa-author{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.qa-author time,.qa-author>span:last-child:not(.profile-chip){font-size:11px;color:var(--muted,#746b7d)}.qa-card h2{font-size:20px;line-height:1.5;margin:0 0 12px}.qa-card h2 a{color:var(--text,#302936);text-decoration:none}.qa-card h2 a:hover{color:var(--accent,#b43675)}.qa-content,.qa-excerpt{font-size:14px;line-height:1.9;white-space:pre-wrap;margin:14px 0}.qa-excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.qa-card-actions{display:flex;gap:16px;margin-top:18px;align-items:center}.qa-card-actions a,.qa-card-actions button,.qa-lesson-link,.qa-back{font-size:12px;color:var(--accent,#b43675)}.qa-card-actions button{background:none;border:0;padding:0;color:var(--muted,#746b7d);cursor:pointer}.qa-card-actions button:hover{color:var(--accent,#b43675)}.resolved-badge{margin-left:12px;background:#e8f5ed;color:#3b7152;vertical-align:middle}.qa-replies-heading{font-size:16px;margin:30px 0 18px}.qa-login-hint{padding:18px 22px;border:1px solid var(--line,#eadde4);border-radius:12px;font-size:13px;color:var(--muted,#746b7d)}.lesson-discussion{margin-top:32px;border-top:1px solid var(--line,#eadde4);padding-top:24px}.lesson-discussion>h2{font-size:21px}.lesson-discussion .qa-card{padding:20px}.lesson-discussion .qa-compose textarea{margin:10px 0}.lesson-discussion a{color:var(--accent,#b43675)}
.cinema-search-panel>.cinema-discovery{border:0;border-radius:0;box-shadow:none;background:none;margin:0;padding:0}.cinema-search-panel .cinema-discovery-row{border-top:1px solid var(--line,#eadde4);padding-top:20px;margin-top:20px}.cinema-search-panel .cinema-discovery-row h2{font-size:14px}.cinema-search-panel{margin-bottom:32px!important}.cinema-works-section{margin-top:0}
@media(max-width:760px){.topbar>.primary-nav{order:2;width:100%;flex-basis:100%;justify-content:space-between;gap:16px;min-height:40px}.topbar>.account-nav{order:1}.topbar>.brand{order:0}.community-heading{align-items:start;gap:12px}.community-heading h1{font-size:28px}.community-heading>.profile-chip{display:none}.learning-summary{grid-template-columns:repeat(2,1fr);gap:10px}.learning-summary>div{padding:20px}.learning-summary strong{font-size:27px}.study-week{display:block}.study-week>div{gap:5px}.study-week>div>span{padding:10px 0}.notebook-list{grid-template-columns:1fr}.community-search{flex-wrap:wrap}.community-search input{flex:1;min-width:140px}.community-search select{max-width:120px}.community-tabs{gap:4px}.community-tabs button{padding:9px 10px;font-size:13px}.qa-card{padding:20px}.qa-author{align-items:start}.qa-author time{max-width:80px;text-align:right}.qa-compose-panel{padding:18px}.community-pagination{gap:12px}.account-wrap{padding:0 16px}.profile-identity>strong{font-size:14px}.profile-avatar{width:38px;height:38px}}
@media(max-width:420px){.topbar>.brand{flex-basis:170px;width:170px;max-width:170px}.topbar>.account-nav{gap:8px}.account-register-link{padding:6px 9px}.account-nav .compact .profile-avatar{display:none}.account-nav a:has(.profile-chip){max-width:95px}.account-nav .profile-identity>strong{max-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.community-search button{padding:8px 12px}}

.profile-titles{flex-wrap:wrap}.beta-badge{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;padding:3px 9px;background:#fce7f3;color:#9d2863;font-size:12px;font-weight:700;line-height:1.4}