:root{font-family:"Segoe UI",Arial,sans-serif;color:#eee;background:#0a0a0a;font-synthesis:none;--ink:#eee;--muted:#898989;--line:#303030;--panel:#111;--acid:#d4ff52}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#0a0a0a;display:grid;grid-template-rows:auto 1fr auto}header{height:60px;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid #202020}header a{color:#bbb;text-decoration:none;font-size:.8rem;font-weight:600;letter-spacing:-.01em}main{width:min(540px,calc(100% - 32px));margin:auto;padding:44px 0}.uploader{animation:enter .4s ease-out both}.uploader h1{margin:0;color:var(--ink);font-size:2rem;font-weight:650;letter-spacing:-.055em}.intro{margin:7px 0 24px;color:var(--muted);font-size:.86rem}.drop{height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:1px solid var(--line);border-radius:18px;background:var(--panel);cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.drop:hover{border-color:#555;background:#141414}.drop.drag{border-color:var(--acid);background:#15170f;transform:scale(.99)}.drop input{position:absolute;opacity:0;pointer-events:none}.plus{position:relative;width:42px;height:42px;border:1px solid #3b3b3b;border-radius:50%;margin-bottom:6px;transition:background .2s ease,border-color .2s ease,transform .25s ease}.plus:before,.plus:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;border-radius:2px;background:var(--ink);transform:translate(-50%,-50%)}.plus:after{transform:translate(-50%,-50%) rotate(90deg)}.drop:hover .plus{background:var(--acid);border-color:var(--acid);transform:rotate(90deg)}.drop:hover .plus:before,.drop:hover .plus:after{background:#111}#file-label{font-size:.92rem;font-weight:650}.drop small{color:#777;font-size:.78rem}.controls{display:grid;grid-template-columns:1fr 124px;gap:10px;margin-top:12px}.expiry{height:46px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding-left:14px;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:.8rem;background:var(--panel)}select,input,button{font:inherit}select{width:100%;height:44px;border:0;background:transparent;color:var(--ink);outline:0}select option{background:#171717;color:#eee}button{height:46px;border:0;border-radius:12px;background:var(--ink);color:#111;padding:0 18px;font-weight:700;cursor:pointer;transition:background .16s ease,transform .16s ease}button:hover{background:var(--acid);transform:translateY(-1px)}button:active{transform:scale(.98)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}.progress{height:3px;border-radius:4px;background:#222;overflow:hidden;margin-top:15px}.progress div{height:100%;width:0;background:var(--acid);transition:width .15s ease}.status{min-height:18px;margin:10px 0 0;color:#b8d85b;font-size:.8rem}.result{margin-top:20px;padding-top:18px;border-top:1px solid #242424;animation:reveal .25s ease both}.result label{display:block;margin-bottom:8px;color:var(--muted);font-size:.78rem}.link-row{display:flex;gap:8px}.link-row input{min-width:0;flex:1;height:44px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);padding:0 12px;outline:none}.link-row button{background:var(--acid)}.result p{color:var(--muted);font-size:.76rem}footer{text-align:center;padding:20px;color:#555;font-size:.74rem}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes reveal{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media(max-width:500px){header{height:54px;padding:0 16px}main{padding:30px 0}.drop{height:190px}.controls{grid-template-columns:1fr}.link-row{flex-direction:column}.link-row button{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}