:root{color-scheme:dark;font-family:Trebuchet MS,Segoe UI,sans-serif;--bg: #0c0a0f;--bg-2: #18131c;--panel: #15111a;--panel-soft: rgba(255, 255, 255, .04);--line: rgba(255, 255, 255, .08);--text: #fff7ed;--muted: #ccb8bf;--muted-2: #8e7f8c;--brand: #ff6a2a;--brand-2: #ff8f5d;--brand-3: #ff8a00;--brand-4: #f472b6;--shadow: 0 24px 60px rgba(0, 0, 0, .4)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at top,rgba(255,106,42,.22),transparent 30%),linear-gradient(180deg,#110d12,#08070a);color:var(--text)}body,button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.mobile-app{min-height:100vh;padding:.8rem}.mobile-app__device{width:min(100%,28rem);min-height:calc(100vh - 1.6rem);margin:0 auto;background:linear-gradient(180deg,#18131cfa,#0a080cfa);border:1px solid rgba(255,255,255,.06);border-radius:2rem;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;padding:.95rem 1rem;border-bottom:1px solid var(--line);background:#ffffff05}.mobile-topbar__avatar,.profile-avatar{width:2rem;height:2rem;border-radius:999px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#8b5cf6,#fb7185)}.mobile-topbar__brand{display:inline-flex;align-items:center;font-weight:700;font-size:1.35rem;font-style:italic;color:var(--brand-2)}.mobile-topbar__actions{display:flex;align-items:center;gap:.6rem}.header-icon-button,.back-link,.delete-inline-button,.sheet-close,.reply-link,.tile-heart-button,.hero-icon-button,.reaction-chip{border:0;background:transparent;color:inherit}.mobile-app__content{flex:1;min-height:0;overflow-y:auto}.screen{padding:1rem}.screen--studio{padding-bottom:7rem}.screen__heading{display:grid;gap:.55rem}.screen__heading h1,.profile-hero h1,.studio-hero-card__content h1{margin:0;font-size:1.75rem}.screen__copy,.offline-banner,.loading-block,.sheet-note,.social-row span,.profile-hero p,.plan-card p,.drawer-empty{color:var(--muted)}.eyebrow{margin:0;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2)}.offline-banner,.error-banner,.loading-block{margin:.8rem 1rem 0;padding:.8rem .95rem;border-radius:1rem;background:#ffffff0d}.error-banner{border:1px solid rgba(248,113,113,.25);background:#7f1d1d38}.error-banner--tight{margin:.8rem 0 0}.segmented-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;margin-top:1rem;padding:.35rem;border-radius:999px;background:#ffffff0d}.segmented-control__item,.status-select,.ghost-button,.primary-button,.field input,.field textarea,.field select,.composer-row input,.lyrics-textarea,.social-row,.plan-card__tier,.info-card,.section-card,.comment-card,.sheet-card,.drawer-panel{border:1px solid var(--line)}.segmented-control__item{border-radius:999px;padding:.8rem .9rem;background:transparent;color:var(--muted)}.segmented-control__item--active{background:linear-gradient(135deg,var(--brand),#ff8f5d);color:#fff;border-color:transparent}.tile-stack,.social-stack,.comment-stack,.reply-list,.chat-stack,.pill-row,.form-stack,.asset-grid,.reply-sheet,.chat-drawer,.drawer-toolbar,.studio-page-grid,.studio-main-column,.studio-side-column{display:grid;gap:.9rem}.tile-stack{margin-top:1rem;padding-bottom:5rem}.stacked-tile{position:relative}.delete-inline-button{position:absolute;top:.8rem;right:.8rem;z-index:2;width:2rem;height:2rem;display:grid;place-items:center;border-radius:999px;background:#00000040}.project-tile,.studio-hero-card{position:relative;overflow:hidden;border-radius:1.55rem;color:#fff;box-shadow:var(--shadow)}.project-tile{min-height:11rem}.project-tile__cover-image,.studio-hero-card__cover-image{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center center;background-repeat:no-repeat;transform:scale(1.02)}.project-tile__scrim,.studio-hero-card:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(180deg,#100a110f,#06060ab8)}.project-tile__top,.project-tile__body,.studio-hero-card__top,.studio-hero-card__content{position:relative;z-index:1}.project-tile__top,.studio-hero-card__top,.section-card__header,.comment-card__top,.info-row,.composer-row,.player-card__controls,.player-card__times,.studio-toolbar{display:flex;align-items:center;gap:.65rem}.project-tile__top,.studio-hero-card__top,.comment-card__top,.info-row,.section-card__header,.studio-toolbar{justify-content:space-between}.project-tile__top{padding:.85rem}.project-tile__body{min-height:11rem;display:flex;flex-direction:column;justify-content:flex-end;padding:.85rem}.project-tile--cover{background-color:#0000003d}.project-tile h3,.project-tile p,.section-card h3,.sheet-card h3,.drawer-panel h3{margin:0}.project-tile p,.studio-hero-card__content p{color:#ffffffd1}.project-tile__badge,.mini-status,.email-pill,.reaction-chip{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.38rem .62rem;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.75rem}.tile-heart-button,.hero-icon-button{width:2.2rem;height:2.2rem;display:grid;place-items:center;border-radius:999px;background:#ffffff1f}.hero-icon-button--play{background:linear-gradient(135deg,var(--brand),var(--brand-2))}.filled-heart{fill:currentColor;color:#ff6a2a}.project-tile__play{width:2.9rem;height:2.9rem;display:grid;place-items:center;border-radius:999px;margin-bottom:auto;margin-left:auto;border:1px solid rgba(255,255,255,.16);color:#fff;background:linear-gradient(135deg,#ff7a1f,#ff5f8f);box-shadow:0 12px 24px #ff5f1f59}.project-tile__waveform{width:100%;height:2.2rem;margin:.65rem 0 .2rem;padding:.25rem 0;border-radius:999px;background:#ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.project-tile__waveform-svg{display:block;width:100%;height:100%}.project-tile__waveform-line{fill:none;stroke:#fff3ec;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(255,143,93,.7));stroke-dasharray:12 8;animation:waveform-dash 1s linear infinite}.project-tile__footer,.meta-row,.studio-summary-row{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin-top:.8rem;color:#fffc;font-size:.78rem}.project-tile__footer span,.studio-summary-row span{display:inline-flex;align-items:center;gap:.25rem}.mini-status--live{background:#22c55e2e}.mini-status--quiet{background:#ffffff1f}.floating-action{position:fixed;right:max(calc(50% - 12rem),1.5rem);bottom:6rem;z-index:8;width:3.4rem;height:3.4rem;border:0;border-radius:999px;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:0 20px 40px #ff6a2a59}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem;padding:.65rem;border-top:1px solid var(--line);background:#0b0a0eeb}.bottom-nav__item{display:grid;place-items:center;gap:.22rem;color:var(--muted-2);font-size:.72rem}.bottom-nav__item--active{color:var(--brand-2)}.profile-hero,.plan-card,.social-card{display:grid;gap:.9rem}.profile-hero{place-items:center;text-align:center;padding:1rem 0}.profile-avatar{width:4.75rem;height:4.75rem;font-size:1.5rem}.info-card,.section-card,.social-card{margin-top:1rem;padding:1rem;border-radius:1.25rem;background:#ffffff08}.info-row{padding:.4rem 0}.plan-card{margin-top:1rem}.plan-card__tier,.social-row,.comment-card,.asset-card{border-radius:1.2rem;padding:1rem;background:#ffffff08}.plan-card__tier--highlight{background:linear-gradient(180deg,#ff6a2a26,#ffffff0a)}.primary-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border-radius:999px;padding:.78rem 1rem}.primary-button{border:0;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-2))}.primary-button--small{padding:.58rem .9rem}.primary-button--icon{width:2.7rem;height:2.7rem;padding:0}.primary-button--block{width:100%}.ghost-button{background:#ffffff0d;color:inherit}.ghost-button--small,.status-select{padding:.68rem .9rem}.sheet-backdrop,.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#0009}.sheet-backdrop{display:grid;place-items:end center;padding:1rem}.drawer-backdrop{display:flex;justify-content:flex-end}.sheet-card{width:min(100%,28rem);border-radius:1.5rem 1.5rem 0 0;padding:1rem;background:#130f16}.drawer-panel{width:min(100%,24rem);height:100%;padding:1rem;border-radius:1.5rem 0 0 1.5rem;background:#130f16;box-shadow:var(--shadow);overflow-y:auto}.drawer-panel--wide{width:min(100%,30rem)}.sheet-card__header,.drawer-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem}.drawer-panel__content{display:grid;gap:1rem}.field{display:grid;gap:.35rem}.field input,.field textarea,.field select,.composer-row input,.lyrics-textarea,.status-select{width:100%;border-radius:1rem;padding:.9rem .95rem;background:#ffffff0a;color:inherit}.studio-page-grid{margin-top:.2rem}.studio-hero-card{min-height:15rem;padding:1rem;display:flex;flex-direction:column;gap:1rem}.studio-hero-card--image{background-color:#00000038}.studio-hero-card__content{position:relative;inset:auto;margin-top:auto}.studio-hero-card__actions{display:flex;align-items:center;gap:.55rem;flex:1;justify-content:flex-end;overflow-x:auto;padding-bottom:.1rem;scrollbar-width:none}.studio-hero-card__meta{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.7rem}.studio-hero-card__actions::-webkit-scrollbar{display:none}.studio-toolbar{margin-top:1rem}.studio-main-column,.studio-side-column{min-width:0}.back-link{display:inline-flex;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;color:var(--muted);border-radius:999px;background:#ffffff1f}.back-link--light{color:#ffffffdb}.hero-action-pill{flex:0 0 auto;min-width:4.85rem;height:2.5rem;display:inline-flex;align-items:center;justify-content:center;gap:.38rem;padding:0 .8rem;border:0;border-radius:999px;color:#fff;background:#ffffff24;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-action-pill span{font-size:.78rem;white-space:nowrap}.hero-action-pill--play{background:linear-gradient(135deg,var(--brand),var(--brand-2))}.status-select{flex:1}.section-card__header--stack{align-items:flex-start}.section-hint{margin:0;color:var(--muted);font-size:.82rem;line-height:1.5}.section-actions,.drawer-toolbar{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.visualizer-shell{position:relative;min-height:11rem;border-radius:1.2rem;overflow:hidden;background:linear-gradient(180deg,#ffffff08,#00000040)}.visualizer-canvas{display:block;width:100%;height:11rem}.visualizer-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;gap:.5rem;padding:1rem;text-align:center;color:var(--muted)}.player-card__controls{margin-top:.8rem}.player-card__scrub{flex:1}.player-card__scrub input,.composer-row input[type=range],input[type=range]{width:100%}input[type=range]{accent-color:var(--brand)}.play-button{width:2.9rem;height:2.9rem;border:0;border-radius:999px;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-2))}.lyrics-textarea{min-height:15rem;resize:vertical;font-family:Courier New,monospace;line-height:1.7}.lyrics-textarea--tall{min-height:22rem}.section-card--editor{min-height:0}.pill-row{margin-top:.5rem}.email-pill{background:#ffffff0f}.chat-stack{margin-top:.25rem}.chat-message{display:flex}.chat-message--self{justify-content:flex-end}.chat-message__bubble{max-width:88%;border-radius:1rem;padding:.8rem .95rem;background:#ffffff0f}.chat-message--self .chat-message__bubble{background:linear-gradient(135deg,#ff6a2af2,#ff8f5df2)}.chat-drawer{min-height:60vh;grid-template-rows:1fr auto}.composer-row{margin-top:.9rem}.composer-row--stacked{align-items:stretch}.comment-card__title{display:grid;gap:.15rem}.comment-card p,.reply-row p,.asset-card__meta span{margin:.45rem 0 0;color:var(--muted);line-height:1.6}.reply-link{margin-top:.65rem;color:var(--brand-2)}.reply-row{padding:.8rem .9rem;border-radius:1rem;background:#ffffff0a}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-card{padding:.75rem}.asset-card__image,.asset-card__fallback{width:100%;height:8rem;border-radius:.9rem}.asset-card__image{object-fit:cover;display:block}.asset-card__fallback{display:grid;place-items:center;background:#ffffff0f}.asset-card__meta{display:grid;gap:.2rem;margin-top:.65rem}.drawer-empty{padding:1rem 0}.hidden-input{display:none}.tone-sunset,.tone-ember,.tone-midnight,.tone-forest,.tone-violet{background-position:center}@keyframes waveform-dash{0%{stroke-dashoffset:20}to{stroke-dashoffset:0}}.tone-sunset{background:linear-gradient(135deg,#8b3d2b,#f97316 48%,#f59e0b)}.tone-ember{background:linear-gradient(135deg,#431407,#9a3412 45%,#fb7185)}.tone-midnight{background:linear-gradient(135deg,#172554,#1e293b 50%,#0f172a)}.tone-forest{background:linear-gradient(135deg,#052e16,#14532d 45%,#1f2937)}.tone-violet{background:linear-gradient(135deg,#312e81,#6d28d9 50%,#be185d)}@media (min-width: 720px){.mobile-app__device{width:min(100%,72rem)}.screen{padding:1.2rem 1.4rem}.tile-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-page-grid{grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);align-items:start}.studio-hero-card{min-height:16rem}.hero-action-pill{min-width:5.2rem}.floating-action{right:max(calc(50% - 34rem),2rem)}.drawer-panel--wide{width:min(100%,34rem)}}