/* Profile surfaces. User backgrounds, layout geometry and font choices remain intact. */
#ot-profile-editor,.ot-personal-main,.ot-profile-dialog{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;color:#243448;--profile-ink:#243448;--profile-muted:#627386}
.ot-account-tools{background:#f5f7fa;border-color:#dae1e9;box-shadow:0 4px 16px #071c3210;padding:8px}
.ot-account-tools a{color:#405368}.ot-account-tools a:hover{background:#e7edf4;color:#142c43}
.ot-profile-toolbar{background:#fff;border:1px solid #dce3ea;border-radius:16px;padding:20px 24px;box-shadow:0 8px 30px #071c3212}
.ot-profile-toolbar button,.ot-tab-tools>button,.ot-profile-dialog button,.ot-profile-card button,.ot-personal-identity button{font-family:inherit;letter-spacing:normal;word-spacing:normal;text-transform:none;text-shadow:none;background:#fff;color:#34485d;border:1px solid #d4dde6;border-radius:8px;box-shadow:0 1px 2px #112d4410}
.ot-profile-toolbar button:hover,.ot-tab-tools>button:hover,.ot-profile-dialog button:hover,.ot-profile-card button:hover{background:#edf3f7;border-color:#93a8b9}
.ot-profile-toolbar button[aria-pressed=true]{background:#e4f3ed;border-color:#99c8b6;color:#145b43}
.ot-profile-toolbar .ot-save,.ot-profile-dialog .button,.ot-plus-menu>summary{background:#176c55;color:#fff;border-color:#176c55;font-weight:650}
.ot-profile-status,.ot-profile-sharing,.ot-profile-sharing .ot-profile-hint{color:#586b7c!important}
.ot-profile-sharing{background:#f3f6f9;border:1px solid #dce3ea;border-radius:12px;padding:18px 24px;margin:16px 0 24px}
.ot-profile-sharing a{color:#176c55;text-decoration:underline}
.ot-space{border:1px solid #d6dfe7;border-radius:20px;box-shadow:0 12px 44px #06192c20}
.ot-personal-banner{height:300px;background:linear-gradient(120deg,#dce8ee,#edf2f6 55%,#c7dfd8);border-color:#d7e1e7}
.ot-personal-banner .ot-profile-avatar{border-color:#fff;background:#e2eee9;color:#176c55;box-shadow:0 5px 20px #18344620}
.ot-personal-identity{background:#fff;padding:88px 32px 32px;color:#233448}
.ot-personal-identity .ot-profile-name{color:#172d42!important;text-shadow:none!important}
.lettering-clean .ot-profile-name,.lettering-clean .ot-profile-card h3{font-family:Inter,system-ui,sans-serif!important;letter-spacing:-.02em!important;word-spacing:normal!important;text-transform:none!important}
.ot-personal-identity .ot-profile-bio,.ot-personal-identity .ot-profile-mood{color:#607184!important}
.ot-personal-identity .ot-profile-interests{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.ot-personal-identity .ot-profile-interests span{background:#f0f4f7;border-color:#e0e7ed;color:#526779}
.ot-profile-tabs{background:#fff;border-bottom:1px solid #dce3ea;padding:0 28px 0;gap:22px}
.ot-profile-tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;padding:16px 4px;color:#617286;background:transparent;font-family:inherit}
.ot-profile-tabs button[aria-selected=true]{color:#176c55;background:transparent;border-color:#176c55}
.ot-tab-tools{background:#f5f7fa;padding:20px 28px;border-bottom:1px solid #e0e6ed}
.ot-profile-grid{padding-top:24px;gap:24px}
.ot-profile-card{background:#fff;color:#27394b;border:1px solid #dce3ea;border-radius:14px;box-shadow:0 4px 16px #10263d14}
.ot-profile-card h3,.ot-profile-card h4,.ot-profile-card strong{color:#20364a;text-shadow:none}
.ot-profile-card p,.ot-profile-card li,.ot-profile-card label,.ot-profile-card time{color:#596d7e}
.ot-profile-card .ot-card-kind{color:#648071;font-weight:650;font-size:10px;letter-spacing:.08em}
.ot-profile-card .ot-card-privacy{color:#718293}
.ot-profile-card a,.ot-card-link{color:#176c55}
.ot-card-tools{border-color:#e3e9ee;gap:8px}.ot-card-tools button{color:#5c7082;background:#f6f8fa;border-color:#e2e8ee}
.ot-profile-card .ot-move-grip,.ot-profile-card .ot-resize-grip{background:#eef3f6;color:#526b7c;border-color:#cfdae3}
.ot-drop-target{outline-color:#238464}.ot-drag-preview{background:#fff!important;border-color:#238464!important;box-shadow:0 22px 65px #142b4540}
.ot-social-composer,.ot-social-post{background:#f8fafb;border:1px solid #e0e7ed;box-shadow:none;color:#263c50}
.ot-social-post{background:#fff}.ot-social-post time{color:#738393}.ot-social-post .ot-star.is-lit{color:#936b00;text-shadow:none}
.ot-profile-card input:not([type=checkbox]),.ot-profile-card select,.ot-profile-card textarea,.ot-profile-dialog input:not([type=checkbox]),.ot-profile-dialog select,.ot-profile-dialog textarea{background:#fff;color:#273c4f;border:1px solid #cbd7e1;border-radius:8px;padding:11px 12px;max-width:100%;box-sizing:border-box;font:14px/1.6 system-ui,sans-serif}
.ot-profile-card input:focus,.ot-profile-card textarea:focus,.ot-profile-dialog input:focus,.ot-profile-dialog textarea:focus,.ot-profile-dialog select:focus{outline:2px solid #328569;outline-offset:2px}
.ot-profile-card .ot-profile-hint,.ot-profile-dialog .ot-profile-hint{color:#677b8d!important}
.ot-profile-dialog{background:#fff;border:1px solid #d5dfe7;border-radius:18px;box-shadow:0 28px 90px #0d20364d;padding:30px}
.ot-profile-dialog h2,.ot-profile-dialog h3{font-family:system-ui,sans-serif!important;color:#233a4e!important;font-size:1.5rem;letter-spacing:-.025em!important;word-spacing:normal!important;text-shadow:none!important;text-transform:none!important}
.ot-profile-dialog p,.ot-profile-dialog label,.ot-profile-dialog .ot-field{color:#52697c}.ot-profile-dialog .ot-danger{color:#ad3434!important}
.ot-profile-dialog::backdrop{background:#10263d88;backdrop-filter:blur(5px)}
.ot-plus-options{background:#fff;border-color:#d4dfe8;box-shadow:0 12px 32px #14304d26}.ot-plus-options button{background:#fff;color:#344e63;border-color:#e1e8ee}.ot-plus-options button:hover{background:#eaf4ef}
.ot-market-list article,.ot-library-grid article{background:#f7f9fb;border-color:#dce4eb}.ot-market-list h3{font-size:1.1rem!important}
.ot-profile-empty{background:#f6f9fb;color:#697e90;border-color:#a8baca}
.ot-personal-page .ot-space{border-color:#d7e1e8}.ot-personal-page #ot-personal-discovery,.ot-personal-page #ot-member-posts{background:#fff;color:#273d51;border-color:#dbe4eb;box-shadow:0 6px 24px #12283d14}
.ot-personal-page #ot-personal-discovery>h2,.ot-personal-page #ot-member-posts>h2{color:#233b50}
.ot-profile-toolbar button:focus-visible,.ot-profile-tabs button:focus-visible{outline:2px solid #238464;outline-offset:3px}
.ot-personal-banner>.ot-direct-photo,.ot-profile-avatar>.ot-direct-photo{color:#176c55}
@media(max-width:700px){.ot-personal-banner{height:200px}.ot-profile-toolbar{padding:16px}.ot-profile-toolbar>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.ot-profile-toolbar button{width:100%;font-size:12px}.ot-profile-toolbar .ot-save{margin:0}.ot-personal-identity{padding:82px 18px 26px}.ot-profile-tabs{gap:18px;padding-left:18px;padding-right:18px}.ot-tab-tools{padding:16px}.ot-profile-grid{padding:16px 12px 22px;gap:16px}.ot-profile-dialog{padding:22px}.ot-profile-card{border-radius:12px}}

/* Seamless modules, with handles and focus outlines preserved in edit mode. */
.ot-profile-card{border-color:transparent!important;box-shadow:none!important}
.ot-card-tools{border-color:transparent}.ot-social-post,.ot-social-composer{border-color:transparent;box-shadow:none}
.ot-personal-page{padding-top:108px}.ot-personal-page .site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:#080e15f5}
.ot-personal-page.admin-bar .site-header{top:32px}.ot-personal-page #top{position:absolute;top:0}
.ot-personal-footer .ot-back-top{display:inline-block;font:500 12px/1.5 system-ui,sans-serif;padding:8px 14px;border-radius:20px;background:#fff;color:#294b43;text-decoration:none}
@media(max-width:782px){.ot-personal-page.admin-bar .site-header{top:46px}}
@media(max-width:600px){.ot-personal-page.admin-bar .site-header{top:0}.ot-personal-page{padding-top:94px}}

/* Five column live module workspace. */
.ot-profile-grid{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:clamp(140px,17vw,250px);gap:16px;grid-auto-flow:row}
.ot-grid-edit{background-image:radial-gradient(#748d9955 1px,transparent 1px);background-size:16px 16px}
.ot-profile-card{min-height:0!important;overflow:auto;font-family:var(--module-font,system-ui)!important;font-size:var(--module-size,16px)!important;color:var(--module-color,#27394b);padding:18px 18px 50px}
.ot-profile-card h3,.ot-profile-card p,.ot-profile-card h4,.ot-profile-card label{font-family:var(--module-font,system-ui)!important;font-size:inherit!important;color:var(--module-color,#27394b)!important}
.ot-profile-card.ot-skin-dark{background:#12202d;--module-color:#e0ebf3}.ot-profile-card.ot-skin-glass{background:#edf6f7e8;backdrop-filter:blur(10px)}
.ot-profile-card .ot-settings-grip{position:absolute;bottom:7px;right:89px;width:34px;height:34px;padding:0;font-size:19px;background:#eef3f6;color:#526b7c;border:1px solid #cfdae3}
.ot-compact .ot-card-tools,.ot-compact .ot-card-privacy,.ot-compact .ot-embed,.ot-compact .ot-card-link{display:none}.ot-compact .ot-card-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ot-compact h3{margin:6px 0!important;font-size:14px!important}.ot-compact .ot-card-kind{font-size:9px}
.ot-profile-library-tabs{display:flex;gap:10px;flex-wrap:wrap;padding:14px 28px;background:#fff}.ot-profile-library-tabs button{background:#f2f6f8;color:#375368;border:0;border-radius:8px;padding:9px 16px}.ot-swipe-toggle{display:none}
.ot-code-frame{border:0;width:100%;height:calc(100% - 70px);min-height:220px;background:#fff;border-radius:10px}
.ot-dislike{color:#7b8790}.ot-dislike.is-disliked{color:#c82d35!important}.ot-composer-attachments{position:relative;margin-top:-4px}.ot-composer-plus{position:relative;display:inline-block}.ot-composer-plus summary{cursor:pointer;list-style:none;font-size:24px;padding:3px 12px}.ot-composer-plus>div{position:absolute;z-index:10;left:0;top:100%;min-width:180px;padding:8px;background:white;border:1px solid #d7e1e8;border-radius:10px}.ot-composer-plus button{display:block;width:100%;text-align:left}
@media(max-width:800px){.ot-profile-grid{grid-template-columns:1fr;grid-auto-rows:auto}.ot-profile-grid>.ot-profile-card{grid-column:1!important;grid-row:auto!important;min-height:240px!important;max-height:none}.ot-swipe-toggle{display:inline-block}.ot-swipe-enabled{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;align-items:stretch;touch-action:pan-x pan-y}.ot-swipe-enabled>.ot-profile-card{flex:0 0 100%;box-sizing:border-box;scroll-snap-align:start;height:calc(100dvh - 170px);overflow-y:auto}.ot-profile-library-tabs{padding:12px 16px}}

.ot-profile-dialog input[type=color]{height:44px;padding:4px}.ot-profile-library-tabs .ot-edit-profile{padding:8px 14px;border-radius:8px;background:#176c55;color:white;font:600 13px system-ui;text-decoration:none}.ot-compact>button:not(.ot-move-grip):not(.ot-resize-grip):not(.ot-settings-grip){font-size:11px;padding:5px 8px}.ot-profile-dialog .ot-profile-card{min-height:300px!important;max-height:70vh}

@media(min-width:801px){.ot-profile-grid{grid-auto-rows:var(--module-unit,200px)}.ot-profile-grid>.ot-profile-card{height:100%;box-sizing:border-box;align-self:stretch}}
.ot-social input[hidden],.ot-profile-card input[hidden],.ot-profile-dialog input[hidden]{display:none!important}

/* Social foundation: quiet chrome and progressively disclosed editing. */
#ot-profile-editor,.ot-personal-main{max-width:none;width:100%}
.ot-profile-toolbar{padding:10px 16px;border-radius:8px;box-shadow:none;margin-bottom:16px}
.ot-profile-toolbar>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ot-profile-toolbar .ot-profile-status{margin:4px 0 0;font-size:11px}
.ot-profile-toolbar button{padding:8px 14px;font-size:13px}
.ot-profile-toolbar .ot-edit-toggle{background:#176c55;color:white}
.ot-profile-toolbar .ot-field{margin:0 0 0 auto;font-size:11px;max-width:160px}
.ot-page-actions{position:relative}.ot-page-actions summary{cursor:pointer;padding:8px 12px}
.ot-page-actions[open]{z-index:20;background:white;border:1px solid #dce3ea;padding:8px}
.ot-page-actions button{display:block;width:100%;margin:5px 0}
.ot-space{margin-left:auto;margin-right:auto;border-radius:8px;box-shadow:none;container-type:inline-size}
.ot-personal-identity{padding-bottom:24px}.ot-profile-card{border-radius:8px}
.ot-profile-card:not(:has(.ot-settings-grip)){padding-bottom:20px}
.ot-card-tools{display:none}.ot-grid-edit .ot-profile-card{outline:1px dashed #76958d66;outline-offset:-1px}
.ot-grid-edit .ot-profile-card:focus-within,.ot-grid-edit .ot-profile-card:hover{outline-color:#248b70}
.ot-advanced{border-top:1px solid #dae3e8;margin:16px 0;padding:12px 0}
.ot-advanced summary{cursor:pointer;font-weight:600;margin-bottom:12px}
.ot-add-module{padding:10px 18px;background:#176c55!important;color:white!important}
.ot-module-preview{height:110px;background:linear-gradient(130deg,#142631,#284b49);color:#fff;border-radius:6px;padding:14px;display:flex;flex-direction:column;gap:6px}
.ot-module-preview span{font-size:10px;text-transform:uppercase;letter-spacing:.12em}.ot-module-preview strong{font-size:16px}.ot-module-preview i{display:block;height:5px;background:#ffffff30;width:75%;border-radius:3px}.ot-module-preview i:last-child{width:45%}
.ot-module-choice small{display:block;color:#526b7c;margin-bottom:12px}.ot-module-choice button{margin:4px}
.ot-expanded-dialog{width:calc(100vw - 32px);max-width:none;max-height:calc(100dvh - 32px)}
.ot-expanded-dialog .ot-profile-card{height:calc(100dvh - 200px);max-height:none!important;overflow:auto}
.ot-expand-module{font-size:11px!important;padding:5px 9px!important;margin:8px 0}
.ot-deck-nav{display:none;align-items:center;justify-content:space-between;padding:12px;background:white;color:#27394b;font-size:12px}
.ot-command-list button{display:block;width:100%;text-align:left;margin:6px 0}
@container(max-width:600px){.ot-swipe-toggle{display:inline-block}.ot-deck-nav{display:flex}.ot-profile-grid{grid-auto-rows:auto}.ot-profile-grid>.ot-profile-card{grid-column:1!important;grid-row:auto!important;min-height:240px!important}.ot-swipe-enabled{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.ot-swipe-enabled>.ot-profile-card{flex:0 0 100%;height:calc(100dvh - 170px);scroll-snap-align:start;overflow-y:auto;box-sizing:border-box}.ot-personal-banner{height:180px}.ot-profile-library-tabs,.ot-tab-tools{padding:12px}.ot-profile-grid{padding:12px}.ot-deck-nav button{font-size:11px;padding:8px}}
@media(max-width:800px){.ot-deck-nav{display:flex}}
@media(prefers-reduced-motion:reduce){.ot-profile-grid,.ot-profile-card{scroll-behavior:auto!important;transition:none!important}}
.ot-studio-page .content-grid{max-width:none;width:calc(100% - 48px)}
.ot-style-preview{padding:20px;border-radius:8px;background:#f3f7f8;color:var(--module-color,#27394b);font-family:var(--module-font,system-ui);font-size:var(--module-size,16px)}
.ot-style-preview h3,.ot-style-preview p{font:inherit!important;color:inherit!important}
.ot-style-preview.ot-skin-dark{background:#12202d;--module-color:#e0ebf3}
.ot-style-preview.ot-skin-glass{background:#edf6f7e8}
.ot-profile-card,.ot-profile-name,.ot-profile-bio{overflow-wrap:normal;word-break:normal;hyphens:none}
.ot-profile-card a{overflow-wrap:anywhere}
.ot-space.effect-image{background-size:cover;background-position:center;background-attachment:fixed}
.header-minimal .ot-personal-banner,.header-compact .ot-personal-banner{height:65px}
.header-minimal .ot-profile-avatar,.header-compact .ot-profile-avatar{width:80px;height:80px;bottom:-40px}
.header-minimal .ot-personal-identity,.header-compact .ot-personal-identity{padding-top:52px;padding-bottom:18px}
.header-compact .ot-profile-bio,.header-compact .ot-profile-interests,.header-compact .ot-profile-mood{display:none}
.header-professional .ot-profile-avatar,.header-creator .ot-profile-avatar{left:90px}
.header-professional .ot-personal-identity,.header-creator .ot-personal-identity{text-align:left;padding-left:30px}
.header-professional .ot-profile-bio,.header-creator .ot-profile-bio{margin-left:0}
.header-floating .ot-profile-cover{margin:24px;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0003}
.header-floating .ot-personal-banner{height:170px}.header-floating .ot-profile-avatar{bottom:12px}
.header-floating .ot-personal-identity{padding-top:22px}
.ot-skin-terminal{background:#0d2019!important;--module-color:#99ecc1!important;--module-font:monospace!important;border-radius:2px!important}
.ot-skin-paper{background:#f6f0e3!important;--module-color:#4e4535!important;--module-font:Georgia,serif!important;border-radius:2px!important}
.ot-skin-neon{background:#171c34!important;--module-color:#c4f7f0!important;border-top:2px solid #93e4bd!important}
.ot-skin-arcade{background:#20182e!important;--module-color:#f0d3ff!important;--module-font:monospace!important;border-radius:0!important}
.ot-skin-corporate{background:#f2f5fa!important;--module-color:#25394d!important;border-radius:4px!important}
.ot-skin-creator{background:#fff4f1!important;--module-color:#6a3e35!important;border-radius:18px!important}
.ot-skin-space{background:radial-gradient(ellipse at top right,#26495d,#0c1524)!important;--module-color:#d9eff8!important}
.ot-skin-monochrome{background:#f4f4f4!important;--module-color:#202020!important;border-radius:0!important}
.ot-skin-music{background:linear-gradient(145deg,#352047,#182832)!important;--module-color:#f3eafa!important;border-radius:20px!important}
@container(max-width:600px){.header-professional .ot-profile-avatar,.header-creator .ot-profile-avatar{left:50%}.header-professional .ot-personal-identity,.header-creator .ot-personal-identity{text-align:center;padding-left:18px}}