/* Soothe / Energy, edition 02. Brighter surfaces, confident type, living sound. */
:root {
  --ink:#282238; --deep:#211339; --forest:#7147e8; --cream:#f7f6fb;
  --paper:#fff; --mint:#d9fa87; --sage:#8e72d4; --muted:#746c83;
  --line:#e8e4ef; --white:#fff; --error:#b93149;
  --purple:#7147e8; --purple-dark:#5930cb; --lavender:#eee7ff;
  --coral:#ff916a; --blue:#bddcff; --yellow:#eafb93;
}
body{background:var(--cream);font-size:14px}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:var(--purple)}
input,textarea,select{border-color:#ddd7e8;border-radius:12px;background:#fff;font-size:14px}
input:focus,textarea:focus,select:focus{border-color:var(--purple)}
input[type=checkbox],input[type=radio]{accent-color:var(--purple)}
.button{border-radius:12px;min-height:48px;font-size:14px;letter-spacing:0;gap:16px}
.button-dark{background:var(--purple);color:#fff;box-shadow:0 4px 12px #7147e818}
.button-dark:hover{background:var(--purple-dark);box-shadow:0 7px 18px #7147e82b}
.button-mint{background:var(--purple);color:#fff}
.button-mint:hover{background:var(--purple-dark)}
.button-outline-dark{border-color:#ddd6e9;background:#fff;color:#4c3b69}
.button-outline-dark:hover{background:#f0eaff}
.text-link{font-size:13px;font-weight:500;color:#6143a3}
.eyebrow{font-size:11px;letter-spacing:.12em}
.brand{color:#372451;gap:10px}
.brand>svg{color:var(--purple)}
.brand>span:nth-child(2){font-size:31px;font-weight:650;letter-spacing:-1.8px}
.brand-cn{color:#655574;white-space:nowrap}
.brand-dot{color:var(--purple)}
.input-hint,.trial-disclaimer,.wellness-note{color:#73667c}
.status-dot{background:#9974e9;box-shadow:0 0 0 4px #9974e914}

/* A bright public entry that belongs to the same product. */
.site-header{background:#f8f5ff;color:#5c4c71}
.site-header .brand.light{color:#372451}
.header-inner{border-color:#e5ddef;height:92px}
.site-header nav a{font-size:13px}
.site-header nav a:hover,.site-header nav .current{color:#572fc7}
.site-header nav .current:after{background:var(--purple)}
.header-actions .button-outline{background:var(--purple);border-color:var(--purple);color:#fff;font-size:12px}
.header-actions .text-button{color:#5d426f}
.hero{background:#f8f5ff;color:var(--ink)}
.hero-ambient{background:radial-gradient(ellipse at 76% 32%,#d6c2fb88,transparent 50%),radial-gradient(ellipse at 92% 91%,#ffd9bc88,transparent 47%)}
.hero h1{font-family:inherit;font-weight:550;font-size:clamp(48px,5vw,72px);line-height:1.4;letter-spacing:-.045em}
.hero h1 em{color:var(--purple)}
.hero-copy .eyebrow,.hero-description{color:#78658d}
.hero-description{font-size:16px;line-height:1.9}
.hero-copy .eyebrow{font-size:11px}
.hero-listen{color:#5c426f;font-size:13px}
.circle-play{border-color:#c8b7de;background:#ffffff60}
.hero-note{color:#7e6d8b;font-size:12px}
.hero-actions .button{font-size:14px;min-height:52px}
.hero-bottom{border-color:#d6c8e5;color:#7b6988;font-size:11px}
.scroll-cue>span{border-color:#a393b6}.scroll-cue>span:after{background:#825cb7}
.hero-art{filter:drop-shadow(0 18px 30px #9978c32b)}
.art-coordinate,.orb-label{color:#7c5b98}
.tiny-cross{color:#a680c6}.breath-line{background:#baa1d5}
.orb-label:before{background:#b29aca80}.orb-label-dot{background:#8a5cc5}
.motion-toggle{color:#715780;font-size:11px}
.principle-strip{color:#776188;background:#fff;max-width:none;padding-left:max(64px,calc((100vw - 1312px)/2));padding-right:max(64px,calc((100vw - 1312px)/2))}
.strip-line{background:#d5c6e3}.strip-sign{color:#8c759a}
.section-heading h2,.closing-section h2{font-family:inherit;font-weight:500;letter-spacing:-.035em}
.section-heading>p{font-size:14px;color:#7a6d84}
.section-heading .eyebrow{color:#8c72a7;font-size:11px}
.trial-shell{border-color:#e3d9ee;border-radius:22px;box-shadow:0 16px 50px #755a9109}
.trial-controls{background:#fff}
.mood-buttons button{border-radius:10px;font-size:13px;border-color:#e6dfed}
.mood-buttons button.active{background:var(--purple);border-color:var(--purple)}
.mood-buttons button:not(.active):hover{background:#f0e9ff}
.free-badge{color:#715498;background:#f0e8ff}
.trial-controls textarea{background:#fcfaff;border-color:#e4daee;font-size:14px;border-radius:10px}
.trial-divider{background:#eee7f4}
.instrument-tab{border-radius:12px;border-color:#e9e0f3}
.instrument-tab.active{background:#f2ecff;border-color:#a78be5}
.instrument-tab.active:after{background:var(--purple)}
.instrument-symbol,.instrument-tab small{color:#8b72a6}
.trial-player{background:linear-gradient(145deg,#e8ddff,#f1e4f4 65%,#ffe2ce)}
.trial-player[data-color=sand]{background:linear-gradient(145deg,#ffe3c7,#ffe4d8 60%,#fff1b0)}
.trial-player[data-color=lilac]{background:linear-gradient(145deg,#ccdcff,#e4d4ff 70%,#f0dbff)}
.player-stone{background:radial-gradient(circle at 30% 22%,#f4eaff,#d6b7fc 35%,#a16de5 67%,#6340a8);box-shadow:inset -8px -12px 22px #70468e20,0 22px 30px -20px #8362a840}
.player-orbit-ring{border-color:#af86cb70}.player-heading,.track-info .eyebrow,.track-info>p:last-child,.track-info h3 span,.trial-playback,.player-footnote{color:#826293}
.player-wave i{background:#a17bc4}.round-play{background:var(--purple);color:#fff}
.player-heading .eyebrow{font-size:10px}.track-info>p:last-child{font-size:12px}
.experience-bottom p{color:#7a688b;font-size:12px}
.product-visual{border-radius:20px}.sensing{background:#e8dfff;color:#a082cc}.matching{background:#ffe6d3}.composing{background:#dceaff}
.product-copy h3{font-family:inherit;font-weight:550;font-size:23px}.product-copy p{font-size:13px;color:#786b83}.product-number{color:#987eaa}
.frequency-lines i{background:#e89f75}.string-orb i{border-color:#a2b5e2}.visual-caption{color:#816392}
.developer-section{background:#291746}.developer-inner{color:#fff}
.developer-copy h2{font-family:inherit;font-weight:500}.developer-copy>p:not(.eyebrow),.developer-copy>.eyebrow,.dev-note{color:#c4addb}
.developer-copy .button-mint{background:#dfff91;color:#34451c}
.dev-capabilities span{color:#e0cfef}.dev-capabilities .icon{color:#d9fa87}
.code-preview{background:#35224d;border-color:#5c4075;border-radius:20px}
.code-topbar,.code-status{border-color:#5b4075;color:#bfabd4}.code-muted{color:#b3a0c6}.api-access-note{color:#c1acd5;border-color:#5b4075}
.code-green{color:#cdf58c}.code-gold{color:#f8c298}.code-blue{color:#bca6ff}
.closing-section{background:linear-gradient(180deg,#f7f6fb,#efe5ff)}.closing-section .eyebrow{color:#8d70a8}.closing-line{background:#d3bde8}
.site-footer{border-color:#ded3eb}.site-footer>p,.site-footer>div{color:#8a7899}

/* Invitation and login: the same colour language, more light. */
.auth-story{background:linear-gradient(155deg,#eee2ff,#e4d5ff 55%,#ffd7c3);color:#3d245d}
.auth-story .brand.light{color:#3d245d}.auth-quote h1{font-family:inherit;font-weight:500;letter-spacing:-.04em}.auth-quote h1 em{color:var(--purple)}
.auth-quote .eyebrow,.auth-quote>p:last-child,.auth-story-footer{color:#7b5c96}
.auth-story-footer{border-color:#cdb5e4}.auth-art{opacity:.7}
.auth-main{background:#fffcff}.auth-form-head h2{font-family:inherit;font-weight:550;letter-spacing:-.04em}
.auth-form-head>p,.auth-form-head .eyebrow,.auth-footer,.back-home{color:#7b6c89}.inline-link{color:#6c46bd}
.design-auth-note{background:#f6f1ff;border-color:#e3d7f2;color:#70558e}
.auth-form-wrap input{font-size:14px;border-radius:10px}.auth-submit{font-size:14px}

/* Workspace frame: crisp white navigation, open lavender canvas. */
.is-workspace{background:#f7f6fb;color:var(--ink)}
.workspace-layout{display:flex;min-height:100vh;background:#f7f6fb}
.sidebar{width:218px;background:#fff;border-right:1px solid #ece7f2;padding:30px 16px 18px;box-shadow:none;z-index:25}
.sidebar>.brand{padding-left:10px;margin-bottom:29px;max-width:none;gap:8px}.sidebar>.brand>svg{width:32px;height:32px}.sidebar>.brand>span:nth-child(2){font-size:31px}.sidebar>.brand .brand-cn{display:none}
.workspace-selector{margin:0 0 28px;padding:12px 10px;border:1px solid #eee7f6;background:#faf8fe;border-radius:12px;gap:10px}
.workspace-avatar{background:#e7dcfc;color:#7950cc;border-radius:9px;font-size:16px;width:34px;height:34px}
.workspace-selector strong{font-size:12px;color:#4e3d65}.workspace-selector span{font-size:10px;color:#8b7a9b}.selector-dots{color:#9685a8}
.nav-heading{font-size:10px;letter-spacing:.06em;color:#a397af;margin:0 12px 13px}
.sidebar nav{gap:7px;display:flex;flex-direction:column}
.sidebar-link{border-radius:10px;font-size:13px;min-height:47px;padding:12px;gap:13px;color:#83748f;font-weight:500}
.sidebar-link>.icon{width:19px;height:19px}.sidebar-link:hover{background:#f5efff;color:#7046c7}
.sidebar-link.active{background:#eee7ff;color:#7147da}.sidebar-link.active:before{display:none}
.nav-label{background:#e2d5ff;color:#8d66cc;border:0;border-radius:5px;font-size:9px;padding:3px 5px}
.sidebar-bottom{margin-top:auto;padding-top:28px}.invitation-card{background:linear-gradient(135deg,#f2ebff,#fff1ea);border:0;border-radius:13px;padding:17px 15px;margin-bottom:17px;color:#775890}
.invitation-card>.icon{color:#9764d5}.invitation-card strong{font-size:12px;margin:10px 0 7px}.invitation-card p{font-size:10px;line-height:1.9;color:#8e7a9d}.invitation-card .text-link{font-size:11px;color:#7956ac}
.sidebar-bottom>.sidebar-link{font-size:12px;color:#8d7d99;min-height:42px}
.profile-button{margin-top:12px;border-color:#eee8f3;gap:10px;padding:16px 6px 0}.profile-avatar{background:#ece0ff;color:#8658c7;width:34px;height:34px;font-size:14px}.profile-button strong{font-size:12px;color:#544164}.profile-button small{font-size:10px;color:#a08faf}.profile-button>.icon{color:#a38fb2;width:16px}
.workspace-main{width:calc(100% - 218px);margin-left:218px;min-width:0}
.workspace-header{height:77px;padding:0 38px;border-bottom:1px solid #ece7f1;background:#ffffffb8;gap:20px}
.workspace-header>div{font-size:12px;color:#9b8ea7;gap:14px}.workspace-header strong{font-size:12px;color:#675375;font-weight:500}.workspace-header>div>.icon{width:12px;color:#b9a9c8}
.preview-chip{border:1px solid #e4d8f4;background:#f4edff;color:#9a7bb6;font-size:10px;border-radius:6px;padding:5px 8px}.preview-chip>span{background:#a87adb}
.workspace-home{font-size:11px;color:#8c759e}.workspace-home .icon{width:14px}
.dashboard-content{max-width:1560px;padding:32px 38px 40px;margin:0 auto;min-width:0}
.page-intro{margin-bottom:27px;align-items:center;gap:20px}.page-intro h1{font-family:inherit;font-size:31px;line-height:1.4;font-weight:600;letter-spacing:-.04em}.page-intro .eyebrow{font-size:10px;color:#a18bad;letter-spacing:.13em;margin-bottom:9px}.page-intro p:not(.eyebrow){font-size:13px;color:#a08da9;margin-top:8px}.greeting-dot{color:#ac87e3}.page-intro>.button{font-size:12px;padding:12px 18px;min-height:43px}.page-intro>.button .icon{width:16px;height:16px}
.energy-top-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(240px,1fr);gap:20px}
.energy-composer{border-radius:22px;background:linear-gradient(110deg,#e9ddff 0%,#eee5ff 44%,#efe3ff 73%,#fce1e4 100%);padding:27px 27px 17px;min-height:339px;overflow:hidden;position:relative;isolation:isolate}
.composer-copy{position:relative;z-index:2;pointer-events:none}.energy-kicker{display:inline-flex;gap:12px;align-items:center;font-size:10px;font-weight:600;color:#9672bd;letter-spacing:.11em}.energy-kicker .icon{width:17px;height:17px;color:#a784ce}
.composer-copy h2{font-family:inherit;font-size:30px;line-height:1.48;font-weight:600;letter-spacing:-.045em;color:#503168;margin:12px 0 9px}.composer-copy>p{font-size:12px;color:#9075a2}
.energy-composer-art{position:absolute;width:220px;height:230px;right:-4px;top:-18px;z-index:0;pointer-events:none}
.energy-sun{width:115px;height:115px;position:absolute;right:14px;top:57px;border-radius:50%;background:radial-gradient(circle at 32% 27%,#fff8b5 0,#ffd59c 23%,#ffa780 53%,#f27c71 78%,#d2608c 100%);box-shadow:inset -6px -11px 16px #bb418b30,0 16px 22px -12px #d5819160;animation:energyFloat 7s ease-in-out infinite}
.energy-ribbon{position:absolute;width:119px;height:150px;border-radius:50%;right:72px;top:24px;border:25px solid transparent;background:linear-gradient(125deg,#e4d9ff,#a583ec 30%,#8e59d4 50%,#d6bbfc 70%,#fbf0ff) border-box;mask:radial-gradient(ellipse at center,transparent 39%,#000 40%);transform:rotate(-32deg) rotateY(-16deg);filter:drop-shadow(4px 12px 6px #8658b62b);animation:ribbonFloat 9s ease-in-out infinite}
.energy-orbit{position:absolute;width:206px;height:91px;right:-5px;top:97px;border:1px solid #b99bdb50;border-radius:50%;transform:rotate(-37deg);z-index:-1}
.spark{position:absolute;color:#af83d9;font-size:18px;line-height:1}.spark.one{left:8px;top:60px}.spark.two{right:27px;top:18px;font-size:12px}
.quick-composer{position:relative;z-index:2;background:#ffffffda;border:1px solid #fffffff0;border-radius:14px;padding:14px 16px 12px;margin-top:22px;box-shadow:0 7px 24px #9c78c10b;backdrop-filter:blur(12px)}
.quick-composer>label{font-size:10px;font-weight:500;color:#a28ab2;margin-bottom:1px}.quick-composer textarea{border:0;background:transparent;resize:none;padding:4px 0 8px;font-size:12px;line-height:1.8;min-height:53px;border-radius:0;color:#6c5482}.quick-composer textarea::placeholder{color:#b29ebe}.quick-composer textarea:focus-visible{outline-offset:1px;outline-width:1px}
.quick-composer-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #eee8f5;padding-top:10px}.quick-instruments{display:flex;gap:5px}.quick-instruments button{display:flex;gap:5px;align-items:center;min-height:32px;padding:7px 9px;border:1px solid transparent;border-radius:7px;font-size:11px;color:#9e89af;transition:.2s}.quick-instruments .icon{width:13px;height:13px}.quick-instruments button.selected{background:#eee5ff;color:#8d5fc7;border-color:#e3d4fa}.quick-instruments button:hover{background:#f4effc}
.quick-composer-bottom>.button{font-size:11px;min-height:34px;padding:9px 13px;border-radius:8px;gap:17px}.quick-composer-bottom>.button .icon{width:14px;height:14px}
.composer-footnote{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;color:#a48bb7;margin-top:11px}.composer-footnote>span:first-child{display:flex;gap:5px;align-items:center}.composer-footnote .icon{width:10px;height:10px}
.energy-daily{position:relative;isolation:isolate;min-width:0;overflow:hidden;border-radius:22px;background:#ffe3cd}
.daily-art{position:absolute;inset:0;background:linear-gradient(180deg,#fff1da 0%,#ffe2c9 48%,#ffc2a6 100%);z-index:-1}
.daily-sun{width:138px;height:138px;border-radius:50%;position:absolute;right:-26px;top:70px;background:radial-gradient(circle at 35% 32%,#fffac7,#ffc283 45%,#fb9872 78%,#ef7b6a);box-shadow:0 20px 80px #ff9f6e66;animation:energyFloat 8s ease-in-out infinite -2s}
.daily-horizon{position:absolute;width:390px;height:230px;bottom:-98px;right:-170px;border-radius:50%;background:linear-gradient(165deg,#ffaa8c77,#e8a5d6bb 60%,#bc83cbb0);transform:rotate(-19deg)}
.daily-art>i{position:absolute;bottom:-88px;right:-88px;width:280px;height:260px;border:1px solid #e79b8f4a;border-radius:45%;transform:rotate(35deg)}.daily-art>i:nth-of-type(2){scale:1.15}.daily-art>i:nth-of-type(3){scale:1.3}.daily-art>i:nth-of-type(4){scale:1.45}.daily-art>i:nth-of-type(5){scale:1.6}
.daily-content{position:relative;display:flex;align-items:flex-start;flex-direction:column;padding:25px 24px;height:100%}.daily-badge{font-size:10px;font-weight:500;padding:5px 9px;border:1px solid #e8bd9c80;background:#fff2df80;color:#b88860;border-radius:6px}.daily-english{font-size:8px;letter-spacing:.1em;color:#c59673;margin-top:26px}.daily-content h2{font-family:inherit;font-size:26px;line-height:1.5;font-weight:550;letter-spacing:-.04em;color:#8e573d;margin-top:10px}.daily-content>p{font-size:10px;color:#bb8a6d;margin-top:9px}.daily-play{margin-top:auto;padding:16px 0 0;display:flex;align-items:center;gap:11px;width:100%;text-align:left;color:#9c674e;font-size:11px;min-height:50px}.daily-play>.icon:first-child{background:#ffffffb0;color:#c58460;box-sizing:content-box;padding:12px;border-radius:50%;width:14px;height:14px;transition:transform .2s}.daily-play:hover>.icon:first-child{transform:scale(1.1);background:#fff}.daily-play>span{line-height:1.7}.daily-play small{display:block;font-size:9px;color:#b88971}.daily-play>.icon:last-child{margin-left:auto;width:16px;height:16px}.energy-daily.is-playing .daily-sun{animation:energyPulse 2s ease-in-out infinite}
.energy-lower-grid{display:grid;grid-template-columns:minmax(0,1fr) 249px;gap:24px;margin-top:31px;align-items:start}.energy-discover{min-width:0}
.dashboard-section-head{margin:0 0 16px;align-items:center;gap:15px}.dashboard-section-head .eyebrow{font-size:9px;color:#ac94bd;letter-spacing:.11em}.dashboard-section-head h2{font-family:inherit;font-size:20px;font-weight:550;line-height:1.5;letter-spacing:-.03em;margin-top:6px}.dashboard-section-head .text-link{font-size:10px;gap:7px;white-space:nowrap;color:#a38bb8}.dashboard-section-head .text-link .icon{width:14px}
.sound-moods{display:flex;align-items:center;gap:7px;margin-bottom:19px}.sound-moods button{display:flex;align-items:center;gap:5px;min-height:33px;border:1px solid #e9e1f1;border-radius:8px;padding:7px 10px;background:#fff;color:#a18aac;font-size:10px;white-space:nowrap;transition:background .2s,color .2s}.sound-moods button .icon{width:12px;height:12px}.sound-moods button.active{background:#e9ddff;color:#8c5eca;border-color:#d9c4f5}.sound-moods>span{font-size:9px;color:#b2a0bd;margin-left:auto;white-space:nowrap}
.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.work-card{display:block;border:1px solid #eae4f0;border-radius:14px;background:#fff;overflow:hidden;min-width:0;box-shadow:0 3px 9px #76558d03;transition:transform .25s,box-shadow .25s,border-color .25s}.work-card:hover{transform:translateY(-4px);box-shadow:0 12px 27px #8c6caa12;border-color:#d6c3ed}.work-card.recommended{border-color:#ae85e1;box-shadow:0 0 0 2px #c8a7f028}.work-card.is-playing{border-color:#b28bdc}
.track-art{height:135px;min-height:0;position:relative;overflow:hidden;background:#ead8fb}.track-art.sage{background:linear-gradient(130deg,#e5cfff,#e8d9ff 45%,#ffdbd5)}.track-art.sand{background:linear-gradient(145deg,#ffdbb8,#ffdcc1 45%,#ffeab8)}.track-art.lilac{background:linear-gradient(135deg,#bfd7ff,#c8d8ff 45%,#e3cdff)}
.track-art .art-sun{width:91px;height:91px;left:calc(50% - 45px);top:22px;background:radial-gradient(circle at 32% 23%,#fff1fb,#ddb7f2 30%,#b687d7 63%,#9672be);box-shadow:inset -9px -8px 16px #77449538,8px 14px 15px -10px #96659f50;transform:rotate(-25deg);border-radius:46% 54% 51% 49%}.track-art.sand .art-sun{background:radial-gradient(circle at 32% 23%,#fff6ce,#ffd294 30%,#eaae73 63%,#c3875b)}.track-art.lilac .art-sun{background:radial-gradient(circle at 32% 23%,#f6f1ff,#c3c6ff 30%,#8b9ad5 63%,#7582ba)}
.art-rings{inset:0;scale:.72;transform:rotate(-25deg)}.art-rings i{border-color:#9572b03d}.track-art.sand .art-rings i{border-color:#cc905640}.track-art.lilac .art-rings i{border-color:#6f85ba4a}.track-art>span{font-size:7px;letter-spacing:.12em;left:12px;bottom:12px;color:#8f6ba5}.track-art.sand>span{color:#b2815b}.track-art.lilac>span{color:#7987b4}
.work-play{width:31px;height:31px;min-height:0;right:11px;top:93px;left:auto;border:0;background:#ffffffbd;color:#9a71ba;box-shadow:none}.work-play .icon{width:12px;height:12px}.work-play:hover{background:#fff;transform:scale(1.07)}.work-card.is-playing .work-play{background:var(--purple);color:#fff}.work-card.is-playing .art-sun{animation:energyPulse 2s infinite}
.work-card-copy{padding:15px 14px 13px}.work-card-copy .sample-label{font-size:7px;letter-spacing:.05em;color:#ae99bb}.work-card-copy h3{font-family:inherit;font-size:17px;font-weight:550;letter-spacing:-.025em;margin:7px 0 6px}.work-card-copy>p{font-size:9px;color:#ac98b5;line-height:1.7}.work-card-copy>div{margin-top:14px;padding-top:10px;border-color:#f0eaf5;gap:8px;display:flex;align-items:center;justify-content:space-between}.work-card-copy>div>span{font-size:8px;color:#b29ebc;gap:4px;white-space:nowrap}.work-card-copy>div>span .icon{width:10px;height:10px}.work-card-copy .text-link{min-height:25px;font-size:9px;gap:7px;color:#9f7abc}.work-card-copy .text-link .icon{width:12px;height:12px}
.energy-rail{display:grid;gap:16px}.energy-space{background:#fff;border:1px solid #e8e1f0;border-radius:15px;padding:19px 17px 0}.rail-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:500;color:#85708f}.rail-heading .icon{width:14px;height:14px;color:#b29cbd}
.space-stats{display:flex;gap:20px;margin:17px 0}.space-stats button{flex:1;text-align:left;padding:0;min-height:54px}.space-stats button+button{border-left:1px solid #eee7f4;padding-left:23px}.space-stats button>span{display:block;font-size:27px;line-height:1.3;font-weight:500;color:#816594}.space-stats small{display:flex;gap:9px;align-items:center;font-size:9px;margin-top:4px;color:#b59cc2}.space-stats small .icon{width:10px;height:10px}
.sensing-shortcut{width:calc(100% + 34px);margin-left:-17px;border-top:1px solid #eee7f3;padding:13px 14px;display:flex;gap:9px;align-items:center;text-align:left;min-height:65px}.sensing-shortcut-icon{width:30px;height:30px;background:#f0e8ff;color:#ae8ed4;border-radius:9px;display:grid;place-items:center}.sensing-shortcut-icon .icon{width:15px;height:15px}.sensing-shortcut>span:nth-child(2){font-size:10px;color:#947aab;line-height:1.7}.sensing-shortcut small{display:block;font-size:8px;color:#c0acce}.sensing-shortcut>.icon{width:13px;margin-left:auto;color:#b5a3bf}
.energy-api{position:relative;padding:20px 19px 15px;border-radius:15px;background:#ece4fc;overflow:hidden}.api-symbol{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:#a788ce}.api-symbol>.icon{width:23px;height:23px}.api-star{font-size:35px;line-height:1;color:#ccb6ed}.energy-api>.eyebrow{font-size:8px;color:#aa90c6}.energy-api h3{font-family:inherit;font-size:18px;line-height:1.55;font-weight:550;margin-top:8px;color:#816294;letter-spacing:-.025em}.energy-api>p{font-size:9px;color:#ad92be;margin-top:8px}.energy-api .button{margin-top:15px;min-height:34px;background:#fff;color:#9b77b9;font-size:10px;padding:9px 12px;justify-content:space-between;width:100%;border-radius:8px}.energy-api .button .icon{width:13px;height:13px}.energy-api>small{font-size:8px;color:#b69ac8;display:block;margin-top:9px;text-align:center}
.workspace-footer{border-color:#eae4f0;color:#b4a2c0;padding:18px 38px;font-size:9px;gap:20px}

/* Secondary screens keep full-size controls and the same colour system. */
.creation-form,.request-panel,.keys-panel,.settings-panel{background:#fff;border:1px solid #e8e0f0;border-radius:18px;padding:28px}
.creation-layout{gap:24px}.creation-form>.small-label{font-size:13px;color:#7c658d}.create-instruments label>span{border-color:#e6ddee;border-radius:12px;padding:20px 8px;background:#fff}.create-instruments input:checked+span{background:#f1e9ff;border-color:#b08cde}.create-instruments strong{font-size:14px;color:#74598b}.create-instruments small{font-size:10px;color:#ad97bb}.create-instruments .icon{color:#a17ccc}.creation-form textarea{font-size:14px;background:#fcfaff}.creation-form select{font-size:14px}.creation-form>.button{font-size:13px}.creation-aside{background:linear-gradient(150deg,#eee3ff,#ffe5d4);border:0;border-radius:18px;color:#78548d;padding:30px}.creation-orb>div{background:radial-gradient(circle at 30% 25%,#fff0ca,#ffd0b1 35%,#bfa0e6 72%,#8b6cb3)}.creation-aside h2{font-family:inherit;font-weight:500;letter-spacing:-.03em;font-size:29px}.creation-aside>p:not(.eyebrow){font-size:13px;color:#a482b2}.creation-steps span,.creation-steps strong{color:#b394c2;font-size:10px}.creation-result{background:#eee4ff;border-color:#d2bcea;color:#816293;border-radius:14px}.creation-result p{font-size:12px}
.collection-bar{border-color:#e8e0ee;font-size:13px;color:#96819f}.collection-bar b{background:#ece2fb;color:#946cbb}.collection-bar .sample-label{font-size:11px;color:#aa95b5}.empty-invitation{color:#a28aac;font-size:12px;border-color:#e7ddec}
.sandbox-notice{background:#f0e8ff;border:1px solid #e5d7f7;color:#9c7fb2;border-radius:12px;font-size:12px;line-height:1.8;padding:15px 17px}.sandbox-notice .icon{color:#ac89cb}.sandbox-notice strong{color:#81619c}.panel-title{border-color:#ece5f2}.panel-title h2{font-size:16px;color:#715c82}.panel-title .mono{color:#b09ac1;font-size:10px}.request-panel label{font-size:12px;color:#a38cb3}.request-panel input,.request-panel textarea,.request-panel select{font-size:14px}.request-panel textarea{background:#fcfaff}.endpoint-pill{background:#eee5ff;border-color:#e3d4f9;border-radius:10px;color:#a07bbb;font-size:12px}.endpoint-pill b{background:#dfd0f6;color:#916ab5}.key-placeholder input{background:#faf7fe;color:#ab93bb;font-size:11px}.key-placeholder>.icon,.key-placeholder>span{color:#b59bc5}
.response-panel{background:#2a1b3e;border:1px solid #49315f;border-radius:18px;overflow:hidden}.response-tabs,.response-meta{color:#b89bcd;border-color:#4d3562}.response-tabs .active{color:#e4ccf8}.response-tabs .active:after{background:#c99aef}.response-panel pre{font-size:12px;color:#dbc2eb;line-height:1.9}.response-help{color:#b08fc8;border-color:#4b325f;background:#ffffff03;font-size:11px}.response-help .icon{color:#ba96d2}.example-response{color:#c6b0d5}.integration-steps{gap:20px}.integration-steps article{border-color:#e4d7ee}.integration-steps h3{font-size:14px;color:#80628e}.integration-steps p{font-size:12px;color:#a389b3}.integration-steps article>span{color:#b399c7}
.keys-table{font-size:12px}.keys-table th{font-size:11px;color:#af96bf;border-color:#ece2f5}.keys-table td{border-color:#ece2f5;color:#9b80ad}.keys-table td strong{font-size:12px;color:#7d5f90}.keys-table td small{color:#b49ac3}.keys-table code{font-size:11px;color:#ae8bbf}.key-active{background:#f0e6ff;color:#a27bc3}.revoked{background:#f2edf5;color:#baa8c6}.key-guidance h3{font-size:14px;color:#8a6b9c}.key-guidance p{font-size:12px;color:#af95bc}.key-guidance>.icon{color:#b594c9}.settings-panel label{font-size:13px;color:#9c80b0}.settings-panel h2{font-size:18px;color:#7f5f92}.settings-panel .input-hint{color:#b295c1;font-size:12px}
.sensing-device{background:linear-gradient(145deg,#f0e3ff,#e4e5ff);border:1px solid #e2d5f3;border-radius:20px}.sensing-device h2,.sensing-guide h2{font-family:inherit;font-weight:550;color:#7e5c95}.sensing-device>p:not(.eyebrow){color:#a88abb}.sensing-device>.eyebrow,.sensing-guide>.eyebrow{color:#ae8fc2}.sensing-ring i{border-color:#a884cd;box-shadow:inset 3px 3px 6px #8862aa,5px 8px 10px #9b6dc522}.sensing-ring i:nth-child(2){border-color:#bd9ad970;box-shadow:none}.sensing-ring span{background:#eed9ff;box-shadow:0 0 14px #edceff}.device-state{color:#a387b8}.sensing-guide h2{font-size:30px}.sensing-step h3{font-size:14px;color:#8e6ca1}.sensing-step p{font-size:12px;color:#b093c1}.sensing-step>span,.sensing-reality{color:#ad90bd}.sensing-reality{border-color:#e8dcf1}.sensing-metrics article{border-color:#e5d5f0;border-radius:14px;background:#fff}.sensing-metrics article>span>small{background:#f2e8ff;color:#b18aca}.sensing-metrics strong{color:#a078bb}.sensing-metrics small,.sensing-metrics p{color:#b79cc8}.metric-bar{background:#eee0fa}.metric-bar i,.pulse-line i{background:#bd99db}.sensing-next{border-color:#e6d7ef;color:#a282b5}.sensing-next small{color:#baa0c9}
.mini-player{background:#fff;border:1px solid #e4d9ef;border-radius:15px;box-shadow:0 12px 50px #6b43952b;color:#a981c1;padding:12px 17px}.mini-art{background:linear-gradient(145deg,#e8d3ff,#ffdec1)}.mini-art>span{background:radial-gradient(circle at 30% 30%,#ffe9e1,#c393dd)}.mini-title strong{color:#9c75b3;font-size:13px}.mini-title>span{color:#bca4ca;font-size:9px}.mini-player input{accent-color:var(--purple)}.mini-player #mini-toggle{background:#f0e5ff;color:#a77ec3}.mini-player>.mono{color:#ac90bd;font-size:10px}.toast{background:#4f3568;color:#fff;border-radius:12px;font-size:13px}.info-dialog{background:#fffcff;border:1px solid #e1d0ee;border-radius:22px}.info-dialog h2{font-family:inherit;font-weight:550;color:#9268aa}.info-dialog p{color:#ad8cbd}.info-dialog .input-hint{color:#b69bc5}.created-key{background:#f4eaff;color:#ad86c7;border-color:#e2cfee}

@keyframes energyFloat{50%{transform:translateY(-9px) rotate(5deg)}}
@keyframes ribbonFloat{50%{transform:rotate(-25deg) rotateY(-10deg) translateY(7px)}}
@keyframes energyPulse{50%{filter:brightness(1.09);scale:1.035}}
@media(min-width:1600px){.energy-composer{padding:32px;min-height:370px}.composer-copy h2{font-size:36px}.energy-composer-art{scale:1.18;right:25px;top:5px}.track-art{height:165px}.work-play{top:123px}.work-card-copy{padding:18px}.work-card-copy h3{font-size:20px}.work-card-copy>p{font-size:11px}.work-card-copy .sample-label{font-size:9px}.energy-lower-grid{grid-template-columns:minmax(0,1fr) 280px}.energy-api h3{font-size:22px}}
@media(max-width:1200px){.sidebar{width:194px;padding-left:12px;padding-right:12px}.workspace-main{margin-left:194px;width:calc(100% - 194px)}.dashboard-content{padding:27px 26px 35px}.workspace-header{padding:0 26px}.energy-composer{padding:23px 22px 16px}.composer-copy h2{font-size:27px}.energy-composer-art{right:-30px;opacity:.9;scale:.9;transform-origin:top right}.energy-top-grid{grid-template-columns:minmax(0,1.7fr) minmax(215px,1fr);gap:16px}.energy-lower-grid{grid-template-columns:minmax(0,1fr) 210px;gap:18px}.daily-content{padding:23px 19px}.daily-content h2{font-size:24px}.daily-english{font-size:7px}.daily-sun{width:110px;height:110px;right:-32px}.sound-moods>span{display:none}.work-grid{gap:11px}.track-art{height:112px}.work-play{top:72px;width:29px;height:29px}.track-art .art-sun{width:76px;height:76px;left:calc(50% - 38px);top:15px}.track-art>span{display:none}.work-card-copy{padding:12px 10px}.work-card-copy h3{font-size:16px}.work-card-copy .sample-label{font-size:6px}.work-card-copy>p{font-size:8px}.work-card-copy>div>span{font-size:7px}.work-card-copy .text-link{font-size:8px}.energy-api h3{font-size:17px}.energy-api>p{font-size:8px}.energy-rail{gap:13px}.space-stats button>span{font-size:25px}.sensing-shortcut small{font-size:7px}.quick-instruments button{padding:6px 7px;font-size:10px}.quick-composer-bottom>.button{font-size:10px;gap:9px}.quick-composer{padding:12px}.quick-composer textarea{font-size:11px}}
@media(max-width:1000px){.energy-lower-grid{grid-template-columns:1fr}.energy-rail{display:grid;grid-template-columns:1fr 1fr;gap:18px}.energy-space{padding:21px 20px 0}.sensing-shortcut{width:calc(100% + 40px);margin-left:-20px}.energy-api{padding:20px}.energy-api h3 br{display:none}.energy-api h3{font-size:19px}.energy-api>.eyebrow{font-size:9px}.energy-api>p{font-size:11px}.energy-api .button{max-width:230px;font-size:12px}.energy-api>small{text-align:left;font-size:9px}.api-symbol{position:absolute;right:20px;top:20px}.api-symbol .api-star{display:none}.work-card-copy .sample-label{font-size:7px}.work-card-copy>p{font-size:10px}.track-art{height:140px}.track-art .art-sun{width:94px;height:94px;left:calc(50% - 47px);top:21px}.work-play{top:97px;right:12px;width:33px;height:33px}.work-card-copy{padding:15px 13px}.work-card-copy>div>span{font-size:9px}.work-card-copy .text-link{font-size:10px}.energy-top-grid{grid-template-columns:1fr}.energy-daily{min-height:178px}.daily-content{padding:23px 25px}.daily-content h2{font-size:24px}.daily-content h2 br{display:none}.daily-english{display:none}.daily-content h2{margin-top:12px}.daily-content>p{margin-top:5px}.daily-play{position:absolute;width:200px;right:25px;bottom:20px;padding:0}.daily-sun{width:150px;height:150px;right:65px;top:10px}.daily-horizon{bottom:-130px;right:-70px}.daily-art>i{right:15px;bottom:-180px;width:360px;height:300px}.energy-composer-art{right:20px;scale:1;opacity:1}.composer-copy h2{font-size:30px}.energy-composer{min-height:350px}.quick-composer textarea{font-size:13px}.quick-composer-bottom>.button{font-size:12px}.quick-instruments button{font-size:12px;padding:7px 10px}.dashboard-content .work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.sidebar{width:176px;padding-left:10px;padding-right:10px}.workspace-main{margin-left:176px;width:calc(100% - 176px)}.sidebar>.brand{padding-left:8px;gap:5px}.sidebar>.brand>svg{width:27px;height:27px}.sidebar>.brand>span:nth-child(2){font-size:28px}.workspace-selector strong{font-size:10px}.workspace-selector span{font-size:9px}.workspace-selector{padding:10px 8px;gap:7px}.workspace-avatar{width:27px;height:30px;flex-shrink:0}.sidebar-link{font-size:12px;padding:12px 10px;gap:10px}.invitation-card{padding:15px 12px}.invitation-card strong{font-size:11px}.invitation-card p{font-size:9px}.sidebar-bottom>.sidebar-link{font-size:11px}.profile-button strong{font-size:11px}.dashboard-content{padding:25px 23px}.workspace-header{padding:0 23px;height:69px}.workspace-header>div{gap:9px;font-size:10px}.workspace-header strong{font-size:11px}.workspace-home{font-size:10px}.preview-chip{font-size:9px}.page-intro h1{font-size:28px}.page-intro p:not(.eyebrow){font-size:12px}.page-intro>.button{font-size:11px;padding:11px 13px}.energy-composer{padding:22px 20px 16px}.energy-composer-art{right:-12px;opacity:.7}.composer-copy h2{font-size:28px}.energy-kicker{font-size:9px}.quick-instruments button{font-size:11px;padding:7px 8px}.quick-composer-bottom>.button{font-size:11px}.composer-footnote{font-size:8px}.dashboard-section-head h2{font-size:19px}.energy-rail{grid-template-columns:1fr 1fr}.energy-api h3{font-size:17px}.energy-api>p{font-size:10px}.energy-api>.eyebrow{font-size:8px}.track-art{height:112px}.track-art .art-sun{width:76px;height:76px;left:calc(50% - 38px);top:15px}.work-play{top:74px;width:29px;height:29px;right:8px}.work-card-copy{padding:13px 10px}.work-card-copy .sample-label{font-size:6px}.work-card-copy h3{font-size:16px}.work-card-copy>p{font-size:8px}.work-card-copy>div{margin-top:10px;gap:3px}.work-card-copy>div>span{font-size:7px}.work-card-copy>div>span .icon{display:none}.work-card-copy .text-link{font-size:8px;gap:3px}.workspace-footer{padding:18px 23px;font-size:8px}}
@media(max-width:680px){
  .header-inner{height:78px;padding:0 22px}.brand>span:nth-child(2){font-size:28px}.header-actions>.button{font-size:10px;min-height:36px;padding:9px 11px;border-radius:9px}.mobile-menu{color:#9778b8}.site-header.menu-open nav{top:78px;background:#f2e9ff;border-color:#dfcaef}.hero h1{font-family:inherit;font-size:42px;line-height:1.45;letter-spacing:-.055em}.hero-inner{min-height:880px}.hero-description{font-size:13px}.hero-actions .button{font-size:12px;min-height:48px}.hero-listen{font-size:12px}.hero-note{font-size:11px}.hero-copy .eyebrow{font-size:9px}.hero-art{top:400px}.art-coordinate,.hero-art .top,.hero-art .bottom,.orb-label{color:#9a72b3}.hero-bottom{font-size:10px}.principle-strip{padding:23px 20px;font-size:10px;gap:15px}.section-heading h2{font-size:29px}.section-heading>p{font-size:12px}.trial-controls{padding:26px 21px}.trial-controls textarea{font-size:16px}.mood-buttons button{font-size:12px}.trial-player{min-height:460px}.instrument-tab{border-radius:10px}.developer-copy h2{font-size:29px}.site-footer>p,.site-footer>div{font-size:10px}
  .auth-story{height:220px;padding:26px}.auth-quote h1{font-size:26px}.auth-quote>p:last-child{font-size:11px}.auth-main{min-height:calc(100vh - 220px)}.auth-form-wrap input{font-size:16px}.auth-form-head h2{font-size:26px}.auth-form-head>p{font-size:12px}.auth-form-wrap form>.checkbox-label{font-size:11px}.input-hint{font-size:11px}.design-auth-note p{font-size:11px}
  .workspace-layout{display:block}.workspace-main{margin-left:0;width:100%}.sidebar{width:226px;padding:28px 15px 18px;z-index:30;position:fixed;inset:0 auto 0 0;transform:translateX(-100%);visibility:hidden;background:#fff;box-shadow:10px 0 50px #35204d20;transition:transform .25s}.sidebar.open{transform:translateX(0);visibility:visible}.sidebar-scrim:not([hidden]){z-index:29;background:#33204f66}.sidebar>.brand{padding-left:9px;margin-bottom:28px;gap:9px}.sidebar>.brand>svg{width:30px;height:30px}.sidebar>.brand>span:nth-child(2){font-size:30px}.sidebar .brand-cn{display:none}.sidebar-close{color:#a17eb9;right:9px;top:23px}.sidebar .workspace-selector strong{font-size:12px}.sidebar .workspace-selector span{font-size:10px}.sidebar .workspace-selector{padding:12px 10px;gap:10px}.sidebar .workspace-avatar{width:34px;height:34px}.sidebar .sidebar-link{font-size:13px;min-height:47px}.sidebar .nav-heading{font-size:10px}.sidebar .invitation-card strong{font-size:12px}.sidebar .invitation-card p{font-size:10px}.sidebar .profile-button strong{font-size:12px}.sidebar .profile-button small{font-size:10px}.sidebar-bottom{padding-top:23px}
  .workspace-header{height:65px;padding:0 20px;gap:8px}.workspace-header>div{gap:7px;font-size:10px}.workspace-header strong{font-size:10px}.workspace-header>div:last-child{gap:7px}.workspace-header .preview-chip{font-size:8px;padding:4px 5px}.workspace-header .workspace-home{font-size:9px}.dashboard-menu{display:flex;color:#8f6aa7;min-height:44px;min-width:32px;margin-left:-5px}.workspace-header>div>.icon{width:9px}.dashboard-content{padding:26px 20px 32px}.page-intro{margin-bottom:24px;gap:10px}.page-intro h1{font-size:28px}.page-intro .eyebrow{font-size:9px;margin-bottom:8px}.page-intro p:not(.eyebrow){font-size:12px;margin-top:7px}.page-intro>.button{font-size:11px;padding:10px 12px;gap:7px;min-height:42px;align-self:center}.page-intro>.button .icon{width:14px;height:14px}.energy-intro{display:block;position:relative}.energy-intro>.button{position:absolute;right:0;top:1px;font-size:10px;background:#eee4ff;color:#9469ba;box-shadow:none;min-height:34px;padding:8px 10px}.energy-intro h1{font-size:28px;max-width:100%;overflow-wrap:anywhere}.energy-intro .eyebrow{max-width:calc(100% - 100px);font-size:8px}
  .energy-top-grid{gap:16px}.energy-composer{min-height:370px;border-radius:19px;padding:24px 20px 17px}.energy-kicker{font-size:9px;gap:9px}.energy-kicker .icon{width:14px}.composer-copy h2{font-size:27px;margin-top:12px;max-width:280px}.composer-copy>p{font-size:11px}.energy-composer-art{scale:.78;opacity:.55;right:-35px;top:-5px;transform-origin:right top}.quick-composer{padding:13px 12px;margin-top:25px;border-radius:12px}.quick-composer>label{font-size:9px}.quick-composer textarea{font-size:12px;min-height:68px;line-height:1.9;padding-top:7px}.quick-composer-bottom{gap:7px;padding-top:10px}.quick-instruments{gap:2px}.quick-instruments button{font-size:10px;padding:7px 6px;min-height:34px;gap:4px}.quick-instruments .icon{width:12px;height:12px}.quick-composer-bottom>.button{font-size:10px;min-height:34px;padding:8px 10px;gap:8px}.composer-footnote{font-size:8px;margin-top:12px;gap:4px}.composer-footnote>span:last-child{font-size:7px}.energy-daily{min-height:187px;border-radius:18px}.daily-content{padding:23px}.daily-badge{font-size:9px}.daily-content h2{font-size:23px;line-height:1.5;max-width:215px;margin-top:13px}.daily-content h2 br{display:block}.daily-content>p{font-size:9px;margin-top:8px}.daily-play{width:auto;right:17px;bottom:21px;gap:7px;align-items:center}.daily-play>span{display:none}.daily-play>.icon:last-child{display:none}.daily-play>.icon:first-child{width:15px;height:15px;padding:14px;background:#fffc}.daily-sun{width:116px;height:116px;right:-8px;top:10px}.daily-horizon{right:-210px;bottom:-100px}.daily-art>i{right:-110px;bottom:-200px;scale:.85}
  .energy-lower-grid{margin-top:29px;gap:23px}.dashboard-section-head{gap:8px;margin-bottom:15px}.dashboard-section-head .eyebrow{font-size:8px}.dashboard-section-head h2{font-size:20px;margin-top:7px}.dashboard-section-head .text-link{font-size:9px;gap:4px}.dashboard-section-head .text-link .icon{width:12px}.sound-moods{gap:7px;margin-bottom:16px}.sound-moods button{font-size:11px;min-height:38px;padding:8px 10px;border-radius:9px;gap:5px}.sound-moods button .icon{width:12px;height:12px}.sound-moods>span{display:none}.dashboard-content .work-grid{grid-template-columns:1fr;gap:12px}.work-card{display:grid;grid-template-columns:111px minmax(0,1fr);border-radius:14px;min-height:137px}.track-art{height:100%;min-height:137px}.track-art .art-sun{width:76px;height:76px;left:calc(50% - 38px);top:28px}.art-rings{scale:.65}.work-play{left:71px;top:97px;right:auto;width:30px;height:30px}.work-card-copy{padding:17px 16px 11px;min-width:0}.work-card-copy .sample-label{font-size:7px;letter-spacing:0}.work-card-copy h3{font-size:20px;margin:7px 0 6px}.work-card-copy>p{font-size:10px;line-height:1.7}.work-card-copy>div{margin-top:11px;padding-top:9px;gap:7px}.work-card-copy>div>span{font-size:9px}.work-card-copy>div>span .icon{display:block;width:10px;height:10px}.work-card-copy .text-link{font-size:10px;gap:9px;min-height:24px}.work-card-copy .text-link .icon{width:13px}
  .energy-rail{grid-template-columns:1fr;gap:16px}.energy-space{padding:22px 22px 0;border-radius:17px}.rail-heading{font-size:13px}.space-stats{margin:18px 0}.space-stats button>span{font-size:32px}.space-stats small{font-size:11px}.sensing-shortcut{width:calc(100% + 44px);margin-left:-22px;padding:15px 20px;gap:12px}.sensing-shortcut-icon{width:36px;height:36px}.sensing-shortcut>span:nth-child(2){font-size:12px}.sensing-shortcut small{font-size:10px}.energy-api{padding:24px;border-radius:17px}.energy-api>.eyebrow{font-size:9px}.energy-api h3{font-size:23px;line-height:1.5}.energy-api h3 br{display:block}.energy-api>p{font-size:11px}.api-symbol>.icon{width:27px;height:27px}.energy-api .button{font-size:12px;max-width:none;min-height:42px;margin-top:18px}.energy-api>small{font-size:9px;text-align:center}.workspace-footer{padding:18px 20px;font-size:9px;line-height:1.9}
  .creation-form,.request-panel,.keys-panel,.settings-panel{padding:23px 19px;border-radius:16px}.creation-form>.small-label{font-size:12px}.create-instruments{gap:8px}.create-instruments label>span{padding:17px 5px;min-height:110px}.create-instruments strong{font-size:13px}.create-instruments small{font-size:9px}.creation-form textarea,.creation-form select,.request-panel input,.request-panel textarea,.request-panel select,.settings-panel input{font-size:16px}.creation-aside{padding:25px}.creation-aside h2{font-size:27px}.creation-orb{height:170px}.creation-form>.button{font-size:13px;min-height:48px}.sandbox-notice{font-size:11px;padding:13px}.request-panel label{font-size:12px}.key-placeholder input{font-size:10px}.response-panel pre{font-size:12px;padding:20px}.response-meta{font-size:10px}.response-meta .mono{font-size:9px}.response-help{font-size:11px}.integration-steps h3{font-size:14px}.integration-steps p{font-size:12px}.keys-table{font-size:11px}.keys-table td strong{font-size:11px}.keys-table code{font-size:10px}.key-guidance h3{font-size:14px}.key-guidance p{font-size:12px}.sensing-device{padding:26px 20px}.sensing-device h2{font-size:21px}.sensing-guide h2{font-size:26px}.sensing-step p{font-size:12px}.collection-bar{font-size:12px}.collection-bar .sample-label{font-size:10px}.empty-invitation{font-size:12px}.settings-panel label{font-size:13px}.settings-panel .input-hint{font-size:11px}.mini-player{width:calc(100vw - 24px);padding:12px;gap:9px;border-radius:13px}.mini-title strong{font-size:12px}.mini-title>span{font-size:8px}.mini-player>.mono{font-size:9px}.info-dialog{padding:30px 24px}.info-dialog h2{font-size:23px}.info-dialog p{font-size:13px}
}
@media(max-width:389px){.header-inner{padding:0 18px}.hero h1{font-size:39px}.hero-actions{gap:16px}.hero-actions .button{font-size:11px;padding:13px 15px}.hero-listen{font-size:11px}.hero-note{font-size:10px}.dashboard-content{padding-left:17px;padding-right:17px}.workspace-header{padding:0 17px}.workspace-header .preview-chip{font-size:7px}.workspace-header .workspace-home{font-size:8px}.energy-composer{padding-left:17px;padding-right:17px}.composer-copy h2{font-size:26px}.quick-instruments button{font-size:9px;padding:7px 5px}.quick-composer-bottom>.button{font-size:9px;padding:8px 9px;gap:6px}.composer-footnote{font-size:7px}.daily-content h2{font-size:22px}.sound-moods{gap:6px}.sound-moods button{font-size:10px;padding:8px 9px}.work-card{grid-template-columns:105px minmax(0,1fr)}.work-card-copy{padding-left:13px;padding-right:13px}.work-play{left:66px}.work-card-copy .sample-label{font-size:6px}.work-card-copy>p{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.work-card:hover{transform:none}}

/* Stronger colour, readable hierarchy: colour lives in the artwork, type stays clear. */
.workspace-selector strong,.profile-button strong{color:#453354}
.sidebar-link{color:#786785}.sidebar-link.active{background:#e8dbff;color:#7140d0}
.invitation-card{background:linear-gradient(125deg,#e9d9ff,#ffe3d1)}.invitation-card strong{color:#765392}.invitation-card p{color:#8b729b}
.workspace-header strong{color:#675075}.workspace-home{color:#7f628e}
.page-intro h1{color:#302239;font-size:33px}.page-intro p:not(.eyebrow){color:#84718f;font-size:14px}
.energy-composer{background:linear-gradient(112deg,#e2d0ff,#eee2ff 56%,#ffdfd9)}
.composer-copy h2{color:#5b3479;font-size:32px}.composer-copy>p{font-size:13px;color:#92709f}
.energy-kicker{color:#9671b8}.quick-composer>label{color:#a48aaf}.quick-composer textarea{font-size:13px;color:#80558d}.quick-composer textarea::placeholder{color:#a18bad}
.quick-instruments button{color:#a084b2;font-size:12px}.quick-instruments button.selected{color:#9c6bc3;background:#e9dbff}.quick-composer-bottom>.button{font-size:12px}
.composer-footnote{color:#a68bb5;font-size:10px}.composer-footnote .icon{width:11px;height:11px}
.daily-content h2{color:#9a5935;font-size:28px}.daily-content>p{color:#b17e5c;font-size:11px}.daily-play{color:#a26943;font-size:12px}.daily-play small{font-size:10px;color:#b58766}.daily-badge{color:#b58354}.daily-sun{background:radial-gradient(circle at 35% 30%,#fff2a0,#ffc479 40%,#ff9162 70%,#eb6c5f)}
.dashboard-section-head h2{color:#51365e;font-size:21px}.dashboard-section-head .text-link{font-size:11px;color:#a784b7}.sound-moods button{font-size:11px;color:#ad8fba}.sound-moods button.active{color:#9560c5}.sound-moods>span{font-size:9px;color:#b597c0}
.work-card-copy .sample-label{font-size:8px;color:#b193c0}.work-card-copy h3{font-size:19px;color:#60436f}.work-card-copy>p{font-size:11px;color:#a085ac}.work-card-copy>div>span{font-size:9px;color:#b297bf}.work-card-copy .text-link{font-size:10px;color:#a276bc}
.energy-api{background:linear-gradient(135deg,#e4d4ff,#eee3fc)}.energy-api h3{font-size:21px;color:#9162a9}.energy-api>p{font-size:11px;color:#ae8fbd}.energy-api .button{background:#ae7ddd;color:#fff;font-size:11px;min-height:38px}.energy-api>small{font-size:9px;color:#bd9ecb}
.rail-heading{font-size:12px;color:#9578a5}.space-stats small{font-size:10px;color:#b69ac3}.space-stats button>span{color:#a17ab7}.sensing-shortcut>span:nth-child(2){font-size:11px;color:#a17db3}.sensing-shortcut small{font-size:9px;color:#bda4c9}
@media(max-width:1200px){.composer-copy h2{font-size:29px}.quick-composer textarea{font-size:12px}.quick-instruments button{font-size:11px}.quick-composer-bottom>.button{font-size:11px}.composer-footnote{font-size:9px}.work-card-copy .sample-label{font-size:7px}.work-card-copy h3{font-size:17px}.work-card-copy>p{font-size:10px}.work-card-copy>div>span{font-size:8px}.work-card-copy .text-link{font-size:9px}.energy-api h3{font-size:19px}.energy-api>p{font-size:10px}}
@media(max-width:800px){.page-intro h1{font-size:28px}.page-intro p:not(.eyebrow){font-size:12px}.composer-copy h2{font-size:28px}.work-card-copy .sample-label{font-size:6px}.work-card-copy h3{font-size:17px}.work-card-copy>p{font-size:9px}.work-card-copy>div>span{font-size:8px}.work-card-copy .text-link{font-size:9px}.energy-api h3{font-size:18px}}
@media(max-width:680px){.composer-copy h2{font-size:27px}.composer-copy>p{font-size:12px}.quick-composer textarea{font-size:16px;min-height:83px}.quick-instruments button{font-size:10px}.quick-composer-bottom>.button{font-size:10px}.composer-footnote{font-size:8px}.work-card-copy .sample-label{font-size:7px}.work-card-copy h3{font-size:20px}.work-card-copy>p{font-size:10px}.work-card-copy>div>span{font-size:9px}.work-card-copy .text-link{font-size:10px}.energy-api h3{font-size:23px}.energy-api>p{font-size:12px}.energy-api .button{font-size:13px;min-height:44px}.sensing-shortcut>span:nth-child(2){font-size:12px}.sensing-shortcut small{font-size:10px}}

/* Readable ink on coloured surfaces; stronger than the ambient illustrations. */
.spark{width:16px;height:16px;background:#a876d1;clip-path:polygon(50% 0,62% 37%,100% 50%,63% 62%,50% 100%,37% 63%,0 50%,37% 37%)}.spark.two{width:10px;height:10px}.api-star{width:35px;height:35px;background:repeating-conic-gradient(from 0deg,transparent 0deg 18deg,#b899de 18deg 24deg,transparent 24deg 36deg);border-radius:50%}
.composer-copy h2{color:#51306c}.composer-copy>p{font-size:13px;color:#846093}.energy-kicker{color:#9571b2}
.quick-composer>label{font-size:11px;color:#9875aa}.quick-composer textarea{font-size:14px;color:#765185}.quick-composer textarea::placeholder{color:#a18bad}.quick-instruments button{font-size:12px;color:#a084b2}.quick-instruments button.selected{color:#9366bc}.quick-composer-bottom>.button{font-size:12px;background:#8b52d6}.composer-footnote{font-size:10px;color:#a18ab0}
.daily-content h2{color:#a05e38}.daily-content>p{font-size:12px;color:#b28161}.daily-play{font-size:13px;color:#a9754e}.daily-play small{font-size:10px;color:#b98a68}.daily-badge{font-size:11px;color:#b28154}
.work-card-copy{padding:17px 16px 14px}.work-card-copy .sample-label{font-size:9px;color:#b394c0}.work-card-copy h3{font-size:20px;color:#775187}.work-card-copy>p{font-size:12px;color:#ac8db6}.work-card-copy>div>span{font-size:10px;color:#b397bf}.work-card-copy .text-link{font-size:11px;color:#aa7cc1}
.rail-heading{font-size:13px;color:#9d7eae}.space-stats small{font-size:11px;color:#b397c1}.sensing-shortcut>span:nth-child(2){font-size:12px;color:#a27cb3}.sensing-shortcut small{font-size:10px;color:#bea3cb}.energy-api h3{color:#9464aa}.energy-api>.eyebrow{font-size:9px;color:#b393ca}.energy-api>p{font-size:12px;color:#b295be}.energy-api .button{background:#a876d2;font-size:12px}.energy-api>small{font-size:10px}
@media(max-width:1200px){.work-card-copy{padding:15px 12px}.work-card-copy .sample-label{font-size:8px}.work-card-copy h3{font-size:18px}.work-card-copy>p{font-size:10px}.work-card-copy>div>span{font-size:9px}.work-card-copy .text-link{font-size:10px}.quick-composer textarea{font-size:13px}.energy-api>p{font-size:11px}}
@media(max-width:800px){.work-card-copy .sample-label{font-size:7px}.work-card-copy h3{font-size:17px}.work-card-copy>p{font-size:9px}.work-card-copy>div>span{font-size:8px}.work-card-copy .text-link{font-size:9px}.energy-api>.eyebrow{font-size:8px}.quick-composer textarea{font-size:13px}.composer-footnote{font-size:8px}}
@media(max-width:680px){.quick-composer textarea{font-size:16px}.quick-instruments button{font-size:10px}.quick-composer-bottom>.button{font-size:11px}.composer-footnote{font-size:8px}.daily-content h2{font-size:24px}.daily-content>p{font-size:11px}.work-card-copy{padding:17px 15px 12px}.work-card-copy .sample-label{font-size:8px}.work-card-copy h3{font-size:20px}.work-card-copy>p{font-size:11px}.work-card-copy>div>span{font-size:9px}.work-card-copy .text-link{font-size:10px}}

/* Final ink and accent calibration across the workspace. */
.energy-composer{background:linear-gradient(115deg,#dcc5ff,#eadcff 55%,#ffd7cd)}
.energy-ribbon{filter:saturate(1.35)}.energy-sun,.daily-sun{filter:saturate(1.25)}
.energy-kicker,.dashboard-section-head .eyebrow,.page-intro .eyebrow{color:#71528e}
.composer-copy h2{color:#42235f}.composer-copy>p,.page-intro p:not(.eyebrow){color:#725782}
.quick-composer>label{color:#6d4b81}.quick-composer textarea{color:#493256}.quick-composer textarea::placeholder{color:#826d90}
.quick-instruments button{color:#705483}.quick-instruments button.selected{color:#6231a2;background:#e5d5ff}.quick-composer-bottom>.button,.energy-api .button{background:#7642db;color:#fff}.quick-composer-bottom>.button:hover,.energy-api .button:hover{background:#5d2ebc}
.composer-footnote{color:#7a608d}.daily-content h2{color:#844122}.daily-content>p,.daily-play,.daily-play small,.daily-badge{color:#8d5b37}
.dashboard-section-head .text-link,.work-card-copy .text-link{color:#7547a1}.sound-moods button{color:#715c80}.sound-moods button.active{color:#6635a5;background:#e6d6ff}.sound-moods>span{color:#80668e}
.work-card-copy h3{color:#4c2b60}.work-card-copy>p,.work-card-copy>div>span,.work-card-copy .sample-label{color:#7c6589}.work-card-copy .sample-label{font-size:10px}
.rail-heading,.sensing-shortcut>span:nth-child(2){color:#715183}.space-stats button>span{color:#7544ad}.space-stats small,.sensing-shortcut small{color:#826992}
.energy-api h3{color:#603681}.energy-api>.eyebrow,.energy-api>p,.energy-api>small{color:#7d5b92}
.workspace-footer{color:#806c8d}.sidebar .nav-heading,.profile-button small{color:#7c6c88}
.creation-form>.small-label,.request-panel label,.settings-panel label,.create-instruments strong{color:#654675}
.create-instruments small,.creation-aside>p:not(.eyebrow),.creation-steps span,.creation-steps strong,.collection-bar,.empty-invitation{color:#7e628f}
.sandbox-notice,.integration-steps p,.key-guidance p,.settings-panel .input-hint,.sensing-step p,.sensing-device>p:not(.eyebrow),.device-state,.sensing-reality,.sensing-next small,.info-dialog p,.info-dialog .input-hint{color:#775a8b}
.keys-table th,.keys-table td,.keys-table td small,.keys-table code{color:#775b89}.key-active{background:#eadcff;color:#70429d}.mini-title strong{color:#633d7e}.mini-title>span{color:#7e638e}
@media(max-width:680px){.work-card-copy .sample-label{font-size:9px}.energy-intro>.button{color:#6536a3}.composer-copy>p{font-size:13px}.quick-composer-bottom>.button{min-height:38px}.quick-instruments button{min-height:38px}.daily-play>.icon:first-child{color:#a1572b}.page-intro p:not(.eyebrow){font-size:13px}}
.quota-note{font-size:12px;color:#706c80;line-height:1.8;margin:12px 0 24px}.live-jobs{display:grid;gap:14px}.live-job{background:#fff;border:1px solid #ebe7f1;border-radius:18px;padding:24px;display:flex;gap:20px;align-items:center;min-width:0}.job-glyph{width:55px;height:55px;border-radius:18px;background:#eee7ff;color:#7147e8;display:grid;place-items:center;flex:none}.job-copy{flex:1;min-width:0}.job-copy h2{font-size:17px;overflow-wrap:anywhere;line-height:1.5}.job-copy p{font-size:12px;color:#777285;margin:6px 0;overflow-wrap:anywhere}.job-copy progress{width:100%;accent-color:#7147e8}.job-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.settings-panel{min-width:0}.created-key code{overflow-wrap:anywhere;white-space:normal}.response-help audio{max-width:100%;margin:12px 0}.keys-table small{display:block;font-size:11px;margin-top:5px}.key-scopes{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.info-dialog input:not([type=checkbox]),.info-dialog select{width:100%;padding:12px;border:1px solid #ddd8e9;border-radius:9px;margin:8px 0 16px}.info-dialog p{overflow-wrap:anywhere}.job-copy .field-error{color:#af3358}.keys-panel{overflow:hidden}@media(max-width:760px){.settings-grid{grid-template-columns:1fr}.live-job{align-items:flex-start;flex-wrap:wrap;padding:18px}.job-actions{width:100%}.job-glyph{width:38px;height:38px}.job-copy{min-width:170px}}

/* Keep long account names clear of the primary action on phones. */
@media(max-width:680px){.energy-intro{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.energy-intro>div{min-width:0;width:100%}.energy-intro h1{overflow-wrap:anywhere}.energy-intro>.button{position:static;align-self:flex-start;margin:0}.energy-intro .eyebrow{max-width:100%}}

/* Public documentation stays adjacent to developer onboarding. */
.developer-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.developer-actions .developer-docs-link{border:1px solid #bba0d6;color:#f5edff;background:#ffffff08}.developer-actions .developer-docs-link:hover{background:#ffffff16;border-color:#e3d0fa}

/* Mureka compositions with independently rendered frequency layers. */
.hero-hz-link{display:inline-flex;align-items:center;gap:12px;color:#7442ad;font-size:12px;min-height:44px;margin-top:9px;text-align:left}.hero-hz-link:hover{color:#512587}.hero-hz-link .icon{width:16px;height:16px}
.hz-experience{margin-top:48px;padding-top:36px;border-top:1px solid #ded3ec;scroll-margin-top:28px}
.hz-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:25px}.hz-heading .eyebrow{font-size:10px;color:#795098;letter-spacing:.13em;margin-bottom:12px}.hz-heading h2{font-size:30px;font-weight:500;line-height:1.5;color:#44265d}.hz-heading>p{font-size:13px;line-height:1.9;color:#7b668a}
.hz-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.hz-card{min-width:0;border:1px solid #e3d8ef;border-radius:22px;overflow:hidden;background:#ffffffbd;box-shadow:0 12px 35px #6e389208}
.hz-cover{height:196px;background:linear-gradient(125deg,#dfc6ff,#eedfff 55%,#f8c9e0);position:relative;padding:25px 28px;color:#593377;overflow:hidden;isolation:isolate}.hz_potential .hz-cover{background:linear-gradient(115deg,#ffdec7,#ffcfbc 55%,#ffe5b5);color:#8d442b}
.hz-theme{position:relative;display:block;font-size:10px;letter-spacing:.12em;z-index:1}.hz-cover>strong{position:relative;display:block;font-size:68px;font-weight:400;line-height:1.25;letter-spacing:-.06em;margin-top:8px;z-index:1}.hz-cover>strong>small{font-size:19px;letter-spacing:0;margin-left:9px}.hz-cover-note{position:relative;font-size:12px;z-index:1}
.hz-rings{position:absolute;right:-10px;top:-68px;width:285px;height:285px;transform:rotate(-22deg);z-index:0}.hz-rings i{position:absolute;inset:0;border-radius:50%;border:1px solid #8750ba30;box-shadow:inset 0 0 28px #b58ada20;background:radial-gradient(ellipse at 33% 30%,#ffffff70,transparent 65%)}.hz-rings i:nth-child(2){inset:30px}.hz-rings i:nth-child(3){inset:62px;background:radial-gradient(circle at 35% 30%,#fbf2ff,#c58bee 55%,#ad72d8);box-shadow:0 15px 40px #a976ca33}.hz_potential .hz-rings i{border-color:#b7774926}.hz_potential .hz-rings i:nth-child(3){background:radial-gradient(circle at 35% 30%,#fff6b8,#ffb66d 55%,#f18065);box-shadow:0 15px 40px #e69c7033}
.hz-play{position:absolute;right:25px;bottom:23px;width:49px;height:49px;border-radius:50%;display:grid;place-items:center;background:#ffffffc9;color:inherit;box-shadow:0 4px 16px #71478b16;z-index:2}.hz-play:hover{background:white;transform:translateY(-2px)}.hz-play .icon{width:21px;height:21px}
.hz-card.is-playing .hz-rings{animation:hzBreathe 7s ease-in-out infinite}.hz-copy{padding:25px 27px 22px}.hz-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.hz-title h3{font-size:23px;font-weight:500;color:#4d2a65}.hz-title>span{font-size:11px;color:#826993;white-space:nowrap}.hz-description{font-size:13px;line-height:1.9;color:#7a6488;min-height:50px;margin:10px 0 18px}
.hz-modes{display:flex;padding:4px;background:#f2ecf8;border-radius:11px;gap:4px}.hz-modes button{display:flex;justify-content:center;align-items:center;gap:7px;flex:1;min-height:44px;border-radius:8px;color:#7d638e;font-size:12px;white-space:nowrap}.hz-modes button[aria-pressed=true]{background:#fff;color:#6e36ac;box-shadow:0 2px 8px #67338f12}.hz-modes .icon{width:16px;height:16px}
.hz-parameters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0 17px}.hz-parameters>div+div{border-left:1px solid #ede5f4;padding-left:19px}.hz-parameters dt{font-size:11px;color:#8b739b;margin-bottom:7px}.hz-parameters dd{font-size:22px;color:#5f3c78;margin:0}.hz-parameters dd small{font-size:11px}.hz-state{font-size:11px;line-height:1.8;color:#7c5c93;border-top:1px solid #ede5f4;padding-top:13px;min-height:34px}
.hz-listen-note{display:flex;align-items:flex-start;gap:9px;color:#816d90;font-size:12px;line-height:1.9;margin-top:18px;max-width:900px}.hz-listen-note>.icon{width:17px;height:17px;flex:none;margin-top:3px}.hz-experience button:focus-visible{outline:2px solid #7542bf;outline-offset:3px}
.mini-title{min-width:0;max-width:260px}.mini-title strong,.mini-title>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@keyframes hzBreathe{0%,100%{transform:rotate(-22deg) scale(1)}50%{transform:rotate(-15deg) scale(1.06)}}
@media(max-width:900px){.hz-copy{padding:22px 20px}.hz-title{flex-wrap:wrap;gap:7px}.hz-heading h2{font-size:27px}.hz-cover{padding:23px}.hz-parameters>div+div{padding-left:12px}}
@media(max-width:680px){.hz-experience{margin-top:34px;padding-top:28px}.hz-heading{display:block;margin-bottom:22px}.hz-heading h2{font-size:26px}.hz-heading>p{font-size:12px;margin-top:13px}.hz-cards{grid-template-columns:1fr;gap:22px}.hz-cover{height:188px}.hz-copy{padding:22px 20px 19px}.hz-title{flex-wrap:nowrap}.hz-title h3{font-size:22px}.hz-title>span{font-size:10px}.hz-description{min-height:0;font-size:13px}.hz-listen-note{font-size:11px}.mini-title{max-width:none}}
@media(prefers-reduced-motion:reduce){.hz-card.is-playing .hz-rings{animation:none}.hz-play:hover{transform:none}}