@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--paper:#f8f8f3;--ink:#151614;--muted:#686a63;--line:#d7d9d0;--lime:#d9fa5c;--coral:#ff725e;--danger:#c64030;--radius:16px;font-family:"Space Grotesk",system-ui,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;background:var(--paper);min-height:100vh}main{max-width:1220px;margin:auto;padding:26px 32px;min-height:100vh;position:relative}header{display:flex;justify-content:space-between;align-items:center;padding:3px 0}.brand{display:flex;align-items:center;gap:9px;color:var(--ink);font-weight:700;font-size:20px;letter-spacing:-.05em;text-decoration:none}.brand img{width:31px;height:31px}.logo{color:var(--ink);font-size:1.4rem;font-weight:700;text-decoration:none;letter-spacing:-.05em}nav{display:flex;align-items:center;gap:18px;font:12px "DM Mono",monospace}nav a,a{color:var(--ink)}nav a{text-decoration:none;border-bottom:1px solid transparent}nav a:hover{border-color:var(--ink)}form{margin:0}.rays{position:fixed;inset:0;pointer-events:none;opacity:.48;background:linear-gradient(135deg,transparent 0 23.5%,#d9ddd2 23.55% 23.65%,transparent 23.7% 100%),linear-gradient(45deg,transparent 0 23.5%,#d9ddd2 23.55% 23.65%,transparent 23.7% 100%),linear-gradient(225deg,transparent 0 23.5%,#d9ddd2 23.55% 23.65%,transparent 23.7% 100%),linear-gradient(315deg,transparent 0 23.5%,#d9ddd2 23.55% 23.65%,transparent 23.7% 100%)}.upload-stage{width:min(600px,100%);margin:auto;text-align:center;padding:54px 0 32px;position:relative}.hero-ghost{width:115px;height:115px;margin:0 auto 14px;display:block;filter:drop-shadow(6px 7px 0 var(--lime));transform:rotate(-4deg)}h1{font-size:clamp(58px,9vw,104px);line-height:.83;letter-spacing:-.09em;margin:0;text-transform:uppercase}h1 span{margin-left:.35em}.intro{max-width:440px;margin:25px auto 32px;color:var(--muted);font-size:16px;line-height:1.45}.upload-form{display:grid;gap:17px}.drop-zone{background:#fff;border:1.5px dashed #555850;border-radius:var(--radius);padding:13px;display:flex;align-items:center;gap:14px;text-align:left;cursor:pointer;transition:.2s}.drop-zone:hover,.drop-zone:focus-within{transform:translateY(-3px);box-shadow:6px 6px 0 var(--ink);border-style:solid}.drop-zone input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.drop-zone img{width:44px;height:44px;border:1.5px solid var(--ink);border-radius:11px;background:var(--lime);padding:4px}.drop-zone #drop-ghost.hide{display:none}.upload-copy{min-width:0;flex:1}.drop-zone strong{display:block;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:390px}.drop-zone small{font:11px "DM Mono",monospace;color:var(--muted);display:block;margin-top:4px}.selected-count{font:11px "DM Mono",monospace;color:var(--ink);margin-top:5px;display:block}.preview-stack,.gallery-preview-stack{display:flex;align-items:center;justify-content:flex-end}.preview-stack img,.gallery-preview-stack img{width:34px;height:34px;object-fit:cover;border:1.5px solid var(--ink);border-radius:8px;margin-left:-9px;background:var(--paper)}.preview-stack img:first-child,.gallery-preview-stack img:first-child{margin-left:0}.preview-stack b,.gallery-preview-stack b{width:34px;height:34px;display:grid;place-items:center;border:1.5px solid var(--ink);border-radius:8px;background:var(--lime);font:11px "DM Mono",monospace;margin-left:-9px}button,.button{appearance:none;border:1.5px solid var(--ink);background:var(--ink);color:#fff;padding:14px 17px;border-radius:999px;font:600 16px "Space Grotesk";cursor:pointer;transition:.2s;text-decoration:none;text-align:center}.upload-form button:hover,.card button:hover,.compact-upload button:hover{background:var(--coral);color:var(--ink);box-shadow:5px 5px 0 var(--ink);transform:translate(-2px,-2px)}button.quiet{border:0;background:transparent;color:var(--ink);padding:0;border-radius:0;font:12px "DM Mono",monospace}.error{color:var(--danger);font:13px "DM Mono",monospace;margin:16px 0}.home-page footer{position:relative;border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:space-between;gap:20px;font:11px/1.45 "DM Mono",monospace;color:var(--muted)}footer p{margin:0;max-width:720px}footer span{white-space:nowrap;color:var(--ink)}.account-page main,.gallery-page main{min-height:100vh}.account-shell{max-width:920px;margin:80px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:0;border:1.5px solid var(--ink);border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:10px 10px 0 var(--lime)}.account-note{padding:44px;background:var(--lime);border-right:1.5px solid var(--ink)}.account-note img{width:86px;height:86px;margin-bottom:36px}.eyebrow{font:11px "DM Mono",monospace;letter-spacing:.06em;margin:0 0 13px;color:var(--muted)}.account-note .eyebrow{color:var(--ink)}.account-note h1,.card h2{font-size:clamp(44px,5vw,67px);line-height:.82;letter-spacing:-.085em;margin:0;text-transform:uppercase}.account-note h1{margin-bottom:25px}.account-note>p:last-child{max-width:300px;line-height:1.45}.card{padding:45px}.card h2{font-size:48px;text-transform:none;margin-bottom:30px}.card label{display:block;margin:17px 0;font-size:14px;font-weight:600}.card input{width:100%;display:block;margin-top:7px;padding:12px 13px;background:var(--paper);border:1px solid #aeb1a9;color:var(--ink);border-radius:8px;font:15px "Space Grotesk"}.card input:focus{outline:3px solid var(--lime);outline-offset:1px;border-color:var(--ink)}.card button{width:100%;margin:13px 0 16px}.account-switch{font-size:14px;color:var(--muted)}.account-switch a{font-weight:600}.gallery-head{display:flex;justify-content:space-between;align-items:end;margin:70px 0 28px}.gallery-head h1{font-size:clamp(60px,8vw,96px)}.gallery-head h1 span{margin-left:.4em}.username{font:12px "DM Mono",monospace;color:var(--muted)}.compact-upload{display:flex;gap:8px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px}.compact-upload label{font:13px "DM Mono",monospace;padding:0 8px;cursor:pointer}.compact-upload input{display:none}.compact-upload button{padding:10px 14px;font-size:13px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.grid article{background:#fff;border:1px solid var(--line);padding:10px;border-radius:10px;overflow:hidden;transition:.2s}.grid article:hover{transform:translateY(-3px);box-shadow:4px 4px 0 var(--ink);border-color:var(--ink)}.grid img{width:100%;height:175px;object-fit:cover;border-radius:6px;display:block}.media-card-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 2px 1px}.media-card-foot p{margin:0;font:12px "DM Mono",monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.danger{background:var(--danger);border-color:var(--danger);font-size:18px;line-height:1;padding:2px 7px;min-width:28px;min-height:28px}.empty-gallery{border:1.5px dashed #85887f;border-radius:var(--radius);padding:65px 20px;text-align:center;background:#fff}.empty-gallery img{width:78px;height:78px;margin-bottom:10px}.empty-gallery h2{font-size:32px;letter-spacing:-.06em;margin:0}.empty-gallery p{color:var(--muted);max-width:360px;margin:10px auto 0}.upload{display:flex;gap:12px;flex-wrap:wrap;background:#fff;border:1px dashed #777b70;border-radius:12px;padding:15px;margin:20px 0}.upload input{flex:1;min-width:220px}.media-page{padding:0}.media-view{max-width:1000px;margin:60px auto 0}.media-frame{background:#fff;border:1.5px solid var(--ink);border-radius:var(--radius);padding:12px;box-shadow:9px 9px 0 var(--lime)}.media-frame img{max-width:100%;max-height:68vh;display:block;margin:auto;border-radius:9px}.media-info{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-top:28px;text-align:left}.media-info h1{font-size:clamp(35px,5vw,65px);text-transform:none;word-break:break-word}.media-info p:not(.eyebrow){color:var(--muted);margin:13px 0 0}.media-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.download-button{border:1.5px solid var(--ink);border-radius:999px;padding:11px 15px;text-decoration:none;font:600 14px "Space Grotesk";white-space:nowrap}.download-button:hover{background:var(--lime)}.delete-button{padding:11px 15px;font-size:14px}.media-page img{max-width:100%}@media(max-width:720px){main{padding:18px}.rays{opacity:.25}nav a:first-child{display:none}.upload-stage{padding-top:48px}h1{font-size:65px}.home-page footer{display:block}.home-page footer span{display:block;margin-top:12px}.account-shell{grid-template-columns:1fr;margin-top:38px;box-shadow:6px 6px 0 var(--lime)}.account-note{border-right:0;border-bottom:1.5px solid var(--ink);padding:28px}.account-note img{width:62px;height:62px;margin-bottom:20px}.account-note h1{font-size:48px}.card{padding:28px}.gallery-head{display:block;margin:50px 0 22px}.compact-upload{margin-top:24px;width:max-content;max-width:100%}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grid img{height:145px}.gallery-page nav{gap:10px}.gallery-page nav a{display:none}}