<!doctype html><html lang="pt-BR"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Aether OS</title><style>*{box-sizing:border-box}body{margin:0;background:#070812;color:#f7f7ff;font:15px Arial,sans-serif}.app{max-width:540px;margin:auto;min-height:100vh;background:linear-gradient(145deg,#11142d,#070812)}header{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:#0c0d1ddd;border-bottom:1px solid #ffffff18}b{letter-spacing:2px;color:#a996ff}button{border:0;color:inherit;background:#ffffff10;border-radius:12px;padding:9px;cursor:pointer}.hero{padding:18px 20px 10px}.hero h1{margin:0;font-size:29px}.hero p{color:#b9bad1}.stories{display:flex;gap:13px;overflow:auto;padding:8px 20px 18px}.story{min-width:66px;text-align:center;background:transparent}.orb{display:block;width:54px;height:54px;border-radius:50%;padding:3px;margin:auto;background:linear-gradient(140deg,#a996ff,#ff78c4)}.orb img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #101127}.story small{display:block;margin-top:5px;color:#d6d5e8}main{padding:0 14px 80px}.card{overflow:hidden;margin-bottom:18px;border:1px solid #ffffff18;border-radius:20px;background:#15162a;box-shadow:0 10px 30px #0004}.cover{width:100%;height:300px;object-fit:cover;display:block}.content{padding:14px 15px}.meta{display:flex;justify-content:space-between;align-items:center}.user{font-weight:700}.tag{font-size:12px;color:#beaefe;background:#a996ff21;padding:5px 8px;border-radius:9px}.content p{line-height:1.45;color:#e5e4f2}.actions{display:flex;justify-content:space-between;border-top:1px solid #ffffff14;padding-top:12px}.actions button{font-size:14px;background:transparent}.active{color:#ff78c4}.saved{color:#8ee6bd}.bottom{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(540px,100%);display:flex;justify-content:space-around;padding:12px;background:#0c0d1df5;border-top:1px solid #ffffff18}.bottom button{background:transparent;font-size:20px}.modal{position:fixed;inset:0;z-index:9;display:none;place-items:center;background:#000a}.modal.open{display:grid}.box{width:min(88%,380px);padding:20px;border-radius:18px;background:#20213b}.box input,.box textarea{width:100%;margin:8px 0;padding:11px;border:0;border-radius:10px;background:#111225;color:white}.box textarea{height:80px}.row{display:flex;gap:8px;justify-content:end}.toast{position:fixed;z-index:12;left:50%;bottom:76px;transform:translateX(-50%) translateY(30px);opacity:0;background:#f7f7ff;color:#15162a;padding:11px 16px;border-radius:20px;transition:.25s}.toast.show{opacity:1;transform:translateX(-50%)}@media(min-width:700px){.app{box-shadow:0 0 80px #8470ff22}}</style></head><body><div class="app"><header><b>✦ AETHER OS</b><span><button onclick="toast('Busca simulada aberta')">⌕</button> <button onclick="toast('Você está em dia')">♧</button></span></header><section class="hero"><h1>Seu universo, em fluxo.</h1><p>Descubra sinais, pessoas e ideias que movem o amanhã.</p></section><div class="stories"><button class="story" onclick="openModal('story')"><span class="orb">＋</span><small>Seu story</small></button><button class="story" onclick="toast('Story de Luna')"><span class="orb"><img src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?auto=format&fit=crop&w=120&q=80"></span><small>Luna</small></button><button class="story" onclick="toast('Story de Caio')"><span class="orb"><img src="https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&w=120&q=80"></span><small>Caio</small></button><button class="story" onclick="toast('Story de Maya')"><span class="orb"><img src="https://images.unsplash.com/photo-1534528741775-53994a69daeb?auto=format&fit=crop&w=120&q=80"></span><small>Maya</small></button></div><main id="feed"><article class="card"><img class="cover" src="https://images.unsplash.com/photo-1519608487953-e999c86e7454?auto=format&fit=crop&w=1000&q=85"><div class="content"><div class="meta"><span class="user">@CyberVisions</span><span class="tag">ϟ TRENDING</span></div><p>A arquitetura do futuro será orgânica e digital. Bem-vindos ao Neo-Tóquio 2099. 🌃</p><div class="actions"><button onclick="like(this)">♡ <span>2,4M</span></button><button onclick="commentPost()">◯ 18K</button><button onclick="save(this)">♧ Salvar</button><button onclick="sharePost()">↗</button></div></div></article><article class="card"><img class="cover" src="https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?auto=format&fit=crop&w=1000&q=85"><div class="content"><div class="meta"><span class="user">@NaturePulse</span><span class="tag">ϟ TRENDING</span></div><p>A paz que só o silêncio das montanhas consegue proporcionar. Respire fundo. 🏔️</p><div class="actions"><button onclick="like(this)">♡ <span>890K</span></button><button onclick="commentPost()">◯ 5,2K</button><button onclick="save(this)">♧ Salvar</button><button onclick="sharePost()">↗</button></div></div></article></main>main><nav class="bottom"><button onclick="toast('Feed atualizado')">⌂</button><button onclick="toast('Explorar em breve')">◈</button><button onclick="openModal('post')">＋</button><button onclick="toast('Mensagens simuladas')">✉</button><button onclick="toast('Perfil de Matheus')">♙</button></nav></div><div class="modal" id="modal"><div class="box"><h2 id="mtitle">Criar publicação</h2><input id="title" placeholder="Título ou momento"><textarea id="text" placeholder="Compartilhe algo com sua rede..."></textarea><div class="row"><button onclick="closeModal()">Cancelar</button><button onclick="publish()">Publicar</button></div></div></div><div class="toast" id="toast"></div><script>let mode='post';function toast(t){let x=document.getElementById('toast');x.textContent=t;x.classList.add('show');setTimeout(()=>x.classList.remove('show'),2200)}function like(b){b.classList.toggle('active');b.firstChild.textContent=b.classList.contains('active')?'♥ ':'♡ ';toast(b.classList.contains('active')?'Curtida adicionada':'Curtida removida')}function save(b){b.classList.toggle('saved');b.textContent=b.classList.contains('saved')?'♧ Salvo':'♧ Salvar';toast(b.classList.contains('saved')?'Publicação salva':'Removida dos salvos')}function sharePost(){navigator.clipboard&&navigator.clipboard.writeText(location.href);toast('Link copiado para compartilhar')}function commentPost(){openModal('comment')}function openModal(m){mode=m;document.getElementById('modal').classList.add('open');document.getElementById('mtitle').textContent=m==='story'?'Adicionar story':m==='comment'?'Adicionar comentário':'Criar publicação';document.getElementById('title').style.display=m==='comment'?'none':'block'}function closeModal(){document.getElementById('modal').classList.remove('open')}function publish(){let t=document.getElementById('text').value.trim();closeModal();document.getElementById('text').value='';if(mode==='comment')toast(t?'Comentário publicado':'Escreva um comentário');else toast(mode==='story'?'Story publicado!':'Publicação adicionada ao seu feed!')}</script></body></html><!doctype html><html lang="pt-BR"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Aether OS</title><style>*{box-sizing:border-box}body{margin:0;background:#070812;color:#f7f7ff;font:15px Arial,sans-serif}.app{max-width:540px;margin:auto;min-height:100vh;background:linear-gradient(145deg,#11142d,#070812)}header{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:#0c0d1ddd;border-bottom:1px solid #ffffff18}b{letter-spacing:2px;color:#a996ff}button{border:0;color:inherit;background:#ffffff10;border-radius:12px;padding:9px;cursor:pointer}.hero{padding:18px 20px 10px}.hero h1{margin:0;font-size:29px}.hero p{color:#b9bad1}.stories{display:flex;gap:13px;overflow:auto;padding:8px 20px 18px}.story{min-width:66px;text-align:center;background:transparent}.orb{display:block;width:54px;height:54px;border-radius:50%;padding:3px;margin:auto;background:linear-gradient(140deg,#a996ff,#ff78c4)}.orb img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #101127}.story small{display:block;margin-top:5px;color:#d6d5e8}main{padding:0 14px 80px}.card{overflow:hidden;margin-bottom:18px;border:1px solid #ffffff18;border-radius:20px;background:#15162a;box-shadow:0 10px 30px #0004}.cover{width:100%;height:300px;object-fit:cover;display:block}.content{padding:14px 15px}.meta{display:flex;justify-content:space-between;align-items:center}.user{font-weight:700}.tag{font-size:12px;color:#beaefe;background:#a996ff21;padding:5px 8px;border-radius:9px}.content p{line-height:1.45;colo</textarea></h2></button></nav></span></button></p></span></div></span></button></p></span></div></div></article></main></small></span></button></div></p></h1></section></button></span></b></header></div></body></title></head></html><!doctype html><html lang="pt-BR"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Aether OS</title></head><body><div class="app"><header><b>✦ AETHER <i>OS</i></b><span><button onclick="searchApp()">⌕</button><button onclick="toast('Sem notificações novas')">♧</button></span></header><div class="ai">✦ AI ENGINE ACTIVE</div><div class="stories"><button onclick="create()">♙<small>Seu story +</small></button><button onclick="toast('Story de Luna')">◉<small>Luna</small></button><button onclick="toast('Story de Caio')">◉<small>Caio</small></button><button onclick="toast('Story de Maya')">◉<small>Maya</small></button></div><main><article><img src="https://images.pexels.com/photos/12939552/pexels-photo-12939552.jpeg?auto=compress&cs=tinysrgb&w=1200"><aside><button onclick="toast('Seguindo CyberVisions')">+</button><button onclick="like(this)">♡<small>2.4M</small></button><button onclick="comment()">◯<small>18K</small></button><button onclick="save(this)">♧<small>Salvar</small></button><button onclick="share()">↗<small>45K</small></button></aside><section><h2>@CyberVisions <mark>ϟ Trending</mark></h2><p>A arquitetura do futuro será orgânica e digital. Bem-vindos ao Neo-Tóquio 2099. 🌃</p><label>#Cyberpunk #Architecture #Future</label><small>♫ Synthwave Night · Neon Drive ⌖ Tokyo, JP</small></section></article><article><img src="https://images.pexels.com/photos/30547616/pexels-photo-30547616.jpeg?auto=compress&cs=tinysrgb&w=1200"><aside><button onclick="toast('Seguindo NaturePulse')">+</button><button onclick="like(this)">♡<small>890K</small></button><button onclick="comment()">◯<small>5.2K</small></button><button onclick="save(this)">♧<small>Salvar</small></button><button onclick="share()">↗<small>12K</small></button></aside><section><h2>@NaturePulse <mark>ϟ Trending</mark></h2><p>A paz que só o silêncio das montanhas consegue proporcionar. Respire fundo. 🏔️</p><label>#Mindfulness #Nature #Travel</label><small>♫ Ambient Zen · Forest Rain ⌖ Swiss Alps</small></section></article><article><img src="https://images.pexels.com/photos/12060424/pexels-photo-12060424.jpeg?auto=compress&cs=tinysrgb&w=1200"><aside><button onclick="toast('Seguindo TechGuru_X')">+</button><button onclick="like(this)">♡<small>1.1M</small></button><button onclick="comment()">◯<small>32K</small></button><button onclick="save(this)">♧<small>Salvar</small></button><button onclick="share()">↗<small>88K</small></button></aside><section><h2>@TechGuru_X <mark>ϟ Trending</mark></h2><p>O novo processador quântico acaba de quebrar todos os recordes. O mundo mudou hoje. 💻</p><label>#Quantum #Tech #Innovation</label><small>♫ Digital Pulse · Core Logic ⌖ Silicon Valley</small></section></article></main><nav><button onclick="toast('Feed selecionado')">⌂</button><button onclick="toast('Explorar em breve')">◈</button><button class="create" onclick="create()">▣</button><button onclick="toast('Tendências em breve')">↗</button><button onclick="toast('Perfil em breve')">♙</button></nav></div><div id="t"></div></body></html><!doctype html><html lang="pt-BR"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Aether OS</title></head><body><div class="app"><header><b>✦ AETHER <i>OS</i></b><span><button onclick="searchApp()">⌕</button><button onclick="toast('Sem notificações novas')">♧</button></span></header><div class="ai">✦ AI ENGINE ACTIVE</div><div class="stories"><button onclick="create()">♙<small>Seu story +</small>small></button><button onclick="toast('Story de Luna')">◉<small>Luna</small></button><button onclick="toast('Story de Caio')">◉<small>Caio</small></button><button onclick="toast('Story de Maya')">◉<small>Maya</small></button></div><main><article><img src="https://images.pexels.com/photos/12939552/pexels-photo-12939552.jpeg?auto=compress&cs=tinysrgb&w=1200"><aside><button onclick="toast('Seguindo CyberVisions')">+</button><button onclick="like(this)">♡<small>2.4M</small></button><button onclick="comment()">◯<small>18K</small></button><button onclick="save(this)">♧<small>Salvar</small></button><button onclick="share()">↗<small>45K</small></button></aside><section><h2>@CyberVisions <mark>ϟ Trending</mark></h2><p>A arquitetura do futuro será orgânica e digital. Bem-vindos ao Neo-Tóquio 2099. 🌃</p><label>#Cyberpunk #Architecture #Future</label><small>♫ Synthwave Night · Neon Drive ⌖ Tokyo, JP</small></section></article><article><img src="https://images.pexels.com/photos/30547616/pexels-photo-30547616.jpeg?auto=compress&cs=tinysrgb&w=1200"><aside><button onclick="toast('Seguindo NaturePulse')">+</button><button onclick="like(this)">♡<small>890K</small></button><button onclick="comment()">◯<small>5.2K</small></button><button onclick="save(this)">♧<small>Salvar</small></button><button onclick="share()">↗<small>12K</small></button></aside><section><h2>@NaturePulse <mark>ϟ Trending</mark></h2><p>A paz que só o silêncio das montanhas consegue proporcionar. Respire fundo. 🏔️</p><label>#Mindfulness #Nature #Travel</label><small>♫ Ambient Zen · Forest Rain ⌖ Swiss Alps</small></section></article><article><img src="https://images.pexels.com/photos/12060424/pexels-photo-12060424.jpeg?auto=compress&cs=tinysrgb&w=1200"><aside><button onclick="toast('Seguindo TechGuru_X')">+</button><button onclick="like(this)">♡<small>1.1M</small></button><button onclick="comment()">◯<small>32K</small></button><button onclick="save(this)">♧<small>Salvar</small></button><button onclick="share()">↗<small>88K</small></button></aside><section><h2>@TechGuru_X <mark>ϟ Trending</mark></h2><p>O novo processador quântico acaba de quebrar todos os recordes. O mundo mudou hoje. 💻</p><label>#Quantum #Tech #Innovation</label><small>♫ Digital Pulse · Core Logic ⌖ Silicon Valley</small></section></article></main><nav><button onclick="toast('Feed selecionado')">⌂</button><button onclick="toast('Explorar em breve')">◈</button><button class="create" onclick="create()">▣</button><button onclick="toast('Tendências em breve')">↗</button><button onclick="toast('Perfil em breve')">♙</button></nav></div><div id="t"></div></body></html></p></small></button></span></i></b></header></button></nav></p></small></label></p></mark></h2></section></small></button></aside></article></main></small></button></div></button></span></i></b></header></div></body></title></head></html><!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Hello, world</title>
</head>
<body>
<main>
<h1>Hello, world.</h1>
<p>Every good idea starts somewhere.</p>
</main>
</body>
</html>