body{color:#fff;background-color:#2554eb;min-height:100vh;margin:0;padding:0}#app{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:30px;min-height:100vh;padding:20px;display:flex}.clock-display{justify-content:center;align-items:center;gap:2px;display:flex}.clock-display img{object-fit:contain;width:auto;height:110px;image-rendering:pixelated}.colon{-webkit-user-select:none;user-select:none;margin:0 -2px}#search-widget{width:100%;max-width:550px;padding:0}#search-widget form{gap:10px;display:flex}#search-widget input{color:#000;background-color:#fff;border:3px solid #000;border-radius:12px;outline:none;flex:1;padding:14px 18px;font-size:16px;font-weight:500}#search-widget button{color:#000;cursor:pointer;background-color:#ffde59;border:3px solid #000;border-radius:12px;padding:14px 22px;font-size:16px;font-weight:700;transition:transform .1s}#search-widget button:hover{transform:translateY(-2px)}.nasa-card{color:#000;width:320px;box-shadow:none;box-sizing:border-box;z-index:20;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background-color:#fff;border:3px solid #000;border-radius:12px;padding:14px;position:fixed;top:50px;left:44px}.nasa-card:active{cursor:grabbing}.nasa-card h2{margin-top:0;font-size:.9rem;font-weight:700}.nasa-card img{object-fit:cover;border:1px solid #000;border-radius:6px;width:100%;max-height:180px;margin:8px 0}.nasa-card p{max-height:80px;margin-bottom:0;font-size:.75rem;line-height:1.3;overflow-y:auto}.shortcuts-card{box-sizing:border-box;background-color:#fff;background-image:url(/My-Swag-Tab/discopattern.jpg);background-position:50%;border:3px solid #000;border-radius:12px;width:360px;padding:38px 16px 16px;position:relative;overflow:hidden}.shortcuts-banner{background-color:#fff;border-bottom:2px solid #000;justify-content:center;align-items:center;width:100%;padding:4px 0;display:flex;position:absolute;top:0;left:0}.shortcuts-banner span{color:#000;letter-spacing:1px;font-size:.75rem;font-weight:700}.shortcuts-grid{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.shortcut-item{display:inline-block;position:relative}.app-icon,.add-box-btn{color:#000;box-sizing:border-box;width:52px;height:52px;box-shadow:none;background-color:#fff;border:2px solid #000;border-radius:8px;justify-content:center;align-items:center;font-weight:700;text-decoration:none;transition:transform .1s,background-color .1s;display:flex}.app-icon img{object-fit:contain;width:28px;height:28px}.add-box-btn{cursor:pointer;padding:0;font-size:1.5rem;line-height:1}.delete-shortcut-btn{color:#000;cursor:pointer;opacity:0;z-index:10;width:18px;height:18px;box-shadow:none;background-color:silver;border:2px solid #000;border-radius:0;justify-content:center;align-items:center;padding:0;font-family:monospace,sans-serif;font-size:11px;font-weight:700;line-height:1;transition:opacity .1s,transform .1s;display:flex;position:absolute;top:-6px;right:-6px}.shortcut-item:hover .delete-shortcut-btn{opacity:1}.delete-shortcut-btn:active{box-shadow:none;transform:translate(1px,1px)}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-overlay.hidden{display:none}.modal-content{width:310px;max-height:85vh;box-shadow:none;color:#000;box-sizing:border-box;background:#fff;border:3px solid #000;border-radius:12px;flex-direction:column;gap:16px;padding:24px 22px;display:flex;overflow-y:auto}.modal-content h3{color:#000;margin:0;font-size:1.15rem;font-weight:700}.modal-content input{box-sizing:border-box;border:2px solid #000;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-size:.95rem}.modal-buttons{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.modal-buttons button{cursor:pointer;background:#fff;border:2px solid #000;border-radius:2px;padding:6px 16px;font-size:.9rem;font-weight:700}.modal-buttons button:hover{color:#fff;background:#000}.settings-body{flex-direction:column;gap:8px;display:flex}.settings-label{color:#000;margin:0;font-size:.85rem;font-weight:400}.preset-backgrounds{flex-wrap:wrap;gap:6px;display:flex}.bg-option{cursor:pointer;background:#fff;border:2px solid #000;border-radius:0;padding:4px 8px;font-size:.85rem}.bg-option:hover,.bg-option.selected{color:#fff;background:#000}.custom-bg-upload{margin-top:2px}.upload-btn{cursor:pointer;color:#000;background:#fff;border:2px solid #000;padding:4px 10px;font-size:.85rem;display:inline-block}.upload-btn:hover{color:#fff;background:#000}.settings-body button{margin-top:2px}.solid-hr{border:none;border-top:2px solid #000;width:100%;margin:12px 0}.settings-btn{cursor:pointer;z-index:900;background:0 0;border:none;outline:none;padding:0;transition:transform .15s;position:fixed;bottom:20px;right:20px}.settings-btn:hover{transform:translateY(-2px)}.settings-btn img{object-fit:contain;width:60px;height:60px;display:block}#stickers-container{pointer-events:none;z-index:100;width:100vw;height:100vh;position:fixed;top:0;left:0}.draggable-sticker{cursor:grab;-webkit-user-select:none;user-select:none;pointer-events:auto;touch-action:none;width:90px;height:auto;position:absolute}.draggable-sticker:active{cursor:grabbing}.sticker-preview-grid{box-sizing:border-box;flex-wrap:wrap;gap:12px;max-height:160px;margin-top:10px;padding:8px 4px;display:flex;overflow-y:auto}.sticker-preview-grid::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar{width:6px}.sticker-preview-grid::-webkit-scrollbar-track{background:#fff;border:1px solid #000}.modal-content::-webkit-scrollbar-track{background:#fff;border:1px solid #000}.sticker-preview-grid::-webkit-scrollbar-thumb{background:#000}.modal-content::-webkit-scrollbar-thumb{background:#000}.sticker-preview-item{box-sizing:border-box;background:#fff;border:2px solid #000;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;padding:4px;display:flex;position:relative}.sticker-preview-item img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.delete-sticker-btn{color:#000;cursor:pointer;opacity:1;z-index:10;width:18px;height:18px;box-shadow:none;background-color:silver;border:2px solid #000;border-radius:0;justify-content:center;align-items:center;padding:0;font-family:monospace,sans-serif;font-size:11px;font-weight:700;line-height:1;display:flex;position:absolute;top:-6px;right:-6px}.delete-sticker-btn:active{transform:translate(1px,1px)}.modal{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal-content{background-color:#fff;border-radius:8px;min-width:300px;max-width:500px;padding:20px;position:relative}.close-btn{cursor:pointer;font-size:24px;position:absolute;top:10px;right:15px}.nametag-container{z-index:10;transform-origin:50%;width:240px;position:fixed;bottom:100px;right:100px;transform:rotate(-6deg)}.nametag-img{width:100%;height:auto;display:block}#user-name-input{text-align:center;z-index:2;background:0 0;border:none;outline:none;width:90%;height:70px;font-family:inherit;font-size:18px;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%)}#user-name-input::placeholder{color:#aaa;font-size:16px;font-weight:400}#user-name-input:not(:placeholder-shown){color:#0000;caret-color:#0000}#name-letters-display{pointer-events:none;z-index:3;justify-content:center;align-items:center;gap:0;width:90%;height:42px;display:flex;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%)}.custom-letter-img{object-fit:contain;width:auto;height:60px;image-rendering:pixelated;margin:0 -7px;transition:all .15s;display:block}.custom-letter-img.medium-letter{height:50px;margin:0 -4px}.custom-letter-img.small-letter{height:40px;margin:0 -3px}.video-responsive-wrapper{border-radius:8px;width:100%;height:0;margin-top:10px;padding-bottom:56.25%;position:relative;overflow:hidden}.video-responsive-wrapper iframe{border:0;width:100%;height:100%;position:absolute;top:0;left:0}.nasa-video-fallback{text-align:center;margin:10px 0}.nasa-video-link-btn{color:#000;background-color:#fff;border:2px solid #000;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:700;text-decoration:none;transition:background-color .2s;display:inline-block}.nasa-video-link-btn:hover{background-color:#ffde59}.y2k-photo-box{cursor:grab;z-index:50;-webkit-user-select:none;user-select:none;touch-action:none;background:#fff;border:3px solid #000;border-radius:8px;justify-content:center;align-items:center;width:220px;height:220px;display:flex;position:fixed;top:432px;left:337px;overflow:hidden}.y2k-photo-box:active{cursor:grabbing}.photo-placeholder{text-align:center;color:#000;pointer-events:none;background:#fff;border:2px solid #000;border-radius:6px;margin:10px;padding:10px;font-size:13px;font-weight:700}.photo-placeholder:hover{background-color:#ffde59}#uploaded-photo{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}#photo-placeholder,.photo-placeholder{z-index:10;pointer-events:auto;cursor:pointer;position:relative}#photo-placeholder:hover,.photo-placeholder:hover{background-color:#ffde59}.sticker-context-menu{z-index:10000;-webkit-user-select:none;user-select:none;background:#fff;border:3px solid #000;border-radius:8px;flex-direction:column;gap:6px;min-width:160px;padding:10px;display:flex;position:fixed}.sticker-context-menu .menu-label{color:#000;text-align:center;font-size:.85rem;font-weight:700}.sticker-context-menu input[type=range]{accent-color:#ffde59;cursor:pointer;width:100%}.modal-actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.action-btn{color:#000;cursor:pointer;background-color:#fff;border:2px solid #000;padding:6px 18px;font-family:inherit;font-size:14px;font-weight:700}.action-btn:hover{background-color:#f0f0f0}.action-btn:active{transform:translate(1px,1px)}