-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
1 lines (1 loc) · 74.9 KB
/
index.html
File metadata and controls
1 lines (1 loc) · 74.9 KB
1
<!DOCTYPE html><html lang="en" data-theme="light"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, interactive-widget=resizes-content"><meta name="google-site-verification" content="ZWidhp29xotLZ2B8B4mHHEtWvixWj6HhA9Uaav06BYA" /><meta name="google-adsense-account" content="ca-pub-1607055557776596"><title>Nothing Space - Built Together</title><meta name="description" content="Nothing Space : Nothing Space is an all-in-one hub for Nothing Phone users. Explore Nothing OS OTA updates, firmware files, service centre information, wallpapers, depth effect wallpapers, KLWP themes, ringtones, widgets, camera presets, and useful community tools."><meta name="author" content="Nothing Space"><meta name="robots" content="index, follow"><link rel="canonical" href="https://nothingtools.github.io/" /><meta name="application-name" content="Nothing Space"><meta itemprop="name" content="Nothing Space"><meta property="og:site_name" content="Nothing Space"><meta property="og:type" content="website"><meta property="og:url" content="https://nothingtools.github.io/"><meta property="og:title" content="Nothing Space - Built Together"><meta property="og:description" content="Nothing Space is an all-in-one hub for Nothing Phone users. Explore Nothing OS OTA updates, firmware files, service centre information, wallpapers, depth effect wallpapers, KLWP themes, ringtones, widgets, camera presets, and useful community tools."><meta property="og:image" content="https://nothingtools.github.io/banner.png"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Nothing Space"><meta name="twitter:description" content="Nothing Space is an all-in-one hub for Nothing Phone users. Explore Nothing OS OTA updates, firmware files, service centre information, wallpapers, depth effect wallpapers, KLWP themes, ringtones, widgets, camera presets, and useful community tools."><meta name="twitter:image" content="https://nothingtools.github.io/banner.png"><link rel="sitemap" type="application/xml" title="Sitemap" href="/sitemap.xml"><link rel="icon" type="image/svg+xml" href="./icon.svg"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link rel="preconnect" href="https://nothingcommunity-7664f-default-rtdb.firebaseio.com"><link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=VT323&display=swap"><link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet"><link rel="preload" as="style" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"></noscript><script async src="https://fundingchoicesmessages.google.com/i/pub-1607055557776596?ers=1"></script><script>(function() {function signalGooglefcPresent() {if (!window.frames['googlefcPresent']) {if (document.body) {const iframe = document.createElement('iframe'); iframe.style = 'width: 0; height: 0; border: none; z-index: -1000; left: -1000px; top: -1000px;'; iframe.style.display = 'none'; iframe.name = 'googlefcPresent'; document.body.appendChild(iframe);} else {setTimeout(signalGooglefcPresent, 0);}}}signalGooglefcPresent();})();</script><script src="https://cdn.onesignal.com/sdks/web/v16/OneSignalSDK.page.js" defer></script><script>window.OneSignalDeferred=window.OneSignalDeferred||[],OneSignalDeferred.push(async function(n){await n.init({appId:"4f30cdf6-e9f6-4b2a-8eb3-e6fdf00e0313"})});</script><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1607055557776596"crossorigin="anonymous"></script><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-N3QQWX28');</script><script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","name":"Nothing Space","url":"https://nothingtools.github.io/","potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://nothingtools.github.io/?s={search_term_string}"},"query-input":"required name=search_term_string"}},{"@type":"Organization","name":"Nothing Space","url":"https://nothingtools.github.io/","logo":"https://nothingtools.github.io/icon.svg"}]}</script><style> :root { --bg: #000; --card: #0c0c0c; --text: #fff; --dot-bg: #222; --border: #1a1a1a; --instr: #bbb; --accent: #ff0000; --transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); color-scheme: light dark; }[data-theme="light"] { --bg: #fff; --card: #f5f5f5; --text: #000; --dot-bg: #ddd; --border: #eee; --instr: #333; }[data-theme="dark"] { --bg: #000; --card: #0c0c0c; --text: #fff; --dot-bg: #333; --border: #1a1a1a; --instr: #bbb; }* { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }body { background: var(--bg); color: var(--text); font-family: 'VT323', monoSpace; transition: background var(--transition); width: 100%; overflow-x: hidden; min-height: 100vh; overscroll-behavior-y: none; }h1, h2, h3, span, button, select, input, p, textarea { font-family: 'VT323', monoSpace !important; text-transform: uppercase; }img { -webkit-touch-callout: none !important; user-select: none !important; pointer-events: auto !important; } .bento, footer { content-visibility: auto; contain-intrinsic-size: 1000px; }.stars-container { position: fixed; inset: 0; z-index: -1; background: var(--bg); overflow: hidden; pointer-events: none; }.star { position: absolute; background: var(--text); border-radius: 50%; opacity: 0; will-change: opacity; }.canvas { position: fixed; inset: 0; background-image: radial-gradient(var(--dot-bg) 1.2px, transparent 1.2px); background-size: 32px 32px; z-index: -1; opacity: 0.5; pointer-events: none; }.moon { position: fixed; width: 80px; height: 80px; top: 10%; left: 10%; background: #d1d1d1; border-radius: 50%; z-index: -1; opacity: 0.5; box-shadow: inset -15px -15px 30px rgba(0,0,0,0.5), 0 0 20px rgba(255,255,255,0.2); }header { max-width: 1000px; margin: 25px auto 20px; padding: 0 20px; display: flex; flex-direction: column; gap: 20px; position: relative; z-index: 10; }.header-top { width: 100%; display: flex; justify-content: space-between; align-items: center; }.logo h1 { font-size: 3.5rem; letter-spacing: -1px; line-height: 0.9; }.logo p { opacity: 0.8 !important; letter-spacing: 2px; }.t-toggle { width: 45px; height: 45px; border-radius: 50%; border: 1px solid var(--border); display: grid; place-items: center; cursor: pointer; background: var(--card); transition: var(--transition); }.t-toggle:hover { border-color: var(--text); }#t-icon { color: var(--text) !important; transition: transform .3s ease; }.t-toggle:active #t-icon { transform: rotate(50deg) scale(1.1); }.t-toggle i.fa-share-alt { transition: transform 0.3s ease; }.t-toggle:active i.fa-share-alt { transform: rotate(40deg); }.bento { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; max-width: 1000px; margin: 0 auto; padding: 20px; overflow: visible; position: relative; z-index: 10; }@media (min-width: 650px) { .bento { grid-template-columns: repeat(3, 1fr); } }.tile { background: var(--card); border: 1px solid var(--border); border-radius: 35px; padding: 25px; cursor: pointer; transition: var(--transition); opacity: 1; transform: none; position: relative; overflow: hidden; }.tile:hover { border-color: #333; transform: translateY(-2px); }.tile:active { transform: scale(0.95); }.tile h2 { font-size: 2.2rem; position: relative; z-index: 2; }.tile p { opacity: 0.8 !important; font-size: 1rem; position: relative; z-index: 2; }.full { grid-column: span 2; }@media (min-width: 650px) { .full { grid-column: span 1; } }.screen { position: fixed; inset: 0; background: rgba(0,0,0,0.6); backdrop-filter: blur(15px); z-index: 2000; display: none; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s ease;overflow: hidden; overscroll-behavior: none; }.screen.active { display: flex !important; opacity: 1; }.modal { background: var(--bg); border: 1px solid var(--border); width: 90%; max-width: 500px; max-height: 90dvh; border-radius: 35px; padding: 30px; position: relative; overflow-y: auto; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5); opacity: 0; transform: scale(0.7) translateY(50px); transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.4s ease; will-change: transform, opacity; display: flex; flex-direction: column; }.modal > div { flex-shrink: 0 !important; }.screen.active .modal { opacity: 1; transform: scale(1) translateY(0); }.close-icon { position: absolute; right: 25px; top: 25px; font-size: 2.2rem; cursor: pointer; opacity: 0.5; transition: 0.2s; z-index: 10; background: transparent; border: none; color: var(--text); }.close-icon:hover { opacity: 1; color: var(--text); }.modal h2 { margin-bottom: 15px !important; margin-top: 5px !important; line-height: 1; }.input-group { position: relative; width: 100%; margin-bottom: 12px; display: flex; align-items: center; }select, input, textarea { width: 100%; padding: 20px; background: var(--card); border: 1px solid var(--border); color: var(--text); border-radius: 22px; font-size: 1.6rem; outline: none; appearance: none; }textarea { font-size: 1.2rem; resize: none; }.arrow-wrapper { position: absolute; right: 25px; pointer-events: none; color: var(--text); }.btn { position: relative; width: 100%; padding: 18px; border-radius: 22px; border: none; background: var(--text); color: var(--bg); font-size: 1.5rem; cursor: pointer; font-weight: bold; margin-top: 5px; overflow: hidden; display: flex; justify-content: center; align-items: center; transition: 0.2s; }.btn:active { transform: scale(0.98); }.progress-bar { position: absolute; left: 0; top: 0; height: 100%; width: 0%; background: rgba(128,128,128,0.5); z-index: 1; }.btn-text { position: relative; z-index: 2; }.pg-btn { width: 100%; padding: 20px 30px; border-radius: 22px; background: var(--card); border: 1px solid var(--border); color: var(--text); font-size: 1.2rem; letter-spacing: 1px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; margin-bottom: 15px; font-weight: thin; transition: 0.2s; text-transform: uppercase; }.pg-btn:hover { border-color: var(--text); }.pg-btn:active { transform: scale(0.98); }.dot-arrow { width: 20px; height: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; transition: transform 0.3s ease; }.dot-row { display: flex; gap: 2px; }.dot { width: 2.5px; height: 2.5px; background: var(--text); border-radius: 50%; } .dot-arrow.active { transform: scale(1.1); } .project-card { background: var(--card); border: 1px solid var(--border); border-radius: 30px; padding: 20px; margin-bottom: 25px; }.p-header { display: flex; align-items: center; gap: 15px; margin-bottom: 15px; border-bottom: 1px solid var(--border); padding-bottom: 10px; }.p-avatar { width: 55px; height: 55px; border-radius: 50%; object-fit: cover; border: 1px solid var(--border); }.p-info h3 { margin: 0; font-size: 1.4rem; line-height: 1; display: flex; align-items: center; gap: 5px; }.p-info span { font-size: 0.9rem; opacity: 0.6; }.blue-tick { color: #3b82f6; font-size: 1rem; }.p-imgs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 15px 0; }.p-imgs img { width: 100%; height: 80px; object-fit: cover; border-radius: 12px; border: 1px solid #333; cursor: pointer; }.p-link-btn { display: block; width: 100%; padding: 12px; text-align: center; border: 1px solid var(--accent); color: var(--text); border-radius: 15px; text-decoration: none; font-weight: bold; font-size: 1rem; margin-top: 10px; }.p-link-btn:hover { background: var(--accent); color: #fff; }.pfp-select { width: 80px; height: 80px; border-radius: 50%; border: 1px dashed var(--text); display: grid; place-items: center; cursor: pointer; margin: 0 auto 20px; overflow: hidden; } #prjUrl{text-transform:none!important;color:#3b82f6!important}#prjUrl::placeholder{text-transform:uppercase;color:#888!important} .setup-grid-container { padding-top: 0px; padding-bottom: 30px; }.setup-card { background: var(--card); border: 1px solid var(--border); border-radius: 30px; padding: 25px; margin-bottom: 0px; transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.4s ease, filter 0.4s ease; transform: scale(0.85); opacity: 0.4; filter: blur(2px); transform-origin: center center; }.setup-card.in-focus { transform: scale(1); opacity: 1; filter: blur(0px); z-index: 10; }.setup-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; border-bottom: 1px solid #333; padding-bottom: 10px; }.phone-showcase { display: flex; justify-content: center; gap: 15px; margin-bottom: 15px; }.phone-frame { width: 48%; aspect-ratio: 9/19; background: #000; border-radius: 18px; border: 2px solid #333; overflow: hidden; cursor: pointer; transition: 0.2s; }.phone-frame.active { border-color: var(--accent); transform: scale(1.02); }.phone-frame img { width: 100%; height: 100%; }.dl-btn { width: 100%; background: var(--text); color: var(--bg); border: none; padding: 12px; border-radius: 12px; font-weight: bold; display: none; margin-top: 10px; cursor: pointer; }.dl-btn:active { transform: scale(0.96); }.upload-box { background: var(--card); padding: 20px; border-radius: 20px; border: 1px solid var(--border); margin-bottom: 20px; }.upload-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 10px; }.upload-area { border: 1px dashed #444; border-radius: 12px; height: 100px; display: grid; place-items: center; cursor: pointer; color: #666; background: rgba(255,255,255,0.02); overflow: hidden; }.upload-area:active { transform: scale(0.99); }.upload-area img { width: 100%; height: 100%; object-fit: contain; }.like-btn { background: transparent; border: 1px solid #333; color: var(--text); padding: 8px 16px; border-radius: 50px; cursor: pointer; display: flex; align-items: center; gap: 8px; font-size:1.1rem;}.like-btn:active { transform: scale(0.98); }.like-btn.liked { background: var(--accent); border-color: var(--accent); color: white; }.selector-list { display: flex; flex-direction: column; max-height: 60vh; overflow-y: auto; gap:8px; }.selector-item { padding: 20px; background: var(--card); border: 1px solid var(--border); border-radius: 22px; cursor: pointer; font-size: 1.4rem; transition: 0.2s; display: flex; justify-content: space-between; align-items: center; }.selector-item:hover { border-color: var(--text);}.selector-item:active { transform: scale(0.97); }.custom-select-trigger { width: 100%; padding: 20px; background: var(--card); border: 1px solid var(--border); color: var(--text); border-radius: 22px; font-size: 1.6rem; cursor: pointer; display: flex; justify-content: space-between; align-items: center; } .desktop-ad-only { display: block; text-align: center; width: 100%; margin: 5px 0; overflow: hidden; }.mobile-ad-only { display: none !important; }@media (max-width: 650px) { .desktop-ad-only { display: none !important; } .mobile-ad-only { display: flex !important; justify-content: center; width: 100%; margin: 5px 0; overflow: hidden; } }ins.adsbygoogle[data-ad-status="unfilled"]{display:none!important;} .red-dot-loader { width: 10px; height: 10px; background-color: #ff0000; border-radius: 50%; display: inline-block; box-shadow: 0 0 8px #ff0000; animation: pulse-red 0.8s ease-in-out infinite; }@keyframes pulse-red { 0% { transform: scale(0.8); opacity: 0.6; } 50% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(0.8); opacity: 0.6; } }.msg-bubble { background: rgba(255,255,255,0.03); border: 1px solid var(--border); padding: 12px 15px; border-radius: 20px; position: relative; max-width: 85%; align-self: flex-start; margin-bottom: 10px; display: flex; flex-direction: column; cursor: pointer; transition: background 0.2s; }.msg-bubble:active { background: rgba(255,255,255,0.08); }.msg-bubble.self { align-self: flex-end; background: rgba(255, 255, 255, 0.1); border-color: var(--text); text-align: right; }.msg-bubble.self .u-badge { align-self: flex-end; }.u-badge { font-size: 0.7rem; background: var(--text); color: var(--bg); padding: 2px 8px; border-radius: 5px; margin-bottom: 5px; display: inline-block; align-self: flex-start; cursor: pointer; }.u-badge:active { transform: scale(0.95); }.admin-reply-box { margin-top: 10px; padding: 8px 12px; background: rgba(255, 0, 0, 0.05); border-left: 2px solid var(--accent); border-radius: 10px; font-size: 0.9rem; }.admin-tag { color: var(--accent); font-weight: bold; font-size: 0.7rem; display: block; margin-bottom: 2px; }.msg-img { max-width: 100%; border-radius: 12px; margin-top: 5px; margin-bottom: 5px; border: 1px solid rgba(255,255,255,0.2); cursor: pointer; }#imgPreview { display: none; width: 40px; height: 40px; object-fit: cover; border-radius: 8px; margin-right: 10px; border: 1px solid var(--accent); cursor: pointer; }#replyBanner { background: var(--card); border-bottom: 1px solid var(--border); padding: 10px 15px; display: none; align-items: center; justify-content: space-between; gap: 15px; font-size: 0.9rem; animation: slideUp 0.2s ease; color: var(--text); max-width: 100%; }.reply-info { display: flex; flex-direction: column; flex: 1; overflow: hidden; min-width: 0; }#replyText { opacity: 0.7; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; width: 100%; }.close-reply-btn { background: none; border: none; color: var(--text); cursor: pointer; font-size: 1.5rem; flex-shrink: 0; padding: 0 5px; }@keyframes slideUp { from { transform: translateY(10px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }.quoted-block { background: rgba(127, 127, 127, 0.15); border-left: 3px solid var(--text); padding: 6px 10px; border-radius: 6px; margin-bottom: 8px; font-size: 0.85rem; display: flex; flex-direction: column; cursor: pointer; text-align: left; }.q-name { font-weight: bold; font-size: 0.75rem; opacity: 0.9; margin-bottom: 2px; }.q-text { opacity: 0.7; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.msg-footer { display: none; justify-content: flex-end; align-items: center; gap: 15px; margin-top: 6px; border-top: 1px solid rgba(255,255,255,0.05); padding-top: 5px; animation: fadeIn 0.2s ease; }.msg-bubble.active-actions .msg-footer { display: flex; }.action-btn { font-size: 0.8rem; opacity: 0.6; cursor: pointer; transition: 0.2s; display: flex; align-items: center; gap: 5px; padding: 2px 5px; }.action-btn:hover { opacity: 1; color: var(--accent); }.del-btn:hover { color: #ff4444; }#imgViewer { position: fixed; inset: 0; z-index: 5000; background: rgba(0,0,0,0.95); display: none; flex-direction: column; justify-content: center; align-items: center; opacity: 0; transition: opacity 0.3s ease; }#imgViewer.active { opacity: 1; }#viewImg { max-width: 95%; max-height: 80%; border-radius: 10px; box-shadow: 0 0 20px rgba(255,0,0,0.2); }.viewer-ctrls { position: absolute; bottom: 30px; display: flex; gap: 20px; }.v-btn { background: #333; color: #fff; border: 1px solid #555; padding: 10px 20px; border-radius: 50px; cursor: pointer; font-size: 1rem; display: flex; align-items: center; gap: 8px; } .music-ui { text-align: center; }.search-box-m { display: flex; background: var(--card) !important; padding: 5px 10px; border-radius: 50px !important; border: 1px solid var(--border); margin-bottom: 10px; align-items: center; }.search-box-m input { flex: 1; background: transparent !important; border: none !important; color: var(--text) !important; padding: 12px; font-size: 1.2rem; outline: none; }.go-btn { width: 40px !important; height: 40px !important; border-radius: 50% !important; border:none; background: var(--text) !important; color: var(--border) !important; cursor: pointer; display: flex; align-items: center; justify-content: center; }.go-btn:active { transform: scale(0.99); }.go-btn.vip-active {background: #ffcc00 !important;color: #000 !important;}#music-card { display: none; margin-top: 20px; background: var(--card); border: 1px solid var(--border); border-radius: 30px; padding: 20px; text-align: center; }.disc { width: 140px; height: 140px; border-radius: 50%; border: 2px solid var(--border); margin: 0 auto 15px auto; object-fit: cover; display: block; }.spinning { animation: rotate 10s linear infinite; }@keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }.m-ctrls { display: flex; justify-content: center; align-items: center; gap: 30px; font-size: 1.8rem; margin: 20px 0; }#mini-player { position: absolute; top: 60px; right: 140px; width: 45px; height: 45px; border-radius: 50%; border: 2px solid var(--accent); overflow: hidden; cursor: pointer; display: none; z-index: 10; background: #000; }#mini-art { width: 100%; height: 100%; object-fit: cover; display: block; }.wp-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px;}.wp-card { height: 250px; background: #111; border-radius: 25px; position: relative; overflow: hidden; border: 1px solid var(--border); opacity: 1; transform: translateY(0); transition: opacity 0.6s ease-out, transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }.wp-card.hidden-state { opacity: 0; transform: translateY(40px) scale(0.70); }.wp-card.scroll-active { opacity: 1; transform: translateY(0) scale(1); }.wp-card img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; display: block; }.wp-card img:active { transform: scale(1.02); }.wp-overlay { position: absolute; bottom: 0; width: 100%; padding: 10px; background: linear-gradient(transparent, rgba(0,0,0,0.9)); text-align: center; }.wp-overlay p { color: #fff !important; opacity: 1 !important; font-weight: bold; text-shadow: 1px 1px 3px rgba(0,0,0,0.5); }.wp-overlay .btn { width: 90%; margin: 5px auto 0; padding: 8px 0; font-size: 1rem; border-radius: 15px; background: #fff !important; }.wp-overlay .btn .btn-text { color: #000 !important; font-weight: bold !important; opacity: 1 !important; }.preview-container { max-width: 100%; margin: 0 auto; display: none; animation: fadeIn 0.4s ease; margin-bottom: 15px;}.nothing-card { width: 100%; border-radius: 30px; border: 1px solid var(--border); padding: 10px; position: relative; display: flex; flex-direction: column;background-color: var(--card); }.img-wrapper { width: 100%; border-radius: 22px; overflow: hidden; background: #111; transition: aspect-ratio 0.4s ease; }.mode-mobile .img-wrapper { aspect-ratio: 9 / 14; }.mode-desktop .img-wrapper { aspect-ratio: 16 / 9; }.img-wrapper img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; user-select: none; -webkit-user-drag: none; pointer-events: none; }.img-wrapper img.blur { filter: blur(20px); transform: scale(1.1); }.card-footer { margin-top: 20px; display: flex; justify-content: space-between; align-items: center; padding: 0 10px; color: var(--text); }.action-btns { display: flex; gap: 12px; align-items: center; }.save-pill { background: var(--border); color: var(--text); border: none; padding: 8px 30px; border-radius: 50px; font-family: 'VT323', monospace; font-size: 1.4rem; cursor: pointer; font-weight: bold; transition: 0.2s; }.save-pill:active { transform: scale(0.95); }.next-pill { background: var(--border); color: var(--text); border: none; padding: 8px 30px; border-radius: 50px; font-family: 'VT323', monospace; font-size: 1.4rem; cursor: pointer; font-weight: bold; transition: 0.2s; }.next-pill:active { transform: scale(0.95); }@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }.up-box { background: var(--card); border: 1px solid var(--border); border-radius: 20px; padding: 15px; margin-bottom: 12px; }.up-box h4 { font-size: 1.4rem; color: var(--text) !important; }.up-box p { font-size: 0.9rem; opacity: 0.8 !important; margin-top: 4px; text-transform: none; }.sw-display { display: none; align-items: center; gap: 15px; margin: 0 0 12px; padding: 15px; background: var(--card); border-radius: 25px; border: 1px solid var(--border); animation: fadeIn 0.3s ease; }.sw-img-box { width: 70px; height: 90px; border-radius: 12px; overflow: hidden; background: var(--card); flex-shrink: 0; }.sw-img-box img { width: 120%; height: 100%; object-fit: cover; }@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }.guide-box { border: 1px solid var(--border); border-radius: 22px; margin-bottom: 12px; overflow: hidden; margin-top: 0px; background: var(--card); }.guide-header { padding: 18px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; }.guide-content { max-height: 0; overflow: hidden; transition: 0.4s ease; padding: 0 18px; opacity: 0; }.guide-content.open { max-height: 800px !important; padding: 18px; opacity: 1; border-top: 1px solid var(--border); }.guide-content p { color: var(--text) !important; opacity: 0.8 !important; text-transform: none; font-size: 1.1rem; margin-bottom: 12px; }.detail-card { background: var(--card); border: 1px solid var(--border); border-radius: 30px; padding: 25px; margin-bottom: 6px; animation: fadeIn 0.3s ease; }.sc-badge { background: #222; color: #888; padding: 4px 10px; border-radius: 8px; font-size: 0.9rem; border: 1px solid var(--border); }.card-row { display: flex; gap: 10px; margin-top: 15px; }footer { text-align: center; padding: 10px 30px; opacity: 1 !important; font-size: 0.8rem; letter-spacing: 1px; margin-top: 10px; position: relative; z-index: 10; }.footer-links { display: flex; justify-content: center; gap: 20px; margin-bottom: 10px; flex-wrap: wrap; }footer a { color: var(--text); }footer p { opacity: 0.8 !important; }.disclaimer{ max-width: 1100px; margin: auto; line-height: 1.1;}.radar-box { position: relative; width: 60px; height: 60px; margin: 10px auto; display: flex; align-items: center; justify-content: center; }.radar-core { width: 15px; height: 15px; background: var(--text); border-radius: 50%; z-index: 2; }.radar-pulse { position: absolute; inset: 0; border: 2px solid var(--text); border-radius: 50%; animation: radar 1.2s infinite ease-out; }@keyframes radar { 0% { transform: scale(0.2); opacity: 1; } 100% { transform: scale(1.2); opacity: 0; } }.transfer-bar { width: 100%; max-width: 250px; height: 6px; background: var(--border); border-radius: 10px; overflow: hidden; position: relative; margin: 15px auto; }.transfer-flow { position: absolute; left: -50%; width: 50%; height: 100%; background: var(--text); animation: dataFlow 0.8s linear infinite; }@keyframes dataFlow { 0% { left: -50%; } 100% { left: 100%; } }#dropReader { width: 100%; border-radius: 25px; overflow: hidden; display: none; background: #050505; box-shadow: inset 0 0 20px rgba(0,0,0,0.8); border: 2px solid var(--border); }#dropReader video { width: 100% !important; object-fit: cover; border-radius: 25px; transform: scale(1.05); }.desktop-input-group { position: relative; display: flex; align-items: center; width: 100%; max-width: 350px; margin: 0 auto; }.desktop-input-group input { width: 100%; padding: 18px 65px 18px 25px; border-radius: 50px; text-align: center; letter-spacing: 4px; font-size: 1.2rem; font-weight: bold; background: var(--card); border: 2px solid var(--border); transition: 0.3s; color: var(--text); outline: none; }.desktop-input-group input:focus { border-color: var(--text); }.desktop-input-group .inside-btn { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); width: 42px; height: 42px; border-radius: 50%; background: var(--text); color: var(--bg); border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; transition: 0.2s; }.desktop-input-group .inside-btn:active { transform: translateY(-50%) scale(0.85); }@media (pointer: fine) { ::-webkit-scrollbar{width:6px;height:6px} ::-webkit-scrollbar-track{background:transparent} ::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px} ::-webkit-scrollbar-thumb:hover{background:var(--text)}} .dotted-bg { background: var(--card) 1px, transparent 1px); background-size: 12px 12px; }.controls { display: flex; gap: 10px; margin: 0 auto 20px; }.tab-btn { flex: 1; padding: 14px; width:220px;border-radius: 20px; border: 1px solid var(--border); background: var(--card); color: var(--text); cursor: pointer; font-family: 'VT323', monospace; font-size: 1.2rem; transition: 0.2s; }.tab-btn:active { transform: scale(0.97); background:var(--border); } .desktop-only { display: none; }@media (min-width: 350px) { .desktop-only { display: block; } }.status-pill { background:var(--card); border: 1px solid var(--border); color:var(--text); padding:8px 16px; border-radius:50px; font-size:0.9rem; font-weight:bold; display:inline-flex; align-items:center; gap:8px; }.disconnect-btn-inline { background: rgba(255,0,0,0.1); color:#ff4444; border:1px solid #ff4444; width:36px; height:36px; border-radius:50%; display:flex; align-items:center; justify-content:center; cursor:pointer; font-size:1.1rem; transition:0.2s; }.disconnect-btn-inline:active { transform: scale(0.9); }.action-box { background: var(--card); border: 2px dashed var(--border); border-radius: 28px; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; }.action-box:hover, .action-box:focus-within { border-color: var(--text); background: rgba(255, 255, 255, 0.06); transform: translateY(-4px); box-shadow: 0 8px 25px rgba(0,0,0,0.15); }@keyframes floatIcon { 0% { transform: translateY(0px); } 50% { transform: translateY(-5px) scale(1.1); } 100% { transform: translateY(0px); } }.action-box:hover i.fa-file-circle-plus, .action-box:hover i.fa-qrcode { animation: floatIcon 1.5s ease-in-out infinite; color: var(--text); opacity: 1 !important; }.live-dot { width: 10px; height: 10px; background: #00ff00; border-radius: 50%; box-shadow: 0 0 10px #00ff00; animation: pulseLive 1.5s infinite; }@keyframes pulseLive { 0% { box-shadow: 0 0 0 0 rgba(0, 255, 0, 0.7); } 70% { box-shadow: 0 0 0 8px rgba(0, 255, 0, 0); } 100% { box-shadow: 0 0 0 0 rgba(0, 255, 0, 0); } }.drop-zone-bg-anim { position: absolute; width: 100px; height: 100px; background: var(--card); filter: blur(50px); opacity: 0; transition: 0.5s; border-radius: 50%; z-index: 0; pointer-events: none; }.action-box:hover .drop-zone-bg-anim { opacity: 0.15; }#dropSendBtn:active { transform: scale(0.96); }.animated-drop-zone { display: flex; flex-direction: column; align-items: center; justify-content: center; }.drop-zone-content { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 10px; }.drop-zone-content i { font-size: 2.2rem; opacity: 0.8; }.qr-card { background: var(--card); border: 1px solid var(--border); border-radius: 28px; padding: 25px; display: flex; flex-direction: column; align-items: center; margin-bottom: 15px; width: 100%; }.qr-wrapper { background: white; padding: 15px; border-radius: 15px; margin-bottom: 15px; }.pin-title { opacity: 0.5; font-size: 0.85rem; font-weight: bold; letter-spacing: 2px; margin-bottom: 8px; }.code-box { font-size: 2.2rem; letter-spacing: 6px; font-weight: bold; color: var(--text); padding: 5px 15px; }.regen-btn { background: var(--card); border: 1px solid var(--border); color: var(--text); padding: 12px 20px; border-radius: 50px; cursor: pointer; margin-bottom: 10px; font-size: 0.9rem; font-weight: bold; transition: 0.3s; width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px; }.regen-btn:hover, .regen-btn:active { background: var(--text); color: var(--bg); }.regen-btn:active { transform: scale(0.97); }.data-particle { position: absolute; width: 5px; height: 5px; border-radius: 50%; background: var(--text); box-shadow: 0 0 8px rgba(255, 255, 255, 0.8); pointer-events: none; }@keyframes flyUpFull { 0% { transform: translateY(110vh); opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } 100% { transform: translateY(-10vh); opacity: 0; } }.particle-send { animation: flyUpFull linear forwards; }@keyframes flyDownFull { 0% { transform: translateY(-10vh); opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } 100% { transform: translateY(110vh); opacity: 0; } }.particle-recv { animation: flyDownFull linear forwards; } </style></head><body><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N3QQWX28"height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div class="stars-container" id="starField"></div><div class="canvas"></div><header><div class="header-top"><div class="logo"><p style="opacity: 0.4; letter-spacing: 2px;">ONLY FOR FANS</p><h1>Nothing<br>Space</h1></div><div style="display: flex; align-items: center; gap: 15px;"><button class="t-toggle" onclick="openScreen('dropScr'); initDropSystem(false);" aria-label="Open File Drop" style="color: var(--text);"><i class="fas fa-share-alt"></i></button><button class="t-toggle" onclick="toggleTheme()" aria-label="Toggle Dark Mode"><i class="fa-solid fa-sun" id="t-icon"></i></button></div></div></header><main><div class="bento"><div class="tile full" tabindex="0" onclick="openScreen('upScr')" onkeydown="if(event.key==='Enter') this.click()"><h1>WEBSITE</h1><p>WHAT'S NEW ADDED</p></div><div class="tile full" tabindex="0" onclick="openScreen('musicScr')" onkeydown="if(event.key==='Enter') this.click()"><h1>RINGTONE</h1><p>Preview Your Song</p></div><div class="tile full" tabindex="0" onclick="openScreen('setupScr')" onkeydown="if(event.key==='Enter') this.click()"><h1>LAYOUTS</h1><p>RANK & SHARE BUILDS</p></div><div class="tile full" tabindex="0" onclick="openScreen('pgScr')" onkeydown="if(event.key==='Enter') this.click()"><h1>PLAYGROUND</h1><p>ai presets projects</p></div><div class="tile full" tabindex="0" onclick="openScreen('swScr')" onkeydown="if(event.key==='Enter') this.click()"><h1>FIRMWARE</h1><p>NOS ZIP FILE</p></div><div class="tile full" tabindex="0" onclick="openScreen('wpScr')" onkeydown="if(event.key==='Enter') this.click()"><h1>GALLERY</h1><p>EXCLUSIVe Collection</p></div><div class="tile full" tabindex="0" onclick="openScreen('scScr')" onkeydown="if(event.key==='Enter') this.click()"><h1>SUPPORT</h1><p>LOCATE CENTERS</p></div><div class="tile full" tabindex="0" onclick="openScreen('feedbackScr')" onkeydown="if(event.key==='Enter') this.click()"><h1>COMMUNITY</h1><p>FEEDBACK & SUGGESTIONS</p></div></div><div id="mini-player" onclick="restorePlayer()"><img src="" id="mini-art" class="spinning" alt="Mini Player Art"></div><div id="imgViewer" onclick="closeImageViewer()"><button style="position:absolute; top:20px; right:20px; background:none; border:none; color:#fff; font-size:2rem; cursor:pointer;">×</button><img id="viewImg" src="" onclick="event.stopPropagation()"><div class="viewer-ctrls" onclick="event.stopPropagation()"><button class="v-btn" onclick="downloadViewImage()"><i class="fa-solid fa-download"></i> SAVE</button><button class="v-btn" onclick="closeImageViewer()"><i class="fa-solid fa-xmark"></i> CLOSE</button></div></div><div id="selectorScr" class="screen" style="z-index: 3000;"><div class="modal"><button class="close-icon" onclick="closeScreen('selectorScr')">×</button><h2 id="selectorTitle">SELECT OPTION</h2><div id="selectorList" class="selector-list" style="margin-top: 20px;"></div></div></div><div id="setupScr" class="screen"><div class="modal"><button class="close-icon" onclick="closeScreen('setupScr')">×</button><h2 style="border-bottom: 1px solid #333; padding-bottom: 10px; margin-bottom: 20px;">TOP SETUPS</h2><button class="pg-btn" onclick="toggleUpload()" style="margin-bottom: 15px;"><span>UPLOAD YOUR SETUP</span><i class="fa-solid fa-plus"></i></button><div class="controls" style="display: flex; gap: 14px; margin-bottom: 15px;flex-wrap: wrap;"><button class="tab-btn active" onclick="switchSetupTab('RECENT')">RECENT</button><button class="tab-btn" onclick="switchSetupTab('TOP')">TOP</button></div><div id="setupUploadForm" class="upload-box" style="display:none;"><span style="display:block;color:var(--accent);margin-bottom:5px;">1. SCREENSHOTS (DISPLAY)</span><div class="upload-grid"><div class="upload-area" onclick="document.getElementById('ssLockIn').click()"><div id="prevSsLock">HOME SS</div></div><div class="upload-area" onclick="document.getElementById('ssHomeIn').click()"><div id="prevSsHome">LOCK SS</div></div></div><span style="display:block;color:var(--accent);margin-bottom:5px;">2. WALLPAPERS (DOWNLOAD)</span><div class="upload-grid"><div class="upload-area" onclick="document.getElementById('wallLockIn').click()"><div id="prevWallLock">HOME WP</div></div><div class="upload-area" onclick="document.getElementById('wallHomeIn').click()"><div id="prevWallHome">LOCK WP</div></div></div><input type="file" id="ssLockIn" accept="image/*" hidden onchange="handleImg(this, 'prevSsLock', true)"><input type="file" id="ssHomeIn" accept="image/*" hidden onchange="handleImg(this, 'prevSsHome', true)"><input type="file" id="wallLockIn" accept="image/*" hidden onchange="handleImg(this, 'prevWallLock', false)"><input type="file" id="wallHomeIn" accept="image/*" hidden onchange="handleImg(this, 'prevWallHome', false)"><input type="text" id="setupTitle" placeholder="SETUP TITLE" maxlength="15" style="margin-bottom: 10px;"><textarea id="setupDesc" placeholder="DETAILS (Like- Widgets, Icon Pack)" rows="2"></textarea><button class="btn" onclick="submitSetup()" id="submitBtn">POST NOW</button></div><div id="setupGrid" class="setup-grid-container"><p style="text-align:center; opacity:0.3; margin-top:50px;">LOADING SETUP...</p></div></div></div><div id="upScr" class="screen"><div class="modal"><button class="close-icon" onclick="closeScreen('upScr')">×</button><h2>WEBSITE LOGS</h2><div style="margin-bottom:10px;"><div class="guide-box"><div class="guide-header" onclick="toggleItem(this)"><div style="display:flex; flex-direction:column; align-items:flex-start;"><h4 style="margin:0; font-size:1.4rem; color:var(--text);">FILE DROP</h4><p style="margin:0; opacity:0.6; font-size:0.9rem;">ANY DEVICE & ANYWHERE</p></div><div class="arrow-wrapper" style="position:static;"><div class="dot-arrow"><div class="dot-row"><div class="dot"></div><div class="dot" style="visibility:hidden"></div><div class="dot"></div></div><div class="dot-row"><div class="dot"></div><div class="dot"></div></div><div class="dot-row"><div class="dot"></div></div></div></div></div><div class="guide-content"><p>SHARE FILES AND TEXT DIRECTLY BETWEEN ANY DEVICES, ANYWHERE. IT DOESN'T MATTER IF YOU ARE ON ANDROID, IOS, WINDOWS. NO NEED TO BE ON THE SAME NETWORK, SAME BROWSER & SAME LOCATION. EXPERIENCE LIGHTNING-FAST, SECURE PEER-TO-PEER (P2P) TRANSFERS WITHOUT UPLOADING TO ANY SERVER. ZERO COMPRESSION, ZERO DATA COLLECTION. JUST SCAN THE QR OR ENTER THE PIN AND DROP.</p></div></div><div class="guide-box"><div class="guide-header" onclick="toggleItem(this)"><div style="display:flex; flex-direction:column; align-items:flex-start;"><h4 style="margin:0; font-size:1.4rem; color:var(--text);">PLAYGROUND</h4><p style="margin:0; opacity:0.6; font-size:0.9rem;">PROJECTS, PRESETS & PROMPTS</p></div><div class="arrow-wrapper" style="position:static;"><div class="dot-arrow"><div class="dot-row"><div class="dot"></div><div class="dot" style="visibility:hidden"></div><div class="dot"></div></div><div class="dot-row"><div class="dot"></div><div class="dot"></div></div><div class="dot-row"><div class="dot"></div></div></div></div></div><div class="guide-content"><p>DISCOVER AND COPY TRENDING PROMPTS TO CREATE YOUR OWN IMAGE. ENHANCE YOUR PHOTOGRAPHY WITH PREMIUM CAMERA PRESETS OR SHARE YOUR OWN NOTHING PROJECTS. TO ENSURE SAFETY, ALL LINKS ARE ADMIN-VERIFIED. VERIFIED PROJECTS GET A BLUE TICK AND UNLOCKED ACCESS, BUILDING TRUST AND PROTECTING THE COMMUNITY FROM FAKE LINKS.</p></div></div><div class="guide-box"><div class="guide-header" onclick="toggleItem(this)"><div style="display:flex; flex-direction:column; align-items:flex-start;"><h4 style="margin:0; font-size:1.4rem; color:var(--text);">SETUP LAYOUTS</h4><p style="margin:0; opacity:0.6; font-size:0.9rem;">CUSTOM HOME & LOCK SCREENS</p></div><div class="arrow-wrapper" style="position:static;"><div class="dot-arrow"><div class="dot-row"><div class="dot"></div><div class="dot" style="visibility:hidden"></div><div class="dot"></div></div><div class="dot-row"><div class="dot"></div><div class="dot"></div></div><div class="dot-row"><div class="dot"></div></div></div></div></div><div class="guide-content"><p>SHARE YOUR HOME OR LOCK SCREEN SETUPS WITH DETAILS ON ICONS AND WIDGETS. USERS CAN DOWNLOAD WALLPAPERS AND UPVOTE LAYOUTS, WITH TOP-LIKED SETUPS RANKING AUTOMATICALLY. RECENT AND TOP BUTTON NOW AVAILABLE. PLEASE ENSURE CORRECT CATEGORIZATION AND INCLUDE CLEAR DESCRIPTIONS.</p></div></div><div class="guide-box"><div class="guide-header" onclick="toggleItem(this)"><div style="display:flex; flex-direction:column; align-items:flex-start;"><h4 style="margin:0; font-size:1.4rem; color:var(--text);">COMMUNITY BOARD</h4><p style="margin:0; opacity:0.6; font-size:0.9rem;">PUBLIC FEEDBACK & SUGGESTIONS</p></div><div class="arrow-wrapper" style="position:static;"><div class="dot-arrow"><div class="dot-row"><div class="dot"></div><div class="dot" style="visibility:hidden"></div><div class="dot"></div></div><div class="dot-row"><div class="dot"></div><div class="dot"></div></div><div class="dot-row"><div class="dot"></div></div></div></div></div><div class="guide-content"><p>TYPE /AI TO GENERATE AI IMAGES (EG. /AI ANY PROMPT OR WORD) & SEND DIRECTLY IN CHAT (LIMIT: 1/DAY). TYPE /RESET TO EASILY UPDATE YOUR NAME. REPORT BROKEN UI, DEAD LINKS, OR SUGGEST IMPROVEMENTS WITHOUT NEEDING TO LOG IN. OUR PUBLIC CHAT ALLOWS EVERYONE TO DISCUSS.</p></div></div><div class="guide-box"><div class="guide-header" onclick="toggleItem(this)"><div style="display:flex; flex-direction:column; align-items:flex-start;"><h4 style="margin:0; font-size:1.4rem; color:var(--text);">RINGTONE PLAYER</h4><p style="margin:0; opacity:0.6; font-size:0.9rem;">INSTANT SEARCH & PLAY</p></div><div class="arrow-wrapper" style="position:static;"><div class="dot-arrow"><div class="dot-row"><div class="dot"></div><div class="dot" style="visibility:hidden"></div><div class="dot"></div></div><div class="dot-row"><div class="dot"></div><div class="dot"></div></div><div class="dot-row"><div class="dot"></div></div></div></div></div><div class="guide-content"><p>INSTANTLY SEARCH, PLAY, AND DOWNLOAD RINGTONES FROM MOVIES, ARTISTS, OR TRENDS. SUPPORTS BACKGROUND PLAYBACK AND REMAINS COMPLETELY AD-FREE FOR A DISTRACTION-FREE EXPERIENCE WITH SEAMLESS NAVIGATION.</p></div></div><div class="guide-box"><div class="guide-header" onclick="toggleItem(this)"><div style="display:flex; flex-direction:column; align-items:flex-start;"><h4 style="margin:0; font-size:1.4rem; color:var(--text);">WALLPAPER GALLERY</h4><p style="margin:0; opacity:0.6; font-size:0.9rem;">EXCLUSIVE DEPTH & AI GENERATED</p></div><div class="arrow-wrapper" style="position:static;"><div class="dot-arrow"><div class="dot-row"><div class="dot"></div><div class="dot" style="visibility:hidden"></div><div class="dot"></div></div><div class="dot-row"><div class="dot"></div><div class="dot"></div></div><div class="dot-row"><div class="dot"></div></div></div></div></div><div class="guide-content"><p>ACCESS EXCLUSIVE HIGH-QUALITY KLWP DEPTH EFFECT WALLPAPERS OR WANT SIMPLE JUST CREATE YOUR OWN USING OUR AI GENERATOR. SIMPLY CHOOSE YOUR DEVICE FORMAT--MOBILE OR DESKTOP--AND GENERATE UNIQUE ART TAILORED TO YOUR AESTHETIC.</p></div></div><div class="guide-box"><div class="guide-header" onclick="toggleItem(this)"><div style="display:flex; flex-direction:column; align-items:flex-start;"><h4 style="margin:0; font-size:1.4rem; color:var(--text);">FIRMWARE UPDATE</h4><p style="margin:0; opacity:0.6; font-size:0.9rem;">NOTHING & CMF OS ZIPS</p></div><div class="arrow-wrapper" style="position:static;"><div class="dot-arrow"><div class="dot-row"><div class="dot"></div><div class="dot" style="visibility:hidden"></div><div class="dot"></div></div><div class="dot-row"><div class="dot"></div><div class="dot"></div></div><div class="dot-row"><div class="dot"></div></div></div></div></div><div class="guide-content"><p>MANUAL ACCESS TO THE LATEST FIRMWARE VERSIONS FOR NOTHING AND CMF DEVICES. IDEAL FOR USERS WHO HAVEN'T RECEIVED THE OFFICIAL OTA ROLLOUT AND WISH TO UPGRADE. PRESS THE BELL ICON TO GET NOTIFICATIONS FOR NEW UPDATES, SO YOU DON'T HAVE TO CHECK MANUALLY.</p></div></div><div class="guide-box"><div class="guide-header" onclick="toggleItem(this)"><div style="display:flex; flex-direction:column; align-items:flex-start;"><h4 style="margin:0; font-size:1.4rem; color:var(--text);">SERVICE DATABASE</h4><p style="margin:0; opacity:0.6; font-size:0.9rem;">MAPS & DIRECT CALL</p></div><div class="arrow-wrapper" style="position:static;"><div class="dot-arrow"><div class="dot-row"><div class="dot"></div><div class="dot" style="visibility:hidden"></div><div class="dot"></div></div><div class="dot-row"><div class="dot"></div><div class="dot"></div></div><div class="dot-row"><div class="dot"></div></div></div></div></div><div class="guide-content"><p>EASILY LOCATE THE NEAREST SERVICE CENTER WITH ONE-TAP GOOGLE MAPS INTEGRATION AND DIRECT CALL SUPPORT. GET PRECISE ADDRESSES AND CONTACT DETAILS WITHOUT THE NEED FOR MANUAL SEARCHING.</p></div></div></div></div></div><div id="feedbackScr" class="screen"><div class="modal" style="height: 80dvh; display: flex; flex-direction: column;"><button class="close-icon" onclick="closeScreen('feedbackScr')">×</button><h2>COMMUNITY BOARD</h2><p style="opacity: 0.4; font-size: 0.8rem; margin-bottom: 15px;">PUBLIC FEEDBACK & CHAT</p><div id="msgBoard" style="flex: 1; overflow-y: auto; padding: 10px; display: flex; flex-direction: column; gap: 15px; scroll-behavior: smooth;"></div><div style="background: var(--card); border: 1px solid var(--border); border-radius: 30px; overflow: hidden; margin-top: 15px; position: sticky; bottom: 0;"><div id="replyBanner"><div class="reply-info"><span style="font-size:0.7rem; color:var(--accent); font-weight:bold;">REPLYING TO</span><span id="replyText">User message...</span></div><button onclick="cancelReply()" class="close-reply-btn">×</button></div><div style="padding: 5px 5px 5px 15px; display: flex; align-items: center;"><img id="imgPreview" src="" onclick="clearImage()" title="Click to remove"><input type="text" id="userMsg" placeholder="SHARE SUGGESTION..." aria-label="Type Message" style="flex: 1; background: transparent; border: none; color: var(--text); outline: none; font-family: 'VT323' !important; font-size: 1.2rem;"><input type="file" id="imgInput" accept="image/*" style="display: none;" onchange="handleFileSelect()"><button id="imgUploadBtn" onclick="document.getElementById('imgInput').click()" style="width: 40px; height: 40px; border-radius: 50%; background: transparent; color: var(--text); border: none; cursor: pointer; margin-right: 5px; display: none;"><i class="fa-solid fa-image"></i></button><button id="sendBtn" onclick="sendMsg()" aria-label="Send Message" style="width: 45px; height: 45px; border-radius: 50%; margin-right:5px;background: var(--text); color: var(--bg); border: none; cursor: pointer; display: flex; justify-content: center; align-items: center;"><i class="fa-solid fa-arrow-up"></i></button></div></div></div></div><div id="musicScr" class="screen"><div class="modal"><button class="close-icon" onclick="handleMusicClose()">×</button><h2>RINGTONE PLAYER</h2><div class="music-ui"><div class="search-box-m"><input type="text" id="mQuery" placeholder="SEARCH SONG..."><button class="go-btn" id="mSearchBtn" onclick="searchMusic()"><i class="fa-solid fa-magnifying-glass"></i></button></div></div><div id="music-card"><img src="" id="mArt" class="disc" alt="Album Art"><h3 id="mTitle" style="margin-top:15px;">TITLE</h3><p id="mArtist" style="opacity:0.5;">ARTIST</p><div class="m-ctrls"><i class="fa-solid fa-backward-step" onclick="prevSong()" style="cursor:pointer"></i><span id="play-pause" onclick="togglePlay()" style="cursor:pointer"><i class="fa-solid fa-circle-play"></i></span><i class="fa-solid fa-forward-step" onclick="nextSong()" style="cursor:pointer"></i></div><button class="btn" onclick="downloadCurrentSong()">PREVIEW TONE</button></div><audio id="mPlayer" onended="nextSong()"></audio></div></div><div id="swScr" class="screen"><div class="modal"><button class="close-icon" onclick="closeScreen('swScr')">×</button><h2>SYSTEM UPDATE</h2><div class="guide-box"><div class="guide-header" onclick="toggleAccordion()"><span>HOW TO UPDATE?</span><div class="arrow-wrapper" style="position:static;"><div class="dot-arrow"><div class="dot-row"><div class="dot"></div><div class="dot" style="visibility:hidden"></div><div class="dot"></div></div><div class="dot-row"><div class="dot"></div><div class="dot"></div></div><div class="dot-row"><div class="dot"></div></div></div></div></div><div class="guide-content" id="accContent"><p>1. DOWNLOAD THE BETA HUB TOOL APK.<br>2. CREATE "OTA" FOLDER IN INTERNAL STORAGE AND PASTE OTA ZIP INSIDE.<br>3. SETTING - SYSTEM - BETA HUB - IMPORT FILE - ZIP - UPDATE.</p><button class="btn" style="font-size:1.6rem; padding:17px;" onclick="runDownload(this, 'BETA_TOOL')"><div class="progress-bar"></div><span class="btn-text">DOWNLOAD BETA TOOL</span></button></div></div><div class="sw-display" id="swDisplay"><div class="sw-img-box"><img src="" id="swPhoneImg" style="cursor: pointer;" alt="Phone Image" onmousedown="startSoftwareLogic()" ontouchstart="startSoftwareLogic()" onmouseup="cancelSoftwareLogic()" onmouseleave="cancelSoftwareLogic()" ontouchend="cancelSoftwareLogic()" ontouchmove="cancelSoftwareLogic()"></div><div class="sw-info"><h2 id="swPhoneTitle">DEVICE</h2><p style="opacity:0.5; font-size:0.9rem;">UN-Official OTA Firmware</p></div></div><div class="input-group"><div class="custom-select-trigger" onclick="openDeviceMenu()"><span id="deviceTriggerText">SELECT YOUR DEVICE</span><div class="dot-arrow"><div class="dot-row"><div class="dot"></div><div class="dot" style="visibility:hidden"></div><div class="dot"></div></div><div class="dot-row"><div class="dot"></div><div class="dot"></div></div><div class="dot-row"><div class="dot"></div></div></div></div><input type="hidden" id="swSelect" value=""></div><div id="logBox" style="display:none;" class="detail-card"><div style="display: flex; justify-content: flex-start; margin: 5px 0;"><div onclick="window.open('https://spike0en.github.io/nothing_archive/', '_blank', 'noreferrer')" style="cursor: pointer; display: inline-flex; align-items: center; gap: 6px; background: rgba(255, 255, 255, 0.05); border: 1px solid var(--border); padding: 3px 10px; border-radius: 8px; transition: 0.1s;" onmouseover="this.style.borderColor='var(--text)'; this.style.background='rgba(255, 255, 255, 0.1)';" onmouseout="this.style.borderColor='var(--border)'; this.style.background='rgba(255, 255, 255, 0.05)';" ><span style="font-family: sans-serif !important; font-size: 12px; font-weight: 600; color: var(--text); opacity: 0.7; letter-spacing: 0.3px; text-transform: none;"> CC: Nothing Archive by spike0en </span><i class="fa-solid fa-arrow-up-right-from-square" style="font-size: 0.65rem; opacity: 0.3; color: var(--text);"></i></div></div><ul id="swList" style="margin:15px 0; opacity:0.7; list-style: inside; text-transform: none;"></ul><button class="btn" onclick="runDownload(this, 'OTA_ZIP')"><div class="progress-bar"></div><span class="btn-text">PREVIEW OTA ZIP</span></button></div></div></div><div id="pgScr" class="screen"><div class="modal"><button class="close-icon" onclick="closeScreen('pgScr')">×</button><h2>PLAYGROUND</h2><div style="margin-top:20px;"><div class="pg-btn" onclick="openScreen('promptScr')"><span>AI Photo PROMPTS</span><i class="fa-solid fa-microchip"></i></div><div class="pg-btn" onclick="openScreen('presetScr')"><span>CAMERA PRESETS</span><i class="fa-solid fa-camera"></i></div><div class="pg-btn" onclick="openProjectScreen()"><span>COMMUNITY PROJECTS</span><i class="fa-solid fa-code"></i></div></div></div></div><div id="promptScr" class="screen"><div class="modal"><button class="close-icon" onclick="closeScreen('promptScr')">×</button><h2>AI PROMPTS</h2><p style="opacity:0.5; margin-bottom:10px;">COPY & GENERATE AI ART</p><div class="wp-grid" id="promptGrid"></div></div></div><div id="presetScr" class="screen"><div class="modal"><button class="close-icon" onclick="closeScreen('presetScr')">×</button><h2>CAMERA PRESETS</h2><p style="opacity:0.5; margin-bottom:10px;">EXCLUSIVE PRESETS</p><div class="wp-grid" id="presetGrid"></div></div></div><div id="projectScr" class="screen"><div class="modal"><button class="close-icon" onclick="closeScreen('projectScr')">×</button><h2 id="prjHubTitle">COMMUNITY HUB</h2><div style="display:flex; gap:10px; margin-bottom:0px;"><button class="pg-btn" onclick="switchProjectTab('feed')" id="btnFeed" style="background:var(--card); color:var(--text);">EXPLORE</button><button class="pg-btn" onclick="switchProjectTab('upload')" id="btnUpload" style="background:var(--card); color:var(--text);">UPLOAD</button></div><div id="projectFeed"><p style="text-align:center; opacity:0.5; margin-top:50px;">FETCHING PROJECTS...</p></div><div id="projectForm" style="display:none;"><div class="upload-box"><p style="text-align:center; opacity:0.5; margin-bottom:10px;"> AUTHOR PROFILE OR LOGO</p><label class="pfp-select"><img id="pfpPrv" src="" style="display:none; width:100%; height:100%; object-fit:cover;"><i class="fa-solid fa-camera" id="pfpIcon"></i><input type="file" hidden accept="image/*" onchange="handlePrjFile(this, 'pfpPrv', 'avatar')"></label><div class="input-group"><input type="text" id="prjAuthor" placeholder="YOUR NAME" maxlength="20"></div><div class="input-group"><input type="text" id="prjTitle" placeholder="PROJECT TITLE" maxlength="25"></div><div class="input-group"><textarea id="prjDesc" placeholder="DESCRIPTION" rows="3" maxlength="150"></textarea></div><div class="input-group"><input type="text" id="prjUrl" placeholder="PROJECT URL"></div><p style="color:var(--accent); font-size:0.9rem; margin:10px 0 5px;">SCREENSHOTS (REQUIRED)</p><div class="upload-grid" style="grid-template-columns: repeat(3, 1fr); gap:10px;"><div class="upload-area" style="height:80px; border:1px dashed #555; display:grid; place-items:center;" onclick="document.getElementById('prjImg1').click()"><div id="prv1" style="font-size:0.7rem;">IMG 1</div></div><div class="upload-area" style="height:80px; border:1px dashed #555; display:grid; place-items:center;" onclick="document.getElementById('prjImg2').click()"><div id="prv2" style="font-size:0.7rem;">IMG 2</div></div><div class="upload-area" style="height:80px; border:1px dashed #555; display:grid; place-items:center;" onclick="document.getElementById('prjImg3').click()"><div id="prv3" style="font-size:0.7rem;">IMG 3</div></div></div><input type="file" id="prjImg1" hidden onchange="handlePrjFile(this, 'prv1', 'img1')"><input type="file" id="prjImg2" hidden onchange="handlePrjFile(this, 'prv2', 'img2')"><input type="file" id="prjImg3" hidden onchange="handlePrjFile(this, 'prv3', 'img3')"><button class="btn" id="prjPushBtn" onclick="pushProjectData()" style="margin-top:20px;"><div class="progress-bar"></div><span class="btn-text">PUBLISH PROJECT</span></button></div></div></div></div><div id="wpScr" class="screen"><div class="modal"><button class="close-icon" onclick="closeScreen('wpScr')">×</button><h2>GALLERY</h2><div class="controls" style="display: flex; gap: 14px; margin-bottom: 15px; flex-wrap: wrap;"><a href="https://nothingtools.github.io/wp.html" rel="noreferrer" class="pg-btn" onclick="return unlockPremiumGrid(event,this)" style="margin-bottom:0 !important; display:flex; justify-content:space-between; align-items:center; text-decoration:none; width:100%; box-sizing:border-box;"><span>KLWP DEPTH WALLPAPERS</span><i class="fa-solid fa-gift fa-bounce" style="--fa-animation-duration:1.5s;"></i></a><button class="tab-btn" onclick="toggleGenerator('mobile')">MOBILE</button><button class="tab-btn" onclick="toggleGenerator('desktop')">DESKTOP</button></div><div id="genUI" class="preview-container"><div id="mainCard" class="nothing-card dotted-bg"><div class="img-wrapper" oncontextmenu="return false;"><img id="wallImg" src="" alt="Wallpaper Preview"></div><div class="card-footer"><div class="action-btns"><button class="save-pill" onclick="downloadWall()">SAVE</button><button class="next-pill" onclick="generateWall()">NEXT</button><div id="statusText" class="status-tag">GEN🪄</div></div></div></div></div><div class="wp-grid" id="wallpaperGrid"></div></div></div><div id="scScr" class="screen"><div class="modal"><button class="close-icon" onclick="closeScreen('scScr')">×</button><h2>SERVICE CENTERS</h2><div class="input-group" style="margin-top:20px;"><div class="custom-select-trigger" onclick="openStateMenu()"><span id="stateTriggerText">SELECT STATE</span><div class="arrow-wrapper"><div class="dot-arrow"><div class="dot-row"><div class="dot"></div><div class="dot" style="visibility:hidden"></div><div class="dot"></div></div><div class="dot-row"><div class="dot"></div><div class="dot"></div></div><div class="dot-row"><div class="dot"></div></div></div></div></div><input type="hidden" id="state" value=""></div><div class="input-group" id="cityGroup" style="display:none;"><div class="custom-select-trigger" onclick="openCityMenu()"><span id="cityTriggerText">SELECT CITY</span><div class="arrow-wrapper"><div class="dot-arrow"><div class="dot-row"><div class="dot"></div><div class="dot" style="visibility:hidden"></div><div class="dot"></div></div><div class="dot-row"><div class="dot"></div><div class="dot"></div></div><div class="dot-row"><div class="dot"></div></div></div></div></div><input type="hidden" id="city" value=""></div><div id="scInfo"></div></div></div><div id="particle-container" style="position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; pointer-events: none; z-index: 99999; overflow: hidden;"></div><div id="dropScr" class="screen"><div class="modal" style="position: relative; z-index: 10;"><button class="close-icon" onclick="closeScreen('dropScr')">×</button><h2>FILE DROP</h2><p style="opacity:0.5; margin-bottom:15px; font-size: 0.9rem;">Anywhere 2 Everywhere</p><div class="controls" style="display: flex; gap: 10px; margin-bottom: 20px; width: 100%;"><button class="tab-btn" style="flex: 1; padding: 12px; min-width: 0;" onclick="switchDropTab('recv')">RECEIVE</button><button class="tab-btn" style="flex: 1; padding: 12px; min-width: 0;" onclick="switchDropTab('send')">SEND</button></div><div id="recvTab" style="display:none; text-align:center;"><div id="recvInitialUI"><div class="qr-card"><div id="dropQrCode" class="qr-wrapper"></div><p class="pin-title">6-DIGIT SECURE PIN</p><div class="code-box" id="dropMyCode">...</div></div><button class="regen-btn" onclick="initDropSystem(true)"><i class="fa-solid fa-rotate-right"></i> REGENERATE PIN </button></div><div id="recvConnectedUI" style="display:none;"><div style="display:flex; justify-content:center; align-items:center; gap:10px; margin-bottom: 20px;"><div class="status-pill"><div class="live-dot"></div> RECEIVER CONNECTED </div><button class="disconnect-btn-inline" onclick="disconnectDrop()" title="Disconnect"><i class="fa-solid fa-xmark"></i></button></div><div id="dropTextLogs" style="max-height: 300px; overflow-y: auto; text-align: left; display: flex; flex-direction: column; gap: 10px; margin-bottom: 10px;"></div></div></div><div id="sendTab" style="display:none; text-align:center;"><div id="senderInitialUI"><div class="animated-drop-zone action-box" onclick="startDirectScanner()" id="scannerTrigger" style="margin-bottom: 10px; height: 140px;"><div class="drop-zone-bg-anim"></div><div class="drop-zone-content"><i class="fa-solid fa-qrcode"></i><span style="font-weight:bold; font-size: 1.1rem; letter-spacing:1px;">TAP SCAN QR</span></div></div><div id="dropReader" style="margin-bottom: 10px;"></div><p id="scannerLoader" style="display:none; margin: 15px 0; opacity: 0.6; font-size:1.1rem;"><i class="fa-solid fa-spinner fa-spin"></i> STARTING CAMERA...</p><p class="desktop-only" style="opacity:0.4; margin:15px 0; font-size: 0.9rem; letter-spacing: 1px;">— OR —</p><div class="desktop-only desktop-input-group"><input type="text" id="manualDropCode" placeholder="ENTER 6-DIGIT PIN" maxlength="6"><button class="inside-btn" onclick="connectDropManual()"><i class="fa-solid fa-arrow-right"></i></button></div></div><div id="dropSendSection" style="display:none; margin-top:5px;"><div style="display:flex; justify-content:center; align-items:center; gap:10px; margin-bottom: 25px;"><div class="status-pill"><div class="live-dot"></div> SENDER CONNECTED </div><button class="disconnect-btn-inline" onclick="disconnectDrop()" title="Disconnect"><i class="fa-solid fa-xmark"></i></button></div><input type="file" id="dropFileInput" multiple hidden onchange="updateDropFileLabel()"><div style="display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;"><div class="action-box" onclick="document.getElementById('dropFileInput').click()" style="width: 100%; min-height: 120px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; cursor: pointer;"><div class="drop-zone-bg-anim"></div><i class="fa-solid fa-file-circle-plus" id="dropFileIcon" style="font-size: 2.5rem; margin-bottom: 12px; opacity: 0.8; transition: 0.3s;"></i><span id="dropFileLabel" style="font-weight:bold; opacity: 0.9; font-size: 1rem; letter-spacing:1px; text-align: center;">TAP OR DRAG FILES</span></div><div class="action-box" style="width: 100%;"><textarea id="dropTextInput" style="width: 100%; height: 100px; background: transparent; border: none; padding: 15px; color: var(--text); font-family: 'VT323', monospace; font-size: 1.1rem; resize: none; outline: none;" placeholder="TYPE OR PASTE TEXT MESSAGE..."></textarea></div></div><button class="btn" onclick="sendDropData()" id="dropSendBtn" style="width: 100%; margin: 0; background: var(--text); color: var(--bg); border-radius: 20px; font-size: 1.2rem; padding: 16px; border: none; cursor: pointer; font-weight: bold; letter-spacing: 1px; transition: 0.2s;"><i class="fa-solid fa-paper-plane" style="margin-right: 8px;"></i> SEND DATA </button></div></div><div id="dropStatus" style="margin-top:15px; padding:12px; border-radius:12px; background:var(--card); border:1px solid var(--border); display:none; text-align:center; font-weight:bold; font-size: 1rem;"></div></div></div><div id="aboutScr" class="screen"><div class="modal"><span class="close-icon" onclick="closeScreen('aboutScr')">×</span><h2>ABOUT US</h2><p style="text-align:center; opacity:0.6; font-size:0.9rem; margin-bottom:15px; letter-spacing:1px;">ESTABLISHED 2026 • COMMUNITY DRIVEN</p><div class="detail-card"><p> Welcome to <b>Nothing Space</b>. We are a dedicated open-source resource hub built for enthusiasts of the Nothing™ technology ecosystem. Our mission is to bridge the gap between complex developer resources and the average user. </p><h3 style="margin-top:20px; font-size:1.2rem; border-bottom:1px solid rgba(255,255,255,0.1); padding-bottom:5px;">OUR MISSION</h3><p> To provide a safe, ad-free (pop-up free), and direct download environment for Firmware, wallpaper, Preset, and Tools. We believe in the "Right to Repair" and "Device Customization" philosophies. </p><h3 style="margin-top:20px; font-size:1.2rem; border-bottom:1px solid rgba(255,255,255,0.1); padding-bottom:5px;">EDITORIAL STANDARDS</h3><p> Reliability is our core value. To ensure user safety, every file hosted on Nothing Space undergoes a strict 3-step verification process: </p><ul style="margin-left:20px; opacity:0.8; list-style:square; margin-top:10px;"><li><b>Source Verification:</b> We verify firmware details using publicly available official release data. We do not host or redistribute firmware files and only direct users to official sources when applicable.</li><li><b>Security Scanning:</b> All APKs are scanned via VirusTotal APIs before listing to ensure 0% malware.</li><li><b>Manual Testing:</b> Our internal team tests UI wallpaper, Preset on real hardware (Phone 1/2) to ensure stability.</li></ul><h3 style="margin-top:20px; font-size:1.2rem; border-bottom:1px solid rgba(255,255,255,0.1); padding-bottom:5px;">THE TEAM</h3><div style="display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:10px;"><div style="background:rgba(255,255,255,0.05);border:1px solid var(--border);padding:10px; border-radius:10px; text-align:center;"><span style="font-size:0.8rem; opacity:0.6;">LEAD DEVELOPER</span><br><b>ROHit</b></div><div style="background:rgba(255,255,255,0.05);border:1px solid var(--border);padding:10px; border-radius:10px; text-align:center;"><span style="font-size:0.8rem; opacity:0.6;">HQ LOCATION</span><br><b>Bihar, India</b></div></div><div style="display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:10px;"><div style="background:rgba(255,255,255,0.05);border:1px solid var(--border);padding:10px; border-radius:10px; text-align:center;"><span style="font-size:0.8rem; opacity:0.6;">FIRMWARE MAINTAINER</span><br><b>Spike0en</b></div><div style="background:rgba(255,255,255,0.05);border:1px solid var(--border);padding:10px; border-radius:10px; text-align:center;"><span style="font-size:0.8rem; opacity:0.6;">HQ LOCATION</span><br><b>Delhi, India</b></div></div></div></div></div></div></div><div id="privacyScr" class="screen"><div class="modal"><span class="close-icon" onclick="closeScreen('privacyScr')">×</span><h2>PRIVACY POLICY</h2><div class="detail-card"><p style="font-size:0.9rem; opacity:0.6; margin-bottom:15px;"> Last Updated: <span id="daily-date"></span></p><p>At Nothing Space (accessible from nothingtools.github.io), safeguarding the privacy of our visitors is one of our primary objectives. This Privacy Policy document contains types of information that is collected and recorded by Nothing Space and how we use it.</p><h3 style="margin-top:20px; font-size:1.1rem;">1. INFORMATION COLLECTION</h3><p><b>Personal Data:</b> We do not require you to create an account or provide personal details (like Name, Phone Number, Address) to access our downloads.<br><b>Voluntary Data:</b> If you contact us via email, we will only use your email address to reply to your query. It will never be sold or shared. </p><h3 style="margin-top:20px; font-size:1.1rem;">2. GOOGLE ADSENSE & COOKIES</h3><p>We partner with Google AdSense to display advertisements. Google uses cookies, known as DART cookies, to serve ads to our site visitors based upon their visit to our site and other sites on the internet.</p><div style="margin-top:10px; background:rgba(255,255,255,0.05); padding:10px; border-radius:10px; font-size:0.9rem;"><b>OPT-OUT:</b> You may choose to decline the use of DART cookies by visiting the Google Ad and Content Network Privacy Policy at <a href="https://policies.google.com/technologies/ads" target="_blank" style="text-decoration:underline;">policies.google.com</a>. </div><h3 style="margin-top:20px; font-size:1.1rem;">3. GDPR DATA PROTECTION RIGHTS</h3><p>We would like to make sure you are fully aware of all of your data protection rights. Every user is entitled to the following:</p><ul style="margin-left:20px; opacity:0.8; list-style:circle; margin-top:5px;"><li>The right to access – You have the right to request copies of your personal data.</li><li>The right to rectification – You have the right to request that we correct any information you believe is inaccurate.</li><li>The right to erasure – You have the right to request that we erase your personal data, under certain conditions.</li></ul><h3 style="margin-top:20px; font-size:1.1rem;">4. CCPA PRIVACY RIGHTS</h3><p>Under the CCPA, among other rights, California consumers have the right to request that a business that collects a consumer's personal data disclose the categories and specific pieces of personal data that a business has collected about consumers.</p><h3 style="margin-top:20px; font-size:1.1rem;">5. LOG FILES</h3><p>Nothing Space follows a standard procedure of using log files. The data collected includes internet protocol (IP) addresses, browser type, ISP, date/time stamp, and referring/exit pages. This information is used for analyzing trends and preventing DDoS attacks.</p></div></div></div><div id="termsScr" class="screen"><div class="modal"><span class="close-icon" onclick="closeScreen('termsScr')">×</span><h2>TERMS OF USE</h2><div class="detail-card"><p>By accessing this website, you confirm that you understand and agree to comply with these terms and conditions. Do not continue to use Nothing Space if you do not agree to all of the terms stated on this page.</p><h3 style="margin-top:20px; font-size:1.1rem;">1. INTELLECTUAL PROPERTY</h3><p>Unless otherwise stated, Nothing Space and/or its licensors own the intellectual property rights for all original material on this website. All intellectual property rights are reserved.</p><ul style="margin-left:20px; opacity:0.8; list-style:square; margin-top:5px;"><li>You must not republish material from Nothing Space.</li><li>You must not sell, rent, or sub-license material from Nothing Space.</li><li>You must not reproduce, duplicate or copy material from Nothing Space without permission.</li></ul><h3 style="margin-top:20px; font-size:1.1rem;">2. LIMITATION OF LIABILITY</h3><p>The content and tools on Nothing Space are provided "as is". We make no warranties, expressed or implied.</p><p style="margin-top:10px;"><b>Device Safety:</b> The firmware links, APKs, and guides provided are for educational and customization purposes. Modifying system software (Flashing OTA, Unlocking Bootloader) carries inherent risks. Nothing Space and its developers are <b>NOT responsible</b> for any damage to your device, data loss, or voiding of warranty. Always backup your data. </p><h3 style="margin-top:20px; font-size:1.1rem;">3. GOVERNING LAW</h3><p>These terms and conditions are governed by and construed in accordance with the laws of <b>India</b> You irrevocably submit to the exclusive jurisdiction of the courts in the State of <b>Bihar</b> for the resolution of any disputes.</p></div></div></div><div id="disclaimerScr" class="screen"><div class="modal"><span class="close-icon" onclick="closeScreen('disclaimerScr')">×</span><h2>LEGAL DISCLAIMER</h2><div class="detail-card"><div style="border: 2px solid var(--text); padding: 15px; border-radius: 15px; margin-bottom: 20px; background: rgba(255,255,255,0.05);"><p style="margin:0; font-weight:bold; font-size:1.1rem; text-align:center;"> ⚠ UNOFFICIAL FAN PROJECT </p><p style="margin-top:10px; font-size:0.95rem;"><b>Nothing Space</b> is an independent, community-run resource hub. We are <u>NOT</u> affiliated, associated, authorized, endorsed by, or in any way officially connected with <b>Nothing Technology Limited</b> , CMF, or any of their subsidiaries. </p></div><h3 style="font-size:1.1rem;">TRADEMARKS</h3><p> The names "Nothing", "Phone (1)", "Phone (2)", "Phone (2a)", "CMF" and related marks, emblems, and images are registered trademarks of their respective owners. We use these names solely for descriptive purposes to identify the devices our resources are intended for. This constitutes <b>"Fair Use"</b> under copyright law. </p><h3 style="margin-top:20px; font-size:1.1rem;">CONTENT ACCURACY</h3><p> While we strive to keep the information up to date and correct, we make no representations or warranties of any kind about the completeness, accuracy, reliability, suitability or availability with respect to the website or the information contained on the website. </p></div></div></div><div id="contactScr" class="screen"><div class="modal"><span class="close-icon" onclick="closeScreen('contactScr')">×</span><h2>GET IN TOUCH</h2><div class="detail-card"><p style="text-align:center; margin-bottom:20px;">Have a suggestion for the site, found a broken link, or have a DMCA request? Choose a method below.</p><div style="background:rgba(0, 136, 204, 0.1); border:1px solid #0088cc; padding:15px; border-radius:15px; text-align:center; margin-bottom:15px;"><i class="fa-brands fa-telegram" style="font-size:2.5rem; color:#0088cc; display:block; margin-bottom:5px;"></i><p style="opacity:0.6; margin-bottom:5px; font-size:0.8rem;">JOIN OUR COMMUNITY CHANNEL</p><a href="https://t.me/techiboy_discuss" target="_blank" style="color:#fff; background:#0088cc; padding:8px 15px; border-radius:5px; text-decoration:none; font-weight:bold; display:inline-block;">OPEN TELEGRAM </i></a></div><div style="background:rgba(255,255,255,0.05); border:1px solid var(--border); padding:15px; border-radius:15px; text-align:center;"><i class="fa-solid fa-envelope" style="font-size:1.5rem; display:block; margin-bottom:5px;"></i><p style="opacity:0.6; margin-bottom:5px; font-size:0.8rem;">OFFICIAL SUPPORT EMAIL</p><a href="mailto:rkkiller298@gmail.com" style="color:var(--text); text-decoration:underline; font-size:1.2rem;">rkkiller298@gmail.com</a></div><h3 style="margin-top:20px; font-size:1.1rem; border-bottom:1px solid rgba(255,255,255,0.1); padding-bottom:5px;">OPERATIONAL DETAILS</h3><ul style="margin-left:20px; opacity:0.8; list-style:square; margin-top:10px;"><li><b>Response:</b> Within 24-48 Hours</li><li><b>Region:</b> Bihar, India</li><li><b>Legal Contact:</b> Use the email above for takedown requests.</li></ul></div></div></div></main><footer><nav aria-label="Footer Navigation"><div class="footer-links"><button type="button" onclick="openScreen('aboutScr')" style="background:none; border:none; padding:0; font:inherit; cursor:pointer; color:inherit; text-decoration:underline; text-underline-offset:4px;"> ABOUT</button><button type="button" onclick="openScreen('privacyScr')" style="background:none; border:none; padding:0; font:inherit; cursor:pointer; color:inherit; text-decoration:underline; text-underline-offset:4px;"> PRIVACY</button><button type="button" onclick="openScreen('termsScr')" style="background:none; border:none; padding:0; font:inherit; cursor:pointer; color:inherit; text-decoration:underline; text-underline-offset:4px;"> TERMS</button><button type="button" onclick="openScreen('disclaimerScr')" style="background:none; border:none; padding:0; font:inherit; cursor:pointer; color:inherit; text-decoration:underline; text-underline-offset:4px;"> DISCLAIMER</button><button type="button" onclick="openScreen('contactScr')" style="background:none; border:none; padding:0; font:inherit; cursor:pointer; color:inherit; text-decoration:underline; text-underline-offset:4px;"> CONTACT</button></div></nav><p class="disclaimer"><strong>Disclaimer:</strong> Nothing Space is an independent community project and is NOT affiliated, associated, authorized, endorsed by, or in any way officially connected with Nothing Technology Ltd or its subsidiaries. "Nothing" and related names are registered trademarks of their respective owners. </p><p style="margin: 10px 0; font-size: 0.8rem; color: var(--text-sec);"> ©<span id="current-year"></span> Nothing Space. Designed in India.</p><div class="desktop-ad-only"><ins class="adsbygoogle" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-1607055557776596" data-ad-slot="4688850004"></ins><script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></div><div class="mobile-ad-only"><ins class="adsbygoogle" style="display:inline-block;width:350px;height:100px" data-ad-client="ca-pub-1607055557776596" data-ad-slot="9911587258"></ins><script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></div></footer><script src="minify.js" defer></script><script src="wp.js" defer></script><script src="fd.js" defer></script><script src="qr.js" defer></script><script src="scanner.js" defer></script><script src="p2p.js" defer></script></body></html>