/* HOJULINE COMMUNITY: a bright local conversation space. */
body.portal-view:has(.sc-shell){background:radial-gradient(ellipse at 5% 6%,#e4faed 0,transparent 39%),radial-gradient(ellipse at 100% 26%,#f0eaff 0,transparent 42%),#f7f9f7;color:#29333e}
.portal-view:has(.sc-shell) .workspace{background:transparent}.portal-view:has(.sc-shell) .hl-unified-header{background:#fffffff0;border-color:#e4ece6}.portal-view:has(.sc-shell) .app-footer{background:transparent;border-color:#e0e8e2}
.portal-view .sc-shell{max-width:960px;margin-top:22px;color:#303346}.sc-shell{--sc-violet:#6552bd;--sc-mint:#dff5e7;--sc-ink:#303346}
.sc-brand-heading{position:relative;display:flex;align-items:center;justify-content:space-between;gap:25px;overflow:hidden;padding:30px 34px;margin-bottom:20px;border:1px solid #e3eee4;border-radius:28px;background:linear-gradient(115deg,#e9f8ed 0%,#f3faef 53%,#eeebfb 100%);box-shadow:0 8px 28px #3a4c3210}
.sc-brand-copy{position:relative;z-index:1;flex:1;min-width:0}.sc-brand-kicker{display:inline-flex;align-items:center;gap:7px;color:#52735c;font-size:10px;font-weight:750;letter-spacing:1.6px}.sc-brand-kicker i{width:7px;height:7px;border-radius:50%;background:#f47e6d;box-shadow:0 0 0 4px #ffede4}
.sc-brand-heading h1{font-size:38px;line-height:1.23;font-weight:800;letter-spacing:-1.7px;margin:16px 0 13px;color:#293c36}.sc-brand-heading h1 em{font-style:normal;color:#6654aa}.sc-brand-heading p{font-size:13px;color:#6c7e73;line-height:1.8;margin:0}
.sc-brand-art{position:relative;flex:0 0 300px;height:190px}.sc-brand-spark{position:absolute;right:22px;top:0;font-size:59px;color:#f27c65;line-height:1;transform:rotate(9deg)}.sc-brand-bubble{position:absolute;box-sizing:border-box;box-shadow:0 8px 22px #49405a0d;font-size:17px;font-weight:750;letter-spacing:-.5px}.sc-brand-bubble-one{top:37px;left:4px;min-width:218px;padding:19px 21px;border-radius:22px 22px 22px 5px;transform:rotate(-5deg);background:white;color:#42594d;border:1px solid #e3ece1}.sc-brand-bubble-one i{font-size:23px;font-style:normal;margin-left:15px;color:#eea95f}.sc-brand-bubble-two{top:108px;right:0;padding:18px 21px;border-radius:22px 22px 5px 22px;background:#d9d0f3;color:#51417d;transform:rotate(4deg)}.sc-brand-art-note{position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.5px;color:#8a8498;white-space:nowrap}
.sc-shell .sc-compose{padding:25px 28px;border:1px solid #e5e9e2;border-radius:24px;background:#ffffffed;box-shadow:0 7px 28px #453f5d08}.sc-compose>label:first-child{font-size:17px;font-weight:750;letter-spacing:-.5px;color:#3c4051;margin-bottom:14px}.sc-compose textarea{border-color:#e7e8ec;background:#f8faf9;min-height:140px;font-size:15px;line-height:1.9;border-radius:15px;transition:border-color .15s,background .15s}.sc-compose textarea:focus{background:#fff;border-color:#b7a9df;outline:3px solid #ece6fa;outline-offset:1px}.sc-compose textarea::placeholder{color:#76867d}.sc-compose small{color:#88948d}.sc-compose .sc-primary{background:#6856bb;border-radius:12px;box-shadow:0 4px 12px #6856bb20;font-weight:700;min-height:44px}.sc-compose .sc-primary:hover{background:#5845a8}.sc-compose .sc-photo-picker{background:#eff8f1;border-color:#dbeade;color:#507559;border-radius:11px}.sc-compose .sc-photo-preview img{border-radius:12px}
.sc-shell .sc-toolbar{padding:6px;background:#eef0f7;border:1px solid #e3e5ef;border-radius:16px;box-shadow:none}.sc-toolbar nav button{font-weight:650;color:#818398;border-radius:11px;min-height:40px}.sc-toolbar nav button[aria-pressed=true]{background:#fff;color:#6652b0;box-shadow:0 3px 10px #4c416910}.sc-toolbar>button{color:#8b879e}
#sc-search input{border-color:#e4e8e5;border-radius:13px;background:#ffffffd9;min-height:45px;color:#4e5360}#sc-search button{border:1px solid #e4e8e5;border-radius:12px;background:#fff;color:#6f7384}
.sc-shell .sc-tags button{background:#fff;border:1px solid #e5eae5;color:#637663;border-radius:10px;font-size:11px;min-height:32px}.sc-shell .sc-tags button:hover{background:#f0f8ef;border-color:#ccdfc9}.sc-shell .sc-tags button[aria-pressed=true]{background:#eae5fa;border-color:#d8cef0;color:#6b54ad}
.sc-shell .sc-card{border:1px solid #e7e9e6;border-radius:24px;background:#fff;box-shadow:0 7px 24px #48425706;padding:25px 27px;margin-bottom:15px}.sc-card header strong,.sc-card .ms-profile{color:#424654;font-size:13px}.sc-card small{color:#747783;font-size:10px}.sc-shell .sc-avatar{width:42px;height:42px;border-radius:15px;font-weight:750;background:#ece6f9;color:#7964af}.sc-avatar.sc-avatar-tone-1{background:#e2f3e5;color:#5b8a66}.sc-avatar.sc-avatar-tone-2{background:#fff0df;color:#b38449}.sc-avatar.sc-avatar-tone-3{background:#e4effa;color:#668eaf}.sc-avatar.sc-avatar-tone-4{background:#fbe5e8;color:#b57385}.sc-card .sc-official{border:1px solid #ece8f5;background:#f7f5fc;color:#9a8bb7;font-size:9px;border-radius:5px;padding:2px 5px}.sc-body{color:#525866;font-size:15px;line-height:1.9;margin:21px 0 16px}.sc-card footer{border-color:#f0f0f3;gap:7px}.sc-card footer button{min-height:38px;border-radius:10px;color:#747684;font-size:12px}.sc-card footer button:hover{background:#f3f1fa;color:#7963ba}.sc-card footer [data-sc-like][aria-pressed=true]{color:#d77880;background:#fff1f0}.sc-card header>button{background:#f5f2fc;border-color:#e5def5;color:#8972b8;border-radius:10px}.sc-card .at-reference{background:#f8f6fd;border-color:#c4b6e4;border-radius:0 12px 12px 0}.sc-card .at-reference button{color:#777087}.sc-shell button:focus-visible{outline-color:#b4a4dd}
.sc-shell .at-choices{padding:20px 21px;border:1px solid #e4e8e1;border-radius:23px;background:#ffffffa8;box-shadow:0 4px 16px #403b5104}.at-choices-heading h2{color:#51576a;font-size:15px}.at-choices-heading p{color:#767987}.sc-shell .at-choices-heading nav button{background:#f4f0fc;border-color:#e3daf3;color:#8a74b8}.sc-shell .at-choice-list>button{border:1px solid #e8e7ed;border-radius:15px;background:#fff;box-shadow:none;padding:14px 15px}.at-choice-list small i{background:#eae5f8;color:#8370b4;border-radius:7px}.at-choice-list small{color:#797985}.at-choice-list span{color:#5c5b6d}.at-choice-list b{color:#79669e}.at-choices-status{color:#7b7888}.at-choices[aria-busy=true] .at-choices-heading nav button:last-child{background:#e7e0f4;border-color:#b9a6d9}
.sc-comments{border-color:#eeedf2}.sc-comment p{color:#646674}.sc-reply .sc-primary{background:#6856bb}.sc-shell #sc-more{border-color:#e5ddf2;background:#f6f3fc;color:#8973b4;min-height:44px;padding:10px 22px;border-radius:13px}.sc-shell .sc-error{color:#ac433b}
@media(max-width:850px){.sc-brand-heading{padding:27px}.sc-brand-heading h1{font-size:34px}.sc-brand-art{flex-basis:240px;transform:scale(.9);transform-origin:right center}.sc-brand-bubble-one{min-width:210px}.sc-brand-bubble-two{right:-5px}}
@media(max-width:600px){.portal-view .sc-shell{margin-top:10px}.sc-brand-heading{padding:24px 23px;border-radius:24px;gap:0;margin-bottom:16px}.sc-brand-heading h1{font-size:29px;line-height:1.25;letter-spacing:-1.2px;margin:14px 0 12px}.sc-brand-heading p{font-size:12px}.sc-brand-art{display:none}.sc-brand-kicker{font-size:9px;letter-spacing:1.3px}.sc-shell .sc-compose{padding:20px 18px;border-radius:21px}.sc-compose>label:first-child{font-size:15px}.sc-compose textarea{font-size:16px;min-height:130px}.sc-compose .sc-primary{font-size:12px;padding:10px 15px}.sc-toolbar nav button{min-height:38px;padding:7px 10px}.sc-toolbar>button{padding:7px;font-size:10px}.sc-shell .sc-card{padding:21px 18px;border-radius:21px}.sc-body{font-size:14px;line-height:1.9}.sc-card footer{gap:2px}.sc-card footer button{font-size:11px;padding:6px 8px}.sc-shell .sc-avatar{width:38px;height:38px;border-radius:13px}.sc-shell .at-choices{padding:17px 14px;border-radius:20px}.at-choices-heading h2{font-size:13px}.sc-shell .at-choices-heading nav button{width:36px;height:36px;min-height:36px}.sc-shell .at-choice-list>button{border-radius:12px}.sc-shell .sc-tags button{font-size:10px}}
@media(max-width:360px){.sc-brand-heading{padding:22px 20px}.sc-brand-heading h1{font-size:27px}.sc-toolbar nav button{font-size:11px;padding:7px 8px}.sc-toolbar>button{font-size:9px;padding:6px 3px}.sc-shell .sc-compose{padding:18px 15px}.sc-compose .sc-primary{font-size:11px;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.sc-compose textarea{transition:none}}

/* The HOJU TOKTOK wordmark and its short invitation. */
.sc-brand-heading:not(.sc-linked-article) .sc-wordmark{display:flex;align-items:baseline;gap:0;font-size:52px;line-height:1.25;letter-spacing:-2.8px;margin:15px 0 12px;font-weight:850;white-space:nowrap}.sc-wordmark em{font-style:normal;color:#6853b4}.sc-wordmark>i{align-self:flex-end;display:block;width:10px;height:10px;border-radius:50%;background:#ef8a73;margin:0 0 13px 9px;flex:none}.sc-brand-tagline{font-size:16px;line-height:1.9;font-weight:700;color:#65745f;letter-spacing:-.4px}
@media(max-width:850px){.sc-brand-heading:not(.sc-linked-article) .sc-wordmark{font-size:47px}}
@media(max-width:600px){.sc-brand-heading:not(.sc-linked-article) .sc-wordmark{font-size:43px;letter-spacing:-2.4px;margin:14px 0 10px}.sc-wordmark>i{width:8px;height:8px;margin:0 0 10px 7px}.sc-brand-tagline{font-size:14px}}
@media(max-width:360px){.sc-brand-heading:not(.sc-linked-article) .sc-wordmark{font-size:38px;letter-spacing:-2px}}