:root{--save-surface:#fff;--save-surface-muted:#fbfcfd;--save-border:#dce5ec;--save-ink:#26333e;--save-muted:#748797;--save-subtle:#98a6b2;--save-action-border:#d8e4ec;--save-action-ink:#60798d;--save-accent:#1296f3;--save-accent-hover:#0d83d7;--save-danger:#db4444;--save-danger-surface:#fff0f0}html[data-theme=night]{--save-surface:#26333d;--save-surface-muted:#26333d;--save-border:#536371;--save-ink:#eef3f7;--save-muted:#aebbc5;--save-subtle:#aebbc5;--save-action-border:#536371;--save-action-ink:#c7d5de;--save-accent:#1296f3;--save-accent-hover:#55b7ee;--save-danger:#f0a5a5;--save-danger-surface:#40282b}.local-save-slot{border-color:var(--save-border);background:var(--save-surface)}.local-save-slot.is-empty{background:var(--save-surface-muted)}.local-save-copy strong{color:var(--save-ink)}.local-save-copy span{color:var(--save-muted)}.local-save-copy small{color:var(--save-subtle)}.local-save-actions button{border-color:var(--save-action-border);background:var(--save-surface);color:var(--save-action-ink)}.local-save-actions button:hover{border-color:var(--save-accent-hover);color:var(--save-accent);background:var(--save-surface-muted)}.local-save-actions .local-save-primary{border-color:var(--save-accent);background:var(--save-accent);color:#fff}.local-save-actions .local-save-primary:hover{border-color:var(--save-accent-hover);background:var(--save-accent-hover);color:#fff}.local-save-actions .confirm-delete{border-color:var(--save-danger);background:var(--save-danger-surface);color:var(--save-danger)}.play-page{--play-surface:#fff;--play-surface-muted:#f7fcff;--play-line:#dfeef8;--play-ink:#3e4b5b;--play-muted:#8993a1;--play-accent:#1296f3;--play-accent-soft:#e9f6ff}html[data-theme=night] .play-page{--play-surface:#18222c;--play-surface-muted:#202b35;--play-line:#46535e;--play-ink:#eef3f7;--play-muted:#aebbc5;--play-accent:#9edcff;--play-accent-soft:#263b4a}.play-page .story-context-card,.play-page .story-recommendation,.play-page .story-action-bar,.play-page .character-card,.play-page .current-location-card,.play-page .known-location-row{border-color:var(--play-line);background:var(--play-surface);color:var(--play-ink)}.play-page .story-context-card p,.play-page .story-entry-meta,.play-page .story-version,.play-page .story-empty-state p,.play-page .character-stat span,.play-page .known-location-row small{color:var(--play-muted)}.play-page .story-entry{border-color:var(--play-line)}.play-page .story-entry p,.play-page .story-empty-state strong,.play-page .character-stat strong,.play-page .known-location-row strong{color:var(--play-ink)}.play-page .story-send-button{background:var(--play-accent)}.play-page .story-send-button:hover:not(:disabled),.play-page .story-choice-list button:hover{background:var(--play-accent-soft)}
body:has(.creator-shell-new){overscroll-behavior-y:auto;overflow:hidden auto}.pull-refresh-shell:has(.creator-shell-new){min-height:100dvh;overflow:visible}.creator-shell-new{min-height:100dvh;overflow:visible}@media (min-width:1100px){html{min-height:100%;overflow-y:auto}body{min-height:100dvh;overflow:hidden auto}.pull-refresh-shell,.pull-refresh-shell.is-play-route{height:auto;min-height:100dvh;overflow:visible}:root{--desktop-page-gutter:clamp(32px, 5vw, 72px);--desktop-content-width:1320px;--desktop-content-wide:1440px;--desktop-panel-gap:24px}.mobile-hub{max-width:none;min-height:100vh;padding:0 var(--desktop-page-gutter) 100px;box-shadow:none;margin:0}.mobile-hub>:is(.hub-header,.home-promo-carousel,.hub-search,.home-panels){width:min(100%, var(--desktop-content-width));margin-left:auto;margin-right:auto}.mobile-hub .hub-header{justify-content:flex-start;height:72px;padding:0}.mobile-hub .hub-header>span{display:none}.mobile-hub .hub-brand{letter-spacing:-.04em;font-size:21px}.mobile-hub .home-promo-carousel{border-radius:22px;margin-top:20px;margin-bottom:22px}.mobile-hub .home-promo-track .hub-hero{height:284px;min-height:284px;padding:38px 56px}.mobile-hub .home-promo-track .hub-hero>div:first-child{max-width:480px}.mobile-hub .home-promo-track .hub-hero h1{font-size:clamp(42px,4vw,58px)}.mobile-hub .home-promo-track .hub-hero p{max-width:420px;font-size:14px}.mobile-hub .home-promo-track .hero-orb{border-radius:34px;width:104px;height:104px;margin-right:8%}.mobile-hub .hub-search{border-radius:14px;width:min(100%,620px);height:42px;min-height:42px;margin:0 auto 24px}.mobile-hub .home-panels{border-radius:20px;margin-top:0}.mobile-hub .home-panel-tabs{grid-template-columns:repeat(4,minmax(120px,1fr));padding:8px}.mobile-hub .home-panel-tabs button{min-height:38px;font-size:12px}.mobile-hub .home-panels .category-panel,.mobile-hub .home-panels .rank-section{padding:18px 20px 20px}.mobile-hub .home-panels .rank-section{border:0}.mobile-hub .home-panels .rank-list{border:1px solid var(--theme-line,#e8eaee);background:var(--theme-line,#e8eaee);border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.mobile-hub .home-panels .rank-item{background:var(--theme-surface,#fff);border:0;min-height:76px}.creator-shell-new{max-width:none;min-height:100vh;box-shadow:none;margin:0}.creator-shell-new .creator-topbar:not(:has(.creator-header-status)){display:none}.creator-shell-new .creator-topbar{width:min(100%, var(--desktop-content-wide));height:68px;min-height:68px;padding:0 var(--desktop-page-gutter);gap:14px;margin:0 auto;display:flex}.creator-shell-new .creator-topbar .creator-back{flex:none}.creator-shell-new .creator-header-status{margin-left:auto}.creator-shell-new .creator-header-actions{flex:none}.creator-shell-new .creator-topbar-close{flex:0 0 34px;margin-left:0}.creator-shell-new .creator-project-nav{width:min(calc(100% - 2 * var(--desktop-page-gutter)), var(--desktop-content-wide));margin:14px auto 0!important}.creator-shell-new .content{width:min(100%, var(--desktop-content-wide));max-width:none;margin:0 auto;padding:34px var(--desktop-page-gutter) 72px!important}.creator-shell-new .creator-hub-tabs{margin:0 0 28px}.creator-shell-new .creator-portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:30px 22px}.creator-shell-new .form-layout{gap:var(--desktop-panel-gap);grid-template-columns:minmax(0,1fr) 310px}.creator-shell-new .side-card{display:block;position:sticky;top:24px}.creator-shell-new .split-editor,.creator-shell-new .lore-layout{gap:var(--desktop-panel-gap);grid-template-columns:minmax(260px,.7fr) minmax(0,1.6fr)}.creator-shell-new .item-layout{gap:var(--desktop-panel-gap);grid-template-columns:minmax(270px,.58fr) minmax(0,1.7fr)}.player-profile-page{max-width:none;min-height:100vh;box-shadow:none;margin:0;padding-bottom:100px}.player-profile-page .profile-cover-shell{min-height:340px}.player-profile-page .player-home-header{height:72px;padding:0 var(--desktop-page-gutter)}.player-profile-page .player-identity{min-height:268px;padding:28px var(--desktop-page-gutter) 42px;text-align:center;align-content:center;justify-items:center}.player-profile-page .player-avatar{margin:0 auto}.player-profile-page .player-name-line{justify-content:center}.player-profile-page .player-identity p{text-align:center;max-width:520px}.player-ai-service-modal .ai-settings-intro{grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.player-ai-service-modal .ai-settings-intro-copy{text-align:center}.player-profile-page .profile-stats{width:min(100%,430px);margin-top:12px}.player-profile-page .profile-home-body{width:min(100%, var(--desktop-content-width));padding:30px var(--desktop-page-gutter) 40px;margin:0 auto}.player-profile-page .profile-quick-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}.player-profile-page .profile-quick-action{min-height:84px;padding:16px 10px}.player-profile-page .player-settings{gap:var(--desktop-panel-gap);grid-template-columns:1fr}.xj-detail .xj-hero{height:360px}.xj-detail .xj-hero-title{left:max(var(--desktop-page-gutter), calc((100% - var(--desktop-content-width)) / 2));right:max(var(--desktop-page-gutter), calc((100% - var(--desktop-content-width)) / 2));bottom:34px}.xj-detail .xj-back{top:22px;left:max(var(--desktop-page-gutter), calc((100% - var(--desktop-content-width)) / 2))}.xj-detail:not(:has(.xj-create)) .xj-body{width:min(100%, var(--desktop-content-width));max-width:none;padding:22px var(--desktop-page-gutter) 96px;margin:-34px auto 0;display:block}.xj-detail:not(:has(.xj-create)) .xj-detail-layout{gap:var(--desktop-panel-gap);grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);align-items:start}.xj-detail:not(:has(.xj-create)) .xj-detail-community{margin-top:0}.xj-detail:not(:has(.xj-create)) .xj-journey-actions{width:min(100%,510px);margin-left:auto;margin-right:auto}.xj-detail:not(:has(.xj-create)) .xj-npc-track{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:visible}.xj-detail:not(:has(.xj-create)) .xj-npc-card{flex-basis:auto;width:auto}.xj-detail:has(.xj-create) .xj-create-head{width:min(100%, var(--desktop-content-width));max-width:none;padding:34px var(--desktop-page-gutter) 22px;margin:0 auto}.xj-detail:has(.xj-create) .xj-create-head .xj-back{top:30px;left:var(--desktop-page-gutter)}.xj-detail:has(.xj-create) .xj-body{width:min(100%,1060px);max-width:none;padding:0 var(--desktop-page-gutter) 96px;margin:0 auto}.xj-detail:has(.xj-create) .xj-create{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 30px}.xj-detail:has(.xj-create) .xj-create>:is(.error-box,.xj-attribute-panel,.xj-enter){grid-column:1/-1}.play-page{height:100dvh;overflow:visible}.play-page>.game-layout,.play-page .game-layout-content{overflow:visible}.play-page>.play-status-bar{width:100%;max-width:none;padding:12px var(--desktop-page-gutter);grid-template-columns:minmax(0,1.3fr) minmax(210px,.7fr) minmax(240px,1fr);align-items:center;gap:16px;margin:0;display:grid}.play-page>.play-status-bar>*{min-width:0}.play-page .play-status-main{grid-template-columns:36px 42px minmax(0,1fr) auto;grid-template-areas:"exit avatar identity actions";gap:8px;min-width:0}.play-page .play-status-avatar{width:38px;height:38px}.play-page .play-status-identity strong{font-size:14px}.play-page .play-status-primary,.play-page .play-status-secondary{min-width:0;margin-top:0}.play-page .game-layout{flex-direction:row}.play-page .game-layout-content{width:min(100%,1080px);padding:30px 38px 116px}.play-page .game-story-view .story-entry,.play-page .game-story-view .story-action-bar{width:min(100%,860px)}.play-page .game-layout-phone .game-layout-content{align-items:center;padding:24px 38px 30px}.play-page .game-layout-phone .game-phone-view{width:min(100%,960px)}.play-page .game-layout-phone .phone-device{border:1px solid var(--theme-line,#dbe5ec);width:100%;height:calc(100dvh - 150px);max-height:none;box-shadow:0 18px 42px color-mix(in srgb, var(--theme-nav,#29465c) 18%, transparent);border-radius:26px;margin:0 auto}}
.notification-page{min-height:100svh;color:var(--ink);background:radial-gradient(circle at 12% 0%, #c99a5429, transparent 34%), var(--paper);padding:12px 12px 92px}.notification-content{width:100%;max-width:720px;margin:0 auto}.notification-header{padding:0 0 10px}.notification-modal-label{color:var(--coral-dark);letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:800}.notification-switcher{border:1px solid var(--line);background:#fffdf7b8;border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:0;padding:3px;display:grid;overflow-x:auto;box-shadow:0 6px 18px #352f220f}.notification-switcher button{min-width:0;min-height:34px;color:var(--muted-ink);text-align:left;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:6px 10px;display:flex;position:relative}.notification-switcher button>span{white-space:nowrap;font-size:12px;font-weight:800}.notification-switcher button b{color:#fff;background:var(--coral-dark);text-align:center;border-radius:999px;min-width:18px;padding:2px 5px;font-size:10px}.notification-switcher button.is-active{color:var(--ink);background:var(--paper-strong);box-shadow:0 4px 12px #352f221a}.notification-switcher button.is-active svg{color:var(--coral-dark)}.notification-list-panel{background:#fffdf7c2;border:1px solid #eee4cbe6;border-radius:18px;padding:12px;box-shadow:0 12px 30px #352f220f}.notification-list-heading{justify-content:space-between;align-items:center;gap:12px;padding:1px 1px 9px;display:flex}.notification-list-heading div{align-items:baseline;gap:9px;display:flex}.notification-list-heading div>span{font-size:15px;font-weight:800}.notification-list-heading strong{color:var(--muted-ink);font-size:11px;font-weight:500}.notification-list-heading button{color:var(--coral-dark);background:0 0;border:0;align-items:center;gap:5px;padding:6px 8px;font-size:11px;display:inline-flex}.notification-list-heading button:disabled{cursor:default;opacity:.4}.notification-card-list{gap:7px;display:grid}.notification-card{width:100%;color:var(--ink);border:1px solid var(--line);background:var(--paper-strong);text-align:left;border-radius:15px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;transition:border-color .16s,transform .16s,box-shadow .16s;display:grid;position:relative}.notification-card:hover,.notification-card:focus-visible{border-color:#c99a54b8;outline:none;transform:translateY(-1px);box-shadow:0 7px 16px #352f2214}.notification-card.is-unread{background:linear-gradient(100deg, #fff7e0e6, var(--paper-strong));border-color:#c99a5499}.notification-card-icon{width:30px;height:30px;color:var(--coral-dark);background:var(--sage);border-radius:9px;place-items:center;display:grid}.notification-card-icon svg{width:16px;height:16px}.notification-card-image{background-position:50%;background-size:cover}.notification-card-body{min-width:0}.notification-card-meta{color:var(--muted-ink);justify-content:space-between;align-items:center;gap:8px;font-size:10px;display:flex}.notification-card-meta>span{letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-weight:800;overflow:hidden}.notification-card-meta time{flex:none;align-items:center;gap:3px;display:inline-flex}.notification-card-body strong{text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:13px;display:block;overflow:hidden}.notification-card-body p{color:var(--muted-ink);text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:11px;line-height:1.4;overflow:hidden}.notification-card-arrow{color:var(--muted-ink)}.notification-unread-dot{background:var(--coral-dark);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:8px}.notification-state{min-height:152px;color:var(--muted-ink);text-align:center;place-items:center;padding:16px;display:grid}.notification-state-icon{width:40px;height:40px;color:var(--coral-dark);background:var(--sage);border-radius:13px;place-items:center;margin-bottom:8px;display:grid}.notification-state strong{color:var(--ink);font-size:14px}.notification-state p{max-width:260px;margin:5px 0 0;font-size:12px;line-height:1.5}.notification-error{color:#995040;background:#fff0eb;border-radius:11px;align-items:center;gap:8px;margin-bottom:10px;padding:10px 12px;font-size:12px;display:flex}.notification-error span{flex:1}.notification-error button{color:inherit;background:0 0;border:0;padding:0;font-size:11px;text-decoration:underline}.notification-modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#26211975;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.notification-modal{background:var(--paper-strong);border:1px solid #fffdf7b3;border-radius:22px;width:min(100%,560px);max-height:min(720px,100svh - 40px);padding:20px;overflow:auto;box-shadow:0 24px 80px #2621194d}.notification-modal header{justify-content:space-between;align-items:center;display:flex}.notification-modal-icon{width:38px;height:38px;color:var(--coral-dark);background:var(--sage);border-radius:12px;place-items:center;display:grid}.notification-modal header button{width:32px;height:32px;color:var(--muted-ink);border:1px solid var(--line);background:0 0;border-radius:50%;place-items:center;display:grid}.notification-modal-label{margin-top:24px;display:block}.notification-modal h2{margin:8px 0 5px;font-family:Georgia,Songti SC,serif;font-size:25px;line-height:1.25}.notification-modal>time{color:var(--muted-ink);font-size:11px}.notification-modal-content-image{background-position:50%;background-repeat:no-repeat;background-size:contain;background-color:var(--sage);border-radius:14px;height:min(260px,42svh);margin-top:16px}.notification-modal-content{color:var(--ink);border-top:1px solid var(--line);white-space:pre-wrap;margin-top:20px;padding-top:18px;font-size:14px;line-height:1.9}.admin-communication-page .admin-page-heading{align-items:end}.admin-communication-grid{grid-template-columns:minmax(0,1.06fr) minmax(320px,.94fr);gap:18px;display:grid}.admin-communication-panel{min-width:0}.admin-communication-panel .admin-panel-heading{margin-bottom:14px}.admin-communication-panel .admin-panel-heading h3{margin:5px 0 0}.admin-communication-form{gap:11px;display:grid}.admin-communication-form label{color:var(--muted-ink);gap:6px;font-size:12px;font-weight:700;display:grid}.admin-communication-form input,.admin-communication-form textarea,.admin-communication-form select{width:100%;color:var(--ink);border:1px solid var(--line);background:var(--paper-strong);border-radius:10px;outline:none;padding:10px 11px}.admin-communication-form textarea{resize:vertical;min-height:150px;line-height:1.6}.admin-communication-form input:focus,.admin-communication-form textarea:focus,.admin-communication-form select:focus{border-color:var(--coral);box-shadow:0 0 0 3px #c99a5424}.admin-communication-actions{flex-wrap:wrap;gap:8px;display:flex}.admin-communication-image-picker{gap:7px;display:grid}.admin-communication-image-label{color:var(--muted-ink);font-size:12px;font-weight:700}.admin-communication-image-actions{flex-wrap:wrap;gap:7px;display:flex}.admin-communication-image-upload,.admin-communication-image-remove{min-height:32px;color:var(--coral-dark);border:1px solid var(--line);background:var(--paper-strong);cursor:pointer;font:inherit;border-radius:9px;justify-content:center;align-items:center;gap:5px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.admin-communication-image-upload input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.admin-communication-image-remove{color:#995040;background:#fff4ef}.admin-communication-image-remove:disabled{cursor:wait;opacity:.6}.admin-communication-image-upload:has(input:disabled){cursor:wait;opacity:.6}.admin-communication-image-preview{border:1px solid var(--line);background-position:50%;background-repeat:no-repeat;background-size:contain;background-color:var(--sage);border-radius:10px;width:min(100%,220px);height:110px}.admin-communication-announcement-list{gap:7px;max-height:300px;margin-bottom:14px;display:grid;overflow:auto}.admin-communication-announcement-item{width:100%;color:var(--ink);border:1px solid var(--line);background:var(--paper-strong);text-align:left;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px;display:grid}.admin-communication-announcement-item.is-selected{border-color:var(--coral);box-shadow:inset 3px 0 var(--coral)}.admin-communication-announcement-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.admin-communication-announcement-item small{color:var(--muted-ink);margin-top:4px;font-size:10px;display:block}.admin-communication-status{background:var(--sage);white-space:nowrap;border-radius:999px;align-self:start;padding:3px 6px;font-size:10px}.admin-communication-status.published{color:#38653b;background:#e2f0dc}.admin-communication-status.archived{color:var(--muted-ink);background:#eee9dd}.admin-communication-status.draft{color:var(--coral-dark);background:#fff0d1}.admin-communication-history{margin-top:18px}.admin-communication-history-list{border:1px solid var(--line);border-radius:12px;gap:1px;display:grid;overflow:hidden}.admin-communication-history-row{background:var(--paper-strong);grid-template-columns:minmax(120px,.5fr) minmax(0,1.5fr) auto;align-items:center;gap:12px;padding:11px 13px;font-size:12px;display:grid}.admin-communication-history-row+.admin-communication-history-row{border-top:1px solid var(--line)}.admin-communication-history-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-communication-history-row small{color:var(--muted-ink);margin-top:3px;font-size:10px;display:block}.admin-communication-history-row time{color:var(--muted-ink);white-space:nowrap;font-size:10px}.admin-communication-empty{color:var(--muted-ink);text-align:center;padding:24px;font-size:12px}@media (max-width:760px){.admin-communication-grid{grid-template-columns:1fr}.admin-communication-history-row{grid-template-columns:1fr auto}.admin-communication-history-row>span{grid-area:2/1/auto/-1}}@media (min-width:1100px){.notification-page{min-height:100vh;padding:36px var(--desktop-page-gutter) 110px}.notification-content{max-width:980px}.notification-header{padding:0 0 14px}.notification-switcher{max-width:620px;margin-left:auto;margin-right:auto}.notification-list-panel{padding:16px}.notification-card-list{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-communication-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.82fr)}}html[data-theme=night] .admin-communication-image-upload,html[data-theme=night] .admin-communication-image-remove,html[data-theme=night] .admin-communication-image-preview,html[data-theme=night] .notification-modal-content-image{color:#d8e7ef;background-color:#26343d;border-color:#536673}.app-bottom-navigation .navigation-icon{display:inline-flex;position:relative}.navigation-unread-dot{background:#ed4545;border-radius:50%;width:7px;height:7px;position:absolute;top:-3px;right:-5px}.feedback-unread-dot{background:#ed4545;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.feedback-dialog{border:1px solid var(--line);width:min(560px,100vw - 32px);max-height:calc(100svh - 40px);color:var(--ink);background:var(--paper-strong);border-radius:20px;padding:22px}.feedback-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#26211988}.feedback-dialog header{align-items:center;gap:10px;display:flex}.feedback-dialog h2{flex:1;margin:0;font-size:20px}.feedback-dialog header button{color:inherit;background:0 0;border:0}.feedback-dialog form{gap:12px;margin-top:20px;display:grid}.feedback-dialog textarea{box-sizing:border-box;resize:vertical;border:1px solid var(--line);background:var(--paper);width:100%;color:inherit;font:inherit;border-radius:10px;padding:12px}.feedback-dialog small{color:var(--muted-ink)}.feedback-dialog [role=alert]{color:#c34646;margin:0}.feedback-images{flex-wrap:wrap;gap:10px;display:flex}.feedback-images>div{position:relative}.feedback-images img{-o-object-fit:cover;object-fit:cover;border-radius:10px;width:85px;height:85px}.feedback-images button{color:#fff;background:#333a;border:0;border-radius:50%;position:absolute;top:0;right:0}.feedback-image-picker{cursor:pointer;flex-wrap:wrap;align-items:center;gap:8px;display:flex}.feedback-image-picker input{max-width:100%}.feedback-list{gap:12px;display:grid}.feedback-list-item{text-align:left;color:inherit;border:1px solid var(--line);background:0 0;border-radius:12px;gap:7px;padding:14px;display:grid}.feedback-list-item>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.feedback-list-item small{color:var(--muted-ink)}.feedback-content{white-space:pre-wrap;overflow-wrap:anywhere}.feedback-attachments{flex-wrap:wrap;gap:12px;display:flex}.feedback-attachments img{-o-object-fit:contain;object-fit:contain;border-radius:10px;max-width:240px;max-height:240px}