.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:0;background:#000;overflow:hidden}.prompt{font-weight:600;margin-right:8px;-webkit-user-select:none;user-select:none}.prompt-user{color:#4ec9b0}.prompt-separator{color:#888}.prompt-host{color:#c586c0}.prompt-path{color:#dcdcaa;margin-left:4px}.icons-container{width:100%;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;padding:40px}.icons-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:30px;max-width:600px;width:100%;position:relative;margin:0 auto;justify-content:center}.icons-grid:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;pointer-events:none}.icon-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:25px;background:transparent;border:none;border-radius:16px;cursor:pointer;transition:all .3s ease;aspect-ratio:1;position:relative}@media (max-width: 768px){.icon-wrapper.icon-coffee:before,.icon-wrapper.icon-coffee:after{left:50%!important;margin-left:-5px}.icon-wrapper.icon-coffee{margin-top:-15px}.icon-wrapper.icon-coding:after{top:30%!important;width:24px!important;height:14px!important}}.icon-wrapper.center-icon{grid-column:2;grid-row:2;background:transparent!important;border:none!important;box-shadow:none!important;padding:0}.icon-emoji{font-size:52px;filter:drop-shadow(0 2px 12px rgba(0,0,0,.5))}.icon-wrapper.center-icon .icon-emoji{font-size:60px}.icon-image{width:80px;height:80px;border-radius:0;overflow:hidden;border:none;box-shadow:0 4px 20px #00000080}.icon-wrapper.center-icon .icon-image{width:130px;height:130px;border:none!important;box-shadow:none!important;background:transparent!important;overflow:visible}.icon-image img{width:100%;height:100%;object-fit:contain;background:transparent!important;transition:all .3s ease}.icon-wrapper.center-icon .icon-image img{filter:drop-shadow(0 0 15px rgba(78,201,176,.6))}.icon-label{color:#dcdcaa;font-size:14px;text-align:center;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.5)}.icon-wrapper.icon-coffee .icon-emoji{position:relative;z-index:1}.icon-wrapper.icon-coffee{display:flex!important;align-items:center!important;justify-content:center!important;position:relative}.icon-wrapper.icon-coffee .icon-image{width:80px!important;height:80px!important;display:flex;align-items:center;justify-content:center;overflow:visible!important;margin-left:0}.icon-wrapper.icon-coffee:before,.icon-wrapper.icon-coffee:after{content:"♨";position:absolute;top:25%;left:50%;transform:translate(-50%);font-size:20px;color:#fff9;opacity:0;z-index:0;pointer-events:none}.icon-wrapper.icon-coffee:before{animation:steamRise 3s infinite ease-out;animation-delay:.5s}.icon-wrapper.icon-coffee:after{animation:steamRise 3s infinite ease-out;animation-delay:2s;font-size:16px;top:20%}@keyframes steamRise{0%{transform:translate(-50%) translateY(10px) scale(.5);opacity:0}20%{opacity:.6}80%{opacity:0}to{transform:translate(-50%) translateY(-40px) scale(1.5);opacity:0}}.icon-wrapper.center-icon .icon-label{font-size:16px;font-weight:600;color:#4ec9b0}.content-container{width:100vw;height:100vh;display:flex;flex-direction:column;padding:60px;animation:fadeIn .3s ease;overflow-y:auto}.selected-icons{display:flex;gap:15px;padding-bottom:25px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:30px}.icon-wrapper.mini{padding:12px;width:fit-content;aspect-ratio:auto}.icon-wrapper.mini .icon-emoji{font-size:36px}.icon-wrapper.mini .icon-image{width:55px;height:55px}.terminal-output{flex:1;max-width:900px}.command-line{color:#e0e0e0;margin-bottom:25px;opacity:.9;font-size:15px}.content-title{color:#569cd6;font-size:32px;font-weight:700;margin-bottom:25px;text-shadow:0 0 15px rgba(86,156,214,.4)}.typewriter-container{color:#e0e0e0;white-space:pre-wrap;word-wrap:break-word;font-size:16px;line-height:1.8}.terminal-line{margin-bottom:10px;animation:fadeInLine .1s ease}@keyframes fadeInLine{0%{opacity:0}to{opacity:1}}.cursor{color:#4ec9b0;animation:blink 1s infinite;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.back-button{background:#4ec9b01a;border:1px solid #4ec9b0;color:#4ec9b0;padding:14px 28px;border-radius:10px;cursor:pointer;font-family:Fira Code,monospace;font-size:15px;font-weight:500;transition:all .3s ease;margin-top:30px;width:fit-content}.back-button:hover{background:#4ec9b033;box-shadow:0 4px 20px #4ec9b04d;transform:translateY(-2px)}.back-button:active{transform:translateY(0)}@media (max-width: 768px){.icons-container{padding:20px}.icons-grid{gap:15px;max-width:400px}.icon-wrapper{padding:15px}.icon-emoji{font-size:36px}.icon-wrapper.center-icon .icon-emoji{font-size:42px}.icon-image{width:55px;height:55px}.icon-wrapper.center-icon .icon-image{width:65px;height:65px}.icon-label{font-size:11px}.icon-wrapper.center-icon .icon-label{font-size:13px}.content-container{padding:30px 20px}.content-title{font-size:24px}.typewriter-container{font-size:14px}}@media (max-width: 480px){.icons-grid{gap:10px;max-width:320px}.icon-wrapper{padding:12px;gap:8px}.icon-emoji{font-size:28px}.icon-wrapper.center-icon .icon-emoji{font-size:34px}.icon-image{width:45px;height:45px}.icon-wrapper.center-icon .icon-image{width:55px;height:55px}.icon-label{font-size:10px}.icon-wrapper.center-icon .icon-label{font-size:12px}.content-container{padding:25px 15px}.content-title{font-size:20px}.typewriter-container{font-size:13px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.youtube-channels{margin-top:30px;display:flex;flex-direction:column;gap:20px}.channel-card{display:flex;align-items:center;gap:20px;padding:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease}.channel-card:hover{background:#ffffff14;border-color:#4ec9b0;box-shadow:0 4px 20px #4ec9b033}.channel-logo{width:80px;height:80px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#ffffff1a;position:relative}.channel-logo img{width:100%;height:100%;object-fit:cover}.channel-emoji-fallback{width:100%;height:100%;display:none;align-items:center;justify-content:center;font-size:40px}.channel-info{flex:1}.channel-name{color:#569cd6;font-size:20px;font-weight:700;margin-bottom:5px}.channel-handle{color:#4ec9b0;font-size:14px;margin-bottom:8px}.channel-description{color:#9cdcfe;font-size:13px;line-height:1.5}.channel-arrow{color:#4ec9b0;font-size:24px;font-weight:700;opacity:.7;transition:all .3s ease}.channel-card:hover .channel-arrow{opacity:1;transform:translate(5px)}@media (max-width: 768px){.channel-card{padding:15px;gap:15px}.channel-logo{width:60px;height:60px}.channel-name{font-size:18px}.channel-handle,.channel-description{font-size:12px}}.coffee-background-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.coffee-bg-image{position:absolute;bottom:0;left:0;width:100%;height:90%;background-image:url(/images/coffee-bg-v2.jpg);background-size:contain;background-repeat:no-repeat;background-position:center bottom;mask-image:radial-gradient(circle at bottom,black 30%,transparent 80%);-webkit-mask-image:radial-gradient(circle at bottom,black 30%,transparent 80%);opacity:1}.coffee-bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at bottom,transparent 20%,#000000 90%);background:linear-gradient(to top,transparent 40%,#000000 100%)}.terminal-output,.content-title,.selected-icons,.back-button{position:relative;z-index:10;text-shadow:0 2px 10px rgba(0,0,0,.8)}@media (max-width: 768px){.coffee-bg-image{height:100%;background-position:center bottom;mask-image:linear-gradient(to bottom,transparent 0%,black 30%,black 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 30%,black 100%);opacity:1}.coffee-bg-overlay{background:linear-gradient(to bottom,#000000 40%,transparent 80%)}.coffee-page{justify-content:flex-start;padding-bottom:0}}.camera-background-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.camera-bg-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:90%;background-image:url(/images/camera-bg.png);background-size:contain;background-repeat:no-repeat;background-position:center center;mask-image:radial-gradient(circle at center,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(circle at center,black 30%,transparent 70%);opacity:.8}.camera-bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 0%,#000000 80%)}@media (max-width: 768px){.camera-bg-image{width:100%;height:60%;top:60%;mask-image:radial-gradient(circle at center,black 20%,transparent 80%);-webkit-mask-image:radial-gradient(circle at center,black 20%,transparent 80%)}}.social-links-container{display:flex;justify-content:center;gap:35px;margin-top:30px;margin-bottom:20px;flex-wrap:wrap}.social-link-item{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:0;padding:0;transition:all .3s ease;border:none;cursor:pointer;opacity:.8}.social-link-item img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5));transition:all .3s ease}.icon-wrapper.icon-camera .icon-image{padding:5px;box-shadow:none!important;background:transparent!important}.icon-wrapper.icon-camera{background:transparent!important;box-shadow:none!important;border:none!important}@media (max-width: 768px){.social-links-container{gap:25px}.social-link-item{width:40px;height:40px;padding:0}}.social-links-container.list-view{display:flex;flex-direction:column;align-items:flex-start;gap:15px;margin-top:30px;margin-bottom:20px;max-width:400px}.social-link-item.list-item{width:100%;height:auto;display:flex;align-items:center;justify-content:flex-start;gap:15px;background:transparent;padding:10px 15px;border-radius:8px;text-decoration:none;transition:all .3s ease;border:1px solid transparent;opacity:1}.social-icon{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.social-icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.social-text{color:#e0e0e0;font-family:Fira Code,monospace;font-size:15px;font-weight:500}@media (max-width: 768px){.social-links-container.list-view{width:100%;align-items:stretch}.social-text{font-size:14px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Fira Code,Menlo,Monaco,Courier New,monospace;background:#1a1a1a;color:#e0e0e0;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#444;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}