: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{height:100vh;height:100dvh;padding:.8rem;overflow:hidden}.mobile-app__device{width:min(100%,28rem);height:calc(100vh - 1.6rem);height:calc(100dvh - 1.6rem);margin:0 auto;position:relative;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__avatar{border:0;padding:0}.mobile-topbar__avatar--signed-in{width:2rem;height:2rem;border-radius:999px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#8b5cf6,#fb7185)}.mobile-topbar__avatar--signed-out{color:#d2d0d7;width:auto;height:auto;padding:0;background:transparent;border-radius:0}.mobile-topbar__avatar-glyph{width:100%;height:100%;display:grid;place-items:center;font-size:1rem;font-weight:800;line-height:1;color:#fffdf8;text-transform:uppercase;text-shadow:0 1px 3px rgba(0,0,0,.35)}.mobile-topbar__avatar img,.profile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.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}.header-icon-button{position:relative}.header-icon-button--badge{display:inline-grid;place-items:center}.header-icon-button__dot{position:absolute;top:.2rem;right:.15rem;width:.5rem;height:.5rem;border-radius:999px;background:#ef4444;box-shadow:0 0 0 2px #110d12f2}.mobile-app__content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-bottom:5.6rem;transition:padding-bottom .18s ease}.screen{padding:1rem}.screen--studio{padding-bottom:7rem}.screen__heading{display:grid;gap:.55rem}.screen__heading--profile-view{margin-bottom:.9rem}.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,.notification-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:3.55rem;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;transform:translateY(.38rem);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__play-glyph{position:relative;display:block;flex:0 0 auto}.project-tile__play-glyph--play{width:0;height:0;margin-left:.15rem;border-top:.42rem solid transparent;border-bottom:.42rem solid transparent;border-left:.84rem solid #fff}.project-tile__play-glyph--pause{width:.82rem;height:1.02rem}.project-tile__play-glyph--pause:before,.project-tile__play-glyph--pause:after{content:"";position:absolute;top:0;width:.22rem;height:100%;border-radius:999px;background:#fff}.project-tile__play-glyph--pause:before{left:0}.project-tile__play-glyph--pause:after{right:0}.project-tile__waveform{position:relative;width:100%;height:3rem;margin:.75rem 0 .3rem;padding:.35rem .45rem;border-radius:1rem;background:linear-gradient(180deg,#ffffff1f,#ffffff0a);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.project-tile__waveform-track{position:absolute;inset:50% .45rem auto;height:2px;transform:translateY(-50%);background:linear-gradient(90deg,#ffffff1f,#ffffff08)}.diary-feed{display:grid;gap:1rem}.diary-card,.diary-collab-card{position:relative;display:block;overflow:hidden;border-radius:1.5rem;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#221a2cf5,#120e18fa)}.diary-card__link,.diary-collab-card{display:block;color:inherit;text-decoration:none}.diary-card__cover,.diary-entry-cover{min-height:12rem;background-position:center;background-size:cover}.diary-card__cover--fallback{display:grid;place-items:center;color:#ffffffc7;background:linear-gradient(135deg,#ff7a1f57,#ff5f8f33)}.diary-card__body,.diary-collab-card{padding:1rem}.diary-card__body--footer{padding-top:.75rem}.diary-card__topline{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1rem 0}.diary-card__date{font-size:.8rem;color:#fff9}.diary-card__meta,.diary-collab-card__meta,.diary-card__footer,.diary-entry-meta{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.diary-card__body h3,.diary-collab-card h3{margin:.45rem 0 .3rem}.diary-card__body p,.diary-collab-card p,.diary-entry-readonly p{margin:0;color:#ffffffc2}.diary-card--profile .diary-card__body p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.diary-card__footer{margin-top:.75rem;font-size:.82rem;color:#ffffff9e}.delete-inline-button--diary{position:absolute;top:.8rem;right:.8rem}.diary-entry-cover{margin-bottom:1rem;border-radius:1.1rem}.diary-media-grid{display:grid;gap:.9rem}.diary-collage,.diary-detail-collage{display:grid;gap:.18rem;overflow:hidden;margin:0 1rem;border-radius:1rem}.diary-collage img,.diary-collage video,.diary-detail-collage img,.diary-detail-collage video{width:100%;height:100%;object-fit:cover;display:block}.diary-collage--single,.diary-detail-collage--single{grid-template-columns:1fr;min-height:14rem}.diary-collage--three,.diary-detail-collage--three{grid-template-columns:1.15fr .85fr;min-height:16rem}.diary-collage--quad,.diary-detail-collage--quad{grid-template-columns:repeat(2,minmax(0,1fr));min-height:16rem}.diary-collage__primary,.diary-detail-collage__primary,.diary-detail-collage__cell{border:0;padding:0;margin:0;background:transparent}.diary-collage__stack,.diary-detail-collage__stack{display:grid;gap:.18rem;grid-template-rows:repeat(2,minmax(0,1fr))}.diary-collage__cell,.diary-detail-collage__cell{position:relative;overflow:hidden}.diary-collage__more{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:1.2rem;font-weight:700;color:#fff;background:#0b0a0e8a}.diary-upload-box{display:grid;gap:.8rem;padding:.9rem;border-radius:1rem;background:#ffffff0a}.diary-upload-box__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.diary-upload-list{display:grid;gap:.5rem}.diary-upload-list__item{display:flex;align-items:center;gap:.55rem;min-width:0;padding:.65rem .75rem;border-radius:.85rem;background:#ffffff0d}.diary-media-card{display:grid;gap:.55rem;padding:.8rem;border-radius:1rem;background:#ffffff0a}.diary-media-card img,.diary-media-card video{width:100%;border-radius:.9rem;object-fit:cover}.diary-media-card audio{width:100%}.diary-viewer{display:grid;gap:1rem}.diary-viewer__media{overflow:hidden;border-radius:1rem;background:#ffffff0a}.diary-viewer__media img,.diary-viewer__media video{width:100%;max-height:72vh;object-fit:contain;display:block}.diary-viewer__audio{display:grid;gap:.85rem;padding:1rem}.diary-viewer__audio audio{width:100%}.diary-viewer__meta,.diary-viewer__caption-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.infinite-scroll-sentinel{width:100%;height:1px}.feed-end-cap{padding:.85rem 0 .25rem;text-align:center;font-size:.82rem;color:#ffffff85}.project-tile__waveform-svg{position:relative;z-index:1;display:block;width:100%;height:100%;overflow:visible}.project-tile__waveform-bar{fill:#ffffff47;transform-origin:center;animation:waveformPulse 1.4s ease-in-out infinite alternate}.project-tile__waveform-bar--played{fill:#ff7a1f}.project-tile__media-hidden{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.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}.project-tile__creator{display:inline-flex;align-items:center;width:fit-content;max-width:100%;margin-top:.15rem;padding:0;border:0;background:transparent;color:#fff7eddb;font-size:.96rem;line-height:1.35}.project-tile__creator:hover{color:#fff}.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;transition:bottom .18s ease,transform .18s ease,opacity .18s ease}.bottom-nav{position:absolute;left:0;right:0;bottom:0;z-index:12;display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem;padding:.65rem;border-top:1px solid var(--line);background:#0b0a0eeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .18s ease,opacity .18s ease}.bottom-nav--hidden{opacity:0;transform:translateY(calc(100% + .8rem))}.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)}.mobile-app__device--nav-hidden .floating-action{bottom:1.45rem}.mobile-app__device--nav-hidden .mobile-app__content{padding-bottom:1.4rem}.profile-hero,.plan-card,.social-card{display:grid;gap:.9rem}.profile-hero{place-items:center;text-align:center;padding:1rem 0}.profile-hero--public{gap:.7rem;padding-top:.2rem}.profile-avatar{width:4.75rem;height:4.75rem;font-size:1.5rem}.profile-avatar--clickable{border:0;padding:0}.profile-avatar--fallback{font-weight:800}.profile-avatar--viewer{width:min(16rem,70vw);height:min(16rem,70vw);margin:0 auto;font-size:4rem}.profile-hero__identity{display:grid;gap:.35rem}.profile-hero__bio{max-width:20rem;margin:0 auto;line-height:1.5}.profile-stat-row{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap}.profile-stat-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.58rem .8rem;border-radius:999px;color:#fff7edeb;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);font-size:.82rem}.profile-view-more{margin-top:.95rem}.profile-avatar-viewer{display:grid;gap:1rem}.profile-avatar-viewer img{width:100%;max-height:70vh;object-fit:contain;border-radius:1.25rem;background:#ffffff0a}.profile-avatar-viewer__meta{display:grid;gap:.25rem;text-align:center}.section-card--profile-stream{margin-top:1rem}.info-card,.section-card,.social-card{margin-top:1rem;padding:1rem;border-radius:1.25rem;background:#ffffff08}.auth-locked-card,.auth-inline-card{margin-top:1rem;padding:1rem;border-radius:1.25rem;border:1px solid var(--line);background:#ffffff08}.auth-locked-card{display:grid;gap:.9rem}.auth-locked-card--centered{text-align:center;place-items:center}.auth-locked-card h1,.auth-inline-card p,.auth-locked-card p,.auth-inline-card strong{margin:0}.auth-locked-card__icon{width:2.4rem;height:2.4rem;display:grid;place-items:center;border-radius:999px;color:#fff4ea;background:linear-gradient(135deg,#ff6a2af2,#ffa86fe6)}.auth-inline-card{display:grid;gap:.65rem}.otp-auth-card{width:100%;display:grid;gap:.75rem;margin-top:.4rem;padding-top:.9rem;border-top:1px solid rgba(255,255,255,.08);text-align:left}.otp-auth-card p,.otp-auth-card strong{margin:0}.info-card--accent{background:linear-gradient(180deg,#ff6a2a1f,#ffffff08)}.auth-callout{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;padding-bottom:.8rem;margin-bottom:.35rem;border-bottom:1px solid rgba(255,255,255,.08)}.auth-callout strong,.social-row strong{display:block;margin-bottom:.18rem}.auth-callout span{display:block;color:var(--muted);line-height:1.5}.info-row{padding:.4rem 0}.info-row--stacked strong{display:block;margin-top:.2rem;line-height:1.5}.profile-edit-actions{display:flex;align-items:center;justify-content:flex-end;gap:.65rem}.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}.status-chip{display:inline-flex;align-items:center;justify-content:center;min-width:3.5rem;border-radius:999px;padding:.4rem .7rem;color:var(--muted);background:#ffffff0f;border:1px solid rgba(255,255,255,.08);font-size:.78rem}.status-chip--connected{color:#fff1e8;background:#ff6a2a2e;border-color:#ff6a2a47}.google-login__button{display:inline-flex;min-height:44px}.google-login__button--disabled{opacity:.6;pointer-events:none}.social-auth-note{color:var(--muted);font-size:.9rem;line-height:1.5}.lyrics-readonly{min-height:12rem;padding:1rem 1.05rem;border-radius:1rem;border:1px solid var(--line);background:#ffffff08;color:#f5ebe5;white-space:pre-wrap;line-height:1.7}.lyric-credit-list{display:grid;gap:.85rem}.lyric-credit-row{display:grid;gap:.22rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.06)}.lyric-credit-row:last-child{padding-bottom:0;border-bottom:0}.lyric-credit-row--blank{min-height:.9rem;padding-bottom:0;border-bottom:0}.lyric-credit-row__text{margin:0;color:#fff7ed;line-height:1.7;white-space:pre-wrap}.lyric-credit-row__meta{font-size:.62rem;color:var(--muted-2);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lyric-credit-row__stamp{color:#ffffff85}@keyframes waveformPulse{0%{transform:scaleY(.72)}to{transform:scaleY(1.18)}}.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,.hidden-audio{width:100%}.field input,.field textarea,.field select,.composer-row input,.lyrics-textarea,.status-select{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;display:flex;flex-direction:column}.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__lead-actions{display:flex;align-items:center;gap:.55rem}.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))}.hero-icon-button--danger{background:#7f1d1d57}.status-select{flex:1}.status-select--compact{flex:0 1 14rem}.section-card__header--stack{align-items:flex-start}.section-card__header--compact{gap:.35rem}.section-hint{margin:0;color:var(--muted);font-size:.82rem;line-height:1.5}.hero-wave-shell{margin-top:auto;padding:.9rem 0 0}.hero-wave-shell__top{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.75rem;color:#ffffffc7;font-size:.78rem}.hero-wave-shell__meta{min-width:0;display:grid;gap:.25rem}.hero-wave-shell__label{text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;color:#ffffffa3}.hero-wave-shell__filename{display:block;max-width:13rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff7ed;font-size:.86rem}.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,#ffffff0f,#00000047)}.visualizer-canvas{display:block;width:100%;height:11rem}.visualizer-shell--hero{min-height:8.5rem;border-radius:1.4rem;background:linear-gradient(180deg,#090a0e1f,#090a0e61);border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.visualizer-canvas--hero{height:8.5rem}.visualizer-canvas--compact{height:7.5rem}.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))}.save-state-button,.save-state-chip{transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.save-state-button--active,.save-state-chip--active{border-color:#ff8f5d8c;background:#ff7a1f24;color:#fff2e8}.save-state-button--saving,.save-state-chip--saving{border-color:#ff8f5dc7;background:linear-gradient(135deg,#ff6a2a47,#f472b62e);box-shadow:0 0 0 1px #ff8f5d29,0 10px 24px #ff6a2a2e}.save-state-button--saved,.save-state-chip--saved{border-color:#4ade8073;background:#4ade8024;color:#ecfff2}.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}.lyrics-footer{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-top:.85rem}.lyrics-save-hint{flex:1;min-width:0;color:var(--muted);font-size:.74rem;line-height:1.15}.lyrics-save-hint--saving{color:#ffd2bd}.lyrics-save-hint--saved{color:#9bf5b2}.lyrics-toggle-button--active{border-color:#ff8f5d66;background:#ff7a1f1f;color:#fff0e5}.lyrics-toggle-button{gap:.32rem;padding:.58rem .72rem;font-size:.74rem;white-space:nowrap}.lyrics-footer__actions{flex-wrap:nowrap;flex-shrink:0;gap:.45rem}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.permission-check{display:flex;align-items:center;gap:.55rem;padding:.75rem .85rem;border-radius:1rem;border:1px solid var(--line);background:#ffffff08}.permission-check input{width:auto;accent-color:var(--brand)}.permission-check span{color:#f8efe9;font-size:.9rem}.section-card--audio-compact{margin-top:1rem;padding:.85rem;background:#07070a57;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.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)}.notification-card{width:100%;text-align:left;border-radius:1rem;border:1px solid var(--line);padding:.95rem 1rem;color:inherit;background:#ffffff0d}.notification-actions{display:flex;justify-content:flex-end}.notification-card--read{opacity:.78}.notification-card__top{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.notification-card p{margin:.5rem 0 0;color:var(--muted);line-height:1.55}.reply-row{padding:.8rem .9rem;border-radius:1rem;background:#ffffff0a}.reply-list--inline{margin-top:.8rem}.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__audio{display:grid;gap:.7rem;padding:.85rem;border-radius:.9rem;background:linear-gradient(180deg,#ffffff14,#ffffff0a)}.asset-card__audio-top{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.asset-card__audio-icon{width:2.3rem;height:2.3rem;display:grid;place-items:center;border-radius:999px;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-2))}.asset-card__audio-player{width:100%}.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}.asset-card__action{margin-top:.75rem}.asset-card__action--full{width:100%}.truncate-single-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-empty{padding:1rem 0}.pagination-bar{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-top:1rem;padding-bottom:5rem}.pagination-bar__meta{color:var(--muted);font-size:.82rem;text-align:center}.hidden-input,.hidden-audio{display:none}.tone-sunset,.tone-ember,.tone-midnight,.tone-forest,.tone-violet{background-position:center}.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-main-column{grid-template-rows:auto auto auto}.studio-hero-card{min-height:16rem}.hero-action-pill{min-width:5.2rem}.section-card--audio-compact,.hero-wave-shell{display:none}.studio-hero-card__content{display:block}.floating-action{right:max(calc(50% - 34rem),2rem)}.drawer-panel--wide{width:min(100%,34rem)}}