.app-open-options{border:1px solid var(--ui-border);border-radius:var(--ui-radius-control);background:var(--ui-surface-soft);width:44px;min-width:44px;min-height:44px;color:var(--ink);flex:none;justify-content:center;align-items:center;padding:10px;display:inline-flex}.app-panel>header .app-open-options{border:1px solid var(--ui-border);background:var(--ui-surface-soft);width:44px;min-width:44px}.app-open-options>svg{flex:none;width:20px;height:20px}.app-view-popover[popover]{box-sizing:border-box;width:min(360px,100vw - 16px);max-height:calc(100dvh - 16px);color:var(--ink);background:var(--surface);box-shadow:var(--ui-shadow);margin:0;padding:12px;position:fixed;inset:auto;overflow:auto}.app-view-popover>strong{font-size:var(--type-label);font-weight:var(--weight-semibold);line-height:var(--leading-label);margin:0 0 8px;display:block}.app-view-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.app-view-options>button{border:1px solid var(--ui-border);border-radius:var(--ui-radius-control);background:var(--surface);min-width:0;min-height:44px;color:var(--ink);font-size:var(--type-caption);line-height:var(--leading-label);overflow-wrap:anywhere;text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;padding:10px 4px;display:flex}.app-view-sketch{border:1px solid var(--ui-field-border);background:var(--ui-surface-soft);border-radius:5px;flex:none;width:52px;max-width:100%;height:40px;display:block;position:relative;overflow:hidden}.app-view-sketch:before{content:"";background:var(--muted);opacity:.4;border-radius:2px;height:3px;position:absolute;top:5px;left:4px;right:4px}.app-view-sketch i{background:var(--ui-border);border-radius:2px;width:5px;position:absolute;top:12px;bottom:4px;left:4px}.app-view-sketch b{background:var(--accent-readable);border:1px solid var(--accent-readable);opacity:.8;border-radius:2px;width:15px;position:absolute;top:12px;bottom:4px;left:11px}.app-view-sketch[data-view=right] b{left:auto;right:4px}.app-view-sketch[data-view=window] b{width:25px;top:16px;bottom:6px;left:17px}.app-view-options>button[aria-pressed=true]{background:var(--ui-selected);border-color:var(--ui-field-border);box-shadow:inset 0 -2px var(--accent-readable)}.app-view-current{font-size:var(--type-caption);line-height:var(--leading-body);color:var(--muted);margin:8px 0;display:block}.app-view-size{min-width:0;font-size:var(--type-label);border:0;gap:8px;margin:8px 0;padding:8px 0;display:grid}.app-view-size legend{font-size:var(--type-caption);color:var(--muted)}.app-view-size label{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;display:flex}.app-view-size output{font-size:var(--type-caption);font-variant-numeric:tabular-nums;color:var(--muted)}.app-view-size input{width:100%;min-height:44px;accent-color:var(--accent-readable);flex:1 0 100%;margin:0}.app-view-popover>nav{border-top:1px solid var(--ui-border);gap:4px;padding-top:8px;display:grid}.app-view-popover>nav>a{box-sizing:border-box;border-radius:var(--ui-radius-control);min-height:44px;font-size:var(--type-label);line-height:var(--leading-label);color:var(--ink);align-items:center;gap:10px;padding:8px 10px;text-decoration:none;display:flex}.app-view-popover svg{flex:none;width:20px;height:20px}.app-view-popover :is(button,a):hover,.app-open-options:hover{background:var(--ui-hover)}.app-view-popover :is(button,a):focus-visible,.app-open-options:focus-visible{outline:2px solid var(--accent-readable);outline-offset:2px}@media (forced-colors:active){.app-view-options>button[aria-pressed=true]{outline:2px solid highlight}}
.media-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin:18px 0;display:grid}.media-grid figure{margin:0}.media-grid img{object-fit:cover;border-radius:12px;width:100%;height:150px}.media-grid figcaption{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.media-grid button,.editor-toolbar button,.chat-library button{background:var(--surface);color:var(--ink);cursor:pointer;border:1px solid #d8ded9;border-radius:8px;padding:7px 10px}.media-picker{border:1px dashed #82978e;border-radius:16px;margin:20px 0;padding:20px}.editor-toolbar{background:var(--soft);border-radius:12px 12px 0 0;flex-wrap:wrap;gap:6px;padding:12px;display:flex}.rich-editor{margin:20px 0}.rich-content{overflow-wrap:anywhere;line-height:1.8}.rich-content p{margin:.4em 0}.rich-content blockquote{border-left:3px solid #284d45;margin:12px 0;padding-left:16px}.social-embed{background:var(--soft);border-radius:16px;margin:16px 0;padding:18px}.social-embed iframe{border:0;border-radius:12px;width:100%;height:400px}.profile-cover{object-fit:cover;border-radius:20px;width:100%;height:280px}.profile-avatar{object-fit:cover;border:5px solid #fff;border-radius:50%;flex-shrink:0}.profile-heading{align-items:center;gap:22px;margin:22px 0;display:flex}.social-profile{margin:40px 0}.achievement-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.achievement{background:var(--soft);color:var(--muted);border:1px solid #ddd;border-radius:14px;padding:20px}.achievement.earned{background:var(--soft);color:var(--ink);border-color:#7c9b86}.achievement span{margin-bottom:10px;font-size:26px;display:block}.achievement p{font-size:14px;line-height:1.5}.achievement small{font-weight:700}.chat-layout{border:1px solid #d8ded9;border-radius:20px;grid-template-columns:280px minmax(0,1fr);min-height:600px;margin-top:24px;display:grid;overflow:hidden}.chat-layout>aside{background:var(--soft);padding:14px}.chat-thread{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;gap:6px;width:100%;margin-bottom:8px;padding:16px;display:flex}.chat-thread[aria-pressed=true]{background:var(--surface)}.chat-panel{min-width:0;padding:20px}.chat-panel>header{justify-content:space-between;align-items:center;display:flex}.chat-messages{flex-direction:column;gap:14px;height:440px;padding:10px;display:flex;overflow:auto}.chat-bubble{background:var(--soft);overflow-wrap:anywhere;border-radius:16px;align-self:flex-start;max-width:85%;padding:14px}.chat-bubble.mine{color:#fff;background:#284d45;align-self:flex-end}.chat-bubble p{margin:0 0 8px}.chat-bubble small{opacity:.8;font-size:11px;display:block}.chat-bubble img{object-fit:contain;border-radius:8px;max-width:100%;height:auto}.chat-bubble a{color:inherit;display:block}.chat-compose textarea{width:100%}.chat-compose input[type=file]{max-width:200px;display:block}.typing-status{min-height:20px;font-size:13px}.chat-library{background:var(--soft);border-radius:14px;margin-top:12px;padding:16px}.chat-library details{margin:8px 0}.report-button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:11px;text-decoration:underline}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:700px){.chat-layout{grid-template-columns:1fr}.chat-layout>aside{max-height:190px;overflow:auto}.chat-panel{padding:12px}.profile-cover{height:180px}.profile-heading{align-items:flex-start}.profile-avatar{width:80px;height:80px}.social-embed iframe{height:320px}.chat-bubble{max-width:95%}.achievement-grid{grid-template-columns:1fr 1fr}}.media-grid video{background:#172923;border-radius:12px;width:100%;height:180px}.admin-stats>div{border:1px solid var(--line);background:var(--surface);border-radius:18px;flex-direction:column;padding:20px;display:flex}.chat-compose textarea{font:inherit;resize:vertical;border:1px solid #82978e;border-radius:12px;padding:12px}.chat-link-preview{background:var(--soft);border:1px solid #d8ded9;border-radius:12px;width:320px;max-width:100%;margin:10px 0;text-decoration:none;display:block;overflow:hidden;color:var(--ink)!important}.chat-link-preview>img{aspect-ratio:1200/630;border-radius:0;width:100%;height:auto;display:block}.chat-link-preview>span{padding:12px;display:block}.chat-link-preview strong{margin-bottom:6px;font-size:14px;display:block}.chat-link-preview small{overflow-wrap:anywhere;font-size:11px;line-height:1.5;display:block}.chat-link-preview:focus-visible{outline-offset:3px}.community-media{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;margin:16px 0;display:grid}.community-media figure{min-width:0;margin:0}.community-media img,.community-media video{object-fit:contain;background:var(--soft);border-radius:12px;width:100%;height:auto;max-height:480px;display:block}.social-embed{overflow-wrap:anywhere;min-width:0}.social-embed-frame{min-height:240px}.social-embed iframe[data-layout=video]{aspect-ratio:16/9;height:auto;min-height:220px}.social-embed iframe[data-layout=portrait]{height:600px;max-height:75vh}.social-embed iframe[data-layout=audio]{height:352px}.embed-feedback{font-size:14px}.embed-fields textarea{width:100%}.community-interactions{margin-top:18px}.community-comment{border-bottom:1px solid #d8ded9;padding:16px 0}.community-comment p{overflow-wrap:anywhere}.community-share{position:relative}.share-submenu{z-index:20;background:var(--surface);border:1px solid #d8ded9;border-radius:14px;gap:10px;width:min(320px,80vw);padding:18px;display:grid;position:absolute;top:100%;right:0;box-shadow:0 8px 30px #17312a26}.share-submenu a,.share-submenu button{text-align:left;font:inherit;color:var(--ink);padding:8px}.share-submenu input,.share-submenu select{width:100%;min-width:0}.share-chat{gap:12px;display:grid}.community-comment button{padding:6px 10px}.hashtag{color:#256450;font-weight:600}.chat-bubble .social-embed{color:var(--ink)}.chat-bubble .social-embed iframe{max-width:100%}.business-switcher{margin:20px 0}.community-interactions form{gap:12px;margin-top:20px;display:grid}.community-interactions textarea{width:100%}.community-interactions form button{justify-self:start}.share-submenu button{background:var(--soft);cursor:pointer;border:1px solid #d8ded9;border-radius:8px}.chat-bubble video{width:100%;max-height:360px}.roadmap-list{gap:16px;margin:24px 0;display:grid}.record-card{border:1px solid #d8ded9;border-radius:14px;padding:20px}.record-card h2{font-size:22px}.record-card form{gap:12px;margin-top:16px;display:grid}.record-card input,.record-card textarea,.record-card select{width:100%}.business-switcher{flex-wrap:wrap;align-items:center;gap:16px;display:flex}
