#oce-star {
  --oce-bg:#fcfbf8; --oce-paper:#fff; --oce-soft:#f5f3ef; --oce-hover:#efede8;
  --oce-line:#e8e5df; --oce-line-strong:#d4cec5; --oce-text:#35312b;
  --oce-muted:#817b71; --oce-subtle:#a39b90; --oce-accent:#74604b;
  --oce-own:#eee8dd; --oce-badge-bg:#fbf1db; --oce-badge:#b47b2d; --oce-positive:#419875;
  --oce-shadow:0 12px 44px #483e2d18,0 2px 7px #483e2d0b;
  font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;
  color:var(--oce-text); text-align:left; letter-spacing:normal; color-scheme:light;
}
#oce-star[data-theme="dark"] {
  --oce-bg:#24221f; --oce-paper:#2c2925; --oce-soft:#322f29; --oce-hover:#3a352e;
  --oce-line:#413c34; --oce-line-strong:#5b5347; --oce-text:#f0eadf; --oce-muted:#b5ab9c;
  --oce-subtle:#978d7f; --oce-accent:#cfb793; --oce-own:#494030; --oce-badge-bg:#463a26;
  --oce-badge:#e1bc77; --oce-positive:#80c6a3; --oce-shadow:0 16px 50px #0005,0 2px 7px #0003; color-scheme:dark;
}
#oce-star *,#oce-star *::before,#oce-star *::after {box-sizing:border-box}
#oce-star [hidden] {display:none!important}
#oce-star button,#oce-star input,#oce-star textarea,#oce-star a {font:inherit;letter-spacing:inherit}
#oce-star button {appearance:none;cursor:pointer;text-transform:none;box-shadow:none;margin:0;min-height:0;line-height:1.5}
#oce-star button:disabled {cursor:not-allowed;opacity:.45}
#oce-star button:focus-visible,#oce-star a:focus-visible,#oce-star input:focus-visible,#oce-star textarea:focus-visible,#oce-star [tabindex]:focus-visible {outline:2px solid var(--oce-accent);outline-offset:3px}
#oce-star a {color:var(--oce-accent);text-decoration:none}
#oce-star a:hover {text-decoration:underline}
#oce-star [data-oce-icon] {display:inline-flex;flex-shrink:0;align-items:center;justify-content:center}
#oce-star svg {display:block;width:20px;height:20px;flex-shrink:0}
#oce-star .oce-star-launcher {position:fixed;right:24px;bottom:24px;z-index:999990;display:flex;align-items:center;gap:9px;border:1px solid var(--oce-line-strong);border-radius:22px;background:var(--oce-paper);color:var(--oce-text);padding:12px 18px;box-shadow:var(--oce-shadow);font-weight:600;transition:transform .18s}
#oce-star .oce-star-launcher:hover {transform:translateY(-2px)}
#oce-star .oce-star-announcement-alert {position:absolute;right:calc(100% + 10px);top:50%;margin-top:-19px;display:flex;align-items:center;gap:6px;height:38px;padding:0 12px;border:1px solid var(--oce-line-strong);border-radius:13px;background:var(--oce-paper);color:var(--oce-text);font-size:12px;white-space:nowrap;box-shadow:var(--oce-shadow);pointer-events:auto}
#oce-star .oce-star-announcement-alert svg {width:16px;height:16px;color:var(--oce-accent)}
#oce-star .oce-star-launcher[data-edge="left"] .oce-star-announcement-alert {left:calc(100% + 10px);right:auto}
#oce-star .oce-star-backdrop {position:fixed;inset:0;z-index:999991;background:#30261a0c}
#oce-star .oce-star-panel {position:fixed;right:24px;bottom:88px;z-index:999992;display:flex;flex-direction:column;width:380px;max-width:calc(100vw - 32px);height:min(750px,calc(100dvh - 112px));min-height:330px;background:var(--oce-bg);border:1px solid var(--oce-line-strong);border-radius:15px;overflow:hidden;box-shadow:var(--oce-shadow);animation:oce-star-appear .18s ease-out}
#oce-star .oce-star-header {display:flex;align-items:center;gap:7px;padding:10px 12px;min-height:58px;border-bottom:1px solid var(--oce-line);flex-shrink:0;background:var(--oce-bg)}
#oce-star .oce-star-heading {display:flex;align-items:center;gap:9px;min-width:0}
#oce-star h2 {font-family:inherit;font-size:15px;font-weight:650;line-height:1.5;margin:0;color:var(--oce-text);letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#oce-star .oce-star-site-name {color:var(--oce-subtle);font-size:11px;letter-spacing:.6px}
#oce-star .oce-star-header-actions {margin-left:auto;display:flex;gap:1px;flex-shrink:0}
#oce-star .oce-star-icon {display:inline-flex;align-items:center;justify-content:center;width:30px;height:32px;padding:0;background:transparent;border:0;border-radius:9px;color:var(--oce-muted)}
#oce-star .oce-star-icon:hover {background:var(--oce-hover);color:var(--oce-text)}
#oce-star .oce-star-icon svg {width:17px;height:17px}
#oce-star .oce-star-dm-options svg {stroke-width:3.4}
#oce-star .oce-star-back {width:25px;margin-left:-3px}
#oce-star .oce-star-status {display:inline-flex;align-items:center;gap:5px;padding:1px 7px;color:var(--oce-muted);border:1px solid var(--oce-line);border-radius:7px;background:var(--oce-soft);font-size:11px;white-space:nowrap;line-height:1.6}
#oce-star .oce-star-status::before {content:"";width:6px;height:6px;border-radius:50%;background:var(--oce-subtle)}
#oce-star .oce-star-status[data-state="connected"]::before,#oce-star .oce-star-status[data-state="online"]::before {background:var(--oce-positive)}
#oce-star .oce-star-status[data-state="away"]::before {display:none}
#oce-star .oce-star-status[data-state="error"]::before {background:#c69c67}
#oce-star .oce-star-directory,#oce-star .oce-star-content-page {flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:15px 13px 24px;scrollbar-width:thin;scrollbar-color:var(--oce-line-strong) transparent}
#oce-star .oce-star-directory-banner {margin:0 auto 12px}
#oce-star h3.oce-star-section-label {display:inline-flex;align-items:center;gap:7px;width:fit-content;max-width:100%;padding:4px 10px;margin:0 0 10px;color:var(--oce-muted);background:var(--oce-soft);border:1px solid var(--oce-line);border-radius:20px;font-family:inherit;font-size:12px;font-weight:500;line-height:1.5}
#oce-star .oce-star-section-label svg {width:12px;height:12px}
#oce-star .oce-star-section-label>span:last-child:not([data-oce-icon]) {margin-left:5px;color:var(--oce-text);font-weight:650}
#oce-star .oce-star-channel-list {display:grid;gap:8px}
#oce-star .oce-star-channel-row {display:flex;align-items:center;gap:0;min-width:0;border:1px solid var(--oce-line);border-radius:13px;background:var(--oce-paper);transition:border-color .15s,background .15s}
#oce-star .oce-star-channel-row:hover {border-color:var(--oce-line-strong);background:var(--oce-soft)}
#oce-star .oce-star-channel-row[data-current="true"] {background:var(--oce-soft);border-color:var(--oce-line-strong)}
#oce-star .oce-star-channel-enter {display:flex;gap:10px;align-items:center;flex:1;min-width:0;width:100%;padding:9px;background:transparent;border:0;border-radius:13px;color:var(--oce-text);text-align:left}
#oce-star .oce-star-channel-cover {display:flex;align-items:center;justify-content:center;width:47px;height:49px;flex:0 0 47px;overflow:hidden;border-radius:9px;background:#eadfd3;color:#957455}
#oce-star .oce-star-channel-cover svg {width:25px;height:25px;stroke-width:1.45}
#oce-star .oce-star-channel-cover {position:relative}
#oce-star .oce-star-channel-image {position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;border:0;border-radius:0;margin:0;padding:0;display:block}
#oce-star .oce-star-channel-cover.oce-star-has-image>svg {visibility:hidden}
#oce-star .oce-star-channel-cover[data-kind="announcement"] {background:#f0e6cb;color:#b18b47}
#oce-star .oce-star-channel-cover[data-kind="help"] {background:#dfeae2;color:#688b75}
#oce-star[data-theme="dark"] .oce-star-channel-cover {background:#4b4034;color:#d6b896}
#oce-star[data-theme="dark"] .oce-star-channel-cover[data-kind="announcement"] {background:#4b422e;color:#ddc181}
#oce-star[data-theme="dark"] .oce-star-channel-cover[data-kind="help"] {background:#34483c;color:#add0b7}
#oce-star .oce-star-channel-copy {flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
#oce-star .oce-star-channel-name {display:flex;align-items:center;gap:5px;min-width:0;font-size:14px;font-weight:600}
#oce-star .oce-star-channel-name>span:first-child {color:var(--oce-muted);font-size:13px;font-weight:400}
#oce-star .oce-star-channel-name>span:nth-child(2) {min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#oce-star .oce-star-channel-name .oce-star-channel-tag {flex-shrink:0;font-weight:400;margin:0}
#oce-star .oce-star-channel-preview {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--oce-muted);font-size:12px;font-weight:400}
#oce-star .oce-star-channel-tag {color:var(--oce-badge);background:var(--oce-badge-bg);border-radius:10px;padding:1px 5px;font-size:10px;white-space:nowrap;margin:0 4px}
#oce-star .oce-star-channel-enter>svg {color:var(--oce-subtle);width:12px;height:12px;margin:0 4px}
#oce-star .oce-star-favorite {color:var(--oce-subtle);width:30px;height:34px;padding:0;margin-right:5px;display:flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:8px;flex-shrink:0}
#oce-star .oce-star-favorite:hover {background:var(--oce-hover)}
#oce-star .oce-star-favorite svg {width:16px;height:16px}
#oce-star .oce-star-favorite[aria-pressed="true"] {color:#b8904c}
#oce-star .oce-star-favorite[aria-pressed="true"] svg {fill:#cbaa6740}
#oce-star .oce-star-directory-empty {color:var(--oce-subtle);font-size:12px;text-align:center;margin:0;padding:22px 12px;border:1px dashed var(--oce-line);border-radius:12px}
#oce-star .oce-star-navigation {display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:8px 10px;margin-top:auto;background:var(--oce-paper);border-top:1px solid var(--oce-line);flex-shrink:0}
#oce-star .oce-star-navigation button {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--oce-muted);padding:7px 4px 5px;font-size:11px}
#oce-star .oce-star-navigation button svg {width:20px;height:20px}
#oce-star .oce-star-navigation button[aria-current="page"] {background:var(--oce-hover);color:var(--oce-text);border-color:var(--oce-line-strong)}
#oce-star .oce-star-navigation button:hover {color:var(--oce-text);background:var(--oce-soft)}
#oce-star .oce-star-chat {position:relative;display:flex;flex-direction:column;flex:1;min-height:0}
#oce-star .oce-star-description {font-size:11px;line-height:1.5;color:var(--oce-muted);margin:0;padding:7px 16px;border-bottom:1px solid var(--oce-line);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}
#oce-star .oce-star-scroll {flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;min-height:40px;padding:0 12px 18px;scrollbar-width:thin;scrollbar-color:var(--oce-line-strong) transparent}
#oce-star .oce-star-day {color:var(--oce-subtle);font-size:11px;display:flex;align-items:center;justify-content:center;gap:10px;padding:18px 0 16px}
#oce-star .oce-star-day::before,#oce-star .oce-star-day::after {content:"";height:1px;width:26px;background:var(--oce-line)}
#oce-star .oce-star-message {display:flex;align-items:flex-start;gap:9px;margin:0 0 18px}
#oce-star .oce-star-avatar {width:30px;height:30px;flex:0 0 30px;background:var(--oce-soft);color:var(--oce-accent);border:1px solid var(--oce-line);border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;font-size:12px;margin-top:1px}
#oce-star .oce-star-avatar img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0;margin:0;border-radius:0}
#oce-star .oce-star-message-body {max-width:calc(100% - 50px);min-width:0}
#oce-star .oce-star-message-meta {display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0 0 5px;font-size:11px;line-height:1.5;color:var(--oce-subtle)}
#oce-star .oce-star-edited {font-size:10px;color:var(--oce-muted)}
#oce-star .oce-star-auto-reply-label {display:block;margin-bottom:4px;font-size:10px;line-height:1.3;color:var(--oce-muted);user-select:none}
#oce-star .oce-star-edit-form {margin:0}
#oce-star .oce-star-edit-input {min-height:110px;max-height:32dvh;resize:vertical;line-height:1.6}
#oce-star .oce-star-edit-count {display:block;text-align:right;color:var(--oce-muted);margin-top:-5px}
#oce-star .oce-star-edit-actions {display:flex;align-items:center;gap:10px;margin-top:14px}
#oce-star .oce-star-edit-actions>button {flex:1;margin:0;width:auto;text-align:center;justify-content:center;min-height:40px}
#oce-star .oce-star-author {color:var(--oce-muted);max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:550}
#oce-star .oce-star-badge {display:inline-flex;align-items:center;gap:3px;font-size:10px;padding:0 5px;border:1px solid var(--oce-line-strong);border-radius:8px;background:var(--oce-soft);color:var(--oce-accent)}
#oce-star .oce-star-badge svg {width:10px;height:10px}
#oce-star .oce-star-bubble {width:fit-content;background:var(--oce-paper);border:1px solid var(--oce-line);padding:9px 12px;border-radius:4px 14px 14px;color:var(--oce-text);font-size:14px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:0 1px 2px #483e2d04}
#oce-star .oce-star-own {flex-direction:row-reverse}
#oce-star .oce-star-own .oce-star-message-meta {justify-content:flex-end}
#oce-star .oce-star-own .oce-star-bubble {margin-left:auto;background:var(--oce-own);border-color:var(--oce-line-strong);border-radius:14px 4px 14px 14px}
#oce-star .oce-star-post-card {margin-top:6px;display:flex;flex-direction:column;gap:4px;border:1px solid var(--oce-line);border-radius:12px;padding:10px 12px;background:var(--oce-paper);text-decoration:none}
#oce-star .oce-star-post-card:hover {border-color:var(--oce-line-strong);background:var(--oce-soft);text-decoration:none}
#oce-star .oce-star-post-label {display:flex;gap:5px;align-items:center;color:var(--oce-muted);font-size:11px}
#oce-star .oce-star-post-label svg {width:12px;height:12px}
#oce-star .oce-star-post-card strong {font-size:13px;color:var(--oce-text);font-weight:550;overflow-wrap:anywhere}
#oce-star .oce-star-post-link {color:var(--oce-accent);font-size:11px}
#oce-star .oce-star-history {display:block;margin:10px auto 0;border:0;background:transparent;color:var(--oce-muted);padding:5px 9px;font-size:11px}
#oce-star .oce-star-empty {text-align:center;padding:70px 16px;color:var(--oce-muted)}
#oce-star .oce-star-empty>span {display:inline-flex;padding:14px;border-radius:22px;border:1px solid var(--oce-line);background:var(--oce-soft);color:var(--oce-subtle)}
#oce-star .oce-star-empty>span svg {width:27px;height:27px}
#oce-star .oce-star-empty p {margin:15px 0 3px;font-size:15px;color:var(--oce-text)}
#oce-star .oce-star-empty small {font-size:12px}
#oce-star .oce-star-new {position:absolute;right:15px;bottom:79px;z-index:2;width:36px;height:36px;border:1px solid var(--oce-line);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--oce-text);background:var(--oce-paper);padding:0;box-shadow:0 4px 16px #483e2d14}
#oce-star .oce-star-chat[data-attachment="true"] .oce-star-new {bottom:139px}
#oce-star .oce-star-new svg {width:17px;height:17px}
#oce-star .oce-star-alert {margin:8px 12px 0;border-radius:9px;background:var(--oce-badge-bg);border:1px solid var(--oce-line);color:var(--oce-badge);padding:8px 10px;font-size:12px;flex-shrink:0;max-height:90px;overflow:auto}
#oce-star .oce-star-attachment {margin:0 9px 5px;padding:7px 10px;border:1px solid var(--oce-line);border-radius:11px;background:var(--oce-soft);flex-shrink:0}
#oce-star .oce-star-attachment label {font-size:11px;color:var(--oce-accent);display:flex;gap:5px;align-items:center;cursor:pointer}
#oce-star .oce-star-attachment input {accent-color:var(--oce-accent);width:13px;height:13px;margin:0}
#oce-star .oce-star-attachment label svg {width:12px;height:12px}
#oce-star .oce-star-attachment-title {display:block;font-size:11px;color:var(--oce-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
#oce-star .oce-star-compose {position:relative;padding:6px 7px 8px;background:var(--oce-bg);margin:0;flex-shrink:0}
#oce-star .oce-star-compose-tools {display:flex;justify-content:flex-end;align-items:center;gap:3px;padding:0 3px 3px}
#oce-star .oce-star-compose-tools .oce-star-icon {width:30px;height:28px;color:var(--oce-muted)}
#oce-star .oce-star-compose-tools .oce-star-icon:hover {color:var(--oce-accent);background:var(--oce-soft)}
#oce-star .oce-star-link-drafts {display:flex;flex-wrap:wrap;gap:5px;max-height:76px;overflow:auto;padding:4px 7px 7px}
#oce-star .oce-star-link-chip {display:inline-flex;align-items:center;max-width:100%;gap:4px;padding:4px 6px;border:1px solid var(--oce-line);border-radius:10px;background:var(--oce-soft);color:var(--oce-accent);font-size:11px}
#oce-star .oce-star-link-chip svg {width:13px;height:13px;flex:none}
#oce-star .oce-star-link-chip button {border:0;padding:1px 3px;background:none;color:inherit;font:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}
#oce-star .oce-star-link-chip button:last-child {flex:none}
#oce-star .oce-star-link-editor {display:grid;gap:9px;padding:4px 0 8px}
#oce-star .oce-star-link-editor>label {font-size:12px;color:var(--oce-muted)}
#oce-star .oce-star-link-editor .oce-star-sheet-search {margin:0;width:100%;box-sizing:border-box}
#oce-star .oce-star-link-editor .oce-star-sheet-error {margin:0}
#oce-star .oce-star-edit-link-tools {margin:4px 0 9px}
#oce-star .oce-star-text-link {color:var(--oce-accent);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
#oce-star .oce-star-text-link:hover {filter:brightness(1.15)}
#oce-star .oce-star-compose-line {display:flex;align-items:flex-end;gap:5px;width:100%;min-width:0;padding:5px;border:1px solid var(--oce-line);border-radius:14px;background:var(--oce-paper);box-shadow:0 1px 4px #483e2d05}
#oce-star .oce-star-compose-line:focus-within {border-color:var(--oce-line-strong)}
#oce-star textarea {display:block;flex:1;min-width:0;width:100%;height:34px;min-height:34px;max-height:110px;resize:none;border:0;padding:5px 0;background:transparent;border-radius:0;outline:none;box-shadow:none;color:var(--oce-text);font-size:14px;line-height:24px}
#oce-star textarea::placeholder {color:var(--oce-subtle)}
#oce-star textarea:disabled {opacity:.6}
#oce-star textarea:focus-visible {outline-offset:-1px;outline-width:1px;border-radius:4px}
#oce-star .oce-star-emoji-toggle {height:34px;flex-shrink:0}
#oce-star .oce-star-emoji-toggle svg {width:20px;height:20px}
#oce-star .oce-star-send {display:flex;flex-shrink:0;align-items:center;justify-content:center;width:33px;height:34px;border:0;border-radius:11px;background:var(--oce-accent);color:var(--oce-paper);padding:0}
#oce-star .oce-star-send:disabled {opacity:.53}
#oce-star .oce-star-send:hover:enabled {filter:brightness(1.13)}
#oce-star .oce-star-send svg {width:17px;height:17px}
#oce-star .oce-star-compose-note {display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
#oce-star .oce-star-counter {color:var(--oce-subtle);font-size:10px;padding:4px 4px 0;margin-left:auto;white-space:nowrap}
#oce-star .oce-star-counter.oce-star-over {color:#bd674f}
#oce-star .oce-star-hint {margin:0;padding:5px 4px 0;color:var(--oce-muted);font-size:11px;line-height:1.5}
#oce-star .oce-star-hint:empty {display:none}
#oce-star .oce-star-login {display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:2px 6px 9px;color:var(--oce-muted);font-size:12px}
#oce-star .oce-star-login a {font-weight:600}
#oce-star .oce-star-emojis {position:absolute;left:8px;bottom:calc(100% + 7px);display:grid;grid-template-columns:repeat(6,1fr);gap:4px;padding:9px;border:1px solid var(--oce-line-strong);border-radius:13px;background:var(--oce-paper);box-shadow:var(--oce-shadow);z-index:3}
#oce-star .oce-star-emojis button {width:34px;height:34px;border:0;padding:0;border-radius:7px;background:transparent;font-size:22px}
#oce-star .oce-star-emojis button:hover {background:var(--oce-hover)}
#oce-star .oce-star-account-card {text-align:center;padding:25px 16px;border:1px solid var(--oce-line);border-radius:15px;background:var(--oce-paper);margin-bottom:16px}
#oce-star .oce-star-account-avatar {display:flex;align-items:center;justify-content:center;width:60px;height:60px;margin:0 auto 14px;border:1px solid var(--oce-line-strong);border-radius:50%;background:var(--oce-own);color:var(--oce-accent);font-size:23px}
#oce-star .oce-star-account-name {margin:0;color:var(--oce-text);font-size:17px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
#oce-star .oce-star-account-detail {color:var(--oce-muted);font-size:13px;margin:8px 0 0}
#oce-star .oce-star-primary-link {display:inline-block;margin-top:16px;padding:8px 18px;border:1px solid var(--oce-line-strong);border-radius:10px;background:var(--oce-soft);font-size:13px}
#oce-star .oce-star-info-card {display:flex;align-items:flex-start;gap:11px;padding:15px 13px;background:var(--oce-paper);border:1px solid var(--oce-line);border-radius:13px;color:var(--oce-muted)}
#oce-star .oce-star-info-card>span {margin-top:2px}
#oce-star .oce-star-info-card strong {font-size:13px;font-weight:600;color:var(--oce-text)}
#oce-star .oce-star-info-card p {font-size:12px;line-height:1.7;margin:6px 0 0;color:var(--oce-muted)}
#oce-star .oce-star-about-mark {font-size:29px;color:var(--oce-accent);line-height:1}
#oce-star .oce-star-version {font-size:11px;color:var(--oce-subtle);display:block;margin-top:8px}
#oce-star .oce-star-theme-options {display:grid;grid-template-columns:1fr 1fr;gap:10px}
#oce-star .oce-star-theme-options button {display:flex;align-items:center;gap:9px;border:1px solid var(--oce-line);border-radius:12px;color:var(--oce-muted);background:var(--oce-paper);padding:13px 11px;font-size:13px}
#oce-star .oce-star-theme-options button[aria-pressed="true"] {color:var(--oce-accent);border-color:var(--oce-line-strong);background:var(--oce-own)}
#oce-star .oce-star-theme-check {margin-left:auto;opacity:0}
#oce-star .oce-star-theme-check svg {width:15px;height:15px}
#oce-star [aria-pressed="true"] .oce-star-theme-check {opacity:1}
#oce-star .oce-star-preference-note {margin:10px 0 24px;color:var(--oce-subtle);font-size:11px}
#oce-star .oce-star-return-site {margin-top:16px;border:1px solid var(--oce-line);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:10px;background:var(--oce-paper);color:var(--oce-muted);font-size:13px}
#oce-star .oce-star-return-site:hover {background:var(--oce-soft)}
#oce-star .oce-star-sr {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes oce-star-appear {from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:600px),(max-height:500px) {
  body.oce-star-open {overflow:hidden}
  #oce-star .oce-star-launcher {right:16px;bottom:max(16px,env(safe-area-inset-bottom))}
  #oce-star .oce-star-backdrop {background:#30261a25}
  #oce-star .oce-star-panel {right:0;bottom:0;width:100%;max-width:100%;height:calc(100dvh - 12px);min-height:0;border-radius:16px 16px 0 0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom)}
  #oce-star .oce-star-header {padding-inline:11px}
  #oce-star textarea {font-size:16px}
  #oce-star .oce-star-navigation {padding-bottom:10px}
}
@media (max-width:350px) {
  #oce-star .oce-star-status {padding-inline:5px;font-size:10px}
  #oce-star .oce-star-header {gap:4px;padding-inline:8px}
  #oce-star h2 {font-size:14px}
  #oce-star .oce-star-header-actions .oce-star-icon {width:27px}
  #oce-star .oce-star-channel-tag {font-size:9px;padding-inline:4px}
}
@media (max-height:500px) {
  #oce-star .oce-star-header {min-height:47px;padding-block:6px}
  #oce-star .oce-star-description {display:none}
  #oce-star .oce-star-directory,#oce-star .oce-star-content-page {padding-top:10px}
  #oce-star .oce-star-navigation {padding-block:4px}
  #oce-star .oce-star-navigation button {flex-direction:row;padding-block:6px}
  #oce-star .oce-star-scroll {min-height:25px}
  #oce-star .oce-star-compose {padding-top:3px;padding-bottom:5px}
  #oce-star textarea {max-height:60px}
  #oce-star .oce-star-attachment {padding-block:4px}
}
@media (prefers-reduced-motion:reduce) {
  #oce-star .oce-star-panel {animation:none}
  #oce-star .oce-star-launcher,#oce-star .oce-star-channel-row {transition:none}
}

/* Conversation, attachment sheets and shop. All styles remain scoped to the widget. */
#oce-star .oce-star-panel {bottom:24px;height:min(750px,calc(100dvh - 48px));animation:oce-star-appear .24s cubic-bezier(.2,.7,.2,1)}
#oce-star #oce-star-input:focus,#oce-star #oce-star-input:focus-visible {outline:none!important;box-shadow:none!important;border:0!important;background:transparent;caret-color:var(--oce-text)}
#oce-star .oce-star-compose-line:focus-within {border-color:var(--oce-line);box-shadow:none}
#oce-star .oce-star-paperclip {height:34px;flex-shrink:0}
#oce-star .oce-star-paperclip svg {width:21px;height:21px}
#oce-star .oce-star-attach-menu {position:absolute;z-index:4;bottom:calc(100% + 7px);left:9px;min-width:170px;padding:6px;background:var(--oce-paper);border:1px solid var(--oce-line-strong);border-radius:14px;box-shadow:var(--oce-shadow);animation:oce-star-rise .2s ease-out}
#oce-star .oce-star-attach-menu button {display:flex;align-items:center;gap:13px;width:100%;padding:12px 13px;border:0;border-radius:9px;color:var(--oce-text);background:transparent;text-align:left;font-size:13px}
#oce-star .oce-star-attach-menu button:hover {background:var(--oce-soft)}
#oce-star .oce-star-attach-menu button svg {width:19px;height:19px;color:var(--oce-muted)}
#oce-star .oce-star-attachment {margin:4px 13px 0;padding:5px 8px;border-radius:15px;background:var(--oce-soft);box-shadow:none}
#oce-star .oce-star-attached-item {display:flex;align-items:center;gap:9px;min-width:0;padding:4px 0}
#oce-star .oce-star-attached-cover {width:36px;height:36px;object-fit:cover;border-radius:7px;flex-shrink:0}
#oce-star .oce-star-attached-copy {display:flex;flex-direction:column;min-width:0;flex:1}
#oce-star .oce-star-attached-copy small {color:var(--oce-accent);font-size:10px}
#oce-star .oce-star-attached-copy strong {color:var(--oce-text);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}
#oce-star .oce-star-avatar-wrap {position:relative;flex:0 0 30px;width:30px;height:30px;margin-top:1px}
#oce-star .oce-star-avatar-wrap .oce-star-avatar {position:relative;margin:0;width:100%;height:100%;font-size:inherit;overflow:hidden}
#oce-star .oce-star-avatar-wrap .oce-star-avatar img {border-radius:50%}
#oce-star .oce-star-avatar-frame {position:absolute;transform:translate(-50%,-50%);max-width:none;object-fit:contain;pointer-events:none;z-index:1}
#oce-star .oce-star-account-avatar {border:0;background:none}
#oce-star .oce-star-account-avatar>.oce-star-avatar-wrap {width:60px;height:60px;flex-basis:60px;font-size:24px}
#oce-star .oce-star-message-in {animation:oce-star-message-in .38s cubic-bezier(.16,.75,.25,1) both;transform-origin:50% 100%}
#oce-star .oce-star-retracted {color:var(--oce-muted);font-size:12px;padding:8px 2px;font-style:italic}
#oce-star .oce-star-sticker {width:140px;height:140px;margin:4px 0;background:transparent}
#oce-star .oce-star-sticker :is(img,video) {width:100%;height:100%;object-fit:contain;border:0}
#oce-star .oce-star-sticker :is(img,video) {cursor:pointer;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
#oce-star .oce-star-own .oce-star-sticker {margin-left:auto}
#oce-star .oce-star-photo {max-width:235px;margin:5px 0;overflow:hidden;border:1px solid var(--oce-line);border-radius:14px;background:var(--oce-soft);cursor:zoom-in}
#oce-star .oce-star-photo img {width:100%;max-height:300px;object-fit:contain;display:block}
#oce-star .oce-star-photo img {cursor:zoom-in;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
#oce-star .oce-star-image-failed {min-height:44px;background:var(--oce-soft)}
#oce-star .oce-star-post-card {display:flex;flex-direction:row;gap:10px;max-width:255px}
#oce-star .oce-star-post-card>span {min-width:0;display:flex;flex-direction:column;gap:3px}
#oce-star .oce-star-post-card .oce-star-post-cover {width:48px;height:56px;object-fit:cover;border-radius:7px;flex-shrink:0}
#oce-star .oce-star-post-excerpt {color:var(--oce-muted);font-size:11px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
#oce-star .oce-star-send-state {font-size:10px;color:var(--oce-subtle);padding-top:5px;display:flex;flex-direction:column;align-items:flex-end;gap:2px}
#oce-star .oce-star-send-state small {max-width:240px;font-size:10px;color:var(--oce-muted)}
#oce-star .oce-star-retry {background:transparent;border:0;padding:2px 0;color:#b06c48;font-size:11px}
#oce-star .oce-star-user-search {display:flex;align-items:center;gap:9px;border:1px solid var(--oce-line);border-radius:13px;background:var(--oce-paper);padding:9px 12px;margin:0}
#oce-star .oce-star-user-search svg {width:17px;height:17px;color:var(--oce-subtle)}
#oce-star .oce-star-user-search input {min-width:0;width:100%;background:transparent;border:0;box-shadow:none;color:var(--oce-text);font-size:13px;padding:0;outline:0}
#oce-star .oce-star-private-note {font-size:11px;color:var(--oce-muted);padding:0 3px;margin:12px 0 15px}
#oce-star .oce-star-conversations,#oce-star .oce-star-user-results {display:grid;gap:9px}
#oce-star .oce-star-person-row {display:flex;align-items:center;gap:12px;width:100%;min-width:0;border:1px solid var(--oce-line);border-radius:13px;padding:14px 12px;background:var(--oce-paper);color:var(--oce-text);text-align:left}
#oce-star .oce-star-person-row:hover {background:var(--oce-soft)}
#oce-star .oce-star-person-row .oce-star-avatar-wrap {width:38px;height:38px;flex-basis:38px}
#oce-star .oce-star-person-copy {flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
#oce-star .oce-star-person-copy strong {font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#oce-star .oce-star-person-copy small {font-size:11px;color:var(--oce-muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#oce-star .oce-star-person-row>svg {width:13px;color:var(--oce-muted)}
#oce-star .oce-star-blank {width:100%;padding:28px 12px;text-align:center;font-size:12px;color:var(--oce-muted);line-height:1.8}
#oce-star .oce-star-dm-consent {display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:6px;padding:7px 12px;background:var(--oce-soft);border-top:1px solid var(--oce-line);font-size:11px;color:var(--oce-muted)}
#oce-star .oce-star-text-button,#oce-star .oce-star-shop-link {border:0;background:transparent;color:var(--oce-accent);font-size:12px;padding:8px 4px;cursor:pointer}
#oce-star .oce-star-small-primary {border:0;background:var(--oce-accent);color:var(--oce-paper);padding:6px 9px;border-radius:8px;font-size:11px}
#oce-star .oce-star-sheet-layer {position:absolute;inset:0;z-index:10;display:flex;align-items:flex-end}
#oce-star .oce-star-sheet-shade {position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:#211c1747;border-radius:0;animation:oce-star-fade .2s ease-out}
#oce-star .oce-star-sheet {position:relative;display:flex;flex-direction:column;width:100%;max-height:88%;min-height:180px;min-width:0;background:var(--oce-bg);border:1px solid var(--oce-line-strong);border-bottom:0;border-radius:24px 24px 0 0;box-shadow:0 -12px 35px #18151119;padding-bottom:env(safe-area-inset-bottom);animation:oce-star-sheet-in .28s cubic-bezier(.2,.7,.2,1);outline:none}
#oce-star .oce-star-sheet-handle {width:34px;height:4px;background:var(--oce-line-strong);border-radius:10px;flex-shrink:0;margin:10px auto 3px}
#oce-star .oce-star-sheet-header {display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 17px 10px;border-bottom:1px solid var(--oce-line);flex-shrink:0}
#oce-star .oce-star-sheet-header h3 {margin:0;font-family:inherit;font-size:15px;color:var(--oce-text);font-weight:600;min-width:0}
#oce-star .oce-star-sheet-body {min-height:0;overflow:auto;overscroll-behavior:contain;padding:14px 15px 20px;scrollbar-width:thin}
#oce-star .oce-star-sheet-tabs {display:flex;gap:5px;padding:4px;background:var(--oce-soft);border:1px solid var(--oce-line);border-radius:12px;margin-bottom:13px}
#oce-star .oce-star-sheet-tabs button {flex:1;border:0;border-radius:9px;padding:9px 10px;background:transparent;color:var(--oce-muted);font-size:12px;white-space:nowrap}
#oce-star .oce-star-sheet-tabs button[aria-pressed="true"] {background:var(--oce-paper);color:var(--oce-text);box-shadow:0 1px 5px #483e2d09}
#oce-star .oce-star-sheet-search {display:block;width:100%;border:1px solid var(--oce-line);border-radius:11px;color:var(--oce-text);background:var(--oce-paper);padding:9px 12px;font-size:13px;box-shadow:none;margin-bottom:12px}
#oce-star .oce-star-note {font-size:11px;color:var(--oce-muted);line-height:1.8;margin:9px 0 13px}
#oce-star .oce-star-note:empty {display:none}
#oce-star .oce-star-article-list {display:grid;gap:10px}
#oce-star .oce-star-article-row {display:flex;align-items:center;min-width:0;border:1px solid var(--oce-line);background:var(--oce-paper);border-radius:15px}
#oce-star .oce-star-article-select {display:flex;align-items:center;gap:10px;flex:1;min-width:0;background:none;border:0;padding:10px;border-radius:15px;text-align:left;color:var(--oce-text)}
#oce-star .oce-star-article-cover {width:62px;height:64px;flex-shrink:0;object-fit:cover;border-radius:10px;background:var(--oce-soft)}
#oce-star .oce-star-article-fallback {display:flex;align-items:center;justify-content:center;color:var(--oce-subtle)}
#oce-star .oce-star-article-copy {min-width:0;display:flex;flex-direction:column;gap:5px}
#oce-star .oce-star-article-copy strong {font-size:12px;font-weight:600;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
#oce-star .oce-star-article-copy small {font-size:11px;color:var(--oce-muted);line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
#oce-star .oce-star-article-date {display:block;flex:none;font-size:10px;line-height:1.5;color:var(--oce-subtle);white-space:nowrap;margin-top:2px}
#oce-star .oce-star-load-more {width:100%;padding:10px;border:0;background:var(--oce-soft);border-radius:10px;font-size:12px;color:var(--oce-muted)}
#oce-star .oce-star-primary-button {display:block;width:100%;padding:11px 14px;border:0;border-radius:12px;background:var(--oce-accent);color:var(--oce-paper);font-size:13px;font-weight:600;margin:12px 0}
#oce-star .oce-star-primary-button:disabled {opacity:.5}
#oce-star .oce-star-action-row {display:block;width:100%;padding:14px;border:1px solid var(--oce-line);border-radius:12px;background:var(--oce-paper);color:var(--oce-text);font-size:13px;margin:9px 0;text-align:left}
#oce-star .oce-star-sheet-error {padding:10px;border-radius:9px;background:var(--oce-badge-bg);color:var(--oce-badge);font-size:12px}
#oce-star .oce-star-full-image {display:block;width:100%;max-height:65dvh;object-fit:contain;border-radius:12px}
#oce-star .oce-star-sheet-layer[data-image="true"] .oce-star-sheet-shade {background:#000b}
#oce-star .oce-star-sheet[data-type="image"] .oce-star-sheet-handle {display:none}
#oce-star .oce-star-sheet[data-type="image"] .oce-star-sheet-header {border:0;padding:0 0 8px;color:#fff}
#oce-star .oce-star-sheet[data-type="image"] .oce-star-sheet-header h3 {color:#fff}
#oce-star .oce-star-sheet[data-type="image"] .oce-star-sheet-close {color:#fff;background:#0005;border-radius:50%}
#oce-star .oce-star-sheet[data-type="image"] .oce-star-sheet-body {padding:0;overflow:hidden}
#oce-star .oce-star-pack-tabs {overflow-x:auto;scrollbar-width:thin}
#oce-star .oce-star-pack-tabs button {flex:0 0 auto;max-width:180px;overflow:hidden;text-overflow:ellipsis}
#oce-star .oce-star-emoji-grid {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:44px;align-content:start;gap:5px}
#oce-star .oce-star-emoji-grid button {font-size:25px;line-height:30px;min-height:44px;background:none;border:0;padding:7px 0;border-radius:10px}
#oce-star .oce-star-emoji-grid button:hover {background:var(--oce-soft)}
#oce-star .oce-star-sticker-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;align-items:start;gap:8px;max-height:340px;overflow:auto}
#oce-star .oce-star-sticker-grid button {position:relative;display:block;width:100%;height:auto;min-height:0;overflow:hidden;background:none;border:0;padding:0;border-radius:10px;aspect-ratio:1}
#oce-star .oce-star-sticker-grid button:hover {background:var(--oce-soft)}
#oce-star .oce-star-sticker-grid :is(img,video) {display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
#oce-star .oce-star-sticker-grid button :is(img,video) {position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);pointer-events:none}
#oce-star .oce-star-shop-link {display:block;width:100%;text-align:center;margin-top:14px}
#oce-star .oce-star-shop-entry {display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:20px 16px;margin:0 0 24px;border:1px solid var(--oce-line-strong);border-radius:17px;background:linear-gradient(120deg,var(--oce-own),var(--oce-paper));color:var(--oce-text)}
#oce-star .oce-star-shop-mark {font-size:38px;line-height:1;color:var(--oce-accent)}
#oce-star .oce-star-shop-entry>span:nth-child(2) {flex:1;display:flex;flex-direction:column;gap:3px}
#oce-star .oce-star-shop-entry strong {font-size:15px;font-weight:600}
#oce-star .oce-star-shop-entry small {font-size:11px;color:var(--oce-muted)}
#oce-star .oce-star-shop-entry svg {width:15px}
#oce-star .oce-star-wallet-status {display:flex;align-items:center;gap:9px;border:1px solid var(--oce-line);border-radius:12px;padding:13px;margin-bottom:15px;background:var(--oce-own);color:var(--oce-accent);font-size:12px}
#oce-star .oce-star-products {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
#oce-star .oce-star-product {border:1px solid var(--oce-line);background:var(--oce-paper);border-radius:14px;padding:12px;display:flex;flex-direction:column;align-items:stretch;min-width:0}
#oce-star .oce-star-product>strong {font-size:12px;font-weight:600;margin:9px 0 3px;overflow-wrap:anywhere}
#oce-star .oce-star-product>small {color:var(--oce-muted);font-size:10px}
#oce-star .oce-star-product {position:relative}
#oce-star .oce-star-product {padding-top:34px}
#oce-star .oce-star-product-label {position:absolute;top:8px;right:8px;z-index:1;box-sizing:border-box;max-width:calc(100% - 16px);border-radius:6px;padding:4px 8px;font-size:11px;font-weight:600;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
#oce-star .oce-star-product-art {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:4px;aspect-ratio:1;align-items:center;justify-items:center;padding:8px}
#oce-star .oce-star-product-art>:is(img,video,canvas) {width:100%;height:100%;min-height:0;object-fit:contain}
#oce-star .oce-star-product-art>.oce-star-avatar-wrap {grid-column:1/-1;grid-row:1/-1;width:65px;height:65px;font-size:23px}
#oce-star .oce-star-product-action {margin:12px 0 0;border:1px solid var(--oce-line-strong);border-radius:9px;background:var(--oce-soft);color:var(--oce-accent);font-size:11px;padding:8px 3px}
#oce-star .oce-star-product>small {min-height:28px;line-height:14px}
#oce-star .oce-star-product>strong {min-height:36px;line-height:18px}
#oce-star .oce-star-product-action {margin-top:auto}
#oce-star .oce-star-frame-fitting {display:flex;flex-direction:column;align-items:center;padding:45px 25px 12px;background:var(--oce-soft);border-radius:15px}
#oce-star .oce-star-frame-fitting>.oce-star-avatar-wrap {width:112px;height:112px;font-size:40px;flex-basis:112px}
#oce-star .oce-star-frame-fitting p {color:var(--oce-muted);font-size:12px;margin:32px 0 8px}
#oce-star .oce-star-transfer-card {display:grid;grid-template-columns:26px 1fr;gap:4px 10px;min-width:180px;padding:15px;border:1px solid var(--oce-line-strong);border-radius:14px;background:var(--oce-own);color:var(--oce-accent)}
#oce-star .oce-star-transfer-card svg {grid-row:span 2;width:26px;height:26px;margin:auto}
#oce-star .oce-star-transfer-card strong {font-size:17px}
#oce-star .oce-star-transfer-card small {font-size:11px}
#oce-star .oce-star-transfer-name {font-size:16px;margin:14px 0 0;color:var(--oce-text)}
#oce-star .oce-star-transfer-form label {display:block;color:var(--oce-muted);font-size:12px}
#oce-star .oce-star-transfer-form input {display:block;margin:8px 0 12px;width:100%;border:1px solid var(--oce-line);border-radius:13px;padding:14px;background:var(--oce-paper);color:var(--oce-text);font-size:22px}
@keyframes oce-star-message-in {from {opacity:0;transform:translateY(26px) scale(.96)}to {opacity:1;transform:translateY(0) scale(1)}}
@keyframes oce-star-sheet-in {from {opacity:.7;transform:translateY(100%)}to {opacity:1;transform:translateY(0)}}
@keyframes oce-star-rise {from {opacity:0;transform:translateY(8px)}to {opacity:1;transform:translateY(0)}}
@keyframes oce-star-fade {from {opacity:0}to {opacity:1}}
@media(max-width:600px),(max-height:500px) {
  #oce-star .oce-star-panel {bottom:0;height:calc(100dvh - 12px)}
  #oce-star .oce-star-sheet {max-height:90%}
  #oce-star .oce-star-sheet-search,#oce-star .oce-star-user-search input {font-size:16px}
}
@media(max-height:500px) {#oce-star .oce-star-sheet {max-height:96%}#oce-star .oce-star-sheet-header {padding-block:3px}#oce-star .oce-star-sheet-body {padding-top:8px}}
@media(prefers-reduced-motion:reduce) {
  #oce-star *,#oce-star *::before,#oce-star *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* Personal games and full-height subpages keep the panel geometry stable. */
#oce-star .oce-star-games {padding:15px 12px;margin:0 0 16px;border:1px solid var(--oce-line);border-radius:17px;background:var(--oce-paper)}
#oce-star .oce-star-games>header {display:flex;align-items:center;justify-content:space-between;gap:8px}
#oce-star .oce-star-games h3 {font-size:14px;font-weight:600;margin:0;color:var(--oce-text)}
#oce-star .oce-star-games-note {font-size:11px;color:var(--oce-muted);margin:5px 0 15px}
#oce-star .oce-star-games-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 10px}
#oce-star .oce-star-game-card {display:block;min-width:0;color:var(--oce-text);text-decoration:none}
#oce-star .oce-star-game-cover {display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:11px;background:var(--oce-soft);border:1px solid var(--oce-line)}
#oce-star .oce-star-game-fallback {display:flex;align-items:center;justify-content:center;color:var(--oce-accent)}
#oce-star .oce-star-game-fallback svg {width:34px;height:34px;opacity:.6}
#oce-star .oce-star-game-title {display:block;margin-top:8px;height:2.9em;line-height:1.45;font-size:12px;overflow-y:auto;overflow-wrap:anywhere;scrollbar-width:none;overscroll-behavior:contain;touch-action:pan-y;cursor:grab;mask-image:linear-gradient(#000 0%,#000 72%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 72%,transparent 100%)}
#oce-star .oce-star-game-title:active {cursor:grabbing}
#oce-star .oce-star-game-title::-webkit-scrollbar {display:none}
#oce-star .oce-star-game-title.oce-star-title-end {mask-image:none;-webkit-mask-image:none}
#oce-star .oce-star-game-add {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:123px;border:1px dashed var(--oce-line-strong);border-radius:12px;color:var(--oce-muted);background:var(--oce-soft);font-size:12px}
#oce-star .oce-star-game-add svg {width:27px;height:27px;opacity:.6}
#oce-star .oce-star-games-picker-footer {position:sticky;bottom:-20px;padding:12px 0 15px;background:var(--oce-bg);border-top:1px solid var(--oce-line);margin-top:12px;z-index:1}
#oce-star .oce-star-games-selection {display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}
#oce-star .oce-star-game-chip {max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:5px 9px;border:1px solid var(--oce-line);border-radius:9px;background:var(--oce-own);color:var(--oce-accent);font-size:11px}
#oce-star .oce-star-article-select[aria-pressed="true"] {background:var(--oce-own);box-shadow:inset 0 0 0 1px var(--oce-accent);border-radius:13px}
#oce-star .oce-star-shop,#oce-star .oce-star-emoji-page {background:var(--oce-bg);scrollbar-gutter:stable;min-width:0}
#oce-star .oce-star-emoji-page {display:flex;flex-direction:column;overflow:hidden;padding-bottom:14px}
#oce-star .oce-star-emoji-page>.oce-star-pack-tabs {flex:0 0 61px;align-items:center;overflow-x:auto;overflow-y:hidden;margin-bottom:12px;scrollbar-width:thin}
#oce-star .oce-star-emoji-page .oce-star-pack-tabs button {flex:0 0 48px;width:48px;height:48px;padding:6px;display:flex;align-items:center;justify-content:center}
#oce-star .oce-star-pack-tabs button :is(img,video) {width:36px;height:36px;object-fit:contain;display:block}
#oce-star .oce-star-pack-tabs button svg {width:26px;height:26px}
#oce-star .oce-star-emoji-page>.oce-star-emoji-grid,#oce-star .oce-star-emoji-page>.oce-star-sticker-grid {flex:1;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;align-content:start}
#oce-star .oce-star-emoji-page>.oce-star-shop-link {flex-shrink:0}
#oce-star .oce-star-product {text-align:left;color:var(--oce-text);cursor:pointer;transition:background .18s,border-color .18s}
#oce-star .oce-star-product:hover {background:var(--oce-soft);border-color:var(--oce-line-strong)}
#oce-star .oce-star-product-action {text-align:center;display:block}
#oce-star .oce-star-sheet-layer[data-layout="center"] {align-items:center;justify-content:center;padding:18px}
#oce-star [data-layout="center"] .oce-star-sheet {max-height:90%;border:1px solid var(--oce-line-strong);border-radius:21px;animation:oce-star-product-in .24s cubic-bezier(.2,.7,.2,1);padding-bottom:0}
#oce-star [data-layout="center"] .oce-star-sheet-handle {display:none}
#oce-star [data-layout="center"] .oce-star-sheet-header {padding-top:14px}
#oce-star [data-layout="center"] .oce-star-sticker-grid {max-height:none;overflow:visible;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
#oce-star .oce-star-own .oce-star-send-state {min-height:16px}
#oce-star .oce-star-receipt {display:inline-flex;align-items:center;justify-content:center;height:12px;color:var(--oce-muted);vertical-align:middle}
#oce-star .oce-star-receipt svg {width:18px;height:13px;stroke-width:1.9}
#oce-star .oce-star-receipt[data-read="true"] {color:var(--oce-positive)}
#oce-star .oce-star-image-unavailable {display:block;min-height:75px;min-width:140px;padding:12px;font-size:12px;color:var(--oce-muted);background:var(--oce-soft);border-radius:12px}
@keyframes oce-star-product-in {from{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
#oce-star .oce-star-reply-card {display:flex;align-items:center;gap:9px;min-width:0;padding:10px 12px;border:1px solid var(--oce-line-strong);border-radius:13px;background:var(--oce-soft);margin:0 0 7px;text-align:left}
#oce-star .oce-star-reply-card .oce-star-avatar-wrap {width:28px;height:28px;flex-basis:28px;font-size:12px}
#oce-star .oce-star-reply-copy {display:flex;flex-direction:column;gap:3px;flex:1;min-width:0;font-size:12px;color:var(--oce-muted)}
#oce-star .oce-star-reply-copy strong {color:var(--oce-accent);font-size:11px;font-weight:600}
#oce-star .oce-star-reply-copy>span {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
#oce-star .oce-star-attachment>.oce-star-reply-card {margin:0;border:0;background:transparent}
#oce-star .oce-star-blocked-row {display:flex;align-items:center;gap:10px;padding:13px 2px;border-bottom:1px solid var(--oce-line)}
#oce-star .oce-star-blocked-row .oce-star-person-copy {flex:1;min-width:0}
#oce-star .oce-star-account>.oce-star-action-row {display:flex;align-items:center;gap:10px;min-height:50px}
#oce-star .oce-star-action-label {flex:1;min-width:0;line-height:1.5;overflow-wrap:anywhere}
#oce-star .oce-star-account>.oce-star-action-row>[data-oce-icon] {flex:0 0 20px;width:20px;height:20px}
#oce-star .oce-star-blacklist-entry {margin-bottom:16px}
@media(pointer:coarse){#oce-star .oce-star-message {-webkit-touch-callout:none}#oce-star .oce-star-message img {user-select:none;-webkit-user-select:none}}
#oce-star .oce-star-page-leaving {position:absolute!important;top:var(--oce-exit-top);left:var(--oce-exit-left);width:var(--oce-exit-width);height:var(--oce-exit-height);z-index:3;pointer-events:none;background:var(--oce-bg);overflow:hidden!important}
#oce-star [data-layout="center"] .oce-star-sheet[data-preview="large-stickers"] {height:auto;max-height:90%}
#oce-star .oce-star-sheet[data-preview="large-stickers"] .oce-star-sheet-body {flex:1}

/* Fixed overlays never participate in the header/composer flex layout. */
#oce-star .oce-star-panel {overflow-anchor:none;isolation:isolate}
#oce-star .oce-star-panel * {overflow-anchor:none}
#oce-star .oce-star-header {height:58px;min-height:58px;max-height:58px}
#oce-star .oce-star-sheet-layer {position:absolute;inset:0;flex:none;min-height:0;overflow:hidden}
#oce-star .oce-star-sheet {flex-shrink:0}
#oce-star .oce-star-site-name {display:inline-flex;align-items:center;gap:5px;font-size:11px;letter-spacing:0;white-space:nowrap}
#oce-star .oce-star-site-name::before {content:"";width:6px;height:6px;flex:none;border-radius:50%;background:#cf625a;box-shadow:0 0 0 3px #cf625a14}
#oce-star .oce-star-site-name[data-online="true"]::before {background:#48aa80;box-shadow:0 0 0 3px #48aa8014}
#oce-star .oce-star-navigation button {position:relative}
#oce-star .oce-star-launcher-unread,#oce-star .oce-star-launcher-channel-unread,#oce-star .oce-star-channel-unread {display:inline-flex;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;background:#d65559;color:#fff;border:2px solid var(--oce-bg);border-radius:20px;font-size:10px;line-height:1;font-weight:650}
#oce-star .oce-star-launcher-unread {position:absolute;top:-7px;right:-5px;box-shadow:0 2px 7px #0002}
#oce-star .oce-star-launcher[data-edge="right"] .oce-star-launcher-unread {left:-5px;right:auto}
#oce-star .oce-star-launcher-channel-unread {position:absolute;bottom:-7px;right:-5px;background:#3178c6;box-shadow:0 2px 7px #0002}
#oce-star .oce-star-launcher[data-edge="right"] .oce-star-launcher-channel-unread {left:-5px;right:auto}
#oce-star .oce-star-channel-unread {position:absolute;top:2px;left:calc(50% + 3px)}
#oce-star .oce-star-mention-link {display:inline;border:0;background:transparent;color:var(--oce-accent);padding:0;font-weight:650;text-decoration:none;white-space:pre-wrap}
#oce-star .oce-star-mention-link:hover {text-decoration:underline}
#oce-star .oce-star-compose {position:relative}
#oce-star .oce-star-mention-menu {position:absolute;bottom:100%;left:8px;right:8px;max-height:230px;overflow:auto;overscroll-behavior:contain;z-index:8;padding:8px;border:1px solid var(--oce-line-strong);border-radius:15px;background:var(--oce-paper);box-shadow:var(--oce-shadow)}
#oce-star .oce-star-mention-menu>small {display:block;color:var(--oce-muted);font-size:11px;padding:4px 8px}
#oce-star .oce-star-mention-option {display:flex;align-items:center;gap:10px;width:100%;padding:8px;border:0;background:none;border-radius:9px;color:var(--oce-text);text-align:left}
#oce-star .oce-star-mention-option>span {white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#oce-star .oce-star-mention-option .oce-star-avatar-wrap {width:28px;height:28px;flex:0 0 28px}
#oce-star .oce-star-mention-option:hover,#oce-star .oce-star-mention-selected {background:var(--oce-soft)}
#oce-star .oce-star-article-select,#oce-star .oce-star-post-card,#oce-star .oce-star-attached-item {position:relative}
#oce-star .oce-star-article-author {position:absolute;top:7px;right:7px;z-index:4;display:inline-flex;align-items:center;gap:5px;max-width:44%;min-width:0;padding:3px 7px 3px 3px;border-radius:20px;background:var(--oce-paper);background:color-mix(in srgb,var(--oce-paper) 82%,transparent);box-shadow:0 2px 10px color-mix(in srgb,var(--oce-bg) 85%,transparent);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);font-size:10px;color:var(--oce-muted);line-height:1.4;isolation:isolate}
#oce-star .oce-star-article-author::before {content:"";position:absolute;inset:-3px;z-index:-1;border-radius:inherit;background:color-mix(in srgb,var(--oce-paper) 60%,transparent);filter:blur(3px)}
#oce-star .oce-star-article-author-avatar {position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 19px;width:19px;height:19px;border-radius:50%;overflow:hidden;background:var(--oce-soft);color:var(--oce-accent);font-size:10px}
#oce-star .oce-star-article-author-avatar img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#oce-star .oce-star-author-name {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#oce-star .oce-star-article-copy>strong {padding-right:86px}
#oce-star .oce-star-post-card .oce-star-article-author {max-width:46%;top:5px;right:5px}
#oce-star .oce-star-post-card>.oce-star-article-author {flex-direction:row}
#oce-star .oce-star-attached-item>.oce-star-article-author {right:34px;top:2px;max-width:42%}
#oce-star .oce-star-unread,#oce-star .oce-star-unread-count,#oce-star .oce-star-more-unread,#oce-star .oce-star-shop-unread {display:inline-flex;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;background:#d65559;color:white;border:2px solid var(--oce-bg);border-radius:20px;font-size:10px;line-height:1;font-weight:650}
#oce-star .oce-star-unread,#oce-star .oce-star-more-unread {position:absolute;top:2px;left:calc(50% + 3px)}
#oce-star .oce-star-shop-unread {flex:none}
#oce-star .oce-star-person-enter {display:flex;align-items:center;gap:6px;flex:1;min-width:0;background:none;border:0;padding:6px 0;text-align:left;color:var(--oce-text)}
#oce-star .oce-star-person-enter .oce-star-person-copy {flex:1;min-width:0}
#oce-star .oce-star-avatar-link {display:block;width:33px;height:33px;flex:0 0 33px;background:transparent;border:0;border-radius:50%;padding:0;color:var(--oce-text)}
#oce-star .oce-star-avatar-link>.oce-star-avatar-wrap {width:100%;height:100%}
#oce-star .oce-star-profile-title {cursor:pointer}
#oce-star .oce-star-account-card {display:flex;flex-direction:row;align-items:center;gap:16px;text-align:left;padding:18px 5px 22px;background:transparent;border:0;box-shadow:none}
#oce-star .oce-star-account-avatar {width:86px;height:86px;flex:0 0 86px;margin:0;background:transparent}
#oce-star .oce-star-account-avatar>.oce-star-avatar-wrap {width:86px;height:86px;font-size:30px;flex-basis:86px}
#oce-star .oce-star-profile-copy {flex:1;min-width:0}
#oce-star .oce-star-account>.oce-star-account-card {padding:8px 5px 10px;margin-bottom:8px}
#oce-star .oce-star-account>.oce-star-games {padding-top:12px;margin-bottom:12px}
#oce-star .oce-star-wardrobe-list {display:flex;flex-direction:column;gap:10px}
#oce-star .oce-star-wardrobe-item {display:flex;align-items:center;gap:8px;min-width:0;padding:10px;border:1px solid var(--oce-line);border-radius:15px;background:var(--oce-paper)}
#oce-star .oce-star-wardrobe-preview {display:flex;align-items:center;gap:12px;flex:1;min-width:0;border:0;background:none;padding:6px 4px;text-align:left;color:var(--oce-text)}
#oce-star .oce-star-wardrobe-art {display:flex;align-items:center;justify-content:center;width:62px;height:62px;flex:0 0 62px}
#oce-star .oce-star-wardrobe-art>:is(img,video) {width:100%;height:100%;object-fit:contain;border-radius:9px}
#oce-star .oce-star-wardrobe-art .oce-star-avatar-wrap {width:44px;height:44px;flex-basis:44px}
#oce-star .oce-star-wardrobe-copy {display:flex;flex-direction:column;gap:6px;min-width:0}
#oce-star .oce-star-wardrobe-copy strong {font-size:13px;line-height:1.5;overflow-wrap:anywhere}
#oce-star .oce-star-wardrobe-copy small {font-size:11px;color:var(--oce-muted)}
#oce-star .oce-star-wardrobe-toggle {flex-shrink:0;min-width:56px;padding:8px 10px;border:1px solid var(--oce-line-strong);border-radius:10px;background:var(--oce-own);color:var(--oce-text);font-size:12px}
#oce-star .oce-star-wardrobe-toggle[aria-pressed="true"] {background:var(--oce-soft);color:var(--oce-muted)}
#oce-star .oce-star-account-name {font-size:16px;margin:0 0 8px;overflow-wrap:anywhere;color:var(--oce-text)}
#oce-star .oce-star-account-detail {margin:0;padding:12px 13px;min-height:76px;border:1px solid var(--oce-line);border-radius:16px;background:var(--oce-paper);color:var(--oce-muted);font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}
#oce-star .oce-star-bio-edit {margin-top:6px}
#oce-star .oce-star-profile-actions {display:grid;grid-template-columns:1fr 1fr;gap:12px}
#oce-star .oce-star-profile-actions button {margin:0;text-align:center}
#oce-star .oce-star-bot-content {margin:0 auto 16px;min-width:0;flex:none;overflow:hidden;border:1px solid var(--oce-line);border-radius:12px;background:var(--oce-paper)}
#oce-star .oce-star-emoji-tray {height:0;max-height:var(--oce-tray-limit,72dvh);flex:none;min-height:0;display:flex;flex-direction:column;overflow:hidden;transition:height .28s cubic-bezier(.2,.7,.2,1);background:var(--oce-soft)}
#oce-star .oce-star-emoji-tray.oce-star-tray-open {height:var(--oce-tray-height,min(290px,38dvh))}
#oce-star .oce-star-emoji-tray.oce-star-tray-dragging {transition:none}
#oce-star .oce-star-tray-handle {display:flex;align-items:center;justify-content:center;height:24px;flex:0 0 24px;border-top:1px solid var(--oce-line);cursor:ns-resize;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
#oce-star .oce-star-tray-handle>span {width:40px;height:4px;border-radius:4px;background:var(--oce-line-strong);pointer-events:none}
#oce-star .oce-star-tray-handle:hover>span,#oce-star .oce-star-tray-handle:focus-visible>span,#oce-star .oce-star-tray-dragging .oce-star-tray-handle>span {background:var(--oce-muted)}
#oce-star .oce-star-emoji-page {flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:0 10px 10px;background:var(--oce-soft)}
#oce-star .oce-star-emoji-page>.oce-star-pack-tabs {flex-basis:46px;min-height:46px;margin:0 0 6px;padding:2px;border:0;background:transparent}
#oce-star .oce-star-emoji-page .oce-star-pack-tabs button {height:40px;width:44px;flex-basis:44px;padding:4px}
#oce-star .oce-star-pack-tabs button :is(img,video) {width:32px;height:32px}
#oce-star .oce-star-emoji-page>.oce-star-shop-link {font-size:11px;margin-top:5px;padding:2px}
#oce-star .oce-star-context-menu {position:absolute;z-index:9;width:142px;padding:5px;background:var(--oce-paper);border:1px solid var(--oce-line-strong);border-radius:13px;box-shadow:0 8px 28px #211c1726;transform-origin:top left}
#oce-star .oce-star-context-menu button {display:block;width:100%;border:0;background:none;color:var(--oce-text);text-align:left;font-size:13px;padding:10px 13px;border-radius:8px}
#oce-star .oce-star-context-menu button:hover {background:var(--oce-soft)}
#oce-star .oce-star-sheet[data-type="product"] .oce-star-sheet-body {display:flex;flex-direction:column;overflow:hidden;gap:12px;flex:1;min-height:0;padding-bottom:12px}
#oce-star .oce-star-sheet[data-type="product"] .oce-star-sticker-grid {overflow-y:auto;min-height:0;flex:0 1 auto;max-height:min(330px,44dvh);padding:3px;scrollbar-width:thin}
#oce-star .oce-star-purchase-footer {flex-shrink:0;border-top:1px solid var(--oce-line);padding-top:6px;background:var(--oce-bg)}
#oce-star .oce-star-purchase-footer>.oce-star-note {margin:0}
#oce-star .oce-star-purchase-footer>.oce-star-primary-button {margin:8px 0}
#oce-star .oce-star-purchase-art {display:flex;align-items:center;justify-content:center;height:170px;padding:12px}
#oce-star .oce-star-purchase-art :is(img,video) {width:140px;height:140px;object-fit:contain}
#oce-star .oce-star-purchase-name {text-align:center;font-weight:600;color:var(--oce-text)}
#oce-star .oce-star-sheet[data-type="sticker-pack"] {height:min(500px,90%)}
#oce-star .oce-star-sheet[data-type="sticker-pack"] .oce-star-sheet-header h3 {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#oce-star .oce-star-sheet[data-type="sticker-pack"] .oce-star-sheet-body {display:flex;flex-direction:column;gap:10px;overflow:hidden;min-height:0;padding:12px;flex:1}
#oce-star .oce-star-sheet[data-type="sticker-pack"] .oce-star-sheet-body>.oce-star-note {margin:0;flex:none;font-size:11px}
#oce-star .oce-star-sheet[data-type="sticker-pack"] .oce-star-sticker-grid {grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;overflow-y:auto;overscroll-behavior:contain;max-height:none;min-height:0;padding:2px;scrollbar-width:thin;flex:1}
#oce-star .oce-star-sheet[data-type="sticker-pack"] .oce-star-purchase-footer {padding-top:4px}
#oce-star .oce-star-sheet[data-type="sticker-pack"] .oce-star-primary-button {margin:4px 0 0;border-radius:22px}
#oce-star .oce-star-sticker-preview {touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
#oce-star .oce-star-sticker-zoom {position:absolute;inset:0;z-index:12;display:flex;align-items:center;justify-content:center;background:#000b;pointer-events:none}
#oce-star .oce-star-sticker-zoom :is(img,video) {display:block;width:76%;max-width:260px;max-height:65%;height:auto;object-fit:contain;filter:drop-shadow(0 8px 22px #0005);user-select:none;-webkit-user-select:none}
@media(max-width:600px) {
  #oce-star .oce-star-launcher {width:max-content;white-space:nowrap;touch-action:none;user-select:none;-webkit-user-select:none;transition:left .28s cubic-bezier(.2,.7,.2,1),top .28s cubic-bezier(.2,.7,.2,1)}
  #oce-star .oce-star-launcher[data-edge="left"] {flex-direction:row-reverse}
  #oce-star .oce-star-launcher[data-edge] {transform:none}
  #oce-star .oce-star-launcher.oce-star-dragging {transition:none;transform:none}
  #oce-star .oce-star-panel {min-height:0}
}
@media(max-width:600px),(max-height:500px) {
  #oce-star .oce-star-panel[data-viewport="true"] {top:var(--oce-view-top,12px);bottom:auto;height:var(--oce-view-height,calc(100dvh - 12px))}
  #oce-star .oce-star-panel[data-keyboard="true"] {padding-bottom:0}
}
#inn-author-page__tools__container .oce-star-theme-pm,#inn-widget__author-profile__tools .oce-star-theme-pm {display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;margin:4px;border:1px solid currentColor;border-radius:10px;background:transparent;color:inherit;font:inherit;cursor:pointer}

#oce-star .oce-star-packet-card {display:grid;grid-template-columns:38px 1fr;gap:6px 10px;text-align:left;width:210px;max-width:100%;padding:18px 16px;border:0;border-radius:15px;background:linear-gradient(135deg,#d26945,#bd4738);color:#fff3d9;cursor:pointer;box-shadow:0 5px 18px #79382b18}
#oce-star .oce-star-packet-mark {grid-row:span 2;display:grid;place-items:center;border:1px solid #f7d1a875;border-radius:50%;font-size:14px;width:38px;height:38px}
#oce-star .oce-star-packet-card small {font-size:11px;opacity:.85}
#oce-star .oce-star-packet-word {grid-column:1/-1;border-top:1px solid #ffffff30;padding-top:8px;font-size:12px;overflow-wrap:anywhere}
#oce-star .oce-star-packet-emblem {display:grid;place-items:center;margin:8px auto 16px;width:74px;height:74px;border-radius:25px;background:linear-gradient(135deg,#d26945,#bd4738);color:#ffe8b9;font-size:24px}
#oce-star .oce-star-packet-result,#oce-star .oce-star-packet-password {text-align:center;overflow-wrap:anywhere}
#oce-star .oce-star-packet-claims {margin-top:18px;max-height:220px;overflow:auto}
#oce-star .oce-star-packet-claims>div {display:flex;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--oce-line)}
#oce-star .oce-star-packet-claims>div>span {flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#oce-star .oce-star-transfer-form select {border:1px solid var(--oce-line);border-radius:10px;padding:10px;background:var(--oce-paper);color:var(--oce-text);width:100%}

#oce-star .oce-star-creator-entry {display:flex;width:100%;align-items:center;gap:12px;margin:0 0 12px;padding:13px 16px;text-align:left;border:1px solid var(--oce-line);border-radius:16px;background:var(--oce-soft);color:var(--oce-text)}
#oce-star .oce-star-creator-emblem {font-size:26px;color:var(--oce-badge)}
#oce-star .oce-star-creator-entry-copy {flex:1;min-width:0;display:grid;gap:4px}
#oce-star .oce-star-creator-entry-copy strong {display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:14px}
#oce-star .oce-star-creator-entry-copy small {font-size:11px;color:var(--oce-muted)}
#oce-star .oce-star-creator-badge {--badge-ink:#f6ba61;--badge-edge:#96581f;--badge-shadow:#422315;display:inline-flex;flex-shrink:0;align-items:center;font-size:10px;font-weight:800;line-height:16px;letter-spacing:.7px;white-space:nowrap;padding:0 8px;color:var(--badge-ink);text-shadow:1px 1px var(--badge-shadow),-1px 0 var(--badge-shadow);background:repeating-linear-gradient(0deg,#372718 0 2px,#2a2119 2px 4px);box-shadow:inset 0 0 0 1px var(--badge-edge),inset 0 2px #f5dda570,inset 0 -2px #110c08;clip-path:polygon(5px 0,calc(100% - 5px) 0,calc(100% - 5px) 2px,calc(100% - 2px) 2px,calc(100% - 2px) 5px,100% 5px,100% calc(100% - 5px),calc(100% - 2px) calc(100% - 5px),calc(100% - 2px) calc(100% - 2px),calc(100% - 5px) calc(100% - 2px),calc(100% - 5px) 100%,5px 100%,5px calc(100% - 2px),2px calc(100% - 2px),2px calc(100% - 5px),0 calc(100% - 5px),0 5px,2px 5px,2px 2px,5px 2px)}
#oce-star .oce-star-creator-badge[data-tone="gold"] {--badge-ink:#fff092;--badge-edge:#dbb62e;--badge-shadow:#5c3b0d;background:repeating-linear-gradient(0deg,#67450e 0 2px,#322c0e 2px 4px)}
#oce-star .oce-star-creator-badge[data-tone="aurora"] {--badge-ink:#d1fff5;--badge-edge:#78cdc0;--badge-shadow:#174944;background:repeating-linear-gradient(0deg,#275350 0 2px,#152e32 2px 4px)}
#oce-star .oce-star-bubble[data-creator="bronze"] {color:#9a5010}
#oce-star .oce-star-bubble[data-creator="gold"] {color:#806009;text-shadow:0 1px #fff7d380}
#oce-star .oce-star-bubble[data-creator="aurora"] {color:#14645c;text-shadow:0 1px #d1fff550}
#oce-star[data-theme="dark"] .oce-star-bubble[data-creator="bronze"] {color:#f2b363;text-shadow:0 1px #54371e}
#oce-star[data-theme="dark"] .oce-star-bubble[data-creator="gold"] {color:#ffe887;text-shadow:0 1px #665510}
#oce-star[data-theme="dark"] .oce-star-bubble[data-creator="aurora"] {color:#b6f9ed;text-shadow:0 1px #1f6463}
#oce-star .oce-star-creator-level {display:flex;align-items:center;gap:10px;padding:16px 0;border-bottom:1px solid var(--oce-line);flex-wrap:wrap}
#oce-star .oce-star-creator-level>span:not(.oce-star-creator-badge) {font-size:12px;color:var(--oce-muted)}
#oce-star .oce-star-creator-level>small {margin-left:auto;font-size:11px;color:var(--oce-muted)}
#oce-star .oce-star-creator-level[data-reached="true"]>small {color:var(--oce-positive)}
#oce-star .oce-star-creator-progress {width:100%;height:8px;accent-color:var(--oce-badge);margin:24px 0 12px}

/* Profile, conversation groups and reactions share the existing light/dark palette. */
#oce-star .oce-star-profile-titles {display:flex;align-items:center;gap:7px;max-width:100%;overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding:3px 0 7px;margin:0 0 4px;scrollbar-width:none;touch-action:pan-x}
#oce-star .oce-star-profile-titles::-webkit-scrollbar {display:none}
#oce-star .oce-star-profile-titles>* {flex-shrink:0}
#oce-star .oce-star-profile-titles[data-fade="true"] {-webkit-mask-image:linear-gradient(to right,#000 0%,#000 calc(100% - 26px),transparent);mask-image:linear-gradient(to right,#000 0%,#000 calc(100% - 26px),transparent)}
#oce-star .oce-star-bio-row {display:flex;align-items:flex-end;gap:8px;min-width:0}
#oce-star .oce-star-bio-row .oce-star-account-detail {flex:1;min-width:0;min-height:58px;max-height:122px;overflow-y:auto;padding:10px}
#oce-star .oce-star-name-input {display:block;width:100%;min-width:0;padding:0 0 3px;border:0;border-radius:0;background:transparent;font-size:16px;font-weight:600;box-shadow:none;color:var(--oce-text)}
#oce-star .oce-star-bio-input {width:100%;resize:none;font:inherit;line-height:1.7;box-shadow:none;appearance:none}
#oce-star .oce-star-name-input:focus,#oce-star .oce-star-bio-input:focus {outline:0;border-color:var(--oce-line-strong);box-shadow:0 1px 0 var(--oce-line-strong)}
#oce-star .oce-star-name-input[readonly],#oce-star .oce-star-bio-input[readonly] {cursor:default}
#oce-star .oce-star-profile-feedback {font-size:10px;line-height:1.5;margin:5px 0 0;color:var(--oce-muted)}
#oce-star .oce-star-profile-feedback[data-error="true"] {color:#b34e37}
#oce-star .oce-star-account-avatar[aria-busy="true"] {opacity:.6}
#oce-star .oce-star-shop-entry {position:relative;isolation:isolate;overflow:hidden;min-height:94px}
#oce-star .oce-star-shop-entry>[data-oce-icon],#oce-star .oce-star-shop-entry-copy,#oce-star .oce-star-shop-entry>.oce-star-shop-unread,#oce-star .oce-star-shop-entry>.oce-star-shop-mark {position:relative;z-index:1}
#oce-star .oce-star-shop-preview {position:absolute;z-index:0;left:36%;right:6px;top:2px;bottom:2px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:0;opacity:.6;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent)}
#oce-star .oce-star-shop-preview :is(img,video,canvas) {display:block;width:100%;height:100%;min-height:0;object-fit:contain;border:0}
#oce-star canvas[data-oce-cover] {image-rendering:auto}
#oce-star canvas[data-oce-cover]:not([data-ready]) {background:var(--oce-soft);border-radius:10px}
#oce-star canvas[data-oce-cover][data-failed] {outline:1px dashed var(--oce-line)}
#oce-star .oce-star-person-status {display:flex;flex-direction:column;align-items:flex-end;align-self:stretch;justify-content:space-between;gap:6px;flex:none;padding:2px 0}
#oce-star .oce-star-person-time {font-size:10px;line-height:1.6;color:var(--oce-subtle);white-space:nowrap}
#oce-star .oce-star-scroll {overflow-anchor:none}
#oce-star .oce-star-message-group {display:flex;align-items:flex-end;gap:9px;margin-bottom:14px;min-width:0}
#oce-star .oce-star-message-group>.oce-star-avatar-link {position:relative;align-self:flex-end;margin-bottom:4px;z-index:1}
#oce-star .oce-star-message-group.oce-star-group-multiple>.oce-star-avatar-link {position:sticky;bottom:4px}
#oce-star .oce-star-message-stack {display:flex;flex-direction:column;flex:1;min-width:0}
#oce-star .oce-star-message-group .oce-star-message {margin:0 0 2px;gap:0;min-width:0}
#oce-star .oce-star-message-group .oce-star-message-body {display:flex;flex-direction:column;align-items:flex-start;flex:1;max-width:100%;min-width:0}
#oce-star .oce-star-message-group.oce-star-own .oce-star-message-body {align-items:flex-end}
#oce-star .oce-star-message-body>.oce-star-reply-card {max-width:100%}
#oce-star .oce-star-message-line {display:flex;align-items:flex-end;gap:4px;width:fit-content;max-width:100%;min-width:0}
#oce-star .oce-star-message-content {display:flex;flex-direction:column;flex:0 1 auto;width:fit-content;min-width:0;max-width:100%}
/* Include the side column in intrinsic sizing: Firefox otherwise measures the
   text width instead of flex-basis and takes the difference from the bubble. */
#oce-star .oce-star-message-footer {display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:0;flex:0 0 30px;width:30px;margin:0 0 2px;font-size:9px;line-height:1.25;color:var(--oce-subtle)}
#oce-star .oce-star-own .oce-star-message-footer {order:-1}
#oce-star .oce-star-message-footer time {white-space:nowrap}
#oce-star .oce-star-message-footer .oce-star-send-state {padding:0;min-height:12px;align-items:center;font-size:9px;line-height:1}
#oce-star .oce-star-message-footer .oce-star-edited {font-size:9px;white-space:nowrap}
#oce-star .oce-star-message[data-status="failed"] .oce-star-message-line {flex-wrap:wrap}
#oce-star .oce-star-message[data-status="failed"] .oce-star-message-footer {order:1;flex:0 0 100%;width:auto;flex-direction:row;justify-content:flex-end;gap:5px;max-width:100%}
#oce-star .oce-star-message:focus-visible {outline:1px solid var(--oce-accent);outline-offset:3px;border-radius:10px}
#oce-star .oce-star-message-group .oce-star-bubble {border-radius:14px 14px 14px 4px}
#oce-star .oce-star-message-group .oce-star-message:not(.oce-star-group-start) .oce-star-bubble {border-top-left-radius:4px}
#oce-star .oce-star-message-group.oce-star-own .oce-star-bubble {border-radius:14px 14px 4px 14px}
#oce-star .oce-star-message-group.oce-star-own .oce-star-message:not(.oce-star-group-start) .oce-star-bubble {border-top-left-radius:14px;border-top-right-radius:4px}
#oce-star .oce-star-reactions {display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:3px 0 2px;max-width:100%}
#oce-star .oce-star-own .oce-star-reactions {justify-content:flex-end}
#oce-star .oce-star-reaction {position:relative;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--oce-line);border-radius:18px;background:var(--oce-soft);color:var(--oce-muted);min-height:28px;padding:3px 8px;font-size:11px;line-height:1.2;isolation:isolate}
#oce-star .oce-star-reaction[aria-pressed="true"] {background:var(--oce-own);border-color:var(--oce-line-strong);color:var(--oce-accent)}
#oce-star .oce-star-reaction:disabled {cursor:default;opacity:1}
#oce-star .oce-star-reaction-emoji {font-size:17px;line-height:1}
#oce-star .oce-star-reaction-people {display:flex;align-items:center;padding-left:3px}
#oce-star .oce-star-reaction-people .oce-star-avatar-wrap {width:19px;height:19px;flex-basis:19px;font-size:10px;margin:0 0 0 -3px}
#oce-star .oce-star-reaction-people .oce-star-avatar {width:100%;height:100%;font-size:10px;margin:0;border:1px solid var(--oce-paper)}
#oce-star .oce-star-reaction-fx {position:absolute;pointer-events:none;z-index:4;top:0;left:50%;font-size:25px}
#oce-star .oce-star-context-popup {position:absolute;z-index:9;width:max-content;max-width:calc(100% - 20px);max-height:calc(100% - 72px);overflow:auto;padding:3px;scrollbar-width:thin;transform-origin:top left}
#oce-star .oce-star-context-popup .oce-star-context-menu {position:static;width:180px;margin-top:5px}
#oce-star .oce-star-context-popup {will-change:transform,opacity}
#oce-star .oce-star-reaction-picker {display:flex;align-items:center;gap:2px;padding:5px;border:1px solid var(--oce-line-strong);border-radius:23px;background:var(--oce-paper);box-shadow:0 4px 20px #211c1720;width:max-content;max-width:100%}
#oce-star .oce-star-reaction-picker button {display:flex;align-items:center;justify-content:center;width:31px;height:32px;flex:none;padding:2px;border:0;border-radius:50%;background:transparent;color:var(--oce-text);font-size:20px;line-height:1}
#oce-star .oce-star-reaction-picker button:hover,#oce-star .oce-star-reaction-picker button[aria-pressed="true"] {background:var(--oce-own)}
#oce-star .oce-star-reaction-picker.oce-star-reaction-expanded {display:grid;grid-template-columns:repeat(6,31px);border-radius:16px;max-height:175px;overflow-y:auto}
#oce-star .oce-star-reaction-picker svg {width:16px;height:16px}
#oce-star .oce-star-product-price {font-size:13px;margin:5px 0;color:var(--oce-accent)}
#oce-star .oce-star-product-price del,#oce-star .oce-star-product-action del {font-size:11px;color:var(--oce-subtle)}

#oce-star video {background:transparent;border:0;object-fit:contain}
#oce-star .oce-star-video-failed {background:var(--oce-soft);border:1px dashed var(--oce-line)}
#oce-star .oce-star-packet-notice {display:flex;align-items:center;gap:8px;flex:none;margin:8px 12px 2px;padding:8px 10px;border:1px solid color-mix(in srgb,#d65449 30%,var(--oce-line));border-radius:10px;background:color-mix(in srgb,#d65449 12%,var(--oce-paper));color:var(--oce-text);font-size:12px;text-align:left}
#oce-star .oce-star-packet-notice-mark {font-size:19px}
#oce-star .oce-star-packet-notice>svg {margin-left:auto;width:15px;height:15px;color:var(--oce-muted)}
#oce-star .oce-star-sheet[data-type="image"] {min-height:0;border:0;background:transparent;box-shadow:none;border-radius:0}
#oce-star .oce-star-image-viewport {height:min(62dvh,620px);width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;cursor:grab;user-select:none}
#oce-star .oce-star-image-viewport>.oce-star-full-image {width:auto;height:auto;max-width:100%;max-height:100%;flex:none;object-fit:contain;transform-origin:center;border-radius:0;user-select:none;-webkit-user-drag:none}
#oce-star .oce-star-media-dragging {cursor:grabbing}
#oce-star .oce-star-media-controls {display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 0;flex:none}
#oce-star .oce-star-media-controls button {border:1px solid currentColor;background:transparent;color:inherit;border-radius:10px;padding:5px 12px;min-height:36px;cursor:pointer}
#oce-star .oce-star-sheet[data-type="image"] .oce-star-media-controls {color:#fff}
#oce-star .oce-star-crop-stage {width:min(100%,320px);aspect-ratio:1;margin:0 auto;overflow:hidden;touch-action:none;cursor:grab;outline:2px solid var(--oce-accent);border-radius:50%;background:var(--oce-soft)}
#oce-star .oce-star-crop-stage canvas {display:block;width:100%;height:100%;pointer-events:none}
#oce-star .oce-star-crop-actions {display:flex;gap:12px;align-items:center;justify-content:flex-end}
#oce-star .oce-star-crop-actions>.oce-star-text-button {flex:none;white-space:nowrap}
#oce-star .oce-star-crop-actions>.oce-star-primary-button {flex:1;min-width:0;width:auto}
#oce-star .oce-star-directory-footer {margin-top:14px;flex:none;min-width:0}
#oce-star .oce-star-cover-placeholder {display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--oce-soft);border-radius:10px;color:var(--oce-muted)}
#oce-star .oce-star-cover-placeholder svg {width:28px;height:28px}