/* Profile content is independent of full conversation-card layout. */
.hu-profile-stream{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;width:100%;min-width:0;padding:12px;align-items:start}.hu-profile-stream>.hp-post{width:100%;max-width:none;min-width:0;margin:0;align-self:start;border:2px solid #64b2db;border-top:4px solid #087bee;background:white;box-shadow:0 3px #9bcee9}.hu-profile-stream .hp-post-photo{height:200px;max-height:200px;background:#e4f4ff}.hu-profile-stream .hp-post-photo img{height:100%;width:100%;object-fit:contain}.hu-profile-stream .hp-post-text{font-size:14px;line-height:1.5;-webkit-line-clamp:3}.hu-profile-stream .hp-post-content{padding:10px}.hu-profile-stream .hp-post-actions{gap:12px;padding:8px 10px}.hu-profile-stream .hp-post-actions button{min-height:36px}.hu-profile-tabs{display:flex;gap:4px;padding:6px;background:#061b52;border:2px solid #087bee;border-radius:4px;margin:10px 12px 0;overflow:auto}.hu-profile-tabs>button{flex:1;min-height:42px;border:1px solid #54caff;border-radius:3px;padding:6px 12px;background:linear-gradient(#1593f8,#063db8);color:white;font:900 13px/1.3 'HOWU UI',Arial,sans-serif}.hu-profile-tabs>button[aria-selected=true]{color:#061334;background:#ffd600;box-shadow:inset 0 0 0 2px #fff5}.hu-profile-empty{padding:25px 16px;text-align:center;color:#35546e;font-size:14px;background:#f4fbff;margin:12px;border:1px solid #93c8e4;border-radius:4px}.hu-profile-more{display:block;min-height:42px;margin:0 auto 14px;padding:7px 18px;border:2px solid #063db8;border-radius:3px;background:#ffd600;color:#061334;font-weight:800}.hu-profile-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;align-items:start;min-width:0}.hu-profile-photos .hp-post{width:100%;min-width:0;align-self:start}.hu-profile-photos .hp-post-photo{height:180px}.hu-profile-photos .hp-post-photo img{object-fit:contain}
.hu-profile-stats{display:grid;grid-template-columns:repeat(4,minmax(70px,1fr));gap:8px;max-width:610px;width:100%;padding:0;margin:12px 0}.hu-profile-stats>*{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:66px;border:1px solid #7ab5d7;border-bottom:4px solid #087bee;border-radius:4px;background:#fff;color:#15213b;padding:7px;font:14px/1.3 'HOWU UI',Arial,sans-serif;box-shadow:0 2px #9cc5dc}.hu-profile-stats>button{cursor:pointer;border-bottom-color:#ff9b00;background:linear-gradient(#fff,#fff9d5)}.hu-profile-stats>button:hover{background:#fff2a4}.hu-profile-stats b{font-size:21px;font-weight:900;color:#063db8}.hu-profile-stats small{font-size:11px;text-transform:capitalize}.hu-unified-app .hu-route-content .pc-profile-avatar{width:112px;height:112px;overflow:hidden;border-radius:6px;display:block}.hu-unified-app .hu-route-content .pc-profile-avatar :is(img,.pc-avatar-image){width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;border-radius:3px}.hu-relationship-badge{display:inline-flex;align-items:center;justify-content:center;min-height:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none;color:#145134;font-size:11px;font-weight:800}
.hu-follow-backdrop{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:16px;background:#020e32cc;backdrop-filter:blur(3px);box-sizing:border-box}.howu-follow-list.hu-follow-dialog{display:flex;flex-direction:column;max-height:min(720px,calc(100dvh - 32px));width:min(520px,100%);min-width:0;background:#e5f6ff;border:3px solid #19c9f4;border-top:5px solid #ffd600;border-radius:5px;box-shadow:6px 7px #061334;overflow:hidden;color:#15213b;font:14px/1.4 'HOWU UI',Arial,sans-serif}.hu-follow-dialog *{box-sizing:border-box}.hu-follow-dialog>header{display:flex;align-items:center;justify-content:space-between;background:#063db8;color:white;padding:12px;border-bottom:3px solid #ffd600}.hu-follow-dialog>header strong{font:italic 26px/1.1 Impact,sans-serif;color:#ffd600}.hu-follow-dialog>header small{display:block;font-size:12px;color:#d2efff;margin-top:4px}.hu-follow-dialog>header button{width:42px;height:42px;min-height:42px;background:#061b52;color:white;border:1px solid #19c9f4;border-radius:4px;font-size:24px;cursor:pointer}.hu-follow-dialog>input{display:block;flex-shrink:0;min-height:44px;width:calc(100% - 24px);margin:12px;padding:8px 11px;border:2px solid #4c9dcd;border-radius:3px;background:white;color:#15213b;font-size:16px}.hu-follow-dialog .howu-follow-rows{display:block;overflow:auto;min-height:0;padding:0 12px 12px;overscroll-behavior:contain}.hu-follow-dialog .howu-follow-rows>article{display:flex;align-items:center;gap:10px;padding:9px;margin-bottom:7px;min-width:0;border:1px solid #8abedc;border-left:4px solid #087bee;border-radius:4px;background:#fff}.hu-follow-dialog .howu-follow-person{display:flex;align-items:center;gap:9px;flex:1;min-width:0;border:0;background:transparent;text-align:left;padding:0;cursor:pointer;color:#15213b}.hu-follow-dialog .howu-follow-person>img,.hu-follow-dialog .howu-follow-avatar{width:44px;height:44px;flex:0 0 44px;object-fit:cover;border:2px solid #ffd600;border-radius:5px;background:#063db8;color:white;display:grid;place-items:center;font-size:20px;font-weight:900}.hu-follow-dialog .howu-follow-person>span:last-child{display:flex;flex-direction:column;min-width:0;overflow:hidden}.hu-follow-dialog .howu-follow-person strong,.hu-follow-dialog .howu-follow-person small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.hu-follow-dialog .howu-follow-person strong{font-size:13px;color:#063db8}.hu-follow-dialog .howu-follow-person small{font-size:11px;color:#527087}.hu-follow-dialog .howu-follow-rows>article>button:not(.howu-follow-person){min-height:38px;padding:6px 10px;border:1px solid #c78b00;border-radius:3px;background:#ffd600;color:#061334;font-weight:800;cursor:pointer}.hu-follow-dialog .howu-follow-rows>article>button.is-following{background:#e0efff;border-color:#75a7d0;color:#063db8}.hu-follow-dialog .hu-follow-empty{padding:18px 8px;text-align:center;font-size:13px}.hu-follow-dialog button:disabled{opacity:.6;cursor:wait}.hu-follow-dialog :is(button,input):focus-visible{outline:3px solid #8428d7;outline-offset:2px}
.hu-music-editor .hu-music-intro{font-size:13px;margin-bottom:14px;color:#476782}.hu-music-field{display:block;margin:10px 0;font-size:12px;font-weight:800;color:#063db8}.hu-music-field :is(input,textarea,select){display:block;margin-top:5px;width:100%;min-height:42px;padding:8px;border:2px solid #69afd7;border-radius:3px;background:white;color:#15213b;font:16px/1.4 'HOWU UI',Arial,sans-serif}.hu-music-editor>header{background:#311268;border-color:#8428d7}.hu-music-editor>header h2{color:#ffd600}.hu-music-launch{padding:16px;background:#061b52 url('/assets/howu-retro/texture-77af80590afd.svg');border-bottom:3px solid #ffd600;color:white;display:flex;align-items:center;flex-wrap:wrap;gap:10px}.hu-music-launch h3{font:italic 24px/1.1 Impact,sans-serif;color:#ffd600;margin:0}.hu-music-launch p{flex:1;min-width:180px;font-size:12px}.hu-switch-to-music{width:100%;min-height:40px;border:1px solid #8428d7;border-radius:3px;padding:7px 10px;background:#eee5ff;color:#4a2384;font-weight:800;margin:10px 0}.hp-post.has-music{border-top-color:#8428d7;background:#f9f5ff}.hu-song-card{display:flex;align-items:center;gap:12px;background:linear-gradient(115deg,#061334,#123a7b);border:2px solid #19c9f4;border-radius:5px;padding:12px;color:white;min-height:110px;text-align:left}.hu-song-disc{display:grid;place-items:center;flex:0 0 72px;height:72px;border-radius:50%;border:6px double #415475;background:repeating-radial-gradient(#061334 0 3px,#1d2f55 4px 5px);box-shadow:0 0 0 2px #ffd600;color:#ffd600;font-size:30px}.hu-song-card>div{display:flex;flex-direction:column;min-width:0;flex:1;gap:4px}.hu-song-card small{color:#5edcff;font-size:9px;font-weight:900;letter-spacing:1px}.hu-song-card strong{font-size:18px;line-height:1.2;overflow-wrap:anywhere}.hu-song-card span:not(.hu-song-disc):not(.hu-song-open){font-size:12px;color:#cde5ff}.hu-song-card p{font-size:11px;line-height:1.4;color:#cde5ff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hu-song-open{flex-shrink:0;background:#ffd600;color:#061334;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;font-size:15px}.hu-song-player{padding:0 10px 9px}.hu-song-player>button{min-height:36px;padding:5px 10px;border:1px solid #8428d7;border-radius:3px;background:#e9ddff;color:#542c8c;font-size:12px;font-weight:800}.hu-song-player iframe{display:block;width:100%;height:160px;border:0;border-radius:4px;margin-top:8px}
.hu-voice-host{padding:8px;min-width:0}.hu-voice-host>audio:not([controls]){display:none}.hu-voice-host audio[controls]{display:block;width:100%;height:38px}.hu-tape-player{min-width:0;background:linear-gradient(#0f2c64,#061334);color:white;border:2px solid #19c9f4;border-bottom:4px solid #063db8;border-radius:6px;padding:9px;box-sizing:border-box;font:12px/1.3 'HOWU UI',Arial,sans-serif}.hu-tape-label{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:7px}.hu-tape-label strong{font-size:10px;letter-spacing:1.6px;color:#ffd600}.hu-tape-label span{font-size:10px;font-variant-numeric:tabular-nums;color:#d8efff}.hu-tape-controls{display:flex;gap:10px;align-items:center}.hu-tape-controls button{min-width:42px;min-height:42px;border:1px solid #e6a500;border-radius:4px;background:linear-gradient(#ffe75a,#ffd600);color:#061334;font:900 15px/1 'HOWU UI',Arial,sans-serif;cursor:pointer}.hu-tape-controls button[data-speed]{font-size:12px;background:#1a448b;color:#d7f4ff;border-color:#47baf3}.hu-tape-window{height:40px;flex:1;display:flex;align-items:center;justify-content:space-between;min-width:70px;background:#03112e;border:2px solid #365887;border-radius:20px;padding:3px 8px;overflow:hidden}.hu-tape-window>i{display:block;width:27px;height:27px;flex-shrink:0;border:6px dotted #59bbec;border-radius:50%;background:#061334;box-shadow:0 0 0 2px #365887}.hu-tape-window>span{height:6px;background:#365887;flex:1}.hu-tape-player.is-playing .hu-tape-window>i{animation:hu-reel-spin 2s linear infinite}.hu-tape-seek{display:block;padding-top:8px}.hu-tape-seek input{display:block;width:100%;height:24px;accent-color:#ffd600;cursor:pointer;margin:0}.hu-tape-player p{font-size:11px;color:#ffd1b5;margin:5px 0 0}.hu-player-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hu-tape-player :is(button,input):focus-visible{outline:3px solid #fff;outline-offset:2px}.howu-message-audio{display:block;min-width:min(270px,60vw);max-width:100%;padding:0}.howu-message-audio>audio:not([controls]){display:none}.howu-message-audio .hu-tape-player{margin:0}.howu-message-audio audio[controls]{width:100%;max-width:100%}@keyframes hu-reel-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.hu-tape-player.is-playing .hu-tape-window>i{animation:none}}
@media(max-width:700px){.hu-profile-stream{padding:8px;gap:9px}.hu-profile-tabs{margin:8px 8px 0;gap:3px;padding:4px}.hu-profile-tabs>button{min-height:42px;font-size:12px;padding:5px}.hu-profile-stats{gap:5px;grid-template-columns:repeat(4,minmax(0,1fr))}.hu-profile-stats>*{padding:7px 4px;min-height:61px}.hu-profile-stats b{font-size:18px}.hu-profile-stats small{font-size:10px}.hu-profile-photos{grid-template-columns:minmax(0,1fr);padding:8px}.hu-unified-app .hu-route-content .pc-profile-avatar{width:76px;height:76px}.hu-follow-backdrop{padding:8px}.howu-follow-list.hu-follow-dialog{max-height:calc(var(--howu-visible-height,100dvh) - 16px - env(safe-area-inset-bottom));width:100%}.hu-follow-dialog .howu-follow-rows>article{padding:7px;gap:6px}.hu-follow-dialog .howu-follow-rows>article>button:not(.howu-follow-person){font-size:11px;min-height:42px;padding:5px 7px}.hu-song-card{padding:9px;gap:9px}.hu-song-disc{flex-basis:56px;height:56px;font-size:24px}.hu-song-card strong{font-size:16px}.hu-music-launch{padding:12px}.hu-tape-controls{gap:7px}.hu-tape-player{padding:8px}.hu-tape-window{padding:3px 5px}.hu-tape-window>i{width:23px;height:23px;border-width:5px}.hu-profile-stream .hp-post-actions{gap:8px}}

.hu-unified-app .pc-highlights-row{padding:12px;gap:12px;min-height:0}.hu-unified-app .pc-highlights-row .pc-highlight-item{max-width:80px}.hu-unified-app .pc-profile-content{min-height:0}.hu-unified-app .pc-profile-post-dialog{max-height:calc(100dvh - 30px);width:min(700px,calc(100vw - 20px));overflow:auto}.hu-unified-app .pc-profile-post-close{min-width:42px;min-height:42px}
/* HOWU community edition. Circle artwork, photo masks and previews share geometry. */
.hu-unified-app .hu-route-content .pc-profile-avatar{border-radius:50%;overflow:visible;background:#061334;padding:3px;border:3px solid #19c9f4;box-shadow:0 0 0 3px #ffd600,3px 4px 0 #061334}
.hu-unified-app .hu-route-content .pc-profile-avatar>img:not(.pc-avatar-frame-art){display:block;aspect-ratio:1;border-radius:50%;object-fit:cover;width:100%;height:100%}
.hu-unified-app .hu-route-content .pc-profile-avatar>.pc-avatar-frame-art{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:contain;pointer-events:none}
.pc-customize-sheet .pc-customize-avatar,.pc-customize-sheet .pc-frame-swatch{aspect-ratio:1;border-radius:50%;position:relative;overflow:visible}
.pc-customize-sheet .pc-customize-avatar>img:not(.pc-avatar-frame-art),.pc-customize-sheet .pc-frame-swatch>img:not(.pc-avatar-frame-art){aspect-ratio:1;border-radius:50%;object-fit:cover;width:100%;height:100%}
.pc-customize-backdrop{padding:12px;overflow:auto}.pc-customize-sheet{max-width:min(960px,100%);max-height:calc(100dvh - 24px);overflow:auto;background:#e5f6ff;color:#15213b;border:3px solid #19c9f4;border-top:5px solid #ffd600;border-radius:5px;box-shadow:6px 6px #061334}
.pc-customize-sheet>header{background:#063db8;color:white;border-bottom:3px solid #ffd600}.pc-customize-sheet>header small{color:#ffd600}.pc-customize-sheet :is(input,select,textarea){background:white;color:#15213b;border:1px solid #4e96c4}.pc-customize-sheet button{color:#063db8;border-radius:4px}.pc-customize-sheet button[aria-selected=true],.pc-customize-sheet button.active{background:#ffd600;color:#061334}
.hu-selected-expression{display:flex;align-items:center;gap:8px;font-size:11px;color:#315773}.hu-selected-expression>span{display:grid;place-items:center;width:56px;height:56px;background:#061b52;border:2px solid #19c9f4;border-bottom:4px solid #ffd600;border-radius:5px;font-size:32px}
.hu-editor .hu-emoji-picker{background:#061b52;border:2px solid #087bee;padding:9px;color:white;border-radius:4px;margin:8px 0}.hu-editor .hu-emoji-picker>strong{display:block;font-size:10px;letter-spacing:1px;color:#ffd600;margin-bottom:6px}.hu-editor .hu-emoji-picker>div{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}.hu-editor .hu-emoji-picker button{min-width:0;width:100%;min-height:44px;font-size:26px;border:1px solid #368cce;background:#123b7c;border-radius:4px;padding:3px}.hu-editor .hu-emoji-picker button[aria-pressed=true]{background:#ffd600;border-color:#fff;box-shadow:0 0 0 2px #ff7917}.hu-feeling-line{grid-template-columns:auto minmax(0,1fr)}
.hu-tape-player{position:relative;border:3px solid #19c9f4;border-bottom:5px solid #ff7917;border-radius:7px;background:#061334 url('/assets/howu-retro/texture-77af80590afd.svg');box-shadow:3px 4px 0 #061334,inset 0 0 0 3px #1554a2;padding:12px;overflow:hidden}.hu-tape-label{padding:4px 6px;background:#ffd600;border:1px solid #fff0a6;transform:rotate(-.7deg);margin-bottom:9px}.hu-tape-label strong{color:#061334;font-size:12px;font-style:italic;letter-spacing:1px}.hu-tape-label span{color:#061334;font-weight:800}.hu-tape-topline,.hu-tape-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#8adaff;font:9px/1.2 'HOWU UI',Arial,sans-serif;letter-spacing:1px;margin:5px 0 8px}.hu-tape-topline>b{font-size:8px;color:#fff}.hu-tape-controls{gap:7px}.hu-tape-controls button[data-play]{min-width:46px;min-height:46px;border:2px solid #ffb000;box-shadow:0 3px #8e5100;font-size:22px}.hu-tape-controls button[data-back],.hu-tape-controls button[data-forward]{font-size:10px;min-width:32px;min-height:38px;padding:2px;background:#174b95;color:#fff;border-color:#3cb6f1}.hu-tape-window{height:48px;border-radius:6px;background:#020b20;box-shadow:inset 0 2px 5px #000;min-width:60px;padding:4px 8px}.hu-tape-window>i{width:32px;height:32px;border:7px dashed #9ddaff;background:#28496e;box-shadow:0 0 0 2px #ffb000}.hu-tape-foot{margin:10px 0 0;color:#ffd600;font-size:8px}.hu-tape-foot>i{display:block;width:5px;height:5px;border:1px solid #7fadd1;border-radius:50%;background:#061334}.hu-tape-seek input{accent-color:#19c9f4}
.hu-news-board{padding:10px;color:#15213b;font-size:12px;background:#e9f7ff}.hu-news-tagline{font-size:10px;font-weight:900;letter-spacing:1.4px;color:#063db8;margin:0 0 8px}.hu-news-board button{min-height:40px;padding:6px 9px;border:1px solid #a57800;background:#ffd600;color:#061334;font-weight:800;border-radius:3px;margin:3px}.hu-news-board button:disabled{opacity:.6}.hu-news-error{padding:8px;background:#fff0dd;color:#7e3400;border-left:3px solid #ff7917}.hu-news-items{display:grid;gap:8px;margin-top:8px}.hu-news-item{position:relative;background:white;border:1px solid #89b8d6;border-left:4px solid #087bee;padding:9px;overflow-wrap:anywhere}.hu-news-kind{display:inline-block;background:#061b52;color:#ffd600;font-weight:900;font-size:9px;padding:3px 6px;letter-spacing:1px}.hu-news-item h3{font-size:16px;margin:6px 0;color:#063db8}.hu-news-item p{white-space:pre-wrap;line-height:1.5;margin:8px 0}.hu-news-item small{display:block;color:#4b6981;margin-top:7px}.hu-news-item time{display:block;background:#fff4b0;font-weight:800;padding:5px;margin-top:5px}.hu-news-editor{padding:10px;border:2px solid #087bee;background:#d3edff;margin-top:10px}.hu-news-editor label{display:block;font-weight:800;margin:7px 0}.hu-news-board :is(input,textarea,select){display:block;width:100%;min-height:42px;background:#fff;color:#15213b;border:1px solid #5a9ac5;border-radius:3px;font:16px/1.4 'HOWU UI',Arial,sans-serif;padding:6px;box-sizing:border-box}.hu-news-ranks{padding:9px;border-top:2px solid #8428d7;margin-top:10px}.hu-news-ranks summary{cursor:pointer;color:#542c8c;font-weight:800}
/* Explicit light content surfaces prevent inherited dark backgrounds with dark text. */
.howu-admin .howu-admin-table-wrap,.howu-admin table,.howu-admin tbody,.howu-admin td{background:#fff;color:#15213b}.howu-admin th{background:#d4edff;color:#31536d}.howu-admin td small{color:#4b687e}.howu-admin .howu-admin-main :is(input,select,textarea){background:#fff;color:#15213b;border:2px solid #5c9fc9}.howu-admin .howu-admin-main button:not(.howu-admin-primary){background:#e4f2ff;color:#063db8;border:1px solid #76acd0}.howu-admin .howu-admin-main .howu-admin-stat{background:#fff;color:#15213b}.howu-admin .howu-admin-main .howu-admin-stat small{color:#45657e}
.hu-page-home .hp-top{gap:10px}.hu-page-home .hp-panel{border-radius:5px;box-shadow:3px 4px #061334}.hu-page-home .hp-profiles{border-bottom:4px solid #ff7917}.hu-page-home .hp-section-title{letter-spacing:.4px}.hu-page-home .hu-update-launch{border:2px solid #19c9f4;border-bottom:4px solid #ff7917;background:#fff8d5}.hu-page-home .hu-what-happened{border:2px solid #087bee;box-shadow:inset 0 2px #c0dff3}.hu-page-home .hu-quick-feelings{background:#063db8;color:#ffd600;padding:6px}.hu-page-home .hu-quick-feelings button{background:#e7f6ff;border:1px solid #19c9f4;border-radius:4px;min-width:34px;min-height:36px}
@media(max-width:430px){.hu-tape-player{padding:8px}.hu-tape-controls{gap:4px}.hu-tape-controls button[data-back],.hu-tape-controls button[data-forward]{min-width:27px}.hu-tape-controls button[data-speed]{min-width:32px}.hu-tape-window{padding:3px;min-width:42px}.hu-tape-window>i{width:20px;height:20px;border-width:4px}.hu-tape-topline>b{font-size:7px}.hu-editor .hu-emoji-picker>div{grid-template-columns:repeat(6,minmax(0,1fr))}.hu-tape-label strong{font-size:10px}}
.hu-page-home .hu-life-modules>.hp-happening{grid-column:span 2}.hu-page-home .hu-life-modules>.hp-happening .hp-preview-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px;align-items:start}.hu-page-home .hu-life-modules>.hp-happening .hp-post{margin:0;min-width:0;width:100%}.hu-page-home .hu-life-modules>.hp-happening .hp-post-photo{height:160px}.hu-page-home .hu-home-composer{background:#d9f2ff}.hu-home-composer .hu-update-launch{margin:8px}.hu-home-composer .hu-what-happened{min-height:82px;text-align:left}.howu-admin .howu-admin-metrics article{background:#fff;color:#15213b;border:2px solid #67acd5}.howu-admin .howu-admin-metrics small{color:#476782}.pc-customize-sheet .pc-customize-tabs button.is-active{background:#ffd600;color:#061334}
@media(max-width:700px){.hu-page-home .hu-life-modules>.hp-happening{grid-column:auto}.hu-page-home .hu-life-modules>.hp-happening .hp-preview-list{grid-template-columns:minmax(0,1fr)}.hu-home-composer .hu-what-happened{min-height:60px}}
.hu-news-excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hu-news-item summary{min-height:36px;cursor:pointer;color:#063db8;font-weight:800;padding:8px 0}
.hu-unified-app .hu-route-content .pc-profile-page.pc-has-theme-pack .pc-profile-header{background:var(--pc-pack-surface,#e7f6ff);color:var(--pc-pack-text,#15213b);border-bottom-color:var(--pc-pack-accent,#ffd600)}
.hu-unified-app .hu-route-content .pc-profile-page.pc-has-theme-pack .pc-profile-content{background:var(--pc-pack-bg,#cfeeff)}
.hu-unified-app .hu-route-content .pc-profile-page.pc-custom-profile-theme .pc-profile-header{background:linear-gradient(135deg,var(--pc-theme-start,#dff7ff),var(--pc-theme-end,#dff7ff));color:#15213b}
.hu-unified-app .hu-route-content .pc-profile-page .hp-post{background:#fff;color:#15213b}.pc-customize-sheet .pc-customize-tabs{overflow-x:auto;display:flex;gap:5px;background:#061b52;padding:6px}.pc-customize-sheet .pc-customize-tabs button{min-height:42px;background:#144986;color:#fff;border:1px solid #19c9f4;white-space:nowrap}.pc-customize-sheet .pc-customize-tabs button.is-active{background:#ffd600;color:#061334}
.howu-admin{--howu-bg:#e7f6ff;--howu-surface:#fff;--howu-surface-2:#d4edff;--howu-text:#15213b;--howu-muted:#4b687e}
.hu-unified-app .hu-route-content .pc-profile-page .pc-profile-bio{color:#15213b}.hu-unified-app .hu-route-content .pc-profile-page .pc-profile-name-line{padding:7px 9px;background:#fffffff0;border:1px solid #9ac8e1;border-radius:4px}
.hu-tape-controls button[data-back],.hu-tape-controls button[data-forward],.hu-tape-controls button[data-speed]{min-height:44px}
/* Admin is a separate application: pin both token families locally. */
.howu-admin,.howu-admin .pc-platform-admin{--howu-bg:#e7f6ff;--howu-surface:#fff;--howu-surface-2:#d4edff;--howu-text:#15213b;--howu-muted:#45627c;--pc-bg:#e7f6ff;--pc-surface:#fff;--pc-surface-2:#e4f1ff;--pc-text:#15213b;--pc-text-soft:#45627c;--pc-border:#78adcf;--pc-accent:#063db8;color:#15213b;color-scheme:light}
.howu-admin .howu-admin-main table :is(th,td,strong,small){color:#15213b}.howu-admin .howu-admin-main table small{color:#45627c}.howu-admin .howu-admin-main>header :is(h1,span){color:#fff}.howu-admin .howu-admin-sidebar .howu-wordmark{color:#ffd600}
.howu-admin .pc-platform-admin{background:#e7f6ff;border:3px solid #19c9f4;border-radius:5px;overflow:hidden}.howu-admin .pc-platform-admin-header{background:#061334;color:#fff;border-bottom:4px solid #ffd600}.howu-admin .pc-platform-admin-header :is(h1,p){color:#fff}.howu-admin .pc-platform-admin-header small{color:#ffd600}.howu-admin .pc-platform-admin-header button{background:#143b79;color:#fff}.howu-admin .pc-platform-admin-tabs{background:#d6eeff}.howu-admin .pc-platform-admin-tabs button{background:#fff;color:#063db8;border-color:#7ab2d7}.howu-admin .pc-platform-admin-tabs button.is-active{background:#ffd600;color:#061334}.howu-admin .pc-platform-admin-body :is(.pc-admin-brand-card,.pc-admin-stat-grid button,.pc-admin-editor,.pc-admin-section-row,.pc-admin-list>div){background:#fff;color:#15213b;border-color:#8cb8d4}.howu-admin .pc-platform-admin-body :is(strong,b,h2,h3,h4,label){color:#15213b}.howu-admin .pc-platform-admin-body :is(small,p){color:#45627c}.howu-admin .pc-platform-admin-body :is(input,textarea,select){background:#fff;color:#15213b;border:1px solid #70a7cc}
.hu-home-composer .hu-what-happened{min-height:46px}.hu-home-composer .hu-update-launch{padding:9px}.hu-home-composer .hu-quick-feelings{gap:4px;flex-wrap:wrap}.hu-home-composer .hp-preview-list{padding:0 8px 8px}.hu-home-composer .hp-post{margin:8px 0 0;box-shadow:none}.hu-home-composer .hp-post-photo{height:100px;max-height:100px}.hu-home-composer .hp-post-text{-webkit-line-clamp:2}.hu-home-composer .hp-post-head{padding:7px}.hu-home-composer .hp-post-content{padding:7px}.hu-home-composer .hp-post-actions{padding:5px 7px}.hu-editor .hu-publish{letter-spacing:1px;min-width:135px}.hu-editor form[aria-busy=true] .hu-publish::before{content:'';display:inline-block;width:13px;height:13px;border:2px solid #061334;border-right-color:transparent;border-radius:50%;margin-right:8px;vertical-align:-2px;animation:hu-reel-spin .8s linear infinite}@media(prefers-reduced-motion:reduce){.hu-editor form[aria-busy=true] .hu-publish::before{animation:none}}
.hu-unified-app .hu-route-content .howu-messenger-brandbar{background:#063db8;color:#fff;border-bottom:3px solid #ffd600}.hu-unified-app .hu-route-content .howu-messenger-brandbar :is(button,strong){color:#fff}.hu-unified-app .hu-route-content .howu-messenger-brandbar span{color:#c5efff}
/* New Stuff portal: a feature stage first, current status in the corner. */
.hu-page-home .hp-top.hu-life-top{display:grid;grid-template-columns:210px minmax(0,1fr) 225px;gap:10px;align-items:start;padding:9px;background:#e9f7ff;border:3px solid #19c9f4;border-bottom:5px solid #063db8;box-shadow:4px 5px #061334;border-radius:6px}
.hu-page-home .hp-now{grid-column:1;grid-row:1/span 2;align-self:stretch;background:#d7f3ff}.hu-page-home .hp-newstuff{grid-column:2;grid-row:1}.hu-page-home .hp-hotstuff{grid-column:3;grid-row:1}.hu-page-home .hp-fact-ribbon{grid-column:2/4;grid-row:2}.hp-newstuff .hp-feature-media{height:270px}.hp-newstuff .hp-feature-caption{min-height:60px;background:#061334}.hp-newstuff .hp-feature-intro{height:310px}.hu-feature-arrows{display:flex;gap:4px}.hu-feature-arrows button{width:34px;min-height:34px;background:#e0f5ff;color:#061334;border:1px solid #19c9f4;border-radius:3px;font-size:13px}.hu-ranking-note{font-size:10px;color:#375974;background:#d9efff;padding:6px 9px;margin:0}.hu-hot-stuff{background:#061b52;color:white}.hu-hot-stuff>button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 8px;min-height:80px;border:0;border-bottom:1px solid #2a609e;background:none;color:white;text-align:left}.hu-hot-stuff>button>span:last-child{display:grid;gap:4px;min-width:0}.hu-hot-stuff strong{font-size:12px;color:#ffd600}.hu-hot-stuff>button>span:last-child>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:12px;line-height:1.4}.hu-fact-preview{display:flex;align-items:center;gap:10px;text-align:left;width:100%;padding:11px;border:0;background:#d4f5ff;color:#15213b;min-height:54px;font-size:13px}.hu-fact-preview strong{color:#063db8;flex-shrink:0}.hu-fact-preview>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hp-fact-ribbon .hp-panel-head{min-height:30px}.hp-fact-ribbon .hp-panel-head h2{font-size:16px}.hu-page-home .hp-status p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.hu-page-home .hp-status{border-bottom:2px solid #88b9d3;padding:10px}.hu-page-home .hu-life-modules>.hp-happening .hp-preview-list{grid-template-columns:repeat(3,minmax(0,1fr))}.hu-page-home .hu-life-modules>.hp-happening{grid-column:1/-1}.hu-add-fact{display:block;margin:12px;padding:10px 14px;background:#ffd600;color:#061334;border:2px solid #063db8;border-radius:4px;font-weight:900;min-height:44px}.hu-profile-tabs{flex-wrap:wrap}.hu-profile-tabs>button{flex:1 1 90px}
@media(min-width:701px) and (max-width:1100px){.hu-page-home .hp-top.hu-life-top{grid-template-columns:190px minmax(0,1fr)}.hu-page-home .hp-newstuff{grid-column:2;grid-row:1}.hu-page-home .hp-hotstuff{grid-column:1/-1;grid-row:3}.hu-page-home .hp-hotstuff .hu-hot-stuff{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.hu-page-home .hp-fact-ribbon{grid-column:2;grid-row:2}.hp-newstuff .hp-feature-media{height:230px}.hu-page-home .hu-life-modules>.hp-happening .hp-preview-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.hu-page-home .hp-top.hu-life-top{grid-template-columns:minmax(0,1fr);padding:6px;gap:9px}.hu-page-home .hp-now{grid-column:1;grid-row:1;align-self:auto}.hu-page-home .hp-newstuff{grid-column:1;grid-row:2}.hu-page-home .hp-fact-ribbon{grid-column:1;grid-row:3}.hu-page-home .hp-hotstuff{grid-column:1;grid-row:4}.hu-page-home .hp-now .hp-status:nth-of-type(n+2){display:none}.hp-newstuff .hp-feature-media{height:210px}.hp-newstuff .hp-feature-intro{height:250px}.hu-page-home .hu-life-modules>.hp-happening .hp-preview-list{grid-template-columns:minmax(0,1fr)}.hu-fact-preview{align-items:flex-start;flex-direction:column;gap:5px}.hu-profile-tabs>button{flex-basis:80px}.hu-feature-arrows button{min-width:40px;min-height:40px}}
.hu-feature-status{height:100%;display:flex;flex-direction:column;justify-content:center;gap:14px;text-align:left;padding:28px;background:#062459 url('/assets/howu-retro/texture-77af80590afd.svg');color:white}.hu-feature-status>strong{color:#19c9f4;font-size:13px}.hu-feature-status>p{font-size:clamp(18px,2.2vw,29px);font-weight:800;line-height:1.35;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere}.hu-feature-status>span{font-size:11px;color:#ffd600;font-weight:900;letter-spacing:1px}
@media(max-width:700px){.hu-page-home .hp-now>.hp-action{display:inline-flex;min-height:44px;margin:6px;float:none}.hu-page-home .hp-now>.hu-new-updates{margin:6px;max-width:calc(100% - 12px)}}
.hu-content-tag{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;width:max-content;max-width:100%;padding:4px 7px;border:1px solid #087bee;border-radius:3px;background:#e2f2ff;color:#063db8;font:900 9px/1.2 'HOWU UI',Arial,sans-serif;letter-spacing:.8px;white-space:nowrap}.hu-type-stuff{background:#fff0c5;border-color:#f49a00;color:#6a3500}.hu-type-music{background:#e9ddff;border-color:#8428d7;color:#501c8c}.hu-type-fact{background:#d8f9f3;border-color:#008e81;color:#005f59}.hu-type-update{background:#dcefff;border-color:#087bee;color:#063db8}.hu-type-blog{background:#f2e2ff;border-color:#8428d7;color:#5a247d}.hp-post-meta .hu-content-tag{margin-bottom:3px}.pc-post-card>.hu-content-tag{margin:10px 12px 2px}.hu-stuff-launch{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px;background:#fff4c8;border-bottom:3px solid #ff7917;color:#15213b}.hu-stuff-launch strong{font-size:13px}.hp-newstuff>.hu-post-stuff{display:flex;margin:9px;width:calc(100% - 18px);justify-content:center}.pc-create-menu{background:#e5f6ff;color:#15213b;border:3px solid #19c9f4;border-top:5px solid #ffd600;border-radius:5px;box-shadow:6px 6px #061334;max-height:calc(100dvh - 24px);overflow:auto}.pc-create-menu>header{background:#063db8;color:#fff;padding:12px}.pc-create-menu>button{display:flex;align-items:center;gap:12px;min-height:64px;width:100%;padding:10px 12px;border-bottom:1px solid #8cbad6;background:#fff;color:#15213b;text-align:left}.pc-create-menu>button:hover{background:#fff5ba}.pc-create-menu>button>span:last-child{display:grid;gap:4px;min-width:0}.pc-create-menu>button strong{color:#063db8;font-size:14px}.pc-create-menu>button small{font-size:11px;color:#45657e}.pc-create-menu>header button{color:#fff}.hu-fact-preview>.hu-content-tag{flex-shrink:0}

/* Voice controls own their layout even when the legacy chat stylesheet loads later. */
.hu-tape-player .hu-tape-label{display:flex;flex-wrap:wrap}
.hu-tape-player .hu-tape-controls{display:flex;min-width:0}
.hu-tape-player .hu-tape-topline,.hu-tape-player .hu-tape-foot,.hu-tape-player .hu-tape-window{display:flex}
.hu-tape-player,.hu-tape-player *{box-sizing:border-box}
.howu-message-audio:has(>.hu-tape-player){display:block;min-width:0;width:100%;max-width:292px;padding:0}
.howu-message-bubble:has(>.howu-message-audio){width:min(308px,88%);min-width:0}
.howu-message-audio .hu-tape-player.hu-tape-compact{width:100%;max-width:292px;min-width:0;padding:7px;border-width:2px;border-bottom-width:3px;box-shadow:1px 2px #061334;border-radius:5px}
.hu-tape-compact .hu-tape-label{display:flex;flex-wrap:nowrap;gap:4px;margin:0 0 5px;padding:3px 5px;transform:none}
.hu-tape-compact .hu-tape-label strong{font:900 italic 9px/1.4 'HOWU UI',Arial,sans-serif;letter-spacing:.3px;white-space:nowrap;color:#061334}
.hu-tape-compact .hu-tape-label span{font:800 9px/1.4 'HOWU UI',Arial,sans-serif;white-space:nowrap;color:#061334}
.hu-tape-compact .hu-tape-topline,.hu-tape-compact .hu-tape-foot,.hu-tape-compact .hu-tape-controls button[data-back],.hu-tape-compact .hu-tape-controls button[data-forward]{display:none}
.hu-tape-compact .hu-tape-controls{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:6px}
.hu-tape-compact .hu-tape-controls button[data-play],.hu-tape-compact .hu-tape-controls button[data-speed]{width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:0;border-radius:4px}
.hu-tape-compact .hu-tape-window{display:flex;min-width:0;height:36px;padding:3px 6px;border-width:1px}
.hu-tape-compact .hu-tape-window>i{width:22px;height:22px;border-width:4px;box-shadow:0 0 0 1px #ffb000}
.hu-tape-compact .hu-tape-seek{padding-top:3px;margin:0}
.hu-tape-compact .hu-tape-seek input{height:24px;min-height:24px;max-width:100%;padding:0}
.hu-tape-compact [data-error]{white-space:normal;overflow-wrap:anywhere}
.hu-unified-app .hu-route-content .howu-messenger-shell{--howu-chat-text:#15213b;--howu-chat-muted:#46647b;--howu-chat-surface:#f4fbff;--howu-chat-surface-2:#e1f2ff;--howu-chat-bg:#d9efff;--howu-chat-line:#8cb8d2}
.hu-unified-app .hu-route-content .howu-messenger-desktop-body{grid-template-columns:300px minmax(0,1fr);min-width:0}
.hu-unified-app .hu-route-content .howu-messenger-desktop-body:has(.howu-contact-details){grid-template-columns:280px minmax(0,1fr) 230px}
.hu-unified-app .hu-route-content .howu-chat-thread-head{background:#063db8 url('/assets/howu-retro/texture-77af80590afd.svg');color:#fff}
.hu-unified-app .hu-route-content .howu-chat-thread-name{color:#fff}
.hu-unified-app .hu-route-content .howu-chat-thread-name small{color:#bfeaff}
.hu-unified-app .hu-route-content .howu-chat-thread-actions button{color:#ffd600}
.hu-unified-app .hu-route-content .howu-chat-composer{background:#061b52}
@media(min-width:701px) and (max-width:1024px){.hu-unified-app .hu-route-content .howu-messenger-desktop-body{grid-template-columns:220px minmax(0,1fr)}.hu-unified-app .hu-route-content .howu-messenger-desktop-body:has(.howu-contact-details){grid-template-columns:200px minmax(0,1fr)}.hu-unified-app .hu-route-content .howu-contact-details{grid-column:1/-1}}
@media(max-width:700px){.hu-unified-app .hu-route-content .howu-messenger-desktop-body,.hu-unified-app .hu-route-content .howu-messenger-desktop-body:has(.howu-contact-details){grid-template-columns:minmax(0,1fr)}}
/* A community fact strip: original ticket edges, stamp and notebook details. */
.hp-fact-ribbon.hp-panel{border:2px solid #087bee;border-bottom:4px solid #ff7917;box-shadow:3px 3px #061334;overflow:hidden}
.hp-fact-ribbon .hp-panel-head{background:#061b52 url('/assets/howu-retro/texture-77af80590afd.svg');border-bottom:3px solid #ffd600;gap:6px;padding:6px 9px;flex-wrap:wrap}
.hp-fact-ribbon .hp-panel-head h2{color:#ffd600;font:italic 22px/1 Impact,'Arial Black',sans-serif;text-shadow:2px 2px #063db8}
.hp-fact-ribbon .hu-fact-tools{margin-left:auto;display:flex;align-items:center;gap:6px}
.hu-fact-tools .hu-fact-pager{display:flex;align-items:center;gap:4px;color:#fff;font:800 10px/1 Arial,sans-serif}
.hu-fact-tools button{min-width:36px;min-height:36px;background:linear-gradient(#fff2a1,#ffd600);border:1px solid #f09b00;border-radius:3px;color:#061334;font:800 11px/1.2 Arial,sans-serif;box-shadow:0 2px #7a4e00;padding:5px}
.hu-fact-stage{position:relative;display:flex;align-items:center;gap:10px;padding:10px;background:#d4f5ff;background-image:repeating-linear-gradient(0deg,transparent 0 23px,#93d3ed66 23px 24px);border-left:7px solid #19c9f4}
.hu-fact-seal{display:grid;place-items:center;flex:0 0 48px;height:48px;background:#ffd600;color:#061334;border:3px solid #ff7917;box-shadow:2px 2px #063db8;transform:rotate(-9deg);font:italic 30px/1 Impact,sans-serif;clip-path:polygon(6% 0,90% 4%,100% 85%,14% 100%)}
.hp-fact-ribbon .hu-fact-preview{display:grid;gap:5px;background:none;min-width:0;min-height:0;padding:2px;border:0;flex:1;color:#15213b;text-align:left;font:13px/1.45 'HOWU UI',Arial,sans-serif}
.hu-fact-preview .hu-fact-byline{display:flex;align-items:center;gap:7px;min-width:0}
.hu-fact-byline .hp-avatar{width:28px;height:28px;flex-shrink:0;border:2px solid #063db8}
.hu-fact-byline strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex-shrink:1}
.hu-fact-preview .hu-fact-quote{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-weight:700;overflow-wrap:anywhere}
.hu-fact-preview small{font-size:10px;color:#335572}
.hu-fact-invitation{min-width:0;color:#15213b}
.hu-fact-invitation strong{font:italic 18px/1.2 Impact,sans-serif;color:#063db8}
.hu-fact-invitation p{margin:4px 0;font-size:12px;line-height:1.4}
.hu-fact-invitation button{min-height:36px;border:0;background:#063db8;color:#fff;border-radius:3px;padding:5px 9px;font-weight:800}
.hu-editor-fact .hu-editor-author{background:#fff3bb;border-bottom:3px solid #ff7917}
.hu-editor-fact .hu-editor-writing{padding:12px;background:#d4f5ff url('/assets/howu-retro/texture-77af80590afd.svg');border:2px solid #19c9f4;box-shadow:3px 3px #063db8;margin:10px}
.hu-editor-fact .hu-editor-writing>span{display:block;width:fit-content;padding:5px 9px;background:#ffd600;color:#061334;transform:rotate(-1deg);font-weight:900}
.hu-editor-fact .hu-editor-writing textarea{border-radius:2px;border:1px solid #71a7c8;line-height:1.5;background:#f6fcff}
.hp-fact-ribbon button:focus-visible{outline:3px solid #8428d7;outline-offset:2px}
@media(max-width:430px){.hu-fact-stage{gap:8px;padding:8px}.hu-fact-seal{flex-basis:34px;height:38px;font-size:25px}.hu-fact-byline{flex-wrap:wrap}.hu-fact-tools button{min-width:40px;min-height:40px}.hp-fact-ribbon .hp-panel-head h2{font-size:20px}}
/* Composer input and edit surfaces stay readable and touch-editable outside the page portal. */
.hu-editor textarea{color:#15213b;caret-color:#063db8;-webkit-text-fill-color:#15213b;user-select:text;-webkit-user-select:text;touch-action:auto;position:relative;font-size:16px}
.hu-editor-backdrop{height:var(--howu-visible-height,100dvh);overflow:auto;align-items:safe center}
.hu-editor{max-height:calc(var(--howu-visible-height,100dvh) - 24px);overscroll-behavior:contain}
.hu-editor .hu-editor-writing{display:block;min-width:0}
.hu-editor-fact>header{background:#061334 url('/assets/howu-retro/texture-77af80590afd.svg');border-bottom:4px solid #ff7917}
.hu-editor-fact>header h2{color:#ffd600;font-family:Impact,'Arial Black',sans-serif;font-style:italic;letter-spacing:1px}
.hu-content-tag.hu-type-fact{border:2px solid #061334;border-bottom:3px solid #ff7917;background:#ffd600;color:#061334;border-radius:0;box-shadow:2px 2px #087bee;font:italic 12px/1 Impact,'Arial Black',sans-serif;letter-spacing:.7px;padding:5px 9px;transform:rotate(-2deg)}
.hp-fact-ribbon .hu-fact-quote{font:700 14px/1.45 'HOWU UI',Arial,sans-serif}
.hu-tape-player .hu-native-audio{display:block;background:transparent;color:#bceaff;border:0;border-bottom:1px dotted #7ac7ec;font:11px/1.3 'HOWU UI',Arial,sans-serif;min-height:28px;padding:4px 0;margin-left:auto;cursor:pointer}
.hu-chat-voice-draft{min-width:0;max-height:240px;overflow:auto;background:#d9f2ff;border-top:3px solid #ff7917;padding:8px;color:#15213b}
.hu-chat-voice-draft>header{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap;margin-bottom:6px}
.hu-chat-voice-draft>header strong{font:italic 15px/1.2 Impact,sans-serif;color:#063db8}
.hu-chat-voice-draft>header span,.hu-chat-voice-draft>p{font-size:11px}
.hu-chat-voice-draft>audio:not([controls]){display:none}
.hu-chat-voice-draft>audio[controls]{width:100%;height:36px}
.hu-chat-voice-draft .hu-tape-player{max-width:292px}
.hu-chat-voice-draft>footer{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}
.hu-chat-voice-draft>footer button{min-height:44px;border:1px solid #063db8;border-radius:3px;padding:6px 10px;background:#fff;color:#063db8;font-weight:800;font-size:11px}
.hu-chat-voice-draft>footer [data-send],.hu-chat-voice-draft>footer [data-stop]{background:#ffd600;color:#061334;border-color:#a16a00}
.hu-unified-app .hu-route-content .howu-chat-thread:has(.hu-chat-voice-draft){grid-template-rows:64px minmax(70px,1fr) auto auto auto}
.hu-unified-app .hu-route-content .howu-chat-composer textarea{width:0;flex:1 1 0%;min-width:0}
.hu-unified-app .hu-route-content .howu-chat-composer>button{min-width:36px;min-height:44px}
.pc-post-editor{background:#e3f6ff;border:2px solid #19c9f4;border-top:4px solid #ffd600;padding:12px;color:#15213b}
.pc-post-editor textarea,.pc-post-editor input{display:block;width:100%;border:2px solid #087bee;background:#fff;color:#15213b;-webkit-text-fill-color:#15213b;font-size:16px;padding:9px;border-radius:3px}
.pc-post-editor button{background:#ffd600;color:#061334;border:1px solid #b57600;padding:8px;min-height:44px}
/* Bulletin typography and tear-off date tiles, distinct from ordinary post cards. */
.hu-page-home .hu-life-modules>.hu-news{grid-column:1/-1}
.hu-news-board{padding:12px;background:#d6efff url('/assets/howu-retro/texture-77af80590afd.svg');background-size:700px}
.hu-news-masthead{display:flex;align-items:center;gap:12px;padding:12px;background:#061334;color:#fff;border:2px solid #19c9f4;border-bottom:4px solid #ff7917;box-shadow:3px 3px #063db8}
.hu-news-masthead>span{display:grid;place-items:center;width:42px;height:42px;background:#ffd600;color:#061334;border:3px solid #ff7917;transform:rotate(-7deg);font:italic 34px/1 Impact,sans-serif;flex-shrink:0}
.hu-news-masthead strong{font:italic 26px/1 Impact,'Arial Black',sans-serif;color:#ffd600;letter-spacing:.5px}
.hu-news-masthead p{margin:4px 0 0;font:800 10px/1.3 Arial,sans-serif;letter-spacing:1px;color:#bfeaff}
.hu-news-masthead>b{font-size:10px;line-height:1.4;margin-left:auto;max-width:95px;color:#fff}
.hu-news-toolbar{display:flex;gap:4px;flex-wrap:wrap;margin:10px 0}
.hu-news-toolbar button[aria-pressed=true]{background:#063db8;color:#fff;border-color:#19c9f4}
.hu-news-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hu-news-item{display:flex;gap:10px;padding:10px;background:#f7fcff;border:2px solid #087bee;border-bottom:4px solid #ff7917;box-shadow:2px 2px #061334}
.hu-news-date{flex:0 0 45px;height:59px;background:#fff2ba;color:#061334;border:2px solid #063db8;text-align:center;box-shadow:2px 2px #19c9f4}
.hu-news-date b{display:block;font:26px/1.2 Impact,sans-serif}
.hu-news-date span{display:block;font:900 10px/1.3 Arial,sans-serif;background:#063db8;color:#fff;padding:4px;text-transform:uppercase}
.hu-news-copy{min-width:0;flex:1}
.hu-news-copy .hu-news-kind{background:#063db8;transform:rotate(-1deg);padding:4px 7px;font-size:10px}
.hu-news-unread{display:inline-block;margin-left:6px;font-size:9px;font-weight:900;background:#ffd600;color:#061334;padding:3px}
.hu-news-copy h3{font-size:18px;line-height:1.3}
.hu-news-copy a{color:#063db8;font-weight:800;text-decoration:underline}
.hu-news-editor h3{font:italic 24px/1.2 Impact,sans-serif;color:#063db8}
.hu-news-editor footer{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.hu-news-empty{background:#f5fbff;border:2px dashed #087bee;padding:16px;color:#15213b}
.hu-news-empty strong{color:#063db8;font:italic 22px/1.2 Impact,sans-serif}
.hu-room-board{padding:10px;background:#d9f2ff;color:#15213b}
.hu-room-board>p:first-child{font-size:10px;letter-spacing:1px;font-weight:900;color:#063db8}
.hu-room-board>button{display:flex;align-items:center;gap:9px;width:100%;padding:9px;border:1px solid #4b9aca;border-bottom:3px solid #087bee;background:#f6fcff;color:#15213b;text-align:left;margin:7px 0;min-height:60px}
.hu-room-board>button>span:first-child{font-size:26px;color:#8428d7}
.hu-room-board>button>span:nth-child(2){min-width:0;flex:1}
.hu-room-board strong,.hu-room-board small{display:block;overflow-wrap:anywhere}
.hu-room-board b{font-size:10px;color:#063db8}
.hu-room-board footer button,.hu-arcade button:not(.hu-memory-grid button){min-height:44px;padding:7px 10px;background:#ffd600;color:#061334;border:1px solid #a57400;border-radius:3px;font-size:11px;font-weight:900;margin:3px}
.hu-arcade{padding:12px;background:#061334 url('/assets/howu-retro/texture-77af80590afd.svg');color:#e0f5ff}
.hu-arcade-marquee{padding:8px;background:#087bee;border:2px solid #19c9f4;border-bottom:4px solid #ff7917;margin-bottom:9px;transform:rotate(-1deg)}
.hu-arcade-marquee strong{display:block;color:#ffd600;font:italic 24px/1.1 Impact,sans-serif;text-shadow:2px 2px #061334}
.hu-arcade-marquee span,.hu-arcade>small{display:block;font-size:10px;margin-top:5px}
.hu-memory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.hu-memory-grid button{height:48px;min-width:0;background:#063db8;color:#ffd600;border:2px solid #19c9f4;box-shadow:0 3px #087bee;border-radius:4px;font-size:24px;cursor:pointer}
.hu-memory-grid button[aria-pressed=true]{background:#ffd600;color:#061334;border-color:#ff7917}
@media(max-width:700px){.hu-news-items{grid-template-columns:minmax(0,1fr)}.hu-news-masthead{padding:9px;gap:8px;flex-wrap:wrap}.hu-news-masthead strong{font-size:23px}.hu-news-masthead>b{max-width:none;font-size:10px}.hu-news-board{padding:8px}.hu-news-date{flex-basis:38px}.hu-news-item{padding:8px;gap:8px}.hu-unified-app .hu-route-content .howu-chat-thread:has(.hu-chat-voice-draft){display:flex}.hu-chat-voice-draft{flex-shrink:0;max-height:210px}.hu-editor-backdrop{padding:6px 6px calc(6px + env(safe-area-inset-bottom))}.hu-editor>header{position:sticky;top:0;z-index:2}.hu-editor footer{flex-wrap:wrap}.hu-editor-fact .hu-editor-writing{margin:6px;padding:8px}}
/* Explicit foreground/background pairs: pale admin navigation never inherits white text. */
.howu-admin .howu-admin-sidebar nav button,.howu-admin .howu-admin-sidebar>button{background:#dff3ff;color:#15213b;border:1px solid #80afd0;border-bottom:3px solid #087bee;border-radius:3px;min-height:44px;font-weight:800}
.howu-admin .howu-admin-sidebar nav button.active{background:#ffd600;color:#061334;border-color:#dda400}
.howu-admin .howu-admin-sidebar nav button:hover,.howu-admin .howu-admin-sidebar>button:hover{background:#063db8;color:#fff}
.howu-admin .howu-admin-sidebar nav button *,.howu-admin .howu-admin-sidebar>button *{color:inherit}
.howu-admin .howu-admin-main>main{background:#e4f5ff;color:#15213b}
.howu-admin .howu-admin-main>main :is(input,textarea,select){background:#fff;color:#15213b;-webkit-text-fill-color:#15213b;caret-color:#063db8}
.howu-admin .howu-admin-main>main :is(td,th,label){color:#15213b}
.howu-admin .howu-admin-main>main :is(input,textarea)::placeholder{color:#526c84;opacity:1}
/* Friends are a directory of little profile tickets, not empty dashboard tiles. */
.hu-unified-app .hu-route-content .pc-friends-page{background:#d9f4ff url('/assets/howu-retro/texture-77af80590afd.svg');border-bottom:4px solid #ff7917}
.hu-unified-app .hu-route-content .pc-friend-card{position:relative;background:#f6fcff;border:2px solid #087bee;border-left:6px solid #19c9f4;border-bottom:4px solid #ff7917;box-shadow:3px 3px #061334;border-radius:3px;padding:10px;min-width:0;color:#15213b}
.hu-unified-app .hu-route-content .pc-friend-card-main{min-width:0;gap:9px}
.hu-unified-app .hu-route-content .pc-friend-card strong{font-weight:900;color:#063db8;overflow-wrap:anywhere}
.hu-unified-app .hu-route-content .pc-friend-card small{color:#45627c}
.hu-unified-app .hu-route-content .pc-friend-card :is(button,.pc-friend-action-button){border-radius:3px;min-height:40px;font-weight:800}
.hu-follow-dialog .howu-follow-rows>article{background:#effaff;border:2px solid #087bee;border-left:5px solid #19c9f4;border-bottom:3px solid #ff7917;margin:8px;border-radius:2px}
.hp-profile-tile{background:#f3fbff;border:2px solid #087bee;border-bottom:4px solid #ff7917;border-radius:2px;box-shadow:2px 2px #061334}
/* The expression is the sticker; the user's own words are the caption. */
.hu-unified-app .hp-mood,body:has(.hu-unified-app) .hu-detail-feeling{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:7px 10px;background:#ffd600;color:#061334;border:2px solid #063db8;border-bottom:4px solid #ff7917;border-radius:2px;box-shadow:2px 2px #19c9f4;font:800 13px/1.4 'HOWU UI',Arial,sans-serif;white-space:normal;overflow-wrap:anywhere;transform:rotate(-1deg)}
.hp-now .hp-status{background:#e7f8ff;border-bottom:2px solid #71b8da}
.hp-now .hp-status:nth-of-type(even){background:#d6efff}
.hp-now .hp-status .hp-person strong{color:#063db8;font-weight:900}
.hu-selected-expression{background:#fff0a0;border:2px solid #063db8;border-bottom:4px solid #ff7917;border-radius:2px;padding:6px;color:#061334;font-weight:900;transform:rotate(-1deg)}
.hu-selected-expression>span{background:#063db8;border-radius:2px;border:2px solid #19c9f4}
/* Retired cosmetic display. Stored frames, purchases and balances remain intact. */
.hu-unified-app .hu-route-content .pc-profile-avatar{border-radius:3px;border:3px solid #063db8;padding:3px;background:#fff;box-shadow:0 0 0 3px #ffd600,3px 4px #061334;overflow:hidden}
.hu-unified-app .hu-route-content .pc-profile-avatar>img:not(.pc-avatar-frame-art){border-radius:1px}
.pc-customize-sheet .pc-customize-avatar{border:3px solid #063db8;border-radius:3px;background:#fff;box-shadow:3px 3px #ffd600}
.pc-customize-sheet .pc-customize-avatar>img{border-radius:0}
.hu-unified-app .pc-avatar-shell .pc-avatar-media{border-radius:3px}
.hu-unified-app .pc-avatar-shell{border-radius:3px}
/* One social hub, with a separate room directory and the existing private group chats. */
.hu-unified-app .howu-messenger-top-tabs{display:flex;flex-wrap:wrap;gap:3px}
.hu-unified-app .howu-messenger-top-tabs .howu-messenger-tab{flex:1 1 70px;font-size:11px;min-height:42px;padding:5px}
.hu-hub-room-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:12px;background:#061b52;color:#ffd600;border-bottom:3px solid #ff7917}
.hu-hub-room-tools>strong{font:italic 22px/1.2 Impact,sans-serif;width:100%}
.hu-hub-room-tools button,.hu-hub-intro button{background:#ffd600;color:#061334;min-height:44px;border:1px solid #d88f00;border-bottom:3px solid #ff7917;border-radius:3px;padding:7px 10px;font-weight:900;font-size:11px}
.hu-hub-room-card{display:flex;align-items:center;gap:8px;width:calc(100% - 16px);margin:8px;padding:10px;background:#e9f8ff;color:#15213b;border:2px solid #087bee;border-bottom:4px solid #ff7917;text-align:left;min-height:74px}
.hu-hub-room-card>span:not(.howu-chat-avatar){min-width:0;flex:1}.hu-hub-room-card strong{display:block;color:#063db8;font-size:13px;overflow-wrap:anywhere}.hu-hub-room-card small{display:block;color:#45627c;font-size:10px}.hu-hub-room-card>b{color:#063db8;font-size:9px}
.hu-hub-intro{margin:20px;padding:20px;border:3px solid #19c9f4;border-bottom:5px solid #ff7917;background:#061b52 url('/assets/howu-retro/texture-77af80590afd.svg');color:#fff;box-shadow:4px 4px #063db8}
.hu-hub-intro>span{font-size:44px;color:#ffd600}.hu-hub-intro h2{color:#ffd600;font:italic 30px/1.2 Impact,sans-serif}.hu-hub-intro p{font-size:13px;margin:10px 0}.hu-hub-empty{padding:15px;color:#15213b;font-size:13px}
@media(max-width:700px){.hu-unified-app .howu-messenger-shell[data-tab=rooms] .howu-messenger-chat-pane{display:none}.hu-unified-app .howu-messenger-mobile-tabs .howu-messenger-tab{min-width:0;font-size:9px;padding:4px 1px}.hu-unified-app .howu-messenger-mobile-tabs .howu-messenger-tab svg{width:18px}.hu-hub-room-card{margin:7px;width:calc(100% - 14px)}.howu-admin .howu-admin-sidebar nav button{font-size:13px}.hu-unified-app .hp-mood{font-size:12px;padding:6px 8px}}
body:has(.hu-unified-app) .howu-group-modal{background:#e5f6ff;color:#15213b;border:3px solid #19c9f4;border-bottom:5px solid #ff7917;border-radius:4px;box-shadow:5px 5px #061334}
body:has(.hu-unified-app) .howu-group-modal>header{background:#063db8;color:#fff;border-bottom:3px solid #ffd600}
body:has(.hu-unified-app) .howu-group-modal>header strong{font:italic 24px/1.2 Impact,sans-serif;color:#ffd600}
body:has(.hu-unified-app) .howu-group-modal>header span{color:#d0efff}
body:has(.hu-unified-app) .howu-group-modal .howu-group-name{color:#15213b;background:#e5f6ff}
body:has(.hu-unified-app) .howu-group-modal .howu-group-name input{background:#fff;color:#15213b;border:2px solid #087bee;border-radius:3px;font-size:16px}
body:has(.hu-unified-app) .howu-group-modal .is-checklist>label{background:#f4fbff;color:#15213b;border-bottom:2px solid #93c7e1}
body:has(.hu-unified-app) .howu-group-modal .is-checklist>label[hidden]{display:none}
body:has(.hu-unified-app) .howu-group-modal>footer{background:#061b52;color:#fff;border-top:3px solid #19c9f4}
body:has(.hu-unified-app) .howu-group-modal>footer button{background:#dff3ff;color:#15213b;min-height:44px;border-radius:3px}
body:has(.hu-unified-app) .howu-group-modal>footer button.is-primary{background:#ffd600;color:#061334}
@media(max-width:700px){.hu-unified-app .howu-messenger-mobile-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}}
.howu-admin .howu-admin-sidebar nav button,.howu-admin .howu-admin-sidebar>button{-webkit-text-fill-color:currentColor}

/* Four desktop destinations share one deliberate tab row. */
.hu-unified-app .howu-messenger-top-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:auto;min-height:54px;gap:4px}
.hu-unified-app .howu-messenger-top-tabs .howu-messenger-tab{min-width:0;min-height:48px;padding:7px;display:flex;flex-direction:row;gap:8px;font-size:14px;white-space:normal;line-height:1.2}
.hu-unified-app .howu-messenger-top-tabs .howu-messenger-tab svg{width:19px;height:19px;flex-shrink:0}
.hu-hub-room-tools{gap:8px;padding:12px}.hu-hub-room-tools button{font-size:12px;flex:1}
.hu-hub-intro{max-width:700px;padding:20px;margin:18px}.hu-hub-intro h2{margin:8px 0}.hu-hub-intro>span{display:inline-block;transform:rotate(-8deg);font-size:30px}.hu-hub-intro button{font-size:13px}
.hu-blogs .hu-blog-categories{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0 12px;padding:7px;background:#061b52;border-bottom:3px solid #ff7917}
.hu-blogs .hu-blog-categories button{min-height:44px;padding:7px 10px;background:#0b50b8;color:#fff;border:1px solid #50c9f4;font-weight:800;border-radius:2px;font-size:12px}
.hu-blogs .hu-blog-categories button[aria-pressed=true]{background:#ffd600;color:#061334;border-color:#ffe67e;box-shadow:inset 0 2px #fff6ba}
.hu-blog-list article{border:2px solid #087bee;border-bottom:5px solid #ff7917;box-shadow:2px 2px #061b52;background:#f6fcff;padding:12px}
.hu-blog-category{display:inline-block;padding:4px 8px;background:#ffd600;color:#061334;font:bold 10px/1.3 Arial,sans-serif;transform:rotate(-1deg);border:1px solid #df9b00;text-transform:uppercase}
.hu-blog-list h2{font:900 20px/1.2 'HOWU UI',Arial,sans-serif;margin:10px 0}
.hu-blogs .hu-blog-writer,.hu-blog-reader .hu-blog-writer{display:flex;align-items:center;gap:7px;padding:4px 0;min-height:44px;border:0;box-shadow:none;background:none;color:#063db8;font-weight:800;text-align:left;overflow-wrap:anywhere}
.hu-blog-writer img{width:30px;height:30px;object-fit:cover;border:2px solid #19c9f4;border-radius:2px}
.hu-blog-list time{font-size:10px;color:#4c6176}.hu-blog-list p{font-size:14px;line-height:1.5;margin:10px 0}
.hu-blog-reader{width:min(760px,100%);max-height:calc(100dvh - 36px);overflow:auto;background:#f4fbff;border:3px solid #19c9f4;border-bottom:5px solid #ff7917;padding:16px;color:#15213b;box-shadow:5px 5px #061334}
.hu-blog-reader>header{display:flex;justify-content:space-between;align-items:center;background:#061b52;color:#ffd600;margin:-16px -16px 12px;padding:8px 14px;border-bottom:3px solid #ffd600;font-weight:900;text-transform:uppercase}
.hu-blog-reader button{min-height:44px;border:1px solid #087bee;padding:7px 12px;background:#ffd600;color:#061334;font-weight:800}.hu-blog-reader h2{font-size:26px;overflow-wrap:anywhere;color:#063db8}.hu-blog-story{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.7;margin:14px 0 20px}
.hu-voice-host>audio[controls],.howu-message-audio>audio[controls],.hu-chat-voice-draft>audio[controls]{display:block;width:100%;max-width:100%;height:40px;margin:4px 0}
@media(max-width:767px){.hu-unified-app .howu-messenger-top-tabs{display:none}.hu-blog-categories{gap:4px}.hu-blog-reader{max-height:calc(100dvh - 24px);padding:12px}.hu-blog-reader>header{margin:-12px -12px 12px}.hu-hub-room-card strong{font-size:15px}.hu-hub-room-tools>strong{font-size:24px}}

#howu-app-update{position:fixed;bottom:calc(76px + env(safe-area-inset-bottom));left:12px;right:12px;z-index:1900;display:flex;flex-wrap:wrap;gap:10px;align-items:center;max-width:560px;padding:12px;background:#061b52;color:#fff;border:2px solid #19c9f4;border-bottom:4px solid #ff7917;box-shadow:4px 4px #020b24;font:13px/1.4 Arial,sans-serif}#howu-app-update strong{color:#ffd600}#howu-app-update button{min-height:44px;background:#ffd600;color:#061334;border:1px solid #ff7917;padding:8px;font-weight:900}

.hu-chat-send-status{grid-column:1/-1;margin:0;padding:4px 8px;color:#063db8;background:#fff6c0;font:12px/1.4 Arial,sans-serif}.hu-chat-send-status[role=alert]{color:#802706;background:#fff0e6}

/* One audio control surface at a time; native fallback replaces cassette controls. */
.hu-tape-player.is-native{border:0;background:none;box-shadow:none;padding:0}
.hu-tape-player.is-native :is(.hu-tape-label,.hu-tape-topline,.hu-tape-controls,.hu-tape-foot,.hu-tape-seek){display:none}
.hu-tape-player.is-native .hu-native-audio{color:#063db8}
.hu-tape-player.is-native [data-error]{color:#802706;background:#fff0e6;padding:6px}
.hu-unified-app .hu-route-content .howu-messenger-shell{display:flex;flex-direction:column}
.hu-unified-app .hu-route-content .howu-messenger-desktop-body{height:auto;flex:1;min-height:0}
.hu-unified-app .howu-messenger-shell>.howu-messenger-top-tabs{flex:0 0 auto;margin:0;border-bottom:3px solid #ffd600}
.hu-hub-room-card>.howu-chat-avatar{width:44px;height:44px;min-width:44px;max-width:44px;flex:0 0 44px;aspect-ratio:1;border-radius:50%}
.hu-unified-app .howu-messenger-brand>img{width:40px;height:40px;flex:0 0 40px;aspect-ratio:1;object-fit:cover;border-radius:50%}
.hu-unified-app .howu-conversation-copy strong,.hu-unified-app .howu-chat-thread-name strong{font-size:15px}
.hu-unified-app .howu-conversation-copy small{font-size:13px}.hu-unified-app .howu-message-bubble>p{font-size:15px;line-height:1.5}
.hu-hub-intro{padding:16px;max-width:560px}.hu-hub-intro p{font-size:15px}.hu-hub-room-card strong{font-size:15px}.hu-hub-room-card small{font-size:12px}.hu-hub-room-card>b{font-size:11px}
@media(min-width:768px) and (max-width:1050px){.hu-unified-app .hu-route-content .howu-messenger-desktop-body,.hu-unified-app .hu-route-content .howu-messenger-desktop-body:has(.howu-contact-details){grid-template-columns:270px minmax(0,1fr)}.hu-unified-app .howu-contact-details{display:none}}
@media(max-width:767px){.hu-unified-app .howu-messenger-shell>.howu-messenger-top-tabs{display:none}.hu-unified-app .hu-route-content .howu-messenger-desktop-body,.hu-unified-app .hu-route-content .howu-messenger-desktop-body:has(.howu-contact-details){display:block;padding-bottom:56px}.hu-unified-app .howu-messenger-mobile-tabs .howu-messenger-tab{font-size:11px;min-height:54px}.hu-unified-app .howu-chat-composer textarea{font-size:16px}.hu-unified-app .howu-chat-thread-name strong{font-size:15px}.hu-unified-app .howu-chat-avatar.is-md{width:44px;height:44px;flex:0 0 44px}.hu-unified-app .howu-messenger-shell[data-tab=rooms] .howu-messenger-chat-pane{display:none}}

.hu-reaction-backdrop{position:fixed;inset:0;z-index:1700;display:grid;place-items:center;padding:12px;background:#020b25cc}
.hu-reaction-picker{width:min(540px,100%);max-height:calc(100dvh - 28px);overflow:auto;background:#e5f7ff;color:#15213b;border:3px solid #19c9f4;border-bottom:5px solid #ff7917;padding:12px;box-shadow:5px 5px #061334}
.hu-reaction-picker>header{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#061b52;color:#ffd600;padding:8px;margin:-12px -12px 10px;border-bottom:3px solid #ffd600}
.hu-reaction-picker h2{font:italic 23px/1.2 Impact,sans-serif;margin:0}.hu-reaction-picker p{font-size:14px}.hu-reaction-picker button{min-height:44px;background:#063db8;color:white;border:1px solid #19c9f4;padding:6px}.hu-reaction-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:12px}.hu-reaction-grid>button{display:grid;place-items:center;min-width:0;min-height:52px;border:2px solid #087bee;background:#fff;color:#15213b;box-shadow:0 2px #8cb8d2;border-radius:4px}.hu-reaction-grid>button>span{font-size:30px}.hu-reaction-grid>button[aria-pressed=true]{background:#ffd600;border-color:#ff7917}.hu-reaction-grid small{font-size:11px}.hp-post-actions{flex-wrap:wrap}.hp-post-actions>.hu-react-launch{font-size:12px;gap:3px}.hu-react-launch>span:first-child{font-size:21px}
.hu-spin-backdrop{z-index:1650}.hu-spin-dialog{width:min(500px,100%);max-height:calc(100dvh - 28px);overflow:auto;padding:16px;background:#e5f7ff;color:#15213b;border:3px solid #19c9f4;border-bottom:6px solid #ff7917;box-shadow:5px 5px #061334;font:14px/1.5 'HOWU UI',Arial,sans-serif}.hu-spin-dialog>header{display:flex;align-items:center;justify-content:space-between;background:#061b52 url('/assets/howu-retro/texture-77af80590afd.svg');color:#ffd600;border-bottom:3px solid #ffd600;padding:10px;margin:-16px -16px 12px}.hu-spin-dialog h2{font:italic 26px/1.2 Impact,sans-serif;margin:0}.hu-spin-dialog button{min-height:44px;padding:7px 12px;background:#ffd600;border:1px solid #ce8e00;color:#061334;font-weight:900}.hu-spin-dialog>footer{display:flex;justify-content:space-between;gap:10px;margin-top:14px}.hu-spin-dialog summary{cursor:pointer;font-weight:800;color:#063db8}.hu-spin-dialog details p{font-size:12px}.hu-spin-result{text-align:center;font-weight:900;color:#063db8;font-size:18px}.hu-wheel-stage{position:relative;width:240px;height:252px;margin:8px auto}.hu-wheel-pointer{position:absolute;top:-4px;left:108px;z-index:2;font-size:26px;color:#061334;text-shadow:1px 1px #fff}.hu-wheel{position:absolute;inset:12px 0 0;height:240px;border:6px solid #061334;border-radius:50%;box-shadow:0 0 0 3px #19c9f4,3px 5px #ff7917;background:conic-gradient(#ffd600 0deg 108deg,#20c5f4 108deg 234deg,#ff9c21 234deg 306deg,#a7eaff 306deg 342deg,#fff6ab 342deg 360deg);transition:transform 1.2s cubic-bezier(.16,.75,.2,1)}.hu-wheel:after{content:'HOWU';position:absolute;inset:82px;border-radius:50%;display:grid;place-items:center;background:#061b52;color:#ffd600;font:bold 13px Arial,sans-serif;border:3px solid #fff}.hu-wheel>span{position:absolute;left:calc(50% - 16px);top:calc(50% - 12px);width:32px;text-align:center;font:bold 20px Arial,sans-serif;color:#061334}
@media(max-width:700px){.hu-reaction-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.hu-reaction-picker h2{font-size:20px}.hp-post-actions>.hu-react-launch>span:last-child{display:none}.hu-spin-dialog{padding:12px}.hu-spin-dialog>header{margin:-12px -12px 12px}.hu-spin-dialog h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.hu-wheel{transition:none}}

/* Profile header: identity, actions and statistics own separate grid tracks.
   Never put the four counters inside the narrow column beside the avatar. */
.hu-unified-app .hu-route-content .pc-profile-page .pc-profile-header{
  padding:20px;min-width:0;overflow:visible;
}
.hu-unified-app .hu-route-content .pc-profile-page .pc-profile-banner{
  display:block;width:100%;height:auto;aspect-ratio:16/6;max-height:240px;
  min-height:0;margin:0 0 20px;border:2px solid #52b9e3;
  border-bottom:4px solid #ffd600;border-radius:3px;overflow:hidden;
  background:#061b52;
}
.hu-unified-app .hu-route-content .pc-profile-page .pc-profile-top{
  --profile-avatar-size:112px;
  display:grid;grid-template-columns:var(--profile-avatar-size) minmax(0,1fr);
  grid-template-rows:auto auto auto;align-items:start;gap:14px 24px;padding:0;min-height:0;
}
.hu-unified-app .hu-route-content .pc-profile-page .pc-profile-avatar-wrap{
  grid-column:1;grid-row:1/3;position:relative;display:flex;flex-direction:column;
  align-items:center;gap:10px;width:var(--profile-avatar-size);height:auto;
  min-height:var(--profile-avatar-size);margin:0;isolation:isolate;
}
.hu-unified-app .hu-route-content .pc-profile-page .pc-profile-avatar{
  position:relative;flex:0 0 auto;display:grid;place-items:center;
  width:var(--profile-avatar-size);height:var(--profile-avatar-size);
  min-width:0;aspect-ratio:1;margin:0;padding:4px;
  border:2px solid #063db8;border-radius:4px;background:#fff;color:#063db8;
  box-shadow:0 0 0 2px #ffd600,0 3px #061334;overflow:hidden;
}
.hu-unified-app .hu-route-content .pc-profile-page .pc-profile-avatar>img:not(.pc-avatar-frame-art){
  display:block;width:100%;height:100%;aspect-ratio:1;object-fit:cover;border-radius:1px;
}
.hu-unified-app .hu-route-content .pc-profile-page .pc-profile-avatar>svg{width:55%;height:55%}
.hu-unified-app .hu-route-content .pc-profile-page .pc-profile-avatar-wrap>.pc-profile-thought{
  position:static;inset:auto;transform:none;order:2;width:100%;max-width:100%;
  height:auto;max-height:none;min-height:36px;margin:0;padding:7px 5px;
  white-space:normal;overflow-wrap:anywhere;font:700 12px/1.35 Arial,sans-serif;
  color:#15213b;background:#f4fbff;border:1px solid #6bacca;border-radius:4px;
}
.hu-unified-app .hu-route-content .pc-profile-page .pc-profile-thought:is(:before,:after){display:none}
.hu-unified-app .hu-route-content .pc-profile-page :is(.pc-profile-story-add,.pc-profile-avatar-edit){
  position:absolute;top:calc(var(--profile-avatar-size) - 28px);bottom:auto;
  right:-5px;left:auto;width:36px;height:36px;min-width:36px;min-height:36px;
  display:grid;place-items:center;border:2px solid #fff;border-radius:50%;
  background:#063db8;color:#ffd600;z-index:3;padding:0;
}
.hu-unified-app .hu-route-content .pc-profile-page .pc-profile-overview{
  grid-column:2;grid-row:1;display:block;min-width:0;padding:0;margin:0;
}
.hu-unified-app .hu-route-content .pc-profile-page .pc-profile-name-line{
  display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px;
  margin:0;min-width:0;background:#f4fbff;color:#063db8;
  border:1px solid #76afd0;border-left:4px solid #087bee;border-radius:3px;
}
.hu-unified-app .hu-route-content .pc-profile-page .pc-profile-name-line strong{
  min-width:0;font-size:clamp(18px,3vw,25px);font-weight:900;line-height:1.25;
  color:#063db8;overflow-wrap:anywhere;
}
.hu-unified-app .hu-route-content .pc-profile-page .pc-profile-actions{
  grid-column:2;grid-row:2;display:flex;flex-wrap:wrap;gap:8px;
  min-width:0;width:100%;margin:0;align-self:start;
}
.hu-unified-app .hu-route-content .pc-profile-page .pc-profile-actions>button{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  flex:1 1 120px;width:auto;max-width:100%;min-width:0;min-height:44px;
  padding:10px 12px;white-space:normal;overflow:visible;text-overflow:clip;
  overflow-wrap:anywhere;font:800 14px/1.3 Arial,sans-serif;
  background:linear-gradient(#fff075,#ffd600);color:#061334;
  border:1px solid #ac7900;border-bottom:3px solid #e27508;border-radius:3px;
}
.hu-unified-app .hu-route-content .pc-profile-page .pc-profile-actions>button>svg{flex:0 0 18px;width:18px;height:18px}
.hu-unified-app .hu-route-content .pc-profile-page .hu-profile-stats{
  grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  width:100%;max-width:none;min-width:0;gap:0;margin:4px 0 0;padding:0;
  border:2px solid #087bee;border-bottom:4px solid #ff7917;
  border-radius:4px;background:#f4fbff;overflow:hidden;
}
.hu-unified-app .hu-route-content .pc-profile-page .hu-profile-stats>*{
  display:flex;flex-direction:column;justify-content:center;align-items:center;
  gap:5px;width:auto;min-width:0;min-height:76px;margin:0;padding:10px 4px;
  border:0;border-right:1px solid #93bfd9;border-radius:0;box-shadow:none;
  background:#f4fbff;color:#15213b;overflow-wrap:anywhere;
}
.hu-unified-app .hu-route-content .pc-profile-page .hu-profile-stats>:last-child{border-right:0}
.hu-unified-app .hu-route-content .pc-profile-page .hu-profile-stats>button{background:#e1f3ff;color:#063db8}
.hu-unified-app .hu-route-content .pc-profile-page .hu-profile-stats>button:hover{background:#fff3a6}
.hu-unified-app .hu-route-content .pc-profile-page .hu-profile-stats b{font:900 24px/1.1 Arial,sans-serif;color:#063db8;max-width:100%;overflow-wrap:anywhere}
.hu-unified-app .hu-route-content .pc-profile-page .hu-profile-stats small{display:block;max-width:100%;font:700 12px/1.35 Arial,sans-serif;color:#314f69;white-space:normal;text-align:center}
.hu-unified-app .hu-route-content .pc-profile-page .pc-profile-bio{
  margin:16px 0 0;padding:14px;min-width:0;background:#fff;color:#15213b;
  border:1px solid #85b7d2;border-left:4px solid #ff7917;border-radius:3px;
  font-size:15px;line-height:1.5;overflow-wrap:anywhere;
}
.hu-unified-app .hu-route-content .pc-profile-page .pc-profile-bio>strong{color:#15213b;font-size:18px}
.hu-unified-app .hu-route-content .pc-profile-page .pc-profile-meta{display:flex;flex-wrap:wrap;gap:8px 16px;color:#45617a;font-size:13px}
.hu-unified-app .hu-route-content .pc-profile-page .pc-profile-meta>span{display:inline-flex;align-items:center;gap:5px;min-width:0}
.hu-unified-app .hu-route-content .pc-profile-page .pc-profile-meta svg{flex:0 0 18px;width:18px;height:18px}
.hu-unified-app .hu-route-content .pc-profile-page .pc-profile-bio a{color:#063db8;overflow-wrap:anywhere}
.hu-unified-app .hu-route-content .pc-friendship-preview{
  display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;
  gap:12px;width:calc(100% - 24px);min-width:0;margin:12px;padding:14px;
  text-align:left;background:#061b52 url('/assets/howu-retro/texture-77af80590afd.svg');color:#fff;
  border:2px solid #19c9f4;border-bottom:4px solid #ff7917;
  border-radius:4px;box-shadow:0 2px #061334;
}
.hu-unified-app .hu-route-content .pc-friendship-preview>span:nth-child(2){min-width:0;display:grid;gap:5px}
.hu-unified-app .hu-route-content .pc-friendship-preview strong{font:900 17px/1.3 Arial,sans-serif;color:#fff;overflow-wrap:anywhere}
.hu-unified-app .hu-route-content .pc-friendship-preview small{font:13px/1.4 Arial,sans-serif;color:#cbeaff;overflow-wrap:anywhere}
.hu-unified-app .hu-route-content .pc-friendship-preview>.pc-friendship-avatars{display:flex;width:76px;min-width:0;align-items:center;padding:0}
.hu-unified-app .hu-route-content .pc-friendship-avatars>*{position:relative;width:44px;height:44px;min-width:44px;flex:0 0 44px;border:2px solid #ffd600;border-radius:4px;overflow:hidden;background:#063db8;color:#fff}
.hu-unified-app .hu-route-content .pc-friendship-avatars>:last-child{margin-left:-12px}
.hu-unified-app .hu-route-content .pc-friendship-preview>svg{width:24px;height:24px;min-width:24px;color:#ffd600}
.hu-unified-app .hu-route-content .pc-profile-page :is(button,a):focus-visible{outline:3px solid #087bee;outline-offset:3px}
@media(max-width:700px){
  .hu-unified-app .hu-route-content .pc-profile-page{padding:0}
  .hu-unified-app .hu-route-content .pc-profile-page .pc-profile-header{padding:14px}
  .hu-unified-app .hu-route-content .pc-profile-page .pc-profile-banner{margin-bottom:16px;aspect-ratio:16/7}
  .hu-unified-app .hu-route-content .pc-profile-page .pc-profile-top{--profile-avatar-size:88px;gap:14px;grid-template-columns:88px minmax(0,1fr)}
  .hu-unified-app .hu-route-content .pc-profile-page .pc-profile-avatar-wrap{grid-row:1}
  .hu-unified-app .hu-route-content .pc-profile-page .pc-profile-actions{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}
  .hu-unified-app .hu-route-content .pc-profile-page .pc-profile-actions>button{font-size:13px;min-height:46px;padding:9px 8px}
  .hu-unified-app .hu-route-content .pc-profile-page .pc-profile-name-line{padding:10px;min-height:60px}
  .hu-unified-app .hu-route-content .pc-profile-page .hu-profile-stats>*{min-height:70px;padding:10px 3px}
  .hu-unified-app .hu-route-content .pc-profile-page .hu-profile-stats b{font-size:22px}
  .hu-unified-app .hu-route-content .pc-profile-page .hu-profile-stats small{font-size:11px}
  .hu-unified-app .hu-route-content .pc-profile-page .hu-profile-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;overflow:visible;margin:10px 8px 0}
  .hu-unified-app .hu-route-content .pc-profile-page .hu-profile-tabs>button{min-width:0;min-height:44px;padding:8px 4px;white-space:normal;overflow-wrap:anywhere}
  .hu-unified-app .hu-route-content .pc-friendship-preview{grid-template-columns:64px minmax(0,1fr) auto;padding:12px;gap:9px}
  .hu-unified-app .hu-route-content .pc-friendship-preview>.pc-friendship-avatars{width:64px}
  .hu-unified-app .hu-route-content .pc-friendship-avatars>*{width:38px;height:38px;min-width:38px;flex-basis:38px}
  .hu-unified-app .hu-route-content .pc-friendship-preview strong{font-size:15px}
  .hu-unified-app .hu-route-content .pc-friendship-preview small{font-size:12px}
}
.hu-unified-app .hu-route-content .pc-profile-page .pc-profile-utility-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.hu-unified-app .hu-route-content .pc-profile-page .pc-profile-utility-actions>button{min-height:44px;padding:8px 12px;background:#f4fbff;color:#314f69;border:1px solid #76afd0;border-radius:3px;font:700 13px/1.3 Arial,sans-serif;white-space:normal}
@media(max-width:700px){.hu-unified-app .hu-route-content .pc-profile-page .pc-profile-actions>button:last-child:nth-child(odd){grid-column:1/-1}}