:root{color-scheme:dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#131515;color:#eeefed;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}.shell{max-width:1120px;min-height:100vh;margin:auto;padding:0 44px;display:flex;flex-direction:column}header{height:104px;border-bottom:1px solid #303333;display:flex;align-items:center;justify-content:space-between}.brand{font-size:14px;font-weight:680;letter-spacing:.2em}.brand span{display:block;color:#949a99;font-size:9px;font-weight:500;letter-spacing:.28em;margin-top:8px}.header-right{font-size:12px}main{flex:1;padding-bottom:110px}footer{padding:32px 0 40px;border-top:1px solid #303333;display:flex;justify-content:space-between;gap:16px;color:#767c7b;font-size:11px;letter-spacing:.03em}.project-hero{padding:78px 0 44px;max-width:780px}.eyebrow{margin:0 0 18px;font-size:10px;letter-spacing:.2em;font-weight:700;color:#a0a8a5;text-transform:uppercase}.dot{padding:0 8px;color:#777e7a}h1{font-weight:510;letter-spacing:-.048em;font-size:clamp(36px,6vw,68px);line-height:1.08;margin:0}h2{font-size:24px;letter-spacing:-.04em;font-weight:510;margin:0}h3{font-weight:510;margin:0 0 10px}.intro{font-size:15px;line-height:1.65;color:#a7adab;max-width:590px;margin:22px 0 0}.player-wrap{background:#090b0b;border:1px solid #333735}.player-wrap video{width:100%;aspect-ratio:16/9;background:#000;display:block;object-fit:contain}.player-caption{min-height:56px;display:flex;justify-content:space-between;align-items:center;padding:12px 20px;font-size:12px;color:#999f9d;gap:12px}.player-caption a{color:#ebeeea}.section-title{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:72px 0 22px}.section-title .eyebrow{margin-bottom:10px}.count{font-size:13px;vertical-align:middle;color:#89918e;margin-left:8px;letter-spacing:0}.button,.download,.text-button{border:1px solid #444946;color:#e7e9e7;padding:12px 18px;background:transparent;cursor:pointer;font-size:12px;white-space:nowrap}.text-button{border:0;padding:8px}.button:hover,.download:hover{background:#222625}.file-list{border-top:1px solid #303333}.file-row{padding:21px 0;border-bottom:1px solid #303333;display:flex;align-items:center;gap:18px}.file-icon{height:44px;width:44px;flex:0 0 44px;display:grid;place-items:center;background:#262929;color:#c9d0cc;font-size:19px}.file-info{min-width:0;flex:1}.filename{font-size:14px;overflow-wrap:anywhere}.meta,.small{font-size:11px;color:#8e9692;line-height:1.6;margin:6px 0 0;overflow-wrap:anywhere}.file-info audio{width:100%;max-width:430px;height:34px;display:block;margin-top:15px}.download{align-self:center}.empty{padding:30px;color:#999}.auth-card{max-width:420px;margin:120px auto 80px}.auth-card h1{font-size:44px}.muted{color:#969d99;line-height:1.6}.error{color:#f1a6a6}.auth-card form,.admin-form form{display:flex;flex-direction:column;gap:10px;margin-top:28px}label{font-size:12px;color:#c8ceca;margin-top:13px}input,select,textarea{color:#f2f4f1;background:#212525;border:1px solid #424946;padding:14px 13px;border-radius:0;min-height:45px;width:100%}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#b3c2bb}.primary{background:#e8ebe6;color:#141716;border:0;padding:16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;margin-top:19px;font-size:12px;font-weight:650}.primary:hover{background:#fff}.admin-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(285px,1fr);gap:70px}.admin-grid .section-title{margin-top:0}.admin-project{padding:25px 0;border-top:1px solid #343a37;display:flex;justify-content:space-between;gap:16px;align-items:center}.admin-project .eyebrow{margin-bottom:11px}.admin-project .button{padding:9px 12px}.share-url{font-size:11px;color:#bbc8c0;display:inline-block;margin-top:12px;overflow-wrap:anywhere}.admin-form{padding:27px;background:#202323;align-self:start}.admin-form h2{margin:0}.admin-form form{margin-top:16px}.admin-form .small{margin:1px 0 4px}.admin-form .eyebrow{margin-bottom:10px}@media(max-width:700px){.shell{padding:0 21px}header{height:84px}.project-hero{padding:58px 0 34px}.section-title{margin-top:46px}.admin-grid{grid-template-columns:1fr;gap:44px}.admin-form{padding:22px}.file-row{gap:12px}.file-icon{width:36px;height:36px;flex-basis:36px}.download{padding:11px}.download span{display:none}.player-caption{flex-wrap:wrap}.auth-card{margin:70px auto}}

/* v0.5: unobtrusive additions to original v0.1 presentation */
.complete-heading{margin-top:54px}
.complete-folder{background:rgba(233,238,234,.035);padding-left:12px;padding-right:12px}
.complete-button{border-color:#b4bbb5;color:#f4f6f2}
.admin-project{flex-wrap:wrap;align-items:flex-start}
.admin-project>div:first-child{flex:1 1 180px;min-width:0}
.project-more{flex:0 0 100%;margin-top:2px;font-size:12px;color:#bdc5c0}
.project-more summary{cursor:pointer;width:max-content;max-width:100%;padding:8px 0}
.more-content{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:8px 0 0}
.more-content p{flex:1 1 100%;margin:5px 0 0}
.more-content form{margin:0}
@media(max-width:700px){.complete-folder{flex-wrap:wrap}.complete-button{margin-left:auto}}

/* v0.5.2: small description/version editor under project More options */
.description-editor{flex:1 1 100%;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:5px 0 12px}
.description-editor label{margin:0}.description-editor textarea{width:100%;resize:vertical;font-size:12px;line-height:1.5}.description-editor .button{align-self:flex-start}
