@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap";:root{color:#f5f5f7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101115;--panel:#191a20;--panel2:#202128;--line:#2a2c35;--text:#f5f5f7;--muted:#999ba8;--lime:#c6f36a;--purple:#a89bff;--pink:#ff82ad;background:#101115;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}.app-shell{max-width:560px;min-height:100dvh;margin:auto;padding-bottom:90px}.top{z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#101115ed;border-bottom:1px solid #ffffff12;align-items:center;gap:10px;height:69px;padding:10px 15px;display:flex;position:sticky;top:0}.top img{object-fit:contain;width:38px;height:38px}.top input,.search-input{background:var(--panel);border:1px solid var(--line);border-radius:14px;outline:none;flex:1;min-width:0;padding:12px}.primary,.secondary{border:0;border-radius:13px;padding:12px 16px;font-weight:800}.primary{background:var(--lime);color:#171a10}.secondary{background:var(--panel2);border:1px solid var(--line)}.primary:disabled{opacity:.55}.plus{width:44px;height:44px;padding:0;font-size:23px}.wide{width:100%}.content{padding:18px 15px}.heading{justify-content:space-between;align-items:center;gap:10px;margin:5px 0 16px;display:flex}.heading h1,.auth-page h1,.profile-head h1{letter-spacing:-.05em;margin:6px 0;font-size:28px}.heading small,.auth-page>small,.results>small{letter-spacing:.15em;color:var(--lime);font-size:10px;font-weight:800}.heading select{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px;font-size:12px}.post-card,.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;margin:12px 0;padding:15px}.post-author{align-items:center;gap:10px;display:flex}.post-author img,.result img,.profile-head img{object-fit:cover;background:var(--panel2);border-radius:50%;width:39px;height:39px}.post-author b,.post-author small,.result small{display:block}.post-author small,.card small{color:var(--muted);margin-top:3px;font-size:11px}.post-author .quiet{color:var(--muted);background:0 0;border:0;margin-left:auto;font-size:19px}.post-card h3{margin:16px 0 7px;font-size:18px;line-height:1.3}.post-card p{color:#c5c6ce;white-space:pre-wrap;font-size:14px;line-height:1.55}.post-image{object-fit:cover;border-radius:14px;width:100%;max-height:360px}.post-actions{border-top:1px solid var(--line);gap:8px;margin-top:13px;padding-top:11px;display:flex}.post-actions button{color:var(--muted);background:0 0;border:0;font-size:12px}.taglist{flex-wrap:wrap;gap:7px;margin:12px 0;display:flex}.tag{color:#c5bbff;background:#a89bff19;border:0;border-radius:99px;padding:6px 10px;font-size:11px}.bottom-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--line);width:min(560px,100%);padding:9px 4px calc(10px + env(safe-area-inset-bottom));z-index:6;background:#16171cf2;justify-content:space-around;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:#858692;background:0 0;border:0;justify-items:center;gap:3px;min-width:56px;font-size:10px;display:grid}.bottom-nav button span{font-size:20px}.bottom-nav button.active{color:var(--lime)}.community{align-items:center;gap:12px;display:flex}.community-icon{background:#c6f36a16;border-radius:15px;place-items:center;width:46px;height:46px;font-size:21px;display:grid}.grow{flex:1;min-width:0}.community p{color:var(--muted);margin:5px 0;font-size:12px}.muted{color:var(--muted);font-size:13px;line-height:1.55}.auth-page,.setup{flex-direction:column;justify-content:center;max-width:460px;min-height:100dvh;margin:auto;padding:28px 24px;display:flex}.auth-page .logo,.setup img{object-fit:contain;width:88px;height:88px;margin-bottom:23px}.auth-page>p,.setup p{color:var(--muted);font-size:14px;line-height:1.5}.auth-page form{gap:13px;margin:17px 0;display:grid}.auth-page label,.modal label{color:#d5d6de;gap:7px;font-size:12px;font-weight:700;display:grid}.auth-page input:not([type=checkbox]),.modal input:not([type=checkbox]),.modal textarea,.modal select,.inline input{background:var(--panel);border:1px solid var(--line);border-radius:12px;outline:none;width:100%;padding:12px}.check{align-items:flex-start;line-height:1.5;gap:8px!important;font-size:11px!important;display:flex!important}.check input{accent-color:var(--lime)}.check a{color:var(--lime)}.switch{background:var(--panel);border-radius:13px;margin-top:15px;padding:4px;display:flex}.switch button{color:var(--muted);background:0 0;border:0;border-radius:10px;flex:1;padding:10px}.switch button.selected{background:var(--panel2);color:#fff}.google{width:100%;margin-top:9px}.error{color:var(--pink);font-size:12px}.modal-back{z-index:20;background:#000b;justify-content:center;align-items:end;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);width:min(560px,100%);max-height:92dvh;padding:20px 18px calc(20px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;overflow:auto}.modal>header{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.modal h2{margin:0;font-size:20px}.modal header button{background:var(--panel2);border:0;border-radius:50%;width:34px;height:34px;font-size:20px}.modal form{gap:13px;display:grid}.modal textarea{resize:vertical;min-height:110px}.modal .muted{font-size:12px}.inline{gap:8px;display:flex}.invite-code{text-align:center;letter-spacing:.15em;background:var(--panel2);border-radius:12px;margin:15px 0;padding:18px;display:block}.profile-head{text-align:center;padding:25px 0}.profile-head img{width:88px;height:88px}.profile-head p{color:var(--muted);font-size:12px}.results{gap:8px;display:grid}.result{background:var(--panel);border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.result small{color:var(--muted);letter-spacing:0;margin-left:auto;font-weight:400}.search-results{z-index:4;background:var(--bg);border-bottom:1px solid var(--line);width:min(560px,100%);max-height:75dvh;padding:15px;position:fixed;top:70px;left:50%;overflow:auto;transform:translate(-50%)}.chat-row{text-align:left;gap:6px;width:100%;display:grid}.chat-row small{color:var(--muted)}.comments{margin-top:12px}.comments form{gap:8px;display:flex}.comments input{border:1px solid var(--line);background:var(--panel2);border-radius:12px;flex:1;min-width:0;padding:10px}.comment{border-bottom:1px solid var(--line);padding:8px}.message-list{flex-direction:column;gap:8px;min-height:200px;max-height:50dvh;margin:12px 0;display:flex;overflow:auto}.bubble{background:var(--panel2);border-radius:15px;align-self:flex-start;max-width:85%;padding:10px 12px}.bubble.mine{background:#c6f36a22;align-self:flex-end}.report-link{color:var(--muted);background:0 0;border:0;margin-top:6px;font-size:10px;display:block}.spoiler{background:#25242b;border-radius:12px;padding:12px}.spoiler summary{color:var(--purple);cursor:pointer}.toast{z-index:50;background:#31323a;border-radius:12px;max-width:90%;padding:12px 16px;font-size:12px;position:fixed;bottom:95px;left:50%;transform:translate(-50%)}.setup code{color:var(--lime)}.setup li{color:#ccc;padding:5px;font-size:13px}@media (width>=700px){.app-shell{border-left:1px solid #ffffff0a;border-right:1px solid #ffffff0a}}