:root{font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:#17202f;background:#f7f8fa;--orange:#c94c08;--green:#238453;--viewport-height:100dvh;--viewport-offset:0px;font-synthesis:none;text-rendering:optimizeLegibility}
/* Inherited by links, buttons and their children; keep focus-visible and selection styles. */
html{-webkit-tap-highlight-color:transparent}
.anti-gambling-notice{display:flex;align-items:flex-start;gap:9px;margin:16px 20px;padding:12px 14px;background:#fff6ec;border:1px solid #f1dfca;border-radius:10px;color:#94501e;font-size:12px;line-height:1.7}.anti-gambling-notice>.app-icon{margin-top:2px}.anti-gambling-notice p{min-width:0;line-height:1.7}
*{box-sizing:border-box}body{margin:0}h1,h2,h3,p{margin:0}h1{font-size:20px}h2{font-size:17px;font-weight:650}h3{font-size:15px}button,input,textarea,select,a{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #e9893d;outline-offset:3px}button{border:0;background:none}input,textarea{color:#17202f;min-width:0}img{max-width:100%}small{font-size:12px}p{line-height:1.8}.grow{flex:1;min-width:0}.small{font-size:12px}.muted{color:#7b818c}.wide{width:100%}.app-shell{max-width:1040px;min-height:100dvh;margin:auto;background:#fff;position:relative}.app-toolbar{display:flex;align-items:center;gap:8px;padding:8px 14px;padding-top:max(8px,env(safe-area-inset-top));height:calc(60px + env(safe-area-inset-top));background:#fff;border-bottom:1px solid #eceef1;position:sticky;top:0;z-index:10}.app-toolbar h1{flex:1;min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:18px;font-weight:650}.app-toolbar>.icon-button+h1{text-align:center}.toolbar-spacer{width:44px}.icon-button{width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:25px;color:#69717d}.invite-button{display:flex;align-items:center;justify-content:center;gap:5px;color:var(--orange);min-height:44px;font-size:14px;white-space:nowrap;padding:0 8px}.page-content{min-height:calc(100dvh - 60px);background:#fff}.page-content:not(.room-page){max-width:600px;margin:auto}.has-footer{padding-bottom:calc(100px + env(safe-area-inset-bottom))!important}.section-pad{padding:22px 20px}.divided{border-top:8px solid #f7f8fa}.section-heading{display:flex;align-items:center;gap:9px;margin-bottom:16px}.section-heading h2{flex:1}.section-heading small,.section-heading a{color:#858995;font-size:12px;white-space:nowrap}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:9px;font-size:15px;font-weight:550;padding:0 16px;text-align:center}.primary{background:var(--orange);color:#fff}.secondary{background:#fffaf5;border:1px solid #eee3da;color:#ab440c}.text-button{min-height:44px;font-size:13px;color:#767e8a;display:inline-flex;align-items:center;justify-content:center}.app-footer{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:100%;max-width:600px;display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:#ffffffed;border-top:1px solid #eceef1;z-index:20;backdrop-filter:blur(15px)}.nav-footer{display:block;padding-top:7px;padding-bottom:max(9px,env(safe-area-inset-bottom))}.bottom-nav{display:flex;justify-content:space-around}.bottom-nav>a{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:68px;min-height:48px;font-size:11px;color:#949aa4}.bottom-nav>a>span{font-size:26px;line-height:28px}.bottom-nav>.active{color:var(--orange)}.avatar{border-radius:50%;object-fit:cover;flex-shrink:0;vertical-align:middle;background:#fff4e7;user-select:none}.score{font-family:"Segoe UI",system-ui,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.4px}.score small{font-size:11px;font-weight:500}.positive{color:#bd510c}.negative{color:var(--green)}.neutral{color:#17202f}.home-profile{display:flex;align-items:center;gap:15px;padding:23px 20px 14px}.home-profile h2{font-size:19px}.home-profile p{font-size:11px;color:#858995;margin-top:5px}.home-profile>span{color:#858995}.home-stats{padding:8px 20px 24px}.home-stats>small{color:#7b818c;font-size:13px}.home-stats h1{font-size:46px;line-height:1.45}.home-stats h1 small{font-size:14px}.stat-row{display:flex;justify-content:space-between;margin-top:12px;gap:12px}.stat-row>div{display:flex;flex-direction:column;gap:7px}.stat-row strong{font-family:"Segoe UI",sans-serif;font-size:20px}.stat-row small{color:#858995;font-size:11px}.home-actions{display:grid;grid-template-columns:1.3fr 1fr;gap:11px;padding:0 20px}.home-hint{text-align:center;font-size:11px;color:#858995;margin-top:9px}.room-card{display:flex;align-items:center;gap:12px;width:100%;text-align:left;min-height:85px}.room-card strong:not(.score){font-size:14px;font-weight:600;display:block}.room-card small{display:block;font-size:11px;color:#858995;margin-top:7px;line-height:1.6}.room-card>.grow+div{text-align:right;flex-shrink:0}.room-card .score{font-size:23px}.room-card .score small{display:inline;color:inherit}.ongoing-room{padding:15px;background:#fffaf4;border:1px solid #f1e5d9;border-radius:12px;margin-bottom:10px}.history-row{border-bottom:1px solid #eceef1}.room-card .continue-link{color:var(--orange)}.install-hint{display:block;text-align:center;font-size:12px;padding:20px;color:#958477;background:#fffcf8}.empty-state{display:flex;flex-direction:column;align-items:center;gap:13px;text-align:center;padding:40px 20px;color:#858995}.empty-state h2,.empty-state h3{color:#626975}.empty-state p{font-size:13px}.empty-icon{font-size:38px;color:#b6b9c0}.field-error{font-size:13px;background:#fff3ee;color:#aa3626;border-radius:7px;padding:12px;margin:14px 18px;overflow-wrap:anywhere}.sheet .field-error{margin:13px 0}.field-label{display:block;margin:20px 0 9px;font-size:14px;font-weight:500}.field{display:block;width:100%;min-height:48px;padding:13px 14px;background:#f8f9fa;border:1px solid #e6e8ec;border-radius:9px;outline:none;font-size:16px}.field:focus,.points-field:focus-within,.search-field:focus-within{border-color:#ce6a32;background:#fff;box-shadow:0 0 0 3px #fff1e6}.field::placeholder{color:#9da3ad}.join-page{padding-top:35px}.join-page>h2{font-size:28px;margin:5px 0 12px}.join-page>.muted{font-size:13px}.join-page>.small{margin:10px 0 26px}.eyebrow{font-size:12px;color:var(--orange)}.code-input{font-size:17px}.join-preview{padding:20px;background:#fffaf5;border:1px solid #eee3da;border-radius:12px;margin-top:22px}.join-preview .primary{margin-top:20px}.join-preview .section-heading strong{flex:1}.status-chip{font-size:11px;color:#ab4c14;background:#ffeddf;padding:4px 9px;border-radius:6px;white-space:nowrap}.join-guide{display:flex;align-items:flex-start;gap:9px;color:#858995;font-size:12px;line-height:1.9;margin-top:30px}.connection-banner,.update-banner{display:flex;align-items:center;gap:10px;padding:12px 18px;background:#fff0df;color:#8f450e;font-size:12px;line-height:1.7}.connection-banner button,.update-banner button{margin-left:auto;color:var(--orange);min-height:32px;white-space:nowrap;font-size:12px}.update-banner{background:#f0f7ee;color:#375d3e;flex-wrap:wrap}.update-banner button+button{margin-left:0}.cache-note{font-size:12px;line-height:1.8;padding:12px 18px;color:#865122;background:#fff8ec}.room-status{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:#f8f9fa;font-size:12px}.room-status>strong{color:var(--green);font-size:13px;display:flex;align-items:center;gap:5px}.room-status small{color:#7b818c;font-weight:400;font-size:11px}.status-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#48ad6f}.sync-status{font-size:11px;color:#858995}.inactivity-notice{background:#fff6e8;color:#946037;padding:12px 18px;display:flex;gap:10px;font-size:12px;line-height:1.7}.inactivity-notice span{color:#8d7d69}.members-section{padding:22px 14px 16px}.members-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:21px 8px;max-height:360px;overflow:auto;overscroll-behavior:contain}.member{padding:0;display:flex;align-items:center;flex-direction:column;gap:9px;min-width:0}.member-avatar{position:relative}.owner-badge{position:absolute;left:50%;transform:translateX(-50%);bottom:-6px;min-width:34px;border:2px solid white;border-radius:20px;font-size:9px;padding:1px 4px;background:var(--orange);color:#fff;white-space:nowrap}.member-name{display:block;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:13px;padding-top:3px}.member .score{font-size:23px;max-width:100%;overflow-wrap:anywhere;white-space:normal;word-break:break-all}.member-hint{text-align:center;color:#9096a0;font-size:11px;margin-top:19px}.ledger-section{padding:20px 18px;border-top:8px solid #f7f8fa}.ledger-row{display:grid;grid-template-columns:35px minmax(0,1fr) 18px minmax(0,1fr) auto;gap:7px;align-items:center;padding:14px 0;border-bottom:1px solid #eceef1;min-height:62px}.ledger-row time{font-family:"Segoe UI",sans-serif;font-size:10px;color:#858995;line-height:1.6}.ledger-person{display:flex;align-items:center;gap:7px;min-width:0}.ledger-person span{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.direction-arrow{color:#9399a3;text-align:center}.entry-amount{color:#bd510c;text-align:right;font-size:19px;font-family:"Segoe UI",sans-serif;font-weight:600;white-space:nowrap}.entry-amount small{font-size:10px}.system-event{display:flex;gap:19px;padding:15px 0;font-size:11px;color:#949aa4;border-bottom:1px solid #eceef1}.sheet-backdrop{position:fixed;inset:0;background:#1f273c66;z-index:100;display:flex;align-items:flex-end;justify-content:center}.sheet{position:fixed;bottom:calc(100dvh - var(--viewport-height) - var(--viewport-offset));width:100%;max-width:600px;max-height:calc(var(--viewport-height) - 20px);overflow:auto;background:#fff;border-radius:23px 23px 0 0;padding:8px 20px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -5px 26px #0000001a;outline:0;overscroll-behavior:contain}.sheet-handle{width:35px;height:4px;background:#d0d2ce;border-radius:3px;margin:1px auto 12px}.sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.sheet-heading h2{font-size:19px}.sheet-heading .icon-button{margin-right:-9px;font-size:28px;font-weight:300}.sheet-content{padding-bottom:4px}.invite-sheet{text-align:center}.invite-sheet>p{font-size:13px;color:#858995}.invite-code{font-family:"Segoe UI",sans-serif;font-size:28px;letter-spacing:2px;font-weight:650;display:flex;align-items:center;justify-content:center;gap:8px}.qr-code{display:block;margin:14px auto 12px;image-rendering:pixelated;max-width:85%}.invite-buttons{display:grid;grid-template-columns:1fr 1.3fr;gap:9px;margin-top:21px}.invite-buttons button{font-size:14px;padding:0 10px}.share-link{min-height:48px;width:100%;color:var(--orange);font-size:13px}.manual-link{width:100%;border:0;padding:12px;background:#f8f9fa;border-radius:7px;font-size:11px;color:#858995;line-height:1.9;user-select:text;overflow-wrap:anywhere}.spend-direction{display:flex;justify-content:center;align-items:center;gap:32px;padding:15px 0 12px}.spend-direction>div:first-child,.spend-direction>button{display:flex;align-items:center;flex-direction:column;gap:9px;max-width:120px}.spend-direction strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}.direction-label{display:flex;align-items:center;flex-direction:column;color:#9a9ea6;font-size:12px;gap:5px}.arrow-large{font-size:32px;line-height:1}.points-field{display:flex;align-items:center;border:1px solid #e8eaee;border-radius:10px;background:#f8f9fa;padding:11px 15px}.points-field input{width:100%;border:0;outline:0;font-family:"Segoe UI",sans-serif;font-size:30px;background:none}.points-field>span{font-size:14px;color:#858995}.quick-points{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:12px 0 17px}.quick-points button{min-height:44px;border-radius:8px;background:#f4f5f7;border:1px solid transparent;color:#626975;font-size:16px}.quick-points .selected{color:var(--orange);background:#fff0e3;border-color:#dda37e}.label-row{display:flex;align-items:center;justify-content:space-between}.label-row span,.label-row small{font-size:11px;color:#858995}.note-field{resize:vertical;min-height:65px;font-size:16px}.sheet .muted{margin-top:11px}.sheet-action{position:sticky;bottom:-1px;background:#fff;padding:15px 0 0;z-index:1}.search-field{display:flex;align-items:center;gap:9px;border:1px solid #e6e8ec;border-radius:9px;background:#f8f9fa;padding:0 12px;color:#858995}.search-field input{border:0;background:none;outline:0;width:100%;min-height:48px;font-size:16px}.search-field>span{font-size:23px}.receiver-row{display:flex;gap:13px;align-items:center;width:100%;padding:14px 0;text-align:left;border-bottom:1px solid #eceef1}.receiver-row>strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}.receiver-row .score{font-size:19px}.receiver-list{margin-top:10px;max-height:55dvh;overflow:auto}.list-link{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;min-height:58px;font-size:14px;border-bottom:1px solid #eceef1}.list-link small{display:block;color:#858995;font-size:11px;margin-top:6px}.list-link>span{color:#858995}.danger-link{color:#b94d27}.toggle{width:43px;height:26px;border-radius:20px;background:#cfd4dc;display:flex;padding:3px;flex-shrink:0}.toggle>span{background:#fff;width:20px;height:20px;border-radius:50%}.toggle.on{background:var(--orange);justify-content:flex-end}.notice{background:#fff6ec;color:#94501e;font-size:13px;padding:15px;border-radius:9px;line-height:1.8;margin:10px 0}.rank-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #eceef1}.rank-row .grow{font-size:14px;overflow-wrap:anywhere}.rank-row .score{font-size:24px}.rank-number{width:23px;text-align:center;color:#858995}.rank-number.first{color:var(--orange);font-weight:700}.rank-row small{color:#858995;font-size:10px;margin-left:4px}.end-count{font-size:11px;text-align:center;color:#858995;margin-top:17px}.self-sheet{text-align:center}.self-sheet h1{font-size:45px;margin-top:13px}.self-sheet>p{font-size:13px}.summary-hero{text-align:center;background:#fffaf5;padding:28px 16px 23px}.summary-hero>p{color:#747b87;font-size:13px;margin:12px 0}.summary-hero>small{display:block;font-size:13px;color:#626975;margin-top:20px}.summary-hero h1{font-size:50px;line-height:1.5;margin:3px 0}.summary-hero h1 small{font-size:16px}.summary-meta{display:flex;flex-wrap:wrap;gap:8px 14px;padding:17px 20px;font-size:11px;color:#858995;border-bottom:8px solid #f7f8fa}.pair-block{border-bottom:1px solid #eceef1}.pair-row{display:flex;align-items:center;gap:13px;padding:15px 0;width:100%;text-align:left}.pair-row .grow strong{font-size:14px;font-weight:500}.pair-row small{display:block;margin-top:5px;font-size:11px;color:#858995}.pair-row>.score{font-size:21px}.history-stats{background:#fffaf5;padding-top:16px}.filter-row{display:flex;gap:8px;margin:16px 0}.filter-chip{min-height:42px;background:#f4f5f7;color:#747b87;border-radius:7px;font-size:12px;padding:9px 14px}.filter-chip.selected{color:var(--orange);background:#fff0e4}.date-range{display:flex;align-items:flex-end;flex-wrap:wrap;gap:8px;margin-bottom:16px}.date-range label{flex:1;min-width:100px;font-size:11px;color:#7b818c}.date-range input{display:block;width:100%;height:42px;border:1px solid #e6e8ec;border-radius:7px;margin-top:5px;padding:5px;font-size:13px}.date-range>span{line-height:42px;color:#a0a4aa}.date-range button{min-height:42px;font-size:13px;padding:0 12px}.history-note{text-align:center;font-size:11px;color:#858995;padding:28px 0}.profile-preview{display:flex;align-items:center;flex-direction:column;gap:11px;padding:20px 0 28px}.profile-preview p{font-size:12px;color:#858995}.settings-page>.small{margin:9px 0}.avatar-options{display:flex;justify-content:space-between;gap:10px;padding:7px 0 26px}.avatar-options button{border:2px solid transparent;border-radius:50%;padding:4px}.avatar-options .chosen{border-color:var(--orange)}.identity-info{display:flex;align-items:flex-start;gap:10px;background:#f7f8fa;padding:18px;border-radius:10px;margin-top:25px;color:#7b818c}.identity-info h3{font-size:13px;color:#434b57;margin-bottom:7px}.identity-info p{font-size:12px;line-height:1.9}.version-info{font-size:12px;color:#9a9ea6;text-align:center;padding:27px 0}.help-page>h2{font-size:25px;margin:14px 0 27px}.help-page details{padding:18px 0;border-bottom:1px solid #eceef1}.help-page summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;min-height:28px;font-size:15px}.help-page summary::-webkit-details-marker{display:none}.help-page details p{padding-top:15px;font-size:13px;line-height:2;color:#747b87}.app-toast{position:fixed;z-index:130;left:50%;bottom:calc(94px + env(safe-area-inset-bottom));transform:translateX(-50%);background:#252f3c;color:#fff;max-width:calc(100% - 32px);padding:12px 16px;border-radius:10px;font-size:13px;box-shadow:0 5px 25px #0002;line-height:1.7}.loading-state{padding:100px 20px;text-align:center;color:#858995}.loading-state h2{color:#626975;margin:25px 0 10px}.loading-state p{font-size:13px}.spinner{display:inline-block;width:28px;height:28px;border:3px solid #ffdec5;border-top-color:var(--orange);border-radius:50%;animation:spin 1s linear infinite}.loading-progress{display:block;width:65px;height:65px;margin:30vh auto 0;transform:rotate(-90deg)}.loading-progress circle{fill:none;stroke:#eee;stroke-width:6}.loading-progress circle:last-child{stroke:var(--orange);stroke-dasharray:calc(3.14 * var(--blazor-load-percentage,0%) * .8),500%;transition:stroke-dasharray .1s}.loading-progress-text{text-align:center;margin-top:22px;color:#858995;font-size:13px}.loading-progress-text:after{content:"正在打开记分账本 " var(--blazor-load-percentage-text,"…")}.wechat-page{max-width:440px;min-height:100dvh;padding:calc(45px + env(safe-area-inset-top)) 30px 40px;background:#fff;margin:auto;text-align:center}.globe-icon{font-size:55px;color:var(--orange);margin:20px 0}.wechat-page h1{font-size:25px;line-height:1.7;margin:18px 0}.wechat-page>p{font-size:14px;color:#747b87}.wechat-page ol{text-align:left;font-size:13px;line-height:1.9;color:#747b87;padding-left:22px;margin:27px 0}.wechat-page li+li{margin-top:14px}.wechat-page .manual-link{margin-top:17px;font-size:13px}.wechat-page>small{display:block;margin-top:26px;color:#858995;font-size:11px}#blazor-error-ui{display:none;position:fixed;bottom:0;left:0;right:0;z-index:1000;background:#fff3e4;color:#89410d;padding:20px;font-size:14px}#blazor-error-ui .reload{color:var(--orange);margin-left:15px}#blazor-error-ui .dismiss{float:right;cursor:pointer}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:768px){.app-shell{box-shadow:0 0 30px #17202f09}.app-toolbar{padding-left:24px;padding-right:24px}.room-columns{display:grid;grid-template-columns:40% 60%;align-items:start}.members-section{position:sticky;top:64px;padding:34px 24px}.members-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:calc(100dvh - 240px);gap:25px 12px}.ledger-section{border-top:0;border-left:1px solid #eceef1;padding:30px 24px;min-height:calc(100dvh - 210px)}.sheet-backdrop{align-items:center}.sheet{bottom:auto;top:50%;transform:translateY(-50%);border-radius:20px;max-width:500px;max-height:calc(var(--viewport-height) - 60px);padding:15px 28px 26px}.sheet-handle{display:none}.invite-code{font-size:30px}.room-page+.app-footer{max-width:1040px;grid-template-columns:minmax(240px,440px) auto;justify-content:center}.room-status{padding:14px 24px}.home-profile{padding-top:32px}.home-actions{margin-bottom:10px}}
@media(max-width:360px){.app-toolbar{padding-left:8px;padding-right:8px;gap:2px}.app-toolbar h1{font-size:16px}.invite-button{font-size:12px;padding:0 4px}.members-section{padding-left:10px;padding-right:10px}.members-grid{gap:16px 4px}.member .avatar{width:50px;height:50px}.member .score{font-size:20px}.ledger-section{padding-left:12px;padding-right:12px}.ledger-row{gap:5px;grid-template-columns:30px minmax(0,1fr) 13px minmax(0,1fr) auto}.ledger-person{gap:4px}.ledger-person .avatar{width:26px;height:26px}.ledger-person span{font-size:10px}.entry-amount{font-size:16px}.stat-row strong{font-size:18px}.sheet{padding-left:16px;padding-right:16px}.spend-direction{gap:25px}.home-actions{padding:0 16px;gap:8px}.home-actions .primary,.home-actions .secondary{padding:0 10px;font-size:14px}}
.member,.home-stats,.summary-hero{container-type:inline-size}.member .score{font-size:clamp(10px,calc(100cqw / (var(--score-digits) * .7)),26px)}.home-stats h1 .score{font-size:clamp(20px,calc(100cqw / (var(--score-digits) * .7)),46px)}.summary-hero h1 .score{font-size:clamp(20px,calc(100cqw / (var(--score-digits) * .7)),50px)}
@media(max-width:360px){.member .score{font-size:clamp(10px,calc(100cqw / (var(--score-digits) * .7)),20px)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.app-icon{display:inline-block;vertical-align:middle;flex-shrink:0}.sync-status,.share-link,.section-heading>a{display:inline-flex;align-items:center;gap:4px}.direction-arrow{display:flex;align-items:center;justify-content:center}.continue-link .app-icon{vertical-align:-3px}.app-toast{display:flex;align-items:center;gap:8px}.notice>.app-icon{margin-right:6px}.avatar-category{margin-bottom:18px}.avatar-category h3{margin-bottom:10px;font-size:13px;font-weight:500;color:#626975}.avatar-category h3 small{margin-left:5px;color:#989da6;font-size:11px}.avatar-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px 8px;padding:0}.avatar-options .avatar-choice{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;aspect-ratio:1;padding:3px;border:2px solid transparent;border-radius:50%}.avatar-choice .avatar{width:100%;height:auto;aspect-ratio:1}.avatar-options .avatar-choice.chosen{border-color:var(--orange);background:#fff5ec}.avatar-selected{position:absolute;right:-2px;bottom:-1px;background:#fff;color:var(--orange);border-radius:50%;display:flex}.profile-setup-sheet .sheet-content{padding-bottom:0}.profile-setup-sheet .field-label{margin-top:16px}.profile-name-hint{margin-top:7px}.profile-setup-actions{position:sticky;bottom:0;background:#fff;padding:12px 0 0}.profile-setup-sheet .avatar-category{margin-bottom:13px}.profile-setup-sheet .avatar-options{gap:7px 8px}.profile-setup-sheet .sheet-heading{padding-top:8px}.settings-page .profile-preview h2{min-height:28px}
.page-content.join-page{max-width:520px;margin-inline:auto;padding-bottom:32px}.join-intro{margin-bottom:24px}.join-mark{display:grid;place-items:center;width:60px;height:60px;border-radius:18px;background:#fff0e3;color:var(--orange);margin-bottom:20px}.join-intro h2{font-size:28px;line-height:1.35;margin:7px 0 10px;overflow-wrap:anywhere}.join-intro>.muted{font-size:14px}.join-room-card{border:1px solid #eee3da;border-radius:14px;background:#fffaf5;padding:18px 20px;margin-bottom:26px}.join-room-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px solid #eee3da}.join-room-meta>span:last-child{display:flex;align-items:center;gap:6px;font-size:13px;color:#7b818c}.join-room-meta .closed{background:#eceef1;color:#626975}.join-room-code{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px}.join-room-code>span{font-size:13px;color:#7b818c}.join-room-code strong{font-size:22px;letter-spacing:3px}.join-profile{display:flex;align-items:flex-start;gap:13px;margin-bottom:24px}.join-profile>.avatar{margin-top:27px;flex-shrink:0}.join-profile .field-label{margin:0 0 8px}.join-profile .small{margin-top:7px;line-height:1.6}.join-primary-action{margin-top:24px}.join-change{display:block;margin:12px auto 0;color:#7b818c;font-size:13px}.join-notice{display:flex;align-items:flex-start;gap:9px;background:#f4f5f7;border-radius:10px;padding:14px;color:#626975;font-size:14px;line-height:1.7}.join-notice .app-icon{flex-shrink:0;margin-top:2px}.join-page .field-error{margin:14px 0;overflow-wrap:anywhere}

.empty-room-notice{display:flex;gap:6px;align-items:flex-start;line-height:1.6}.empty-room-notice svg{flex-shrink:0;margin-top:2px}
.entry-note{grid-column:2/-1;min-width:0;color:#7b818c;font-size:12px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}