:root{--bg:#f2f0ec;--fg:#1f1d1a;--panel:#fff}:root[data-theme=nocturne]{--bg:#111319;--fg:#e9ecf1;--panel:#1a1f2a}:root[data-theme=mint]{--bg:#edf8f3;--fg:#173528;--panel:#fff}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);background-image:var(--theme-gradient,none);color:var(--fg);font-family:Avenir Next,Segoe UI,sans-serif}.shell{width:min(1200px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 3rem;display:grid;grid-gap:1rem;gap:1rem}.hero{padding:1.2rem;border:1px solid rgba(0,0,0,.15);border-radius:14px;background:var(--panel)}.brand-lockup{display:flex;align-items:center;gap:.8rem;margin-bottom:.8rem}.brand-mark{width:56px;height:56px;border-radius:12px}.brand-banner{width:min(100%,760px);height:auto;display:block;margin-top:.9rem;border-radius:12px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;margin:0}.row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.grid.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.8rem;gap:.8rem}.panel{padding:1rem;border:1px solid rgba(0,0,0,.14);border-radius:12px;background:var(--panel)}.chat-log{max-height:180px;overflow:auto;border:1px solid rgba(0,0,0,.14);border-radius:10px;padding:.6rem;margin:.5rem 0}.chat-log p{margin:0 0 .3rem}input,select,textarea{width:100%;padding:.5rem}a,button,input,select,textarea{border:1px solid rgba(0,0,0,.2);border-radius:8px;background:var(--panel);color:inherit}a,button{padding:.45rem .65rem;text-decoration:none;cursor:pointer}.masonry{columns:220px 3;column-gap:.8rem}.card{page-break-inside:avoid;break-inside:avoid;margin-bottom:.8rem;border:1px solid rgba(0,0,0,.14);border-radius:12px;padding:.7rem;background:var(--panel)}.card h4,.card p{margin:.25rem 0}.iframe-wrap{width:100%;min-height:420px;border:1px solid rgba(0,0,0,.14);border-radius:10px;overflow:hidden}.embed-frame{display:block;width:100%;height:420px;border:0;background:#111}@media (max-width:900px){.grid.two{grid-template-columns:1fr}.masonry{column-count:1}.brand-lockup{align-items:flex-start}.brand-mark{width:48px;height:48px}}.col{display:grid;grid-gap:.5rem;gap:.5rem}.metric{margin:.45rem 0}.meter{width:100%;height:8px;background:rgba(0,0,0,.1);overflow:hidden}.meter,.meter span{border-radius:999px}.meter span{display:block;height:100%;background:linear-gradient(90deg,#3c7b67,#c2974f)}.small{font-size:.85rem;opacity:.8;margin:0}.therapy-box{border:1px solid rgba(0,0,0,.14);border-radius:10px;padding:.6rem}.iframe-tall{min-height:520px}.iframe-tall .embed-frame{height:520px}.chain-list{display:flex;gap:.4rem;flex-wrap:wrap}.chip{border:1px solid rgba(0,0,0,.2);border-radius:999px;padding:.2rem .55rem;font-size:.78rem}.tracker-item{border:1px solid rgba(0,0,0,.12);border-radius:10px;padding:.55rem}.chat-widget{max-width:100%}@media (max-width:900px){.iframe-tall{min-height:380px}.iframe-tall .embed-frame{height:380px}}.iris-parallax{position:relative;overflow:hidden;min-height:260px;--px:0;--py:0;--scroll-p:0;background:radial-gradient(circle at 15% 15%,hsla(38,82%,76%,.32),transparent 38%),radial-gradient(circle at 80% 85%,rgba(35,94,160,.2),transparent 42%),linear-gradient(135deg,#f7f3ec,#f2ebe0 45%,#e8dfd1)}.iris-layer{position:absolute;inset:-10%;pointer-events:none;transition:transform .2s ease-out}.iris-grid{background-image:linear-gradient(rgba(0,0,0,.05) 1px,transparent 0),linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 0);background-size:34px 34px;opacity:.35;transform:translate3d(calc(var(--px) * -18px),calc(var(--py) * -14px),0)}.iris-orb{border-radius:999px;filter:blur(2px)}.iris-orb-a{inset:auto auto -40px -40px;width:240px;height:240px;background:radial-gradient(circle,rgba(210,157,91,.55),rgba(210,157,91,.05) 65%,transparent 72%);transform:translate3d(calc(var(--px) * 28px),calc(var(--scroll-p) * -16px),0)}.iris-orb-b{inset:-55px -55px auto auto;width:220px;height:220px;background:radial-gradient(circle,rgba(36,79,156,.45),rgba(36,79,156,.08) 60%,transparent 70%);transform:translate3d(calc(var(--px) * -24px),calc(var(--py) * 16px),0)}.iris-lines{background-image:repeating-linear-gradient(120deg,rgba(26,90,70,.24) 0 2px,transparent 2px 16px);opacity:.28;transform:translate3d(calc(var(--px) * 10px),calc(var(--scroll-p) * 8px),0) scale(1.03)}.iris-content{position:relative;z-index:2;width:min(740px,100%);display:grid;grid-gap:.4rem;gap:.4rem}.iris-content h2{margin:0;font-size:clamp(1.25rem,2.6vw,2rem)}.iris-content p{margin:0}.music-session-shell{display:grid;grid-gap:.8rem;gap:.8rem;grid-template-columns:repeat(2,minmax(0,1fr))}.music-session-shell .panel{min-height:120px}.session-controls,.session-grid-wrap,.session-hero{grid-column:1/-1}.session-grid{display:grid;grid-gap:.45rem;gap:.45rem}.track-row{display:grid;grid-template-columns:80px 1fr;grid-gap:.5rem;gap:.5rem;align-items:center}.step-row{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));grid-gap:.25rem;gap:.25rem}.step-btn{padding:.4rem 0;min-height:34px;border-radius:8px}.step-btn.on{background:#163525;color:#e9ffe6;border-color:#214f39}.step-btn.current{outline:2px solid #db8f2c}.session-canvas{width:100%;height:280px;display:block;border-radius:10px;border:1px solid rgba(0,0,0,.12)}.session-mic audio{width:100%}.file-inline input[type=file]{width:220px}.motion-card{transition:transform .28s ease,opacity .28s ease;transform:translate3d(calc(var(--tilt-x, 0) * (10px + var(--order, 0) * .8px)),calc(var(--tilt-y, 0) * (8px + var(--order, 0) * .6px)),0)}.is-mixing .motion-card{animation:mixPulse .65s ease-in-out infinite alternate}.meta-heatmap{margin-top:.5rem;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-gap:.18rem;gap:.18rem}.meta-cell{width:100%;padding-top:100%;border-radius:3px;border:1px solid rgba(0,0,0,.12)}.theme-editor-selected{outline:2px dashed #cd7f32!important;outline-offset:2px}.theme-editor-panel{position:fixed;right:.8rem;bottom:.8rem;z-index:2000;width:min(360px,calc(100vw - 1.2rem));max-height:calc(100vh - 1.2rem);overflow:auto;border:1px solid rgba(0,0,0,.2);border-radius:14px;background:var(--panel);box-shadow:0 16px 44px rgba(0,0,0,.24);padding:.75rem;display:none}.theme-editor-panel.open{display:grid;grid-gap:.55rem;gap:.55rem}.theme-editor-panel .hex-edit{min-width:96px;padding:.42rem .5rem;border:1px solid rgba(0,0,0,.2);border-radius:8px;background:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem}.itten-wheel{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:.35rem;gap:.35rem}.itten-dot{width:100%;aspect-ratio:1;border-radius:999px;border:1px solid rgba(0,0,0,.28);padding:0}.composer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:.8rem;gap:.8rem;align-items:start}.composer-card{page-break-inside:avoid;break-inside:avoid;border:1px solid rgba(0,0,0,.14);background:var(--panel);min-height:220px;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.composer-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.1)}.composer-card.is-planche{min-height:300px}.composer-card.is-dragging{opacity:.6}.composer-card.drop-target{box-shadow:0 0 0 2px rgba(30,93,170,.7)}.composer-card.touch-selected{box-shadow:0 0 0 2px rgba(194,120,30,.8)}.composer-card.gradient-animated{background-size:170% 170%;animation:cardGradientFlow 9s ease-in-out infinite alternate}.composer-card.span-1{grid-column:span 1}.composer-card.span-2{grid-column:span 2}.composer-card.span-3{grid-column:span 3}.composer-card.span-4{grid-column:1/-1}.card-tools button{min-width:30px;padding:.2rem .45rem}.editable-body{min-height:80px;white-space:pre-wrap;outline:none}.media-block{display:grid;grid-gap:.45rem;gap:.45rem}.media-block iframe,.media-block img,.media-block video{width:100%;border-radius:10px;min-height:170px;object-fit:cover;border:0}.media-block iframe{min-height:220px}.media-block audio{width:100%}.drawing-canvas{width:100%;height:220px;border:1px dashed rgba(0,0,0,.28);border-radius:10px;background:#fff;touch-action:none}.code-preview{margin:0;max-height:200px;overflow:auto;background:rgba(0,0,0,.04);border-radius:8px;padding:.5rem;font-size:.78rem}.blog-render{display:grid;grid-gap:.8rem;gap:.8rem}.blog-section{border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:.7rem}.blog-section:last-child{border-bottom:0}.blog-body{white-space:pre-wrap}@keyframes mixPulse{0%{transform:translate3d(calc(var(--tilt-x, 0) * 7px),calc(var(--tilt-y, 0) * 5px),0) rotate(-.35deg)}to{transform:translate3d(calc(var(--tilt-x, 0) * -7px),calc(var(--tilt-y, 0) * -5px),0) rotate(.35deg)}}@keyframes cardGradientFlow{0%{background-position:0 25%;filter:saturate(1)}50%{background-position:100% 75%;filter:saturate(1.07)}to{background-position:0 40%;filter:saturate(1)}}@media (max-width:900px){.music-session-shell,.track-row{grid-template-columns:1fr}.composer-card.span-2,.composer-card.span-3,.composer-card.span-4{grid-column:span 1}.iris-parallax{min-height:300px}.iris-grid{background-size:26px 26px}}