:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#eaf0ff;background:#090f20}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 0%,#24315f 0%,transparent 48%),#090f20;min-height:100vh}.wrap{max-width:1060px;margin:auto;padding:30px 18px}header{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-bottom:24px}h1{font-size:clamp(30px,5vw,50px);margin:4px 0}h2{margin-top:0}.eyebrow{letter-spacing:.2em;color:#8ca5ff;font-size:11px;font-weight:800}header p,.muted,footer,small{color:#9daaca}.profile{background:#151e37;padding:14px;border-radius:14px}.profile label{display:block}.profile input{display:block;margin-top:6px}.profile small{display:block;margin-top:6px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}.stats div{background:#141e36;border:1px solid #293556;border-radius:16px;padding:18px}.stats span{display:block;color:#9daaca;font-size:13px}.stats strong{display:block;font-size:clamp(16px,2.5vw,25px);margin-top:7px;overflow-wrap:anywhere}nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}button,select,input{font:inherit}button{cursor:pointer;border:1px solid #384668;border-radius:11px;padding:11px 15px;color:#eaf0ff;background:#1a2845}button:hover{filter:brightness(1.2)}nav button.active,.primary{background:#657bff;border-color:#657bff;color:white;font-weight:700}.danger{background:#5b2532}.panel{background:#141e36;border:1px solid #293556;padding:clamp(18px,4vw,32px);border-radius:18px;min-height:280px}label{color:#b8c5e3;font-size:14px}select,input{background:#0d152a;color:white;border:1px solid #415075;border-radius:10px;padding:12px;width:100%;margin-top:8px}.formgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.answers{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.answers button{text-align:left;min-height:60px}.answers button.correct{border-color:#44d59a;background:#164c42}.answers button.wrong{border-color:#ff758c;background:#5a283b}.between{display:flex;justify-content:space-between;color:#b8c5e3}.bar{height:8px;background:#2d3854;border-radius:99px;overflow:hidden;margin:12px 0 26px}.bar i{display:block;height:100%;background:#6b83ff;width:0%}.notice{min-height:20px;color:#b7c7ff}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:13px;border-bottom:1px solid #2b3754}footer{text-align:center;padding:30px 0;font-size:12px}@media(max-width:650px){.stats{grid-template-columns:repeat(2,1fr)}.formgrid,.answers{grid-template-columns:1fr}.wrap{padding:18px 12px}nav button{flex:1}}

.table-scroll{overflow-x:auto}#rankings td{overflow-wrap:anywhere}#boardStatus,#resultSave{min-height:1.5em}

.syllabus-info{margin:16px 0;color:#c9d3e5}.syllabus-info summary{cursor:pointer}.syllabus-info a,#curriculumNote a{color:#9dc9ff}#questionTopic{font-weight:600}

#resumeCard{padding:14px;border:1px solid #657bff;border-radius:12px;margin-bottom:20px}#subjectDirectory details{padding:8px 0;border-bottom:1px solid #293556}.profile{max-width:400px}[hidden]{display:none!important}

:root{--accent:#657bff;--accent-soft:#253563}body[data-theme="mint"]{--accent:#20ab8d;--accent-soft:#15463f}body[data-theme="gold"]{--accent:#b88124;--accent-soft:#463820}nav button.active,.primary{background:var(--accent);border-color:var(--accent)}.journey-header,.game-status{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.journey-header h2{margin:6px 0}.journey-header>strong{padding:12px 16px;background:var(--accent-soft);border-radius:14px}.journey{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:16px;background:#0d152a;border-radius:14px;margin:16px 0}.journey small{grid-column:1/-1}progress{accent-color:var(--accent);height:12px;width:100%;border:0;border-radius:10px;overflow:hidden}.quest-grid,.badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quest-card{padding:14px;border:1px solid #354363;border-radius:14px;background:#0d152a}.quest-card p{margin-top:0;font-size:14px;min-height:36px}.quest-card button{width:100%;margin-top:12px;font-size:13px}.quest-card button:disabled{cursor:default;opacity:.6}.daily-section .between{align-items:center;gap:20px}.daily-section select{font-size:12px;padding:7px;max-width:180px}.learning-trail{display:flex;gap:10px;flex-wrap:wrap}.trail-node{border-radius:24px;border-bottom-width:4px}.trail-node.done{background:var(--accent-soft);border-color:var(--accent)}.game-status{padding:14px;background:#0d152a;border-radius:12px;margin-bottom:20px}#heartStatus{color:#ff819c}#comboStatus{color:#ffd879}#heartHelp{padding:14px;border:1px solid #ff819c;border-radius:12px;margin-bottom:18px}#resumeCard{margin-top:20px}.badge{padding:16px;background:#0d152a;border-radius:14px;border:1px solid #354363}.badge.earned{border-color:#f1c56c}.badge.locked{opacity:.65}.badge small{display:block;margin-top:8px}.skin-buttons{display:flex;gap:10px;flex-wrap:wrap}#gameToast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--accent-soft);border:2px solid var(--accent);padding:16px 22px;border-radius:18px;font-weight:bold;z-index:10;max-width:90vw;box-shadow:0 8px 30px #0008;text-align:center}.pop{animation:reward-pop .35s ease-out}@keyframes reward-pop{from{opacity:0;transform:translateX(-50%) translateY(15px) scale(.9)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}@media(max-width:650px){.quest-grid,.badge-grid{grid-template-columns:1fr}.journey{grid-template-columns:1fr}.daily-section .between{align-items:flex-start;flex-wrap:wrap}.daily-section h3{margin-top:10px}}@media(prefers-reduced-motion:reduce){.pop{animation:none}}

.activity-list{display:grid;gap:10px;margin:16px 0}.activity-card{padding:16px;background:#0d152a;border:1px solid #354363;border-radius:14px}.activity-card summary{cursor:pointer;font-weight:600}.activity-card textarea{display:block;width:100%;box-sizing:border-box;margin:8px 0;padding:12px;background:#121c34;border:1px solid #536181;border-radius:10px;color:#eef3ff;font:inherit;resize:vertical}.activity-card small,.activity-card strong{display:block;margin:12px 0}.activity-card a{color:#9dc9ff}.activity-card li{margin:8px 0}

.challenge-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.challenge-card,.mini-game,.league-section{background:#0d152a;border:1px solid #354363;border-radius:18px;padding:20px}.challenge-card h3{margin:8px 0}.challenge-card p{line-height:1.5}.challenge-card label{display:block;margin:12px 0}.challenge-card button{margin:6px 0}.challenge-icon{font-size:32px}.challenge-card progress{height:16px}.action-row{display:flex;gap:10px;flex-wrap:wrap}.mini-game{margin:22px 0}.mini-game>.between{padding-bottom:12px;font-size:19px}.matching-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pair-column{display:grid;gap:9px}.pair-tile{min-height:62px;white-space:normal;overflow-wrap:anywhere;text-align:center;border-bottom-width:4px;font-size:15px}.pair-tile.selected{border-color:#9caaff;background:#293d73}.pair-tile.matched{background:#164d41;border-color:#37bfa3;opacity:.65}.pair-tile:disabled{cursor:default}.profile-editor{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:start}.avatar-preview{padding:20px;background:#0d152a;border-radius:24px}.avatar-svg{display:block;width:100%;height:auto}.avatar-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.tiny-avatar{display:inline-block;width:40px;vertical-align:middle;margin-right:10px}.league-section{margin-bottom:24px}.league-section small{display:block;margin-top:14px;color:#b6c5db}.my-rank{background:#253563}.monthly-badge{padding:20px;border:1px solid #e8b54a;border-radius:16px;background:#29233e;text-align:center;font-weight:bold}#friendCode{letter-spacing:2px;color:#ffd879}#pendingCount{color:#ffd879}#matchTimer{color:#ffd879}.challenge-card input,.profile-editor input{width:100%;box-sizing:border-box}button:disabled{cursor:default}@media(max-width:700px){.challenge-cards{grid-template-columns:1fr}.profile-editor{grid-template-columns:1fr}.avatar-preview{max-width:170px;margin:auto}.avatar-controls{grid-template-columns:1fr 1fr}.pair-tile{font-size:13px;min-height:75px;padding:10px}.mini-game{padding:14px}.matching-grid{gap:10px}nav{flex-wrap:wrap}}

header{align-items:flex-start}.profile{background:transparent;padding:0;max-width:340px}.account-button{display:flex;align-items:center;gap:10px;margin-left:auto;margin-bottom:12px;padding:6px 14px 6px 6px;border-radius:999px;background:#1b2440;font-weight:700}.account-avatar{width:44px;height:44px;display:block}.account-button.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.profile>label{font-size:12px}.profile input{padding:9px}.profile small{font-size:11px}.profile-editor{grid-template-columns:260px 1fr}.avatar-preview{background:linear-gradient(145deg,#29315b,#18213b);padding:24px;box-shadow:inset 0 0 0 1px #657bff33}.avatar-controls select{padding:10px}.profile-editor>div>label{display:block}@media(max-width:700px){header{gap:16px}.profile{width:100%;max-width:none}.profile>label,.profile>small,.profile>.notice{display:none}.account-button{margin-bottom:0}.profile-editor{grid-template-columns:1fr}.avatar-preview{max-width:220px}}

@media(max-width:700px){header{position:relative;padding-top:62px}.profile{position:absolute;top:0;right:0;width:auto}.profile>.notice{display:none}}
body[data-page="profile"] .wrap{max-width:920px;padding-top:16px}body[data-page="profile"] main>header,body[data-page="profile"] main>.stats,body[data-page="profile"] main>nav,body[data-page="profile"] main>footer{display:none}.profile-page{padding:24px}.profile-page-nav{display:flex;justify-content:space-between;gap:10px;margin-bottom:24px}.profile-hero{display:flex;align-items:center;gap:24px;margin-bottom:20px}.profile-hero-avatar{width:130px;flex-shrink:0;padding:8px;background:#29315b;border-radius:28px}.profile-hero h1{font-size:clamp(24px,4vw,38px);overflow-wrap:anywhere;margin:8px 0}.profile-hero p{margin:8px 0}.profile-pins{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.profile-pin{padding:7px 10px;border:1px solid #5a5280;border-radius:999px;background:#29233e;font-size:12px}.profile-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.profile-stats>div{padding:16px;background:#0d152a;border:1px solid #354363;border-radius:14px}.profile-stats span{display:block;color:#b8c5e3;font-size:13px}.profile-stats strong{display:block;font-size:22px;margin-top:8px;overflow-wrap:anywhere}.profile-edit{border:1px solid #354363;border-radius:16px;padding:16px;margin:22px 0}.profile-edit summary{cursor:pointer;font-weight:700}.profile-edit .profile-editor{margin-top:22px}.profile-block{margin-top:22px;padding:20px;background:#0d152a;border:1px solid #354363;border-radius:18px}.profile-block h2{font-size:21px}.profile-block .between{align-items:center;gap:16px;flex-wrap:wrap}.profile-block .between h2{margin-bottom:8px}.profile-block select{padding:8px;font-size:13px}.profile-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:20px 0}.profile-day{padding:12px 2px;text-align:center;background:#18213b;border:1px solid #354363;border-radius:12px}.profile-day.practiced{border-color:#48c7a7;background:#164137}.profile-day span,.profile-day small{display:block;font-size:11px}.profile-day strong{display:block;margin:8px 0;font-size:22px}.profile-social-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.profile-social-grid .profile-block{min-width:0}.profile-block .badge button{margin-top:12px;font-size:12px}.profile-recent{list-style:none;padding:0;margin:0}.profile-recent li{padding:14px 0;border-bottom:1px solid #354363}.profile-recent small{display:block;margin-top:6px}#profileShareText{width:100%;min-height:120px;background:#0d152a;color:#eaf0ff;padding:12px;font:inherit;border-radius:12px;border:1px solid #354363}@media(max-width:650px){body[data-page="profile"] .wrap{padding:12px 10px}.profile-page{padding:16px}.profile-page-nav{margin-bottom:20px}.profile-page-nav button{font-size:12px;padding:10px}.profile-hero{align-items:flex-start;gap:14px}.profile-hero-avatar{width:90px;border-radius:20px}.profile-hero .eyebrow{font-size:9px;letter-spacing:.12em}.profile-hero h1{font-size:24px}.profile-hero small{font-size:11px}.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.profile-stats>div{padding:12px}.profile-stats strong{font-size:19px}.profile-social-grid{grid-template-columns:1fr;gap:0}.profile-block{padding:14px}.profile-day{padding:10px 1px}.profile-day small{font-size:9px}.profile-day strong{font-size:18px}.profile-week{gap:4px}}
/* Responsive touch layouts: phone, tablet portrait and tablet landscape. */
html{scroll-padding-top:16px}button,select,input,summary{touch-action:manipulation}button,select,input:not([type="hidden"]){min-height:44px}select,input,textarea{font-size:16px}button{overflow-wrap:anywhere}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #a9b8ff;outline-offset:3px}.between{gap:12px;flex-wrap:wrap}.formgrid,.profile-editor,.avatar-controls,.challenge-cards,.answers{min-width:0}.formgrid>*,.profile-editor>*,.avatar-controls>*,.challenge-cards>*,.answers>*{min-width:0}.panel,.challenge-card,.profile-block{overflow-wrap:anywhere}.table-scroll{max-width:100%;overscroll-behavior-x:contain}.table-scroll table{min-width:600px}.league-section table{min-width:380px}.profile-edit summary{min-height:44px;padding:10px 0}.profile-block select,.avatar-controls select,.daily-section select{font-size:16px}.profile-week{overflow-x:auto}.profile-hero>div:last-child{min-width:0}.profile-page-nav{flex-wrap:wrap}.profile-page-nav button{min-height:44px;font-size:14px}.wrap{padding-bottom:max(24px,env(safe-area-inset-bottom))}#quiz,#matchRunner,#reviewRunner{scroll-margin-top:16px}
@media(min-width:651px) and (max-width:1024px){.formgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-editor{grid-template-columns:180px minmax(0,1fr);gap:20px}.avatar-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-page{padding:22px}.profile-day span,.profile-day small{font-size:12px}.quest-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quest-card button{min-height:44px;padding:10px}.challenge-card{padding:18px}}
@media(max-width:650px){.formgrid,.answers,.challenge-cards{grid-template-columns:minmax(0,1fr)}.profile-editor{grid-template-columns:minmax(0,1fr)}.profile-stats span,.stats span{font-size:13px}.profile-page-nav button{font-size:14px;padding:10px 12px}.profile-hero small{font-size:12px}.profile-day span{font-size:12px}.profile-day small{font-size:10px}.profile-day strong{font-size:20px}nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}nav button{font-size:14px;padding:10px 8px}.profile-edit{padding:12px}.profile-block .between>label{width:100%}.profile-week{gap:4px}.profile-page{padding:14px}.pair-tile{font-size:15px;min-height:64px}.stats div{padding:14px}.answers button{font-size:16px;padding:14px;min-height:56px}}
@media(max-width:360px){.profile-hero{gap:10px}.profile-hero-avatar{width:72px}.profile-hero h1{font-size:22px}.profile-page-nav button{font-size:13px}.profile-week{grid-template-columns:repeat(7,minmax(35px,1fr))}.profile-pin{font-size:11px}.profile-stats>div{padding:10px}}

.profile-name-edit{padding:16px;background:#0d152a;border:1px solid #354363;border-radius:16px;margin:16px 0}.profile-name-row{display:flex;gap:10px;align-items:center;margin:8px 0}.profile-name-row input{min-width:0;flex:1;margin:0}.profile-name-row button{flex-shrink:0}.profile-name-edit small{display:block;line-height:1.5}.profile-name-edit p:empty{display:none}@media(max-width:450px){.profile-name-row{flex-wrap:wrap}.profile-name-row input{flex-basis:100%}.profile-name-row button{width:100%}}
body[data-page="companion"] .wrap{max-width:1040px;padding-top:16px}body[data-page="companion"] main>header,body[data-page="companion"] main>.stats,body[data-page="companion"] main>nav,body[data-page="companion"] main>footer{display:none}.companion-page h1{font-size:clamp(25px,4vw,38px)}.pet-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.pet-layout>div{text-align:center}.pet-hello{display:block;background:none;border:0;padding:0;margin:12px auto;max-width:230px;width:100%}.pet-svg{display:block;width:100%;height:auto}.pet-settings{padding:22px;background:#0d152a;border:1px solid #354363;border-radius:20px}.pet-settings label{display:block;margin:16px 0}.pet-settings p{line-height:1.55}.pet-layout progress{max-width:300px}.subject-level-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.subject-level-card{padding:18px;background:#18213b;border:1px solid #354363;border-radius:16px}.subject-level-card h3{font-size:16px;line-height:1.4}.subject-level-card strong{font-size:20px}.subject-level-card small{display:block;margin-top:12px}.tier-bronze{border-color:#b98b66}.tier-silver{border-color:#afb9cf}.tier-gold{border-color:#eec86b}.reward-shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.reward-shop-card{padding:18px;background:#18213b;border:1px solid #354363;border-radius:16px}.reward-shop-card h3{font-size:16px;min-height:40px}.reward-item-icon{font-size:36px}.reward-shop-card small{display:block;min-height:36px}.reward-shop-card button{width:100%;margin-top:12px;font-size:14px}.profile-companion-card{display:flex;align-items:center;gap:18px;border:1px solid #354363;border-radius:18px;padding:16px;background:#19253d;margin:20px 0}.profile-companion-card>div:first-child{width:86px;flex-shrink:0}.profile-companion-card h2{font-size:19px;margin:0}.profile-companion-card p{margin:8px 0}.profile-companion-card button{font-size:14px}.pet-fed{animation:pet-bounce .45s ease-out}@keyframes pet-bounce{0%,100%{transform:translateY(0)}45%{transform:translateY(-14px) rotate(-5deg)}70%{transform:translateY(-5px) rotate(4deg)}}body[data-avatar-frame="frame-starlight"] #accountAvatar,body[data-avatar-frame="frame-starlight"] .profile-hero-avatar,body[data-avatar-frame="frame-starlight"] .avatar-preview{outline:3px solid #f4d478;box-shadow:0 0 18px #f4d47855}body[data-avatar-frame="frame-rainbow"] #accountAvatar,body[data-avatar-frame="frame-rainbow"] .profile-hero-avatar,body[data-avatar-frame="frame-rainbow"] .avatar-preview{outline:4px solid #e697cf;box-shadow:0 0 0 7px #78d5c8}body[data-avatar-frame="frame-leaf"] #accountAvatar,body[data-avatar-frame="frame-leaf"] .profile-hero-avatar,body[data-avatar-frame="frame-leaf"] .avatar-preview{outline:3px solid #74d5a6;box-shadow:0 0 15px #74d5a655}body[data-profile-scene="scene-ocean"] .profile-hero{background:linear-gradient(135deg,#19476b,#18334f);padding:18px;border-radius:20px}body[data-profile-scene="scene-sunset"] .profile-hero{background:linear-gradient(135deg,#693958,#3d2c60);padding:18px;border-radius:20px}body[data-profile-scene="scene-garden"] .profile-hero{background:linear-gradient(135deg,#204c43,#213b41);padding:18px;border-radius:20px}@media(max-width:700px){.pet-layout{grid-template-columns:minmax(0,1fr);gap:16px}.pet-hello{max-width:190px}.pet-settings{padding:16px}.subject-level-grid{grid-template-columns:minmax(0,1fr)}.reward-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.reward-shop-card{padding:12px}.reward-shop-card h3{font-size:15px}.reward-shop-card button{font-size:13px;padding:10px 8px}.profile-companion-card{gap:12px;padding:12px}.profile-companion-card>div:first-child{width:66px}.profile-companion-card button{font-size:13px}.companion-page{padding:16px}body[data-page="companion"] .wrap{padding:12px 10px}nav button[data-tab="companion"]{grid-column:1/-1}}@media(prefers-reduced-motion:reduce){.pet-fed{animation:none}}
.reward-preview{width:100%;height:100px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:#252e4e;margin-bottom:12px}.reward-preview .avatar-svg,.reward-preview .pet-svg{width:80px;height:80px;border-radius:20px}.reward-preview.frame-starlight .avatar-svg{outline:3px solid #f4d478;box-shadow:0 0 16px #f4d47877}.reward-preview.frame-rainbow .avatar-svg{outline:3px solid #e697cf;box-shadow:0 0 0 6px #78d5c8}.reward-preview.frame-leaf .avatar-svg{outline:3px solid #74d5a6}.reward-preview.scene-ocean{background:linear-gradient(135deg,#19476b,#18334f)}.reward-preview.scene-sunset{background:linear-gradient(135deg,#693958,#3d2c60)}.reward-preview.scene-garden{background:linear-gradient(135deg,#204c43,#213b41)}

.account-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.account-panel input{width:100%;box-sizing:border-box}.account-panel small{display:block;line-height:1.5}@media(max-width:700px){.account-actions button{flex:1 1 140px}}

.account-reminder{border:1px solid #8396ed;background:#202c4b;border-radius:18px;padding:18px;margin-bottom:18px}.account-reminder strong{font-size:18px}.account-reminder p{margin:8px 0 14px;line-height:1.5}.account-reminder-actions{display:flex;gap:10px;flex-wrap:wrap}.account-migration-info{border-left:3px solid #8291ff;padding:12px;background:#202c4b;border-radius:8px;line-height:1.5}@media(max-width:650px){.account-reminder-actions button{width:100%}.account-reminder{padding:16px}}

.uploaded-avatar{object-fit:cover;display:block;width:100%;height:100%;border-radius:inherit}.avatar-upload{margin-bottom:18px}.avatar-upload p{font-size:14px;line-height:1.5}.avatar-upload button{margin:0 8px 8px 0}.connections-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.connection-card{background:#18213b;border:1px solid #354363;border-radius:16px;padding:16px;min-width:0}.connection-person{display:flex;gap:12px;align-items:center}.connection-person .tiny-avatar{width:54px;height:54px;flex-shrink:0}.connection-person strong,.connection-person small{display:block;overflow-wrap:anywhere}.connection-person small{margin-top:5px}.connection-actions{display:flex;gap:8px;flex-wrap:wrap}.connection-actions button{font-size:14px}.friend-search{display:flex;align-items:flex-end;gap:12px}.friend-search label{flex:1;min-width:0}.friend-search input{width:100%;box-sizing:border-box;margin-bottom:0}.friend-search button{margin-bottom:0;min-height:46px}.connections details{margin-top:20px}#friendBlocked .connection-card{display:flex;justify-content:space-between;gap:10px;align-items:center}@media(max-width:650px){.connections-grid{grid-template-columns:minmax(0,1fr)}.friend-search{flex-direction:column;align-items:stretch}.connection-actions button{flex:1 1 110px}.avatar-upload button{width:100%}}

.account-avatar{flex:0 0 44px;width:44px;height:44px;border-radius:50%;overflow:hidden}.account-avatar>.avatar-svg{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}