:root{--bg-dark: #0a0a0a;--bg-mid: #1a1a1a;--text-primary: #e0e0e0;--text-dim: #808080;--accent-cyan: #00ffff;--accent-magenta: #ff00ff;--accent-green: #00ff00;--accent-gold: #ffd700;--glow-cyan: rgba(0, 255, 255, .3);--glow-magenta: rgba(255, 0, 255, .3);--glow-gold: rgba(255, 215, 0, .4)}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Courier New,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-dark);color:var(--text-primary);overflow:hidden;-webkit-user-select:none;user-select:none}#root{width:100vw;height:100vh;position:relative;overflow:hidden}.app{width:100%;height:100%;position:relative;display:flex;flex-direction:column}.creature-container{flex:1;position:relative;overflow:hidden}.drop-zone{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;background:#00ffff0d;border:2px dashed var(--accent-cyan)}.drop-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;z-index:2}.drop-hint h2{font-size:2rem;color:var(--accent-cyan);text-shadow:0 0 20px var(--glow-cyan);margin-bottom:.5rem}.drop-hint p{font-size:1rem;color:var(--text-dim);margin-bottom:1rem}.feed-button-fixed{position:fixed;bottom:20px;left:50%;transform:translate(-50%);padding:10px 20px;background:#00ffff1a;border:1px solid var(--accent-cyan);color:var(--text-primary);font-family:inherit;font-size:.875rem;cursor:pointer;border-radius:4px;transition:all .2s;text-transform:uppercase;letter-spacing:1px;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feed-button-fixed:hover{background:#0ff3;box-shadow:0 0 20px var(--glow-cyan)}.toast-stack{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;gap:12px;z-index:1000;pointer-events:none}.toast-stack>*{pointer-events:auto}.feed-notification{background:#1a1a1af2;border:1px solid var(--accent-cyan);border-radius:4px;padding:12px 16px;min-width:250px;max-width:350px;box-shadow:0 0 20px var(--glow-cyan);animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.feed-notification.exit{animation:slideOut .3s ease-out forwards}@keyframes slideOut{to{transform:translate(400px);opacity:0}}.feed-notification h3{font-size:.875rem;color:var(--accent-cyan);margin-bottom:4px;text-transform:uppercase;letter-spacing:1px}.feed-notification p{font-size:.75rem;color:var(--text-dim);margin:2px 0}.achievement-toast{background:#1a1a1afa;border:2px solid var(--accent-magenta);border-radius:4px;padding:14px 18px;min-width:280px;max-width:380px;box-shadow:0 0 30px var(--glow-magenta),0 0 15px var(--glow-cyan);animation:achievementSlideIn .4s ease-out,achievementPulse .6s ease-in-out .4s;position:relative;overflow:hidden}.achievement-toast.easteregg{border:2px solid var(--accent-gold);box-shadow:0 0 40px var(--glow-gold),0 0 20px #ffd70080;animation:achievementSlideIn .4s ease-out,achievementPulseGold .6s ease-in-out .4s}.achievement-toast:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,0,255,.3),transparent);animation:achievementScanline 2s ease-in-out infinite}.achievement-toast.easteregg:before{background:linear-gradient(90deg,transparent,rgba(255,215,0,.4),transparent)}@keyframes achievementSlideIn{0%{transform:translate(400px) scale(.8);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes achievementPulse{0%,to{box-shadow:0 0 30px var(--glow-magenta),0 0 15px var(--glow-cyan)}50%{box-shadow:0 0 50px var(--glow-magenta),0 0 25px var(--glow-cyan);border-color:var(--accent-cyan)}}@keyframes achievementPulseGold{0%,to{box-shadow:0 0 40px var(--glow-gold),0 0 20px #ffd70080}50%{box-shadow:0 0 60px var(--glow-gold),0 0 35px #ffd700b3;border-color:#ffed4e}}@keyframes achievementScanline{0%{left:-100%}to{left:200%}}.achievement-toast.exit{animation:achievementSlideOut .4s ease-out forwards}@keyframes achievementSlideOut{to{transform:translate(400px) scale(.8);opacity:0}}.achievement-toast-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.achievement-trophy{font-size:1.2rem;animation:achievementTrophySpin 1s ease-in-out}@keyframes achievementTrophySpin{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-10deg) scale(1.1)}75%{transform:rotate(10deg) scale(1.1)}}.achievement-toast-title{font-size:.75rem;color:var(--accent-magenta);text-transform:uppercase;letter-spacing:1px;font-weight:700}.achievement-toast-content{display:flex;gap:10px;align-items:flex-start}.achievement-category-icon{font-size:1.5rem;flex-shrink:0}.achievement-toast-info{flex:1}.achievement-toast-name{font-size:.875rem;color:var(--text-primary);font-weight:700;margin-bottom:4px}.achievement-toast-description{font-size:.75rem;color:var(--text-dim);line-height:1.3}.ui-panel{position:absolute;bottom:20px;left:20px;background:#1a1a1ae6;border:1px solid var(--text-dim);border-radius:4px;padding:16px;min-width:280px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.ui-panel h2{font-size:1rem;color:var(--accent-cyan);margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}.stat-row{display:flex;justify-content:space-between;margin:6px 0;font-size:.875rem}.stat-label{color:var(--text-dim)}.stat-value{color:var(--text-primary);font-weight:700}.stat-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-top:4px}.stat-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-magenta));transition:width .5s ease-out}.hud-panel{position:absolute;top:20px;left:20px;background:#1a1a1af2;border:1px solid var(--text-dim);border-radius:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;max-height:calc(100vh - 40px);display:flex;flex-direction:column;transition:all .3s ease;width:320px}.hud-panel.collapsed{width:auto}.hud-header{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid rgba(255,255,255,.1);gap:12px}.hud-tabs{display:flex;gap:8px}.hud-tab{padding:6px 12px;background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--text-dim);font-family:inherit;font-size:.75rem;cursor:pointer;border-radius:2px;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.hud-tab:hover{border-color:var(--accent-cyan);color:var(--text-primary)}.hud-tab.active{background:#00ffff1a;border-color:var(--accent-cyan);color:var(--accent-cyan)}.hud-collapse-btn{padding:4px 8px;background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--text-dim);font-family:inherit;font-size:.75rem;cursor:pointer;border-radius:2px;transition:all .2s;min-width:28px}.hud-collapse-btn:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.hud-body{padding:16px;overflow-y:auto;flex:1;min-height:0}.hud-body h2{font-size:1rem;color:var(--accent-cyan);margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}.evolution-tree{position:absolute;top:20px;left:20px;background:#1a1a1ae6;border:1px solid var(--text-dim);border-radius:4px;padding:16px;min-width:300px;max-width:400px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;max-height:70vh;overflow-y:auto}.evolution-tree h2{font-size:1rem;color:var(--accent-cyan);margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}.evolution-node{margin:12px 0;padding:12px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:4px}.evolution-node.unlocked{border-color:var(--accent-green);box-shadow:0 0 10px #0f03}.evolution-node.active{border-color:var(--accent-cyan);box-shadow:0 0 10px var(--glow-cyan)}.evolution-node h3{font-size:.875rem;color:var(--text-primary);margin-bottom:6px}.evolution-node.unlocked h3{color:var(--accent-green)}.evolution-node p{font-size:.75rem;color:var(--text-dim);margin:4px 0}.progress-bar{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-top:6px}.progress-bar-fill{height:100%;background:var(--accent-cyan);transition:width .3s ease-out}.debug-panel{position:absolute;top:20px;right:20px;background:#1a1a1ae6;border:1px solid var(--text-dim);border-radius:4px;padding:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;max-height:calc(100vh - 100px);overflow-y:auto}.debug-panel button{display:block;width:100%;margin:4px 0;padding:6px 12px;background:#00ffff1a;border:1px solid var(--accent-cyan);color:var(--text-primary);font-family:inherit;font-size:.75rem;cursor:pointer;border-radius:2px;transition:all .2s}.debug-panel button:hover{background:#0ff3;box-shadow:0 0 10px var(--glow-cyan)}.bit-rot-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5;opacity:0;transition:opacity 1s;background:repeating-linear-gradient(0deg,#0000,#0000004d,#0000 4px)}.bit-rot-overlay.active{opacity:1}.data-capsule-section{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.data-capsule-section h3{font-size:.875rem;color:var(--accent-cyan);margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.capsule-description{font-size:.75rem;color:var(--text-dim);margin-bottom:12px}.capsule-button{width:100%;padding:8px 12px;background:#00ffff1a;border:1px solid var(--accent-cyan);color:var(--text-primary);font-family:inherit;font-size:.75rem;cursor:pointer;border-radius:2px;transition:all .2s;text-transform:uppercase;letter-spacing:.5px;margin-top:8px}.capsule-button:first-of-type{margin-top:0}.capsule-button:hover{background:#0ff3;box-shadow:0 0 10px var(--glow-cyan)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#1a1a1afa;border:2px solid var(--accent-cyan);border-radius:4px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 0 40px var(--glow-cyan);animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{font-size:1rem;color:var(--accent-cyan);margin:0;text-transform:uppercase;letter-spacing:2px}.modal-close{background:none;border:none;color:var(--text-dim);font-size:1.5rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{color:var(--accent-cyan);transform:scale(1.2)}.modal-tabs{display:flex;gap:0;border-bottom:1px solid rgba(255,255,255,.1)}.modal-tab{flex:1;padding:12px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-dim);font-family:inherit;font-size:.875rem;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:1px}.modal-tab:hover{color:var(--text-primary);background:#ffffff0d}.modal-tab.active{color:var(--accent-cyan);border-bottom-color:var(--accent-cyan);background:#00ffff0d}.modal-body{padding:20px;overflow-y:auto;flex:1}.modal-description{font-size:.875rem;color:var(--text-dim);margin-bottom:20px;line-height:1.5}.capsule-code-section{margin-bottom:20px}.capsule-code-section label{display:block;font-size:.75rem;color:var(--accent-cyan);margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.capsule-code-input{width:100%;padding:12px;background:#00000080;border:1px solid rgba(0,255,255,.3);color:var(--text-primary);font-family:Courier New,monospace;font-size:.75rem;border-radius:4px;resize:vertical;margin-bottom:12px;line-height:1.4}.capsule-code-input:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 10px var(--glow-cyan)}.capsule-code-input::placeholder{color:#ffffff4d}.modal-button{width:100%;padding:12px;background:#00ffff1a;border:1px solid var(--accent-cyan);color:var(--text-primary);font-family:inherit;font-size:.875rem;cursor:pointer;border-radius:4px;transition:all .2s;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.modal-button:hover{background:#0ff3;box-shadow:0 0 15px var(--glow-cyan)}.modal-button.primary{background:#0ff3;border-width:2px}.modal-button.primary:hover{background:#00ffff4d;box-shadow:0 0 20px var(--glow-cyan)}.modal-divider{text-align:center;color:var(--text-dim);font-size:.75rem;margin:20px 0;position:relative}.modal-divider:before,.modal-divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:#ffffff1a}.modal-divider:before{left:0}.modal-divider:after{right:0}.modal-error{margin-top:16px;padding:12px;background:#ff00001a;border:1px solid rgba(255,0,0,.5);border-radius:4px;color:#f66;font-size:.75rem;line-height:1.4}.feed-history-drawer{position:fixed;bottom:20px;left:20px;background:#1a1a1af2;border:1px solid var(--text-dim);border-radius:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9;max-width:400px;transition:all .3s ease}.feed-history-drawer.collapsed{width:auto}.feed-history-header{padding:10px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s;border-radius:4px}.feed-history-header:hover{background:#00ffff0d}.feed-history-title{font-size:.75rem;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:1px;font-weight:700}.feed-history-body{max-height:400px;overflow-y:auto;border-top:1px solid rgba(255,255,255,.1)}.feed-history-empty{padding:16px;text-align:center;color:var(--text-dim);font-size:.75rem}.feed-history-list{padding:8px}.feed-history-item{padding:10px;margin-bottom:8px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:3px;transition:all .2s}.feed-history-item:hover{border-color:var(--accent-cyan);background:#00ffff0d}.feed-history-item:last-child{margin-bottom:0}.feed-history-item-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px;gap:8px}.feed-history-filename{font-size:.75rem;color:var(--text-primary);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.feed-history-time{font-size:.7rem;color:var(--text-dim);white-space:nowrap}.feed-history-item-details{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:4px}.feed-history-kind{font-size:.65rem;padding:2px 6px;border-radius:2px;font-weight:700;letter-spacing:.5px}.feed-history-kind.kind-image{background:#0ff3;color:var(--accent-cyan)}.feed-history-kind.kind-code{background:#0f03;color:var(--accent-green)}.feed-history-kind.kind-text{background:#ff03;color:#ff0}.feed-history-kind.kind-binary{background:#f0f3;color:var(--accent-magenta)}.feed-history-kind.kind-unknown{background:#80808033;color:var(--text-dim)}.feed-history-size,.feed-history-age{font-size:.7rem;color:var(--text-dim)}.feed-history-item-tags{display:flex;gap:6px;margin-top:6px}.feed-history-tag{font-size:.65rem;padding:2px 6px;border-radius:2px;font-weight:700}.feed-history-tag.tag-highres{background:#0ff3;color:var(--accent-cyan)}.feed-history-tag.tag-ancient{background:#f0f3;color:var(--accent-magenta)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000004d}::-webkit-scrollbar-thumb{background:#00ffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00ffff80}.achievements-modal-content{max-width:700px}.achievements-modal-body{max-height:70vh}.achievements-summary{font-size:.875rem;color:var(--text-dim);margin-bottom:20px;padding:12px;background:#00ffff0d;border:1px solid rgba(0,255,255,.2);border-radius:4px;text-align:center}.achievements-section{margin-bottom:24px}.achievements-section h3{font-size:.875rem;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid rgba(0,255,255,.3)}.achievement-item{display:flex;gap:12px;padding:12px;margin-bottom:10px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:4px;transition:all .2s}.achievement-item.unlocked{border-color:var(--accent-green);background:#00ff000d}.achievement-item.unlocked:hover{background:#00ff001a;box-shadow:0 0 10px #0f03}.achievement-item.unlocked.easteregg{border-color:var(--accent-gold);background:#ffd70014;box-shadow:0 0 15px var(--glow-gold)}.achievement-item.unlocked.easteregg:hover{background:#ffd70026;box-shadow:0 0 20px var(--glow-gold),0 0 30px #ffd70033}.achievement-item.locked{opacity:.6}.achievement-item.locked:hover{opacity:.8;background:#0006}.achievement-icon{font-size:2rem;flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#00ffff1a;border-radius:4px}.achievement-icon.locked-icon{background:#8080801a;opacity:.5}.achievement-info{flex:1}.achievement-title{font-size:.875rem;color:var(--text-primary);font-weight:700;margin-bottom:4px}.achievement-description{font-size:.75rem;color:var(--text-dim);line-height:1.4;margin-bottom:6px}.achievement-timestamp{font-size:.7rem;color:var(--accent-cyan);font-style:italic}.achievement-progress{margin-top:8px;display:flex;align-items:center;gap:8px}.achievement-progress .progress-bar{flex:1;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.achievement-progress .progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-magenta));transition:width .3s ease-out}.achievement-progress .progress-text{font-size:.7rem;color:var(--text-dim);min-width:40px;text-align:right}.spawn-credit{position:fixed;bottom:8px;right:12px;font-size:.65rem;color:var(--text-dim);opacity:.25;text-decoration:none;font-family:Courier New,monospace;letter-spacing:.5px;transition:opacity .3s ease,color .3s ease;z-index:100;pointer-events:auto;-webkit-user-select:none;user-select:none}.spawn-credit:hover{opacity:.6;color:var(--accent-cyan);text-shadow:0 0 8px var(--glow-cyan)}:root{--app-height: 100vh;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px)}@supports (height: 100dvh){:root{--app-height: 100dvh}}.app.mobile-mode{height:var(--app-height);overflow:hidden}.mobile-shell{width:100%;height:100%;position:relative;display:flex;flex-direction:column;overflow:hidden}.mobile-canvas{flex:1;min-height:0}.mobile-feed-button{position:fixed;bottom:calc(20px + var(--safe-area-bottom));right:calc(20px + var(--safe-area-right));width:64px;height:64px;border-radius:32px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-magenta));border:none;color:var(--bg-dark);font-family:inherit;font-size:.875rem;font-weight:700;cursor:pointer;box-shadow:0 4px 20px #0ff6;z-index:1001;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:all .3s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mobile-feed-button:active{transform:scale(.95);box-shadow:0 2px 10px #0ff9}.mobile-feed-button .feed-icon{font-size:1.5rem;line-height:1}.mobile-feed-button .feed-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.5px}.bottom-sheet-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999;animation:fadeIn .2s ease-out}.bottom-sheet{position:fixed;left:0;right:0;bottom:0;background:#1a1a1afa;border-top-left-radius:16px;border-top-right-radius:16px;border:1px solid var(--text-dim);border-bottom:none;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform;touch-action:none;display:flex;flex-direction:column;padding-bottom:var(--safe-area-bottom)}.bottom-sheet.peek{transform:translateY(calc(100% - 80px - var(--safe-area-bottom)))}.bottom-sheet.expanded{transform:translateY(0);max-height:calc(85vh - var(--safe-area-top))}.bottom-sheet-handle-area{padding:12px 0 8px;display:flex;justify-content:center;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.bottom-sheet-handle{width:40px;height:4px;background:#ffffff4d;border-radius:2px}.bottom-sheet-peek-content{padding:0 20px 16px}.bottom-sheet-expanded-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0}.control-center-peek{display:flex;align-items:center;justify-content:space-between;gap:16px}.peek-info{flex:1}.peek-form{font-size:1rem;color:var(--accent-cyan);font-weight:700;margin-bottom:4px}.peek-last-fed{font-size:.75rem;color:var(--text-dim)}.peek-hint{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.control-center-tabs{display:flex;gap:0;border-bottom:1px solid rgba(255,255,255,.1);background:#0003;position:sticky;top:0;z-index:10}.cc-tab{flex:1;padding:14px 8px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-dim);font-family:inherit;font-size:.875rem;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:44px}.cc-tab:active{background:#ffffff0d}.cc-tab.active{color:var(--accent-cyan);border-bottom-color:var(--accent-cyan);background:#00ffff0d}.control-center-content{padding:16px}.cc-tab-content{animation:fadeIn .2s ease-out}.cc-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.1)}.cc-section:last-child{border-bottom:none}.cc-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.cc-section-title{font-size:.875rem;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.cc-section-description{font-size:.75rem;color:var(--text-dim);margin-bottom:12px;line-height:1.4}.cc-button{width:100%;padding:12px;background:#00ffff1a;border:1px solid var(--accent-cyan);color:var(--text-primary);font-family:inherit;font-size:.875rem;cursor:pointer;border-radius:8px;transition:all .2s;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:44px}.cc-button:last-child{margin-bottom:0}.cc-button:active{background:#0ff3;transform:scale(.98)}.cc-button-danger{border-color:#f66;color:#f66}.cc-button-danger:active{background:#ff66661a}.cc-close-debug{background:none;border:none;color:var(--text-dim);font-size:1.5rem;cursor:pointer;padding:0;width:32px;height:32px;min-height:32px;display:flex;align-items:center;justify-content:center;touch-action:manipulation}.cc-debug-section{background:#ff00000d;border:1px solid rgba(255,0,0,.2);border-radius:8px;padding:16px}.cc-empty{text-align:center;color:var(--text-dim);font-size:.875rem;padding:40px 20px}.cc-feed-list{display:flex;flex-direction:column;gap:12px}.cc-feed-item{padding:12px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:all .2s}.cc-feed-item:active{background:#00ffff0d;border-color:var(--accent-cyan)}.cc-feed-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;gap:8px}.cc-feed-filename{font-size:.875rem;color:var(--text-primary);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.cc-feed-time{font-size:.7rem;color:var(--text-dim);white-space:nowrap}.cc-feed-details{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px}.cc-feed-kind{font-size:.65rem;padding:3px 8px;border-radius:4px;font-weight:700;letter-spacing:.5px}.cc-feed-kind.kind-image{background:#0ff3;color:var(--accent-cyan)}.cc-feed-kind.kind-code{background:#0f03;color:var(--accent-green)}.cc-feed-kind.kind-text{background:#ff03;color:#ff0}.cc-feed-kind.kind-binary{background:#f0f3;color:var(--accent-magenta)}.cc-feed-kind.kind-unknown{background:#80808033;color:var(--text-dim)}.cc-feed-size,.cc-feed-age{font-size:.7rem;color:var(--text-dim)}.cc-feed-tags{display:flex;gap:6px;margin-top:6px}.cc-feed-tag{font-size:.65rem;padding:3px 8px;border-radius:4px;font-weight:700}.cc-feed-tag.tag-highres{background:#0ff3;color:var(--accent-cyan)}.cc-feed-tag.tag-ancient{background:#f0f3;color:var(--accent-magenta)}.toast-stack.mobile{top:calc(12px + var(--safe-area-top));right:50%;transform:translate(50%);left:auto;max-width:calc(100vw - 24px)}@media (max-width: 768px),(pointer: coarse){.mobile-mode .hud-panel,.mobile-mode .feed-history-drawer,.mobile-mode .debug-panel,.mobile-mode .feed-button-fixed,.mobile-mode .drop-zone{display:none}.modal-content{width:95%;max-width:none;max-height:calc(90vh - var(--safe-area-top) - var(--safe-area-bottom));border-radius:12px}.modal-body{padding:16px}.spawn-credit{bottom:calc(8px + var(--safe-area-bottom));right:calc(12px + var(--safe-area-right))}.mobile-mode+.launch-hint{bottom:calc(100px + var(--safe-area-bottom))}}@media (min-width: 769px) and (pointer: fine){.desktop-mode .mobile-shell,.desktop-mode .mobile-feed-button,.desktop-mode .bottom-sheet,.desktop-mode .bottom-sheet-backdrop{display:none}}button,.hud-tab,.cc-tab,.modal-tab,input[type=file]+label{min-height:44px;min-width:44px}.bottom-sheet,.control-center-tabs,.mobile-feed-button,.cc-button{user-select:none;-webkit-user-select:none}