:root{--muted:#afa9b0;--line:#efddd51c;--surface:#201e23;--tab-yellow:#edc651}body{isolation:isolate;background:var(--bg,#101013);min-height:100vh;color:#f5f1ed}body::before,body::after{content:'';position:fixed;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(85px);opacity:.28;will-change:transform}body::before{width:63vw;height:64vh;min-width:360px;right:-17vw;top:-25vh;background:radial-gradient(ellipse,var(--cyan,#d65b68),transparent 69%);animation:studio-red 32s ease-in-out infinite alternate}body::after{width:58vw;height:66vh;min-width:360px;left:3vw;bottom:-36vh;background:radial-gradient(ellipse,var(--accent,#edc651),transparent 70%);opacity:.2;animation:studio-gold 38s ease-in-out infinite alternate}.shell>aside{background:linear-gradient(150deg,#302c323d,#141317a6);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-right:1px solid #fff2}.panel,.metric,.file-card,.notification,.project-card,.data-table,.deal-column{background:linear-gradient(145deg,#ffffff08,#ffffff01),color-mix(in srgb,var(--card,#222024) 68%,transparent);border:1px solid #f7e7df21;box-shadow:inset 0 1px #fff07,0 14px 35px #00000012;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.panel,.metric{border-radius:20px}.column{background:#1c1a2080;border-color:#efd9db19;backdrop-filter:blur(20px)}.card{background:linear-gradient(135deg,#ffffff07,transparent),color-mix(in srgb,var(--card) 84%,transparent);border-color:#fff2;color:#f0eae8;box-shadow:0 7px 22px #0002}.card .tag.yellow{background:#e7bf4819;color:#e8ce7a}.card p,.card select,.card-foot{color:#b7afb6}.card .avatar{background:#3e383d;border-color:#62565d;color:#f2e5df}.btn{background:var(--accent);color:#1a1710;box-shadow:0 0 22px color-mix(in srgb,var(--accent) 9%,transparent)}.btn:hover{background:color-mix(in srgb,var(--accent) 86%,white)}.btn.secondary{color:#ded6d4;background:#ffffff06;border-color:#f0ded426}.btn.secondary:hover{border-color:#edc65165;background:#edc6510c}.nav button{color:#cfb872}.nav button.active{background:linear-gradient(90deg,#edc6511c,#edc65108);color:#f1d574;border-color:#edc65137;box-shadow:inset 3px 0 #edc651,0 0 28px #edc65105}.nav button:hover{color:#ffe49a;background:#edc6510b}.tabs{gap:12px;border-bottom:0}.tabs button{background:#ffffff04;border:1px solid #edc65124;border-radius:9px;color:#d9c27e}.tabs button.active{background:#e9c652;color:#201b10;border-color:#f4d976;box-shadow:0 3px 20px #edc65113}.studio .mark{background:transparent;border-radius:0;filter:drop-shadow(0 0 9px #dfb43312)}.eyebrow,.crumb,.navgroup{color:#b4a7a8}.subtitle{color:#b7adb3}.simulation-bar{color:#b5a6af}.simulation-bar>span{border-color:#dfc8d224;background:#ffffff03}.simulation-bar select{background:#19171dc2;border-color:#e4d0d225}.metric>span,.metric>small{color:#b4a9ae}.metric>strong{color:#faf4e7}.metric:before{background:var(--accent)}.pill,.tag.yellow{border-color:#e3c25b35;color:#e7d493}.project-art.abstract{background:radial-gradient(circle at 80% 10%,#9432402a,transparent 64%),linear-gradient(120deg,#3a2e31aa,#232126);color:#d4bfa347}.project-art img{opacity:.88}.project-actions{color:#ccb57c}.attendance-hero{background:linear-gradient(115deg,#dcb94712,#a52e4510);border-color:#e9c45b32;backdrop-filter:blur(24px)}.details-dialog,.review-dialog{background:#211d24ed;border:1px solid #ecdbe23d;box-shadow:inset 0 1px #fff2,0 40px 90px #0008;backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px)}dialog::backdrop{background:#09070db0;backdrop-filter:blur(9px)}input,select,textarea{background:#161419b0;border-color:#f0dce52b;color:#f3ebed}input:focus,select:focus,textarea:focus{outline-color:#edc651}.toolbar select{background:#211d24}.deal-column header,th{color:#c2b4b8}.deal-card{background:var(--card);border-color:#e9d4da24}.deal-card p{color:#b5a6b0}.notice{background:#edc65109;border-color:#edc65124;color:#c4b9b6}.mini-metrics{color:#baaab0}.mini-metrics strong{color:#f4e7d6}.channel{color:#b9abb1}.channel.active{color:var(--accent);background:#edc6510b}.bubble.mine{background:#edc6510e}.demo{color:#a598a0}.post-text{color:#e0d6d9}.permission-grid p{color:#b9acb4}.integration-grid p{color:#b9adb5}.source-fields dt{color:#e8ce7a}.main{padding-bottom:52px}.view{animation:surface-in .3s ease-out}.motion-off::before,.motion-off::after{animation:none;will-change:auto}.motion-off .view{animation:none}
@keyframes studio-red{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-11vw,12vh,0) scale(1.07)}}@keyframes studio-gold{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(18vw,-11vh,0) scale(1.1)}}@keyframes surface-in{from{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}body::before,body::after{will-change:auto}}@media(max-width:800px){body::before{width:110vw;right:-40vw;top:-18vh;filter:blur(65px)}body::after{width:100vw;left:-25vw;filter:blur(65px)}.shell>aside{background:#151217dc}.panel{border-radius:16px}.main{padding-left:18px;padding-right:18px}.tabs{gap:8px}.tabs button{font-size:.875rem}.integration-grid .panel{backdrop-filter:none}.view{animation:none}}
@media(max-width:500px){.period-controls label{flex-basis:100%;min-width:0}.period-controls input,.period-controls select{width:100%}.period-controls>strong{margin-top:10px}}
body::before{width:85vw;height:88vh;right:-18vw;top:-24vh;filter:blur(58px);opacity:calc(var(--ambient-strength,.7)*.78);background:radial-gradient(ellipse at 50% 50%,var(--cyan,#d65b68) 0%,color-mix(in srgb,var(--cyan,#d65b68) 50%,transparent) 32%,transparent 69%);animation-duration:21s}body::after{width:76vw;height:82vh;left:-13vw;bottom:-35vh;filter:blur(65px);opacity:calc(var(--ambient-strength,.7)*.6);background:radial-gradient(ellipse,var(--accent,#edc651) 0%,color-mix(in srgb,var(--accent,#edc651) 45%,transparent) 33%,transparent 68%);animation-duration:26s}@keyframes studio-red{from{transform:translate3d(0,0,0) scale(.9)}to{transform:translate3d(-23vw,27vh,0) scale(1.16)}}@keyframes studio-gold{from{transform:translate3d(0,0,0) scale(.9)}to{transform:translate3d(37vw,-26vh,0) scale(1.12)}}.announcement-image{display:block;width:100%;max-height:440px;object-fit:contain;border-radius:14px;background:#0002;border:1px solid #fff1;margin:18px 0 22px}.announcement-preview{width:100%;max-height:220px;object-fit:contain;border-radius:12px;margin-top:16px}.checkline{display:flex;align-items:center;gap:10px}.checkline input{width:auto}.sync-status{color:#c6bba5;font-size:13px}.account-bar{display:flex;align-items:center;gap:14px;width:100%}.account-bar button{margin-left:auto}.sync-warning{border:1px solid #dc8463;background:#442516ee;color:#ffe4cf;padding:16px;border-radius:12px;margin-top:15px}.sync-warning .actions{margin-top:12px}.invite-code{overflow-wrap:anywhere;padding:20px;background:#08070b;border:1px solid #edc65155;border-radius:10px;font:15px/1.7 monospace;user-select:all}.intensity-row{display:flex;align-items:center;gap:18px}.intensity-row input{padding:0;accent-color:#edc651}.intensity-row output{min-width:48px;color:#edc651}@media(prefers-reduced-motion:reduce){body::before,body::after{animation:none!important}}@media(max-width:800px){body::before{width:155vw;right:-50vw;top:-12vh;filter:blur(55px)}body::after{width:150vw;left:-50vw;filter:blur(55px)}.account-bar{flex-wrap:wrap;font-size:13px}}