:root{--green-hot: #2ee830;--green-deep: #17a51f;--lime: #b8f04e;--pale: #eaffcc;--ink: #050a05;--ink-soft: #0d160d;--panel: #0f1a0f;--text: #d8f5d0;--text-dim: #7fae78;--danger: #ff5f56}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:Segoe UI,Verdana,Arial,sans-serif;color:var(--text);background-color:var(--ink);background-image:radial-gradient(1000px 500px at 15% -10%,rgba(46,232,48,.22),transparent 60%),radial-gradient(800px 600px at 110% 90%,rgba(46,232,48,.14),transparent 55%),repeating-linear-gradient(-55deg,rgba(46,232,48,.03) 0 2px,transparent 2px 90px),linear-gradient(180deg,#071007,#050a05);background-attachment:fixed}::selection{background:var(--green-hot);color:#000}.shell{max-width:720px;margin:0 auto;padding:20px 16px calc(56px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:24px;min-height:100vh;min-height:100dvh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar-brand img{height:52px;display:block}.topbar-user{display:flex;align-items:center;gap:10px}.topbar-name{font-weight:700;font-style:italic;color:var(--green-hot);text-shadow:2px 2px 0 #000}.page{flex:1}.footer{text-align:center;font-size:12px;font-style:italic;color:var(--text-dim)}.card{position:relative;background:linear-gradient(180deg,#142614 0%,var(--panel) 100%);border:3px solid #000;border-radius:22px;padding:28px 26px;box-shadow:8px 8px #000,inset 0 2px #eaffcc24}.card:before{content:"";position:absolute;top:0;right:0;bottom:62%;left:0;background:linear-gradient(180deg,#eaffcc1a,#eaffcc04);border-radius:19px 19px 50% 50%/19px 19px 28px 28px;pointer-events:none}.card-center{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.headline{font-family:Arial Black,Segoe UI,sans-serif;font-style:italic;font-size:clamp(26px,6vw,40px);letter-spacing:-1px;text-transform:uppercase;background:linear-gradient(180deg,var(--pale) 0%,var(--lime) 45%,var(--green-hot) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(3px 3px 0 #000)}.sub{color:var(--text-dim);font-style:italic}.fine-print{font-size:12px;color:var(--text-dim);max-width:420px}.error-text{color:var(--danger);font-weight:700;font-style:italic;margin:10px 0;text-shadow:1px 1px 0 #000}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:Arial Black,Segoe UI,sans-serif;font-style:italic;font-size:15px;text-transform:uppercase;text-decoration:none;color:#031003;cursor:pointer;border:3px solid #000;border-radius:999px;padding:10px 22px;background:linear-gradient(180deg,var(--pale) 0%,var(--lime) 44%,var(--green-deep) 50%,var(--green-hot) 100%);box-shadow:4px 4px #000,inset 0 2px #ffffffb3;transition:transform .06s ease,box-shadow .06s ease,filter .12s ease}.btn:hover:not(:disabled){filter:saturate(1.25) brightness(1.06)}.btn:active:not(:disabled){transform:translate(3px,3px);box-shadow:1px 1px #000,inset 0 2px #ffffffb3}.btn:disabled{filter:grayscale(.7) brightness(.6);cursor:not-allowed}.btn-big{font-size:18px;padding:14px 34px}.btn-huge{font-size:22px;padding:18px 44px;box-shadow:6px 6px #000,inset 0 2px #ffffffb3}.btn-small{font-size:11px;padding:6px 14px;border-width:2px;box-shadow:3px 3px #000}.btn-dark{color:var(--green-hot);background:linear-gradient(180deg,#223522,#111f11 48%,#0a140a 52%,#142414);box-shadow:4px 4px #000,inset 0 1px #eaffcc40}.input{width:100%;font-size:20px;text-align:center;letter-spacing:3px;color:var(--pale);background:linear-gradient(180deg,#030703,#0c150c);border:3px solid #000;border-radius:14px;padding:13px 16px;outline:none;box-shadow:inset 3px 3px #000c,0 1px #eaffcc26}.input:focus{border-color:var(--green-hot);box-shadow:inset 3px 3px #000c,0 0 14px #2ee83080}.login-wrap{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:min(420px,100%);text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px;padding:40px 32px}.login-icon{width:110px;filter:drop-shadow(5px 5px 0 rgba(0,0,0,.85));animation:bob 3.2s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(2deg)}}.login-banner{width:min(280px,90%)}.login-hint{font-style:italic;font-weight:700;color:var(--text-dim);text-transform:lowercase}.login-form{width:100%;display:flex;flex-direction:column;gap:14px}.shake{animation:shake .45s}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(9px)}60%{transform:translate(-6px)}80%{transform:translate(4px)}}.boot{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center}.boot-icon{width:90px;animation:bob 1.4s ease-in-out infinite;opacity:.85}.dropzone{margin-top:18px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:38px 20px;border:3px dashed rgba(46,232,48,.55);border-radius:18px;background:radial-gradient(300px 140px at 50% 0%,rgba(46,232,48,.1),transparent 70%),#00000040;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,transform .1s ease}.dropzone:hover,.dropzone.dragging{border-color:var(--green-hot);background-color:#2ee83012}.dropzone.dragging{transform:scale(1.015)}.dropzone-icon{width:74px;filter:drop-shadow(4px 4px 0 rgba(0,0,0,.8))}.dropzone-text{font-family:Arial Black,Segoe UI,sans-serif;font-style:italic;font-size:24px;color:var(--green-hot);text-shadow:3px 3px 0 #000}.dropzone-sub{font-size:13px;font-style:italic;color:var(--text-dim)}.stats-row{display:flex;justify-content:space-between;margin-top:18px;font-weight:700;font-style:italic;color:var(--lime);text-shadow:1px 1px 0 #000}.file-list{list-style:none;margin-top:12px;max-height:320px;overflow-y:auto;border:2px solid #000;border-radius:12px;background:#00000059}.file-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:8px 12px;font-size:13px;border-bottom:1px solid rgba(46,232,48,.12)}.file-row:last-child{border-bottom:none}.file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:var(--text-dim)}.file-status{font-weight:700;font-style:italic}.status-done .file-status{color:var(--green-hot)}.status-failed .file-status,.status-too-big .file-status{color:var(--danger);font-size:11px}.status-too-big .file-name{text-decoration:line-through;opacity:.55}.file-remove{background:none;border:none;color:var(--danger);font-weight:700;cursor:pointer;font-size:14px;padding:0 4px}.progress{position:relative;height:30px;border:3px solid #000;border-radius:999px;background:linear-gradient(180deg,#030703,#0e1a0e);box-shadow:inset 2px 2px #000c;overflow:hidden}.progress-overall{margin-top:16px}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(180deg,#ffffff8c,#ffffff14 48%,#0000002e 52%,#ffffff1f),repeating-linear-gradient(-55deg,var(--green-hot) 0 14px,var(--green-deep) 14px 28px);background-size:auto,40px 100%;animation:candy .8s linear infinite;transition:width .2s ease}@keyframes candy{0%{background-position:0 0,0 0}to{background-position:0 0,40px 0}}.progress-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;font-style:italic;color:#fff;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}.progress-mini{grid-column:1 / -1;height:12px;border-width:2px}.action-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;position:sticky;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:5;padding:10px 12px;border:3px solid #000;border-radius:999px;background:linear-gradient(180deg,#1b301b,#0d1a0d);box-shadow:4px 4px #000,inset 0 1px #eaffcc33}.headline-page{text-align:center}.wall-sub{text-align:center;margin:6px 0 22px}.pod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:18px}.pod-tile{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 10px 14px;text-decoration:none;border:3px solid #000;border-radius:20px;background:linear-gradient(180deg,#142614 0%,var(--panel) 100%);box-shadow:5px 5px #000,inset 0 2px #eaffcc1f;transition:transform .08s ease,box-shadow .08s ease,filter .12s ease}.pod-tile:hover{transform:translate(-2px,-2px);box-shadow:7px 7px #000,inset 0 2px #eaffcc1f;filter:saturate(1.15) brightness(1.05)}.pod-tile:active{transform:translate(2px,2px);box-shadow:3px 3px #000}.pod-egg{position:relative;width:84px;height:104px;display:flex;align-items:center;justify-content:center;border:3px solid #000;border-radius:50%/60% 60% 42% 42%;background:radial-gradient(26px 20px at 32% 22%,#fffffff2,#fff0 70%),radial-gradient(60px 50px at 50% 115%,rgba(0,0,0,.3),transparent 60%),linear-gradient(180deg,var(--pale) 0%,var(--lime) 42%,var(--green-hot) 75%,var(--green-deep) 100%);box-shadow:5px 6px #000,inset 0 3px #ffffff8c}.pod-egg-count{font-family:Arial Black,Segoe UI,sans-serif;font-style:italic;font-size:26px;color:#031003;text-shadow:0 1px 0 rgba(255,255,255,.5)}.pod-egg-cracked{filter:saturate(.5) brightness(.8)}.pod-egg-cracked:after{content:"⚡";position:absolute;top:4px;right:10px;font-size:15px}.pod-egg-new{background:radial-gradient(26px 20px at 32% 22%,#ffffff40,#fff0 70%),linear-gradient(180deg,#1b301b,#0d1a0d);border-style:dashed;border-color:#2ee830b3;font-family:Arial Black,Segoe UI,sans-serif;font-size:40px;color:var(--green-hot);text-shadow:2px 2px 0 #000;box-shadow:5px 6px #000}.pod-tile:hover .pod-egg-new{border-color:var(--green-hot)}.pod-tile-label{font-weight:700;font-style:italic;font-size:14px;color:var(--lime);text-shadow:1px 1px 0 #000;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pod-tile-sub{font-size:11px;font-style:italic;color:var(--text-dim)}.action-center{justify-content:center}.blip-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:6px 0 10px}.stat-tile{min-width:120px;padding:14px 18px;border:3px solid #000;border-radius:16px;background:linear-gradient(180deg,#1a2f1a,#0c170c);box-shadow:4px 4px #000,inset 0 2px #eaffcc26;display:flex;flex-direction:column;gap:2px}.stat-num{font-family:Arial Black,Segoe UI,sans-serif;font-style:italic;font-size:22px;color:var(--green-hot);text-shadow:2px 2px 0 #000;font-variant-numeric:tabular-nums}.stat-label{font-size:11px;font-style:italic;text-transform:uppercase;color:var(--text-dim)}.stat-timer .stat-num{color:var(--lime)}.tombstone-icon{font-size:56px;filter:drop-shadow(4px 4px 0 #000)}.link-box{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px;border:3px solid #000;border-radius:16px;background:#0006;box-shadow:inset 2px 2px #000000b3}.link-url{color:var(--green-hot);font-weight:700;word-break:break-all;text-shadow:1px 1px 0 #000}@media (max-width: 480px){.topbar-brand img{height:38px}.card{padding:20px 16px;box-shadow:5px 5px #000}.btn-huge{font-size:18px;padding:14px 28px}.file-list{max-height:38dvh}}