:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#e9eef0;background:#10191f;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,label.button{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,label:focus-within{outline:3px solid #b4e69a;outline-offset:5px}main{max-width:1200px;margin:auto;padding:0 42px}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff14}.brand{font-size:24px;letter-spacing:-1px;text-decoration:none;color:inherit;font-weight:750}.logo{display:inline-grid;place-items:center;color:#111b23;background:#b4e69a;border-radius:10px;width:35px;height:35px;font-size:17px;margin-right:8px}.badge,.eyebrow{font-size:11px;letter-spacing:2px;color:#a8b6bd}.intro{padding:66px 0 42px;max-width:680px}.eyebrow{color:#b4e69a;font-weight:650}h1{font-size:clamp(42px,6vw,70px);line-height:1.05;letter-spacing:-3px;margin:22px 0}h1 span{color:#b4e69a}.intro>p:last-child{color:#9eafb8;line-height:1.7;font-size:17px;max-width:450px}.upload{background:#1a272f;border:1px solid #ffffff12;border-radius:16px;padding:26px 30px;display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}h2{font-size:20px;letter-spacing:-.4px;margin:0}p{line-height:1.5}.upload p{font-size:13px;color:#9eafb8;margin:8px 0 0}.button{padding:14px 22px;border-radius:8px;background:#b4e69a;color:#162319;font-weight:700;cursor:pointer;position:relative;overflow:hidden}.button input{position:absolute;width:1px;height:1px;opacity:0}.button.disabled{opacity:.5;cursor:wait}.progress{display:flex;width:100%;align-items:center;gap:16px;font-size:13px}.progress progress{flex:1;accent-color:#b4e69a}.quiet{background:none;border:0;color:#b4c5ce;font-size:13px;padding:8px}.error,.notice{padding:14px 20px;border-radius:8px;background:#23332a}.error{background:#442828;color:#ffc3b6}.player{margin-top:36px;padding:24px;background:#19252d;border-radius:16px}.player h2{overflow-wrap:anywhere}.player video{display:block;width:100%;max-height:65vh;background:#000;margin-top:20px}.player p{color:#9eafb8;font-size:13px}.library{margin:42px 0 64px}.section-heading{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:22px}.count{font-size:12px;color:#9eafb8;background:#22313a;padding:3px 8px;border-radius:6px;margin-left:8px}.empty{text-align:center;border:1px dashed #ffffff20;border-radius:14px;padding:46px 20px;color:#9eafb8}.empty>span{font-size:40px;color:#b4e69a}.empty h3{font-size:18px;color:#dce7ec;font-weight:500;margin-bottom:5px}.empty p{font-size:14px;margin-top:0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}article{background:#1a272f;border-radius:12px;overflow:hidden}.poster{width:100%;height:165px;border:0;background:radial-gradient(ellipse at 70% 20%,#455b50,#263b3e 50%,#1b2936);color:#d9eddb;position:relative}.poster>span{display:inline-grid;place-items:center;border:1px solid #ffffff40;background:#ffffff09;width:48px;height:48px;border-radius:50%;padding-left:4px}.poster:hover{filter:brightness(1.2)}.poster small{position:absolute;bottom:14px;left:18px;color:#b9cac9;font-size:10px;letter-spacing:2px}.details{padding:20px}.details h3{font-size:16px;margin:0;overflow-wrap:anywhere}.details p{font-size:12px;color:#9eafb8}.actions{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.actions button{background:none;border:0;color:#b4e69a;padding:0;font-size:13px}.actions .delete{color:#beabb0}footer{border-top:1px solid #ffffff14;padding:26px 0;color:#708590;font-size:12px}@media(max-width:600px){main{padding:0 20px}header{height:80px}.badge{display:none}.intro{padding-top:40px}.upload{padding:22px}.button{width:100%;text-align:center}.progress{flex-wrap:wrap}.progress progress{min-width:100px}.player{padding:15px}}.albums{display:flex;align-items:center;gap:16px;margin:0 0 24px}.album-tabs{display:flex;gap:8px;flex:1;overflow-x:auto;padding:5px}.album-tabs button{background:#1a272f;border:1px solid #ffffff20;color:#c9d9df;border-radius:8px;padding:10px 16px;white-space:nowrap}.album-tabs button[aria-pressed=true]{background:#b4e69a;color:#162319;border-color:#b4e69a}.album-tabs span{opacity:.7;margin-left:8px;font-size:12px}.album-form{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px}.album-form input{min-width:150px;flex:1;background:#1a272f;color:#e9eef0;border:1px solid #ffffff30;border-radius:8px;padding:12px}.album-form .button{border:0}.upload h2,.section-heading h2{overflow-wrap:anywhere}.upload-queue{width:100%;margin:0;padding:0;list-style:none;max-height:260px;overflow:auto}.upload-queue li{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between;border-top:1px solid #ffffff15;padding:12px 0;font-size:13px}.upload-queue li>span{overflow-wrap:anywhere;flex:1;min-width:120px}.upload-queue strong{color:#b4e69a;font-size:12px;font-weight:500}.upload-queue small{width:100%;color:#eac5b5}.upload .queue-notice{color:#d3e3d8;margin:0}.video-albums{display:flex;flex-wrap:wrap;gap:6px}.video-albums button{border:1px solid #ffffff20;border-radius:5px;background:#263b35;color:#c1d6bc;font-size:11px;padding:5px 8px;overflow-wrap:anywhere;max-width:100%}.details select{width:100%;margin-top:12px;padding:8px;color:#b4c5ce;background:#152129;border:1px solid #ffffff20;border-radius:5px;font:inherit;font-size:12px}.actions a,.player-actions a{color:#b4e69a;font-size:13px;text-decoration:none}.actions a:hover,.player-actions a:hover{text-decoration:underline}.player-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}@media(max-width:600px){.albums{align-items:flex-start;flex-direction:column;gap:4px}.album-tabs{width:100%}.player .section-heading{align-items:flex-start;flex-direction:column}}.nas-section{margin:24px 0;padding:24px 30px;border:1px solid #ffffff18;border-radius:16px}.nas-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.nas-heading p,.nas-note{color:#9eafb8;font-size:13px}.nas-heading .button,.nas-controls .button{border:0}.nas-browser{margin-top:24px;border-top:1px solid #ffffff15;padding-top:20px}.nas-browser h3{margin:0}.nas-path{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:12px;font-size:13px}.nas-path span{overflow-wrap:anywhere}.nas-entries{list-style:none;max-height:340px;overflow:auto;padding:0;margin:0}.nas-entries li{border-bottom:1px solid #ffffff12}.nas-entries label{display:flex;align-items:center;gap:12px;padding:14px 4px;cursor:pointer}.nas-entries label>span{flex:1;overflow-wrap:anywhere}.nas-entries small{color:#9eafb8;white-space:nowrap}.nas-entries input{accent-color:#b4e69a;width:17px;height:17px}.nas-entries li>button{width:100%;text-align:left;padding:14px 4px;background:none;border:0;color:#b4e69a;overflow-wrap:anywhere}.nas-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:18px}.details .source-label{font-size:11px;color:#b4c5ce;overflow-wrap:anywhere}.original-delete{margin-top:16px;padding:8px 0;border:0;background:none;color:#e4a69d;font-size:12px;cursor:pointer}.actions{flex-wrap:wrap}@media(max-width:600px){.nas-section{padding:20px}.nas-heading{align-items:flex-start;flex-direction:column}.nas-heading .button{width:100%}}.account-header{display:flex;align-items:center;gap:16px;font-size:13px;color:#afc0c9}.admin-nav{display:flex;gap:12px;margin-top:24px}.admin-nav button{background:#1a272f;color:#b4c5ce;border:1px solid #ffffff20;border-radius:7px;padding:9px 18px}.admin-nav button[aria-pressed=true]{color:#162319;background:#b4e69a}.auth-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.auth-card{margin-top:32px;max-width:480px;width:100%;padding:32px;background:#1a272f;border:1px solid #ffffff18;border-radius:16px}.auth-card h1{font-size:38px;letter-spacing:-1.5px}.auth-card p{color:#b4c5ce}.auth-card .setup-note{font-size:13px}.auth-card form,.auth-card label,.account-create label,.account-list label{display:flex;flex-direction:column;gap:9px}.auth-card form{gap:20px}.auth-card input,.accounts-panel input{padding:12px;background:#10191f;color:#e9eef0;border:1px solid #ffffff30;border-radius:7px;font:inherit;min-width:0}.auth-card button.button,.accounts-panel button.button{border:0}.accounts-panel{padding:36px 0}.accounts-panel>p{color:#a8b6bd;max-width:650px}.account-create{display:flex;align-items:flex-end;flex-wrap:wrap;gap:18px;margin:28px 0}.account-list{list-style:none;padding:0}.account-list>li{padding:18px 0;border-bottom:1px solid #ffffff18;display:flex;align-items:center;flex-wrap:wrap;gap:12px}.account-list>li>span{color:#9eafb8;font-size:12px}.account-list form{width:100%;display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;margin-top:10px}.media-access{margin-top:18px;border-top:1px solid #ffffff16;padding-top:8px}.media-access>.quiet{color:#b4e69a;padding-left:0}.media-access p{font-size:12px;color:#b4c5ce}.media-access label{display:flex;align-items:center;gap:10px;font-size:13px;margin:12px 0}.media-access input{accent-color:#b4e69a}@media(max-width:600px){.account-header{gap:4px;font-size:11px}.account-header .quiet{font-size:11px}.auth-card{padding:24px}}.viewer-intro{padding:28px 0 20px}.viewer-intro h1{font-size:44px;letter-spacing:-1.5px;margin:14px 0}.google-signin{display:block;text-align:center;margin:1.5rem 0}.video-thumbnail{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.poster>span{position:relative;z-index:1;background:#00000050}.poster small{z-index:1;background:#00000070;padding:3px 5px;border-radius:3px}.bulk-media-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px;margin-bottom:20px;border-radius:10px;background:#22343d}.grid article{position:relative}.grid article.media-selected{outline:2px solid #d4e6b5;outline-offset:2px}.media-checkbox{position:absolute;top:10px;left:10px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;background:#101c24e6;color:#fff;cursor:pointer}.media-checkbox input{width:18px;height:18px;margin:0}.media-checkbox span{font-size:12px}.viewer-selection-actions{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0}.upload-album{display:grid;gap:6px;min-width:190px;font-size:13px}.upload-album select{max-width:300px}.album-editor{padding:24px;margin-bottom:24px;border:1px solid #ffffff30;border-radius:14px;background:#1a272f;display:grid;gap:16px}.album-editor>label{display:grid;gap:8px}.album-editor input:not([type=checkbox]),.album-editor select{width:100%;max-width:520px;padding:12px;background:#101d24;color:#e9eef0;border:1px solid #ffffff40;border-radius:8px}.album-editor fieldset{display:flex;flex-wrap:wrap;gap:16px;border:1px solid #ffffff30}.album-editor fieldset label{display:flex;align-items:center;gap:8px}.album-editor-actions{display:flex;flex-wrap:wrap;gap:12px}.album-upload-hint{flex-basis:100%}