@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#142d32;background:#f7f8f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,.button{border:1px solid #d7e0dc;border-radius:8px;background:#fff;padding:10px 14px;color:#142d32;cursor:pointer;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}button:disabled{opacity:.45;cursor:not-allowed}button:hover:not(:disabled),.button:hover{background:#edf5f1}.primary{background:#087f8c;color:#fff;border-color:#087f8c}.primary:hover:not(:disabled){background:#086975}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #087f8c;outline-offset:3px}.button input[type=file]{position:absolute;width:1px;height:1px;opacity:0}.button:focus-within{outline:3px solid #087f8c;outline-offset:3px}.workspace{display:flex;min-height:100vh}.sidebar{width:235px;flex-shrink:0;padding:32px 24px;background:#fff;border-right:1px solid #e2e8e4;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;color:#087f8c;font-size:34px;font-weight:700;text-decoration:none}.brand span{color:#142d32;font-size:27px;letter-spacing:-1.5px}.brand i{font-size:9px}.workspace-name{display:flex;gap:9px;align-items:center;font-size:12px;margin:42px 0 28px}.avatar{background:#dbf4ec;padding:10px;border-radius:8px;font-weight:700}.workspace-name small{display:block;color:#637579;font-size:10px;margin-top:5px}nav a{display:block;text-decoration:none;color:#637579;padding:12px 10px;margin:6px 0;font-size:13px}nav .active{background:#edf6f2;color:#087f8c;border-radius:8px}.sidebar-note{margin-top:auto;padding-top:70px;font-size:24px;line-height:1.3;letter-spacing:-.5px}.sidebar-note p{font-size:12px;letter-spacing:0;line-height:1.7;color:#637579}main{max-width:1600px;flex:1;min-width:0;padding:0 42px}header{height:83px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8e4;font-size:10px;letter-spacing:1.2px;color:#637579}.badge{background:#ecf3ef;border-radius:20px;padding:8px 12px;letter-spacing:0}.heading{display:flex;justify-content:space-between;align-items:center;margin:35px 0 30px;gap:15px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#087f8c;font-weight:700}h1{font-size:36px;line-height:1.15;letter-spacing:-1.4px;font-weight:500;margin:12px 0}p{line-height:1.6}.heading p:last-child{font-size:13px;color:#637579}h2{font-size:17px;letter-spacing:-.4px}h3{font-size:15px}.content{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:26px}.player-card,.composer,.discussion{background:#fff;border:1px solid #e0e7e2;border-radius:12px;overflow:hidden}.stage{position:relative;background:#173b3e;touch-action:none;overflow:hidden}.stage video{width:100%;height:100%;object-fit:contain;display:block}.empty-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#f7f8f5;padding:20px;text-align:center;background:radial-gradient(ellipse at 20% 0%,#315b56,transparent 70%)}.empty-stage h2{font-size:20px;font-weight:500;margin-bottom:0}.empty-stage p,.empty-stage small{color:#c0d4cf;font-size:12px}.play-symbol{width:64px;height:64px;border:1px solid #70948c;border-radius:50%;display:grid;place-items:center;font-size:35px;color:#dbf4ec}.transport{display:flex;gap:12px;align-items:center;padding:13px 16px;font-size:11px}.transport input{flex:1;min-width:0}input[type=range]{accent-color:#087f8c}.volume{border-top:1px solid #edf0ed;padding:12px 16px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.volume label{font-size:11px;display:flex;gap:10px;align-items:center}.volume small{font-size:10px;color:#087f8c}.below-player{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 0}.below-player h2{margin-bottom:5px}.below-player p{font-size:12px;color:#637579;margin:0}.composer{padding:18px}.composer>label{display:block;font-size:13px;font-weight:600;margin-bottom:12px}textarea{width:100%;height:95px;border:1px solid #d7e0dc;resize:vertical;padding:12px;border-radius:8px;font-size:13px}.composer>div{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}.composer small{font-size:10px;color:#637579}.discussion{padding:20px}.discussion h2{display:flex;justify-content:space-between;align-items:center}.discussion h2 span{font-size:11px;background:#edf5f1;border-radius:20px;padding:4px 9px}.discussion>input{padding:10px;width:100%;border:1px solid #d7e0dc;border-radius:6px;font-size:12px}.empty-thread{padding:28px 5px 16px;text-align:center}.empty-thread>span{font-size:30px;color:#087f8c}.empty-thread h3{font-weight:500;line-height:1.5}.empty-thread p,.response p{font-size:12px;color:#637579}.reply{display:block;width:100%;text-align:left;margin-top:12px;font-weight:400}.reply.selected{border-color:#087f8c;background:#f0faf5}.reply-meta{display:flex;justify-content:space-between;font-size:11px;font-weight:600}.reply time{color:#087f8c}.reply p{font-size:13px;overflow-wrap:anywhere;white-space:pre-wrap}.reply small{font-size:10px;color:#637579}.response{border-top:1px solid #e0e7e2;margin-top:24px;padding-top:10px}.response video{width:100%;margin-top:15px;border-radius:6px}.response label{font-size:12px}.response label input[type=range]{display:block;width:100%;margin:12px 0}.response-buttons{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.response-buttons button{font-size:11px;padding:7px}.annotation{position:absolute;border:3px solid #a6f7d3;background:#a6f7d326;pointer-events:none}.draw-hint{position:absolute;top:12px;left:12px;background:#142d32;color:#fff;font-size:11px;padding:8px;border-radius:5px;pointer-events:none}.error{color:#b42318;background:#fff1ee;padding:14px;border-radius:8px;font-size:13px}footer{display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#637579;letter-spacing:1px;padding:35px 0}footer span{letter-spacing:0;text-align:right}@media(max-width:1150px){.sidebar{width:190px;padding:28px 16px}main{padding:0 24px}.content{grid-template-columns:minmax(0,1fr) 270px;gap:16px}h1{font-size:30px}}@media(max-width:900px){.sidebar{display:none}.content{grid-template-columns:1fr}.heading{align-items:flex-start}.discussion{margin-bottom:10px}}@media(max-width:540px){main{padding:0 16px}header{font-size:8px;height:65px;letter-spacing:.5px}.heading{display:block;margin-top:25px}.heading .button{margin-top:10px}h1{font-size:29px}.empty-stage h2{font-size:15px}.empty-stage p{font-size:10px}.play-symbol{height:40px;width:40px;font-size:24px}.below-player{display:block}.below-player button{margin-top:12px}.composer>div{align-items:flex-start}.volume label input{width:100px}footer{display:block}footer span{display:block;text-align:left;margin-top:10px}}.portal{max-width:1240px;margin:auto;padding:0 40px;min-height:100vh}.portal header{height:96px}.portal .brand{letter-spacing:normal}.welcome{padding:90px 0 110px;max-width:760px}.welcome h1{font-size:56px;line-height:1.1;letter-spacing:-2px}.welcome>p:not(.eyebrow){max-width:520px;color:#637579;font-size:17px;margin:24px 0 32px}.welcome .primary{padding:15px 24px;font-size:15px}.notice{background:#fff;border:1px solid #e0e7e2;border-radius:12px;padding:26px;margin:24px 0}.notice p{color:#637579;font-size:14px}.preview-link{display:block;font-size:12px;margin-top:24px;color:#087f8c}.account{display:flex;gap:15px;align-items:center;letter-spacing:0;font-size:12px}.feed-filters{display:flex;gap:14px;align-items:center;padding:20px;background:#fff;border:1px solid #e0e7e2;border-radius:10px;margin-bottom:28px}.feed-filters>label{font-size:13px;font-weight:600}.feed-filters>input{flex:1;min-width:0;border:1px solid #d7e0dc;border-radius:6px;padding:11px}.mine{display:flex;gap:6px;align-items:center;white-space:nowrap}.feed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.feed-card{padding:0 0 20px;text-align:left;overflow:hidden}.feed-card>span:not(.feed-thumbnail),.feed-card h2{display:block;margin-left:20px;margin-right:20px}.feed-thumbnail{height:155px;background:linear-gradient(125deg,#204c4f,#47746c);display:grid;place-items:center;font-size:40px;color:#dbf4ec;margin-bottom:20px}.feed-date{font-size:12px;color:#637579}.feed-card h2{overflow-wrap:anywhere}@media(max-width:800px){.feed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feed-filters{flex-wrap:wrap}.feed-filters>label:first-child{width:100%}}@media(max-width:540px){.portal{padding:0 20px}.welcome{padding:55px 0}.welcome h1{font-size:38px}.feed-grid{grid-template-columns:1fr}.account span{display:none}.feed-filters{padding:14px}.notice{padding:20px}}.draft-composer{max-width:680px}.draft-composer label{display:block;font-size:14px;font-weight:600;margin:18px 0 8px}.draft-composer input,.draft-composer select{width:100%;padding:12px;border:1px solid #d7e0dc;border-radius:6px;font:inherit;background:#fff;color:#142d32}.draft-actions{display:flex;gap:12px;margin-top:22px}.portal>.primary{margin-bottom:24px}