/* ATM — Comunidad · supplied mockups, 5 October 2026. */
@font-face{font-family:ATMEditorial;src:url('/assets/fonts/playfair-display-latin-500-normal.woff2');font-weight:500;font-display:swap}
:root{--bg:#f6f4ef;--surface:#fbfaf7;--panel:#eeeae5;--ink:#17161d;--muted:#706c76;--line:#e3ded8;--accent:#c9b6ff;--accent-soft:#eee7f7;--accent-ink:#251d36;--green:var(--accent);--text:var(--ink);--border:var(--line);--white:var(--surface);color-scheme:light}
html[data-theme=light]{--bg:#f6f4ef;--surface:#fbfaf7;--panel:#eeeae5;--ink:#17161d;--muted:#706c76;--line:#e3ded8;--accent:#c9b6ff;--accent-soft:#eee7f7;--accent-ink:#251d36;--green:var(--accent);--text:var(--ink);--border:var(--line);--white:var(--surface)}
html[data-theme=dark]{--bg:#0b0b0d;--surface:#202023;--panel:#2f2f33;--ink:#f6f4ef;--muted:#aaa7b0;--line:#3e3b43;--accent:#c9b6ff;--accent-soft:#342c43;--accent-ink:#251d36;--green:var(--accent);--text:var(--ink);--border:var(--line);--white:var(--surface);color-scheme:dark}
body{font-size:14px;line-height:1.55}h1,h2,.team-row h3,.artist-card h2,.artist-profile-head h1{font-family:ATMEditorial,Georgia,serif;font-weight:500}h1{font-size:clamp(2rem,3vw,3rem);letter-spacing:-.035em}h2{font-size:1.6rem;line-height:1.25}h3{font-weight:600}p{max-width:72ch}.ui-icon{width:20px;height:20px;flex:none;display:inline-block;vertical-align:middle}button,.button{font-size:12px;font-weight:500;min-height:40px;border-radius:9px;padding:10px 18px}button:hover,.button:hover{filter:none;background:#bca2f4;color:#21172f}.button.ghost,button.ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}.button.ghost:hover,button.ghost:hover{background:var(--panel)}.secondary,.button.secondary{background:var(--panel);color:var(--ink)}input,textarea,select,.form input,.form textarea,.form select{background:var(--surface);color:var(--ink);border-color:var(--line);font-size:13px}.form label{font-size:13px}input[type=checkbox],input[type=radio]{accent-color:#786098}.card{background:var(--surface);border:1px solid var(--line);padding:24px;border-radius:12px}.pill{background:var(--accent-soft);border:0;color:var(--ink);font-weight:400;padding:5px 12px}.avatar{width:38px;height:38px;background:var(--accent-soft);border:0;color:var(--ink);font-size:14px;font-weight:500}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.section-kicker{font-size:10px;letter-spacing:.22em;display:block;margin-bottom:12px}.icon-button{border:0;background:transparent;color:var(--ink);width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;padding:8px}.icon-button:hover{background:var(--panel);color:var(--ink)}
.app-frame{max-width:1600px;margin:0 auto}.brand{display:flex;align-items:center;gap:16px;text-decoration:none;letter-spacing:.22em;font-family:ATMEditorial,Georgia,serif;font-size:14px;font-weight:500;line-height:1.1}.brand .atm-monogram{width:62px;height:46px;object-fit:contain}.atm-monogram{object-fit:contain}html[data-theme=dark] .brand .atm-monogram{filter:invert(1)}.topbar{height:84px;padding:0 30px;border:0;background:var(--bg);display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar .brand{flex:none}.header-nav{display:flex;align-items:center;gap:6px}.header-nav a{display:flex;align-items:center;gap:8px;text-decoration:none;border-radius:9px;font-size:12px;padding:9px 17px}.header-nav a .ui-icon{display:none}.header-nav a.active{background:var(--accent-soft)}.header-account{display:flex;align-items:center;gap:7px}.account-link{display:flex;align-items:center;gap:10px;text-decoration:none;border-left:1px solid var(--line);padding-left:18px;font-size:12px}.account-link>span:nth-child(2){max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-menu{display:none}
.atm-banner{position:relative;overflow:hidden;border-radius:12px;margin:0 24px 24px;min-height:230px;aspect-ratio:4.7;background:#111;color:#f6f4ef;display:flex;align-items:center;justify-content:space-between;padding:26px 36px}.banner-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.banner-identity,.banner-side{position:relative;z-index:1}.banner-identity{text-align:center;align-self:center;padding:14px 24px}.banner-identity .atm-monogram{filter:invert(1);width:140px;height:110px;display:block;margin:0 auto 10px}.banner-identity h1{font-family:ATMEditorial,Georgia,serif;color:#f6f4ef;font-size:26px;letter-spacing:.24em;line-height:1.15;margin:0 0 8px}.banner-identity p{font-family:ATMEditorial,Georgia,serif;font-size:13px;letter-spacing:.1em;margin:0 0 20px;color:#f6f4ef}.banner-identity>span{font-family:ATMEditorial,Georgia,serif;font-size:14px;letter-spacing:.35em}.banner-side{align-self:flex-start;font-size:10px;line-height:1.8;letter-spacing:.24em;max-width:150px;padding-top:7px}.banner-side.right{text-align:right}.shell{display:grid;grid-template-columns:186px minmax(0,1fr);min-height:calc(100vh - 84px);gap:18px;padding:0 24px}.main-column{min-width:0}.sidebar{height:calc(100dvh - 102px);position:sticky;top:18px;overflow-y:auto;background:transparent;border:0;padding:0 8px 24px 0;display:block;scrollbar-width:thin}.sidebar .nav{gap:4px;max-height:none;overflow:visible}.nav a{color:var(--ink);padding:9px 12px;gap:12px;font-size:12px;line-height:1.6;text-decoration:none;border-radius:8px}.nav a .ui-icon{width:18px;height:18px}.nav a.active{background:var(--accent-soft);color:var(--ink);font-weight:500}.nav a:hover{background:var(--panel)}.nav-label{margin:24px 10px 12px;padding-top:18px;border-top:1px solid var(--line);font-size:9px;letter-spacing:.18em}.nav-more{margin:20px 0}.nav-more summary{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.13em;cursor:pointer;min-height:40px;padding:8px 10px;list-style:none}.nav-more summary .ui-icon{width:14px;height:14px}.nav-more .nav{margin-top:8px}.sidebar-promo{display:block;position:relative;margin-top:22px;min-height:165px;overflow:hidden;border-radius:8px;color:#f6f4ef;text-decoration:none}.sidebar-promo img{position:absolute;width:100%;height:100%;object-fit:cover}.sidebar-promo span{position:relative;display:block;padding:28px 15px;font-family:ATMEditorial,Georgia,serif;font-size:21px;line-height:1.15;letter-spacing:-.03em}.side-footer{border-color:var(--line);padding:18px 10px;margin-top:24px;font-size:12px}.content{padding:4px 0 44px;max-width:none}.content>.page-title,.content>.intro{margin:14px 0 28px}.app-credit{font-size:10px;border-top:1px solid var(--line);padding:18px 0 30px}.text-link{display:inline-flex;align-items:center;gap:8px;font-size:12px;text-decoration:none;min-height:38px}.text-link .ui-icon{width:17px;height:17px}.page-title p,.intro p{font-size:13px}.stat{background:var(--surface);border-color:var(--line);padding:18px;border-radius:12px}.stat strong{color:var(--ink);font-family:ATMEditorial,Georgia,serif;font-size:28px}.stat-icon{color:var(--muted)}.stat span{color:var(--muted);font-size:12px}.hero-card{position:relative;background:var(--surface);color:var(--ink);border:1px solid var(--line)}.hero-card h2{color:var(--ink);font-size:2rem}.hero-card .muted{color:var(--muted)}.hero-card .wave{display:none}.hero-card .button{background:var(--accent);color:var(--accent-ink)}.hero-card .pill{background:var(--accent-soft);color:var(--ink)}.hero-card .button.ghost{background:var(--panel);color:var(--ink)}.grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:22px}.lesson-row{border-color:var(--line);padding:16px 0}.lesson-row .number{background:var(--accent-soft);color:var(--ink)}.lesson-row h3{font-size:13px;font-weight:500}.lesson-row p{font-size:11px;color:var(--muted)}progress{height:5px;accent-color:#b89af0;background:var(--panel)}progress::-webkit-progress-bar{background:var(--panel)}progress::-webkit-progress-value{background:#b89af0}progress::-moz-progress-bar{background:#b89af0}.note{background:var(--accent-soft);border-color:var(--line);color:var(--ink)}.note.warning{background:var(--panel);color:var(--ink)}
.story-rail{gap:12px;padding:0 0 18px}.story{font-size:10px;gap:5px;width:60px;flex-basis:60px;color:var(--ink)}.story img,.story-letter,.add-story>span{width:49px;height:49px;border-radius:50%;border:1px solid #c9b6ff;padding:2px;font-size:17px;background:var(--surface)}.add-story>span .ui-icon{width:20px}.story-rail>p{font-size:11px;flex-shrink:1;line-height:1.5}.social-layout{grid-template-columns:minmax(330px,1.45fr) minmax(210px,.9fr) minmax(210px,.95fr);gap:18px;align-items:start}.feed-main{min-width:0}.composer{padding:14px;border-radius:10px;margin-bottom:10px;gap:8px}.composer-head{display:flex;align-items:center;gap:10px}.composer textarea{border:1px solid var(--line);border-radius:9px;min-height:44px;height:44px;font-size:12px;width:100%;padding:12px;resize:vertical;line-height:1.5;background:transparent}.composer-options{display:flex;gap:4px;flex-wrap:wrap}.composer-option{display:flex;align-items:center;gap:7px;background:transparent;color:var(--ink);padding:7px 8px;border:0;min-height:36px;font-size:10px}.composer-option:hover{background:var(--panel);color:var(--ink)}.composer-option .ui-icon{width:16px;height:16px}.composer small{font-size:9px}.composer-tools{gap:6px}.composer-tools>button{min-height:34px;padding:7px 10px;font-size:10px}#attachment-name:empty{display:none}#attachment-name{margin:2px 0;font-size:10px;overflow-wrap:anywhere}.filter-tabs{margin:8px 0 12px;gap:2px}.filter-tabs button{padding:6px 11px;min-height:32px;font-size:10px;border:0}.filter-tabs .selected{background:var(--accent-soft);color:var(--ink);border:0;border-radius:7px}.social-post{border-radius:10px;padding:16px;margin-bottom:16px}.social-post header a{text-decoration:none}.social-post header small{font-size:10px}.social-post header strong{font-size:12px;font-weight:600}.social-post header .icon-button{padding:6px;min-width:32px;min-height:32px;width:32px;height:32px}.social-post p{font-size:12px;line-height:1.5;margin:15px 0 10px;overflow-wrap:anywhere}.social-post .post-media img{max-height:520px;border-radius:7px;object-fit:contain}.reactions{gap:0;margin:8px 0}.reactions button{font-size:14px;min-width:34px;min-height:34px;padding:5px}.reactions button .ui-icon{width:18px;height:18px}.reactions button small{font-size:10px}.post-action .ui-icon{width:16px}.social-post .row>button{font-size:10px;min-height:32px;padding:6px 9px}.social-post details{font-size:11px;padding-top:12px;margin-top:12px}.social-post summary{display:flex;align-items:center;gap:7px;font-size:11px}.social-post summary .ui-icon{width:16px}.social-post form input{font-size:11px;padding:8px}.social-post form button{font-size:11px}.empty-state{background:var(--surface);border:1px solid var(--line);padding:32px 18px}.empty-state h2{font-family:ATMEditorial,Georgia,serif;font-size:23px}.empty-state p{font-size:12px}.music-aside,.community-aside{position:static;min-width:0}.listening-card{background:#19191c;color:#f6f4ef;border-radius:10px;padding:17px;margin:0 0 14px}.listening-card>img{width:100%;aspect-ratio:1.15;object-fit:cover;border-radius:8px;margin-bottom:16px}.listening-card .section-kicker{font-size:8px;color:#b9b5c0;letter-spacing:.16em}.listening-card h2{font-family:Inter,sans-serif;font-size:17px;font-weight:500;color:#f6f4ef;line-height:1.3;margin:0 0 5px}.listening-card p{color:#c7c3ce;font-size:11px;margin-bottom:18px}.listening-card .button,.listening-play{background:#f6f4ef;color:#17161d;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:30px;width:100%;font-size:11px;min-height:40px}.listening-card .ui-icon{width:16px}.widget-list{padding:5px 0 16px}.widget-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.widget-heading h3{font-family:Inter,sans-serif;font-size:9px;letter-spacing:.19em;font-weight:400;margin:0}.widget-heading a{font-size:9px;text-decoration:none;white-space:nowrap;color:var(--muted)}.track-row{display:flex;align-items:center;gap:9px;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;color:var(--ink);text-align:left;width:100%;padding:10px 0}.track-row:hover{background:var(--panel);color:var(--ink)}.track-row>span:first-child{font-size:10px;color:var(--muted)}.track-row>span:nth-last-child(2){flex:1;min-width:0}.track-row strong{font-size:11px;font-weight:500;display:block;overflow-wrap:anywhere}.track-row small{font-size:9px;display:block;text-transform:capitalize}.track-row .ui-icon{width:15px;height:15px}.community-widget{background:transparent;border:1px solid var(--line);border-radius:10px;padding:15px;margin-bottom:13px}.community-widget>strong{font-size:12px;font-weight:500}.community-widget p{font-size:11px;margin:5px 0 9px;color:var(--muted)}.community-widget .text-link{font-size:10px;min-height:30px}.suggested-person{display:flex;align-items:center;justify-content:space-between;gap:5px;margin:12px 0}.suggested-identity{display:flex;align-items:center;gap:8px;text-decoration:none;min-width:0}.suggested-identity .avatar{width:32px;height:32px;font-size:11px}.suggested-identity strong{font-size:10px;font-weight:500;display:block}.suggested-identity small{font-size:9px;display:block;line-height:1.3}.suggested-person button{font-size:9px;min-height:29px;padding:5px 9px;border-radius:15px}.suggested-person .pill{font-size:9px;padding:5px}.event-preview{display:flex;align-items:center;gap:10px;text-decoration:none;border-bottom:1px solid var(--line);padding:10px 0}.event-preview:last-child{border:0}.event-preview time{width:43px;min-height:50px;border-radius:7px;background:var(--accent-soft);display:flex;flex-direction:column;justify-content:center;text-align:center;flex:none}.event-preview time strong{font-size:20px;font-weight:400;line-height:1.1}.event-preview time span{font-size:9px;text-transform:uppercase}.event-preview>span{flex:1;min-width:0}.event-preview>span strong{font-size:11px;display:block;font-weight:500}.event-preview small{font-size:9px;display:block}.event-preview>.ui-icon{width:15px;height:15px}.community-aside>a{display:flex;font-size:11px;margin:4px 0}
.editorial-hero{position:relative;overflow:hidden;border-radius:12px;min-height:250px;display:flex;align-items:center;padding:36px;margin-bottom:24px;background:#17161d}.editorial-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}.editorial-hero>div{position:relative;color:#f6f4ef;max-width:570px}.editorial-hero h1{color:#f6f4ef;font-size:clamp(2.5rem,4vw,4rem);margin:0 0 16px}.editorial-hero p{font-size:14px;max-width:400px;color:#f6f4ef;margin:0}.academy-tabs{margin:12px 0 28px;gap:7px}.academy-tabs a{font-size:12px;padding:8px 14px;border:0;border-radius:8px;text-decoration:none;color:var(--muted)}.academy-tabs a[aria-current=page]{background:var(--accent-soft);color:var(--ink);font-weight:500;border:0}.curriculum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border:0;margin:0 0 28px}.curriculum>.academy-course{padding:16px;border:1px solid var(--line);border-radius:12px;min-width:0;display:flex;flex-direction:column}.course-photo{width:100%;aspect-ratio:1.65;object-fit:cover;border-radius:8px;margin:0 0 18px}.academy-category{font-size:10px;color:var(--muted);margin-bottom:8px}.academy-course h2{font-size:23px;line-height:1.2;margin:0 0 12px}.academy-course>p{font-size:12px;color:var(--muted);margin:0 0 18px}.academy-course>.row{margin-top:auto;gap:12px;align-items:center;font-size:11px}.academy-course .button{font-size:11px;min-height:35px;padding:8px 13px}.academy-course>progress{margin-top:20px}.resource-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.resource-list li{padding:24px;border-radius:12px;margin:0}.resource-list h2{font-size:25px}.resource-list p{font-size:12px}.music-intro{grid-template-columns:260px minmax(0,1fr);background:#202023;border-radius:12px;padding:24px;gap:30px;color:#f6f4ef}.music-intro>img{aspect-ratio:1;object-fit:cover;border-radius:8px}.music-intro h2{font-family:ATMEditorial,Georgia,serif;font-size:2.8rem;color:#f6f4ef;line-height:1.2}.music-intro p{font-size:12px;color:#b9b5c0}.music-intro .pill{background:#333036;color:#d9d2e5;font-size:10px}.music-add{padding:18px 24px}.music-add summary{cursor:pointer;display:flex;align-items:center;gap:10px;list-style:none;font-size:13px;min-height:30px}.music-add .form{padding-top:22px;max-width:650px}.track-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.track{padding:15px;gap:10px;border-radius:12px}.track-art{position:relative;aspect-ratio:1;overflow:hidden;border-radius:8px}.track-art img{width:100%;height:100%;object-fit:cover}.track-art>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#f6f4ef}.track-art .ui-icon{width:38px;height:38px}.track h3{font-size:14px;font-weight:500}.track .provider{font-size:9px}.track a{font-size:11px}.track button{font-size:11px}.social-profile{max-width:900px;margin:0 auto;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}.profile-cover{height:260px}.profile-cover img{width:100%;height:100%;object-fit:cover}.profile-details{padding:0 30px 30px}.profile-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:-42px;margin-bottom:18px;position:relative}.profile-avatar{width:95px;height:95px;border:5px solid var(--surface);font-size:35px}.profile-top .row{padding-top:40px}.profile-top button,.profile-top .button{border-radius:30px;min-width:95px;font-size:12px}.profile-details h1{font-size:32px;margin:0 0 5px}.profile-handle{font-size:12px;color:var(--muted);margin-bottom:10px}.profile-role{font-size:13px;margin-bottom:10px}.profile-details .post-body{font-size:13px;max-width:65ch;margin-bottom:22px}.profile-stats{display:flex;gap:0;margin:24px 0;max-width:520px}.profile-stats>span{display:flex;flex:1;flex-direction:column;align-items:center;border-right:1px solid var(--line);font-size:12px;color:var(--muted)}.profile-stats>span:last-child{border:0}.profile-stats strong{font-size:23px;color:var(--ink);font-weight:400}.profile-tags{display:flex;gap:8px;flex-wrap:wrap}.profile-tags .pill{font-size:11px}.profile-tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin:28px 0 18px;overflow:auto}.profile-tabs>a,.profile-tabs>span{font-size:12px;white-space:nowrap;padding:10px 0;text-decoration:none}.profile-tabs [aria-current]{border-bottom:2px solid var(--ink)}.profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.profile-grid>p{grid-column:1/-1}.profile-tile{display:flex;position:relative;aspect-ratio:.9;background:var(--panel);color:var(--ink);border-radius:7px;overflow:hidden;text-decoration:none;align-items:center;justify-content:center}.profile-tile>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.profile-tile>span{padding:15px;overflow-wrap:anywhere;font-size:12px}.profile-tile:not(.text-tile)>span{opacity:0;position:absolute;background:#141119dd;color:#f6f4ef;inset:auto 0 0}.profile-tile:hover>span,.profile-tile:focus-visible>span{opacity:1}
.chat-privacy{background:transparent;border:0;padding:0 0 22px}.chat-privacy summary{font-size:11px;color:var(--muted);font-weight:400}.chat-layout{gap:0;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;grid-template-columns:330px minmax(0,1fr)}.chat-layout .card{border:0;border-radius:0;margin:0;background:transparent;padding:24px}.chat-sidebar{border-right:1px solid var(--line)!important}.chat-sidebar h2{font-family:Inter,sans-serif;font-size:15px;font-weight:500;margin-bottom:20px}.chat-thread{display:flex;flex-direction:row;align-items:center;gap:12px;border-radius:9px;padding:15px 10px;margin:5px 0}.chat-thread .avatar{width:41px;height:41px}.chat-thread>span:last-child{min-width:0}.chat-thread strong{font-size:12px;font-weight:500;display:block}.chat-thread small{font-size:10px;display:block;color:var(--muted)}.chat-thread.selected{background:var(--accent-soft);border:1px solid transparent}.chat-thread:hover{background:var(--panel)}#chat-search input{border-radius:9px;background:var(--panel)}#chat-search label{font-size:11px}#chat-search>button{font-size:10px;min-height:32px;justify-self:start}#chat-search-results{margin:14px 0}.chat-main h2{font-family:Inter,sans-serif;font-size:16px;font-weight:500}#chat-header{padding-bottom:14px;border-bottom:1px solid var(--line)}#chat-log{height:430px;padding:18px 6px;gap:14px}.chat-bubble{background:var(--panel);border:0;border-radius:15px 15px 15px 4px;padding:12px 16px;font-size:13px;max-width:75%}.chat-bubble.mine{background:var(--accent-soft);color:var(--ink);border-radius:15px 15px 4px 15px}.chat-bubble .smalltext{font-size:9px}.chat-bubble button{font-size:9px;min-height:28px;padding:4px 7px}.chat-main #chat-send textarea{background:var(--panel);border:0;min-height:55px;border-radius:12px}.chat-main #chat-send label{font-size:11px}.chat-main #chat-send .row small{font-size:9px}.chat-main #chat-send button{border-radius:25px}.chat-main #chat-status{font-size:10px;margin:12px 0 0}.artist-directory{gap:18px}.artist-card{border:1px solid var(--line);border-radius:12px;padding:20px;background:var(--surface)}.artist-portrait,.artist-initial{border-radius:50%;height:88px;width:88px}.artist-card h2{font-size:25px}.artist-card p{font-size:12px}.artist-profile-head{padding:28px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.artist-profile-head .artist-portrait,.artist-profile-head .artist-initial{border-radius:50%;width:130px;height:130px}.artist-works{gap:20px}.artist-work{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.artist-work-image{border-radius:8px}.team-workspace{gap:22px}.team-workspace>section{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:24px}.team-row h3{font-size:24px}.team-row p{font-size:12px}.team-row a{text-decoration:none}.team-row .button,.team-row button{font-size:11px}.team-editor{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.team-editor summary{font-size:13px}.magazine-card{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.magazine-card h2{font-family:ATMEditorial,Georgia,serif;font-size:27px}.magazine-reading h1{font-family:ATMEditorial,Georgia,serif}.word-private-layout>section{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.word-passage h3,.word-plan h3{font-family:ATMEditorial,Georgia,serif}.admin-nav{gap:8px;flex-wrap:wrap}.admin-nav a{font-size:11px}.table-wrap{max-width:100%;overflow:auto}th{background:var(--panel);color:var(--ink)}.options label{border-color:var(--line)}.pulse{border-color:var(--line)}.music-panel{border-color:var(--line)}.keyboard{background:#17161d;border-color:#2f2f33}.piano-key.white{color:#17161d;background:#f6f4ef}.piano-key.black{color:#f6f4ef;background:#202023}.piano-key.pressed{background:#c9b6ff!important}.music-controls button{color:var(--ink)}
#persistent-player{width:390px;max-width:calc(100vw - 32px);bottom:16px;right:16px;background:#202023;color:#f6f4ef;border:1px solid #4e465a;border-radius:13px;box-shadow:0 8px 28px #0003}.player-head{font-size:12px;padding:14px 18px}.player-head button{background:#343039;color:#f6f4ef;border:1px solid #51475e;font-size:10px;min-height:32px}.player-head strong{font-weight:500;max-width:210px;overflow-wrap:anywhere}#persistent-player small,#player-status{color:#c0bac8}#persistent-player iframe{height:220px}.mobile-dock{display:none}
.landing{max-width:1500px;padding:0 24px}.landing>nav{height:90px;padding:0 8px}.landing-stage{position:relative;min-height:620px;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px 50px;color:#f6f4ef;background:#0b0b0d}.landing-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.landing-note{position:absolute;top:35px;left:35px;font-size:10px;letter-spacing:.3em}.landing-identity{position:relative;text-align:center}.landing-identity>.atm-monogram{filter:invert(1);width:250px;height:205px;margin-bottom:10px}.landing .landing-identity h1{font-family:ATMEditorial,Georgia,serif;font-size:clamp(2.2rem,4.7vw,4.8rem);letter-spacing:.18em;max-width:none;color:#f6f4ef;margin:0 0 18px}.landing-identity p{font-family:ATMEditorial,Georgia,serif;font-size:20px;letter-spacing:.07em;color:#f6f4ef;margin:0 0 34px}.landing-identity>span{font-family:ATMEditorial,Georgia,serif;font-size:14px;letter-spacing:.35em}.landing-actions{position:relative;display:flex;gap:12px;margin-top:42px}.button.ivory{background:#f6f4ef;color:#17161d;border-radius:30px;min-width:185px}.button.outline-ivory{border:1px solid #c9bdcf;color:#f6f4ef;background:#16121b77;border-radius:30px;min-width:185px}.landing-intro{text-align:center;max-width:750px;margin:75px auto 45px}.landing-intro h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.15;margin-bottom:24px}.landing-intro p{max-width:500px;margin:0 auto;color:var(--muted);font-size:14px}.landing-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.landing-feature{position:relative;overflow:hidden;border-radius:12px;aspect-ratio:1.2;text-decoration:none;background:#0b0b0d;color:#f6f4ef}.landing-feature>img{width:100%;height:100%;object-fit:cover;opacity:.65}.landing-feature>div{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:30px}.landing-feature h2{color:#f6f4ef;font-size:38px;margin:0 0 15px}.landing-feature p{color:#f6f4ef;font-size:13px;max-width:220px}.landing-feature .ui-icon{margin-top:14px}.landing-invite{text-align:center;padding:70px 24px}.landing-invite h2{font-size:33px;margin-bottom:26px}.landing-invite .button{border-radius:30px;padding-inline:28px}.landing footer{border-color:var(--line);display:flex;gap:18px;flex-wrap:wrap;justify-content:space-between;font-size:11px}.landing footer a{text-decoration:none}.auth-wrap{max-width:1060px;margin:55px auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:650px}.auth-wrap>.card{margin:0;border-radius:0 14px 14px 0;padding:50px;border-color:var(--line);display:flex;flex-direction:column;justify-content:center}.auth-wrap .card>.brand{margin:0 0 35px}.auth-wrap h1{font-size:31px}.auth-art{position:relative;overflow:hidden;border-radius:14px 0 0 14px;background:#0b0b0d;color:#f6f4ef}.auth-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.auth-art>div{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;padding:45px 25px}.auth-art .brand{display:flex;flex-direction:column;gap:18px;color:#f6f4ef}.auth-art .brand .atm-monogram{filter:invert(1);width:180px;height:145px}.auth-art .brand>span{font-size:17px;letter-spacing:.2em}.auth-art h2{color:#f6f4ef;font-size:32px;margin:45px 0 35px}.auth-art p{font-size:10px;letter-spacing:.15em;color:#f6f4ef}.auth-wrap .form{gap:15px}.auth-wrap .form button{border-radius:25px;margin-top:10px}.auth-wrap .card>p{font-size:12px}.auth-wrap .check{font-size:11px}.auth-wrap .brand{font-size:12px}.auth-wrap .card .brand .atm-monogram{width:44px;height:36px}
@media(min-width:1600px){.atm-banner{max-height:315px}.content{padding-right:0}}
@media(max-width:1300px){.brand{font-size:12px;gap:10px}.brand .atm-monogram{width:48px;height:38px}.topbar{gap:12px;padding:0 24px}.header-nav a{padding:9px 11px;font-size:11px}.account-link>span:nth-child(2){max-width:85px}.social-layout{grid-template-columns:minmax(310px,1.4fr) minmax(200px,1fr);gap:16px}.community-aside{display:block;grid-column:2;grid-row:2}.music-aside{grid-column:2;grid-row:1}.feed-main{grid-column:1;grid-row:1/span 3}.shell{grid-template-columns:170px minmax(0,1fr);gap:16px}.curriculum{grid-template-columns:repeat(2,minmax(0,1fr))}.banner-identity .atm-monogram{height:90px;width:120px}.banner-identity h1{font-size:23px}.banner-identity>span{font-size:11px}.banner-identity p{font-size:12px;margin-bottom:13px}}
@media(max-width:1020px){.header-nav{display:none}.topbar{height:74px}.account-link>span:nth-child(2){max-width:140px}.shell{grid-template-columns:160px minmax(0,1fr)}.atm-banner{min-height:220px}.banner-side{font-size:9px;letter-spacing:.16em}.banner-identity{padding-inline:10px}.banner-identity h1{font-size:22px}.banner-identity>span{letter-spacing:.22em}.social-layout{grid-template-columns:minmax(0,1fr)}.feed-main{grid-column:1;grid-row:auto}.music-aside{grid-column:1;grid-row:auto;max-width:none}.music-aside .listening-card{display:grid;grid-template-columns:135px minmax(0,1fr);gap:7px 20px;padding:20px}.listening-card>img{grid-row:1/span 4;margin:0;width:135px;aspect-ratio:1}.listening-card .section-kicker{margin:0}.listening-card p{margin:0}.listening-card .button,.listening-card .listening-play{grid-column:2;width:auto;justify-self:start;padding-inline:22px}.community-aside{grid-column:1;grid-row:auto;display:grid;grid-template-columns:1fr 1fr;gap:15px}.community-widget{margin:0}.community-widget:last-of-type{grid-column:1/-1}.widget-list{display:none}.grid{grid-template-columns:minmax(0,1fr)}.grid>aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid>aside .card:first-child{grid-column:1/-1}.chat-layout{grid-template-columns:260px minmax(0,1fr)}.chat-layout .card{padding:18px}.resource-list{grid-template-columns:1fr}.music-intro{grid-template-columns:180px 1fr;gap:24px}.music-intro h2{font-size:32px}.team-workspace{grid-template-columns:1fr}.banner-side.right{display:none}.atm-banner{justify-content:center}.banner-side:first-of-type{position:absolute;left:25px;top:25px}.auth-wrap>.card{padding:35px}.auth-art h2{font-size:28px}}
@media(max-width:760px){.app-frame{max-width:none}.topbar{height:65px;padding:0 16px;gap:8px;position:relative}.topbar .brand{position:absolute;left:50%;transform:translateX(-50%)}.topbar .brand>span{display:none}.topbar .brand .atm-monogram{width:57px;height:43px}.mobile-menu{display:inline-flex}.header-account{margin-left:auto;gap:0}.header-account .account-link{border:0;padding:0 0 0 6px}.account-link>span:nth-child(2),.account-link>.ui-icon,.header-account>a:first-child{display:none}.account-link .avatar{width:31px;height:31px;font-size:12px}.header-account .icon-button{width:35px}.shell{display:block;padding:0 16px;min-height:0}.sidebar{display:none}.sidebar.is-open{display:block;position:fixed;top:65px;left:0;bottom:64px;width:min(300px,85vw);height:auto;z-index:40;padding:18px;background:var(--surface);border-right:1px solid var(--line);box-shadow:8px 0 20px #0002}.sidebar.is-open .nav{display:grid;margin:0;overflow:visible}.sidebar.is-open .nav a{font-size:13px;padding:10px;white-space:normal}.sidebar.is-open .nav svg{display:block}.sidebar.is-open .nav-label,.sidebar.is-open .side-footer{display:block}.sidebar-promo{min-height:140px}.sidebar-promo span{font-size:22px}.atm-banner{margin:0 16px 22px;min-height:190px;aspect-ratio:1.75;padding:18px;border-radius:10px}.banner-side{display:none}.banner-identity{width:100%;padding:0}.banner-identity .atm-monogram{width:88px;height:70px;margin-bottom:8px}.banner-identity h1{font-size:20px;letter-spacing:.17em;margin-bottom:8px}.banner-identity p{font-size:10px;letter-spacing:.07em;margin-bottom:14px}.banner-identity>span{font-size:9px;letter-spacing:.18em}.content{padding:0 0 95px}.content>.intro,.content>.page-title{margin:16px 0 24px}h1{font-size:32px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:22px}.stat{padding:16px}.stat strong{font-size:27px}.stat span{font-size:11px}.grid,.grid>aside{display:block}.card{padding:20px;margin-bottom:18px}.hero-card h2{font-size:27px}.story-rail{padding-bottom:18px;gap:10px}.story-rail>p{font-size:10px;min-width:140px}.story img,.story-letter,.add-story>span{width:48px;height:48px}.composer{padding:12px}.composer-tools{align-items:center}.composer-options{gap:0}.composer-option{font-size:9px;padding:7px 6px;gap:4px;min-height:38px}.composer-option .ui-icon{width:15px;height:15px}.composer-tools>button{min-height:36px}.social-post{padding:14px;margin-bottom:16px}.social-post p{font-size:13px;line-height:1.6}.social-post header strong{font-size:12px}.social-post .post-media img{max-height:520px}.reactions button{min-width:40px;min-height:40px}.social-post .row>button{min-height:36px}.filter-tabs{margin:8px 0 14px;gap:4px}.filter-tabs button{min-height:36px;font-size:11px}.music-aside .listening-card{grid-template-columns:105px 1fr;padding:16px;gap:4px 16px}.listening-card>img{width:105px}.listening-card h2{font-size:16px}.listening-card .section-kicker{font-size:8px}.listening-card p{font-size:10px}.listening-card .button,.listening-card .listening-play{min-height:33px;padding:5px 12px;font-size:10px}.community-aside{display:block}.community-widget{margin-bottom:16px;padding:18px}.widget-heading h3{font-size:10px}.widget-heading a{font-size:10px}.suggested-identity strong{font-size:12px}.suggested-identity small{font-size:10px}.suggested-person button{min-height:34px;font-size:10px;padding:6px 14px}.suggested-person{margin:14px 0}.mobile-dock{position:fixed;bottom:0;left:0;right:0;border:0;border-top:1px solid var(--line);border-radius:0;background:var(--bg);z-index:35;display:flex;align-items:center;justify-content:space-around;padding:8px 10px max(8px,env(safe-area-inset-bottom));gap:4px}.mobile-dock a{display:flex;align-items:center;flex-direction:column;gap:3px;min-width:50px;min-height:44px;padding:4px 5px;text-decoration:none;color:var(--muted);font-size:9px}.mobile-dock a .ui-icon{width:21px;height:21px;display:block}.mobile-dock a.active{color:var(--ink)}.mobile-dock a.dock-create{padding:0 5px}.dock-create .ui-icon{padding:9px;box-sizing:content-box;background:var(--accent);border-radius:50%;color:#251d36;margin-top:-9px}.app-credit{font-size:9px;padding:10px 0 95px}.editorial-hero{min-height:240px;padding:25px;margin-bottom:22px}.editorial-hero h1{font-size:36px}.editorial-hero p{font-size:12px}.editorial-hero .section-kicker{font-size:9px}.academy-tabs{gap:2px;margin:10px 0 22px}.academy-tabs a{padding:8px 10px;font-size:11px}.curriculum{grid-template-columns:1fr;gap:18px}.curriculum>.academy-course{padding:16px}.course-photo{aspect-ratio:1.8}.academy-course h2{font-size:27px}.academy-course>p{font-size:13px}.academy-course>.row{font-size:12px}.academy-course .button{font-size:12px;min-height:40px}.resource-list{grid-template-columns:1fr;padding:0}.resource-list li{padding:20px}.music-intro{grid-template-columns:110px 1fr;padding:18px;gap:16px;align-items:start}.music-intro h2{font-size:25px;margin-bottom:14px}.music-intro p{font-size:11px}.music-intro .row{grid-column:auto;gap:7px}.music-intro .pill{font-size:9px}.music-intro>img{border-radius:7px}.track-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.track{padding:12px}.track h3{font-size:12px}.track button{padding:8px;min-height:38px;font-size:10px}.track a{font-size:10px}.track .provider{font-size:8px}.social-profile{border:0;border-radius:0;background:transparent;margin:-1px -16px 0}.profile-cover{height:210px}.profile-details{padding:0 16px 24px}.profile-top{margin-top:-38px}.profile-avatar{width:82px;height:82px;font-size:28px;border-width:4px}.profile-top .row{padding-top:33px;gap:7px}.profile-top .button,.profile-top button{min-width:80px;min-height:34px;font-size:11px;padding:8px 12px}.profile-details h1{font-size:29px}.profile-role{font-size:12px}.profile-details .post-body{font-size:12px}.profile-stats{margin:25px 0}.profile-stats strong{font-size:22px}.profile-stats>span{font-size:11px}.profile-tags{gap:6px}.profile-tags .pill{font-size:10px;padding:5px 10px}.profile-tabs{gap:22px;margin-top:22px}.profile-tabs>a,.profile-tabs>span{font-size:11px}.profile-grid{gap:4px}.profile-tile{border-radius:4px}.profile-tile>span{padding:8px;font-size:10px}.chat-layout{display:block;border:0;background:transparent;border-radius:0;overflow:visible}.chat-layout .card{padding:0}.chat-sidebar{border:0!important}.chat-sidebar h2{font-size:14px;padding:12px 0;border-bottom:1px solid var(--line)}.chat-main{display:none}.chat-layout.has-chat .chat-sidebar{display:none}.chat-layout.has-chat .chat-main{display:block}.chat-privacy{padding:0 0 16px}.chat-thread{padding:16px 10px}.chat-thread strong{font-size:13px}.chat-thread small{font-size:11px}.chat-thread .avatar{width:45px;height:45px}#chat-back{display:inline-flex;font-size:11px;align-items:center;gap:6px;margin-bottom:10px}#chat-back .ui-icon{width:15px;height:15px}#chat-log{height:48dvh;min-height:230px;padding:18px 0}.chat-bubble{max-width:86%;font-size:13px}.chat-main #chat-send textarea{min-height:60px}.chat-main #chat-header .row{flex-wrap:nowrap}.artist-card{padding:18px}.artist-card .artist-portrait,.artist-card .artist-initial{width:70px;height:70px}.artist-profile-head{padding:20px;gap:20px;flex-direction:column}.artist-profile-head .artist-portrait,.artist-profile-head .artist-initial{height:100px;width:100px}.artist-profile-head h1{font-size:30px}.team-workspace>section{padding:20px}.team-row h3{font-size:25px}.team-editor{padding:18px}.team-song-fields{padding:16px}.word-private-layout>section{padding:20px}#persistent-player{bottom:80px;right:12px;width:calc(100vw - 24px);max-width:none}.landing{padding:0 16px}.landing>nav{height:74px;padding:0}.landing>nav .brand>span{display:none}.landing>nav .brand .atm-monogram{width:49px;height:42px}.landing>nav .row{gap:6px}.landing>nav .button{font-size:10px;min-height:35px;padding:8px 11px}.landing-stage{min-height:580px;aspect-ratio:auto;padding:100px 14px 50px;border-radius:10px}.landing-note{left:20px;top:25px;font-size:8px;letter-spacing:.22em}.landing-identity>.atm-monogram{width:175px;height:145px;margin-bottom:14px}.landing .landing-identity h1{font-size:25px;letter-spacing:.16em;white-space:nowrap;margin:0 0 14px}.landing-identity p{font-size:13px;letter-spacing:.03em;margin-bottom:28px}.landing-identity>span{font-size:9px;letter-spacing:.14em}.landing-actions{flex-direction:column;width:100%;max-width:280px;margin-top:42px;gap:12px}.landing-actions .button{min-height:44px;width:100%;font-size:12px}.landing-intro{margin:45px auto 30px;padding:0 8px}.landing-intro h2{font-size:31px}.landing-intro p{font-size:12px}.landing-features{grid-template-columns:1fr;gap:16px}.landing-feature{aspect-ratio:1.4}.landing-feature h2{font-size:35px}.landing-feature>div{padding:28px}.landing-feature p{font-size:13px}.landing-invite{padding:45px 12px}.landing-invite h2{font-size:29px}.landing footer{font-size:10px;padding-bottom:25px;gap:14px}.auth-wrap{display:block;max-width:500px;margin:20px auto;padding:0 16px;min-height:0}.auth-art{height:230px;border-radius:12px 12px 0 0}.auth-art>div{padding:25px}.auth-art .brand{gap:5px}.auth-art .brand .atm-monogram{width:80px;height:65px}.auth-art .brand>span{font-size:12px}.auth-art h2{font-size:23px;margin:16px 0 10px}.auth-art p{font-size:8px;margin:0}.auth-wrap>.card{border-radius:0 0 12px 12px;padding:28px 24px}.auth-wrap .card>.brand{display:none}.auth-wrap h1{font-size:29px;margin:0 0 22px}.auth-wrap .form label{font-size:12px}.auth-wrap .form input{font-size:14px}.auth-wrap .check{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.topbar,.atm-banner,.sidebar,.mobile-dock,.music-aside,.community-aside,.app-credit,#persistent-player,.banner-photo{display:none!important}.app-frame,.shell{display:block;padding:0}.content{padding:0}.card,.team-workspace>section{break-inside:avoid;background:white;color:black}.landing-stage{background:white;color:black}.landing-backdrop{display:none}}

/* The logo export includes transparent margins; crop the image slot, preserving the mark. */
.atm-monogram,.brand .atm-monogram{object-fit:cover;object-position:58% 50%}