:root{color-scheme:dark;--fg:#f2f8ff;--muted:#a9bfd5;--line:#2d5681;--blue:#53e3ff;--bg:#020d1d;--card:#071b33}*{box-sizing:border-box}html,body{margin:0;background:#020914;color:var(--fg);font-family:system-ui,-apple-system,sans-serif}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:4px}button{color:inherit}a{color:#8deaff}#desktop{min-height:100dvh;background:radial-gradient(ellipse at 10% 0%,#0b3157,transparent 55%),#020914}#shell{max-width:1000px;margin:auto;height:100dvh;position:relative;background:#030f22;box-shadow:0 0 70px #057cc124;overflow:hidden}.header{height:84px;position:absolute;inset:0 0 auto;z-index:10;background:#031126f5;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid #204763}.brand{display:flex;align-items:center;gap:12px}.brand img{height:57px;width:57px;border-radius:15px;box-shadow:0 0 16px #14b8ff40}.brand strong{font-family:Georgia,serif;font-size:30px;font-weight:400;white-space:nowrap}.brand small{display:block;font-size:10px;letter-spacing:1.5px;color:#8bdcff;margin-top:3px}.actions{display:flex;gap:6px}.iconbtn{background:none;border:1px solid #29567b;border-radius:50%;width:38px;height:38px;font-size:23px}.content{position:absolute;inset:84px 0 80px;overflow:hidden}.page{height:100%;overflow:auto;display:none;overscroll-behavior:contain}.page.active{display:block}.home-intro{padding:24px 24px 12px}.eyebrow{color:#6cdfff;text-transform:uppercase;font-size:11px;letter-spacing:2px}.home-intro h1{font-size:clamp(25px,4vw,38px);letter-spacing:-1px;margin:10px 0}.home-intro p{color:var(--muted);font-size:14px;line-height:1.5;margin:0}.places{display:grid;grid-template-columns:1.35fr 1fr;gap:12px;margin:16px 24px}.place{margin:0;border-radius:18px;overflow:hidden;background:#081d34;border:1px solid #284e72}.place img{display:block;width:100%;height:190px;object-fit:cover}.place figcaption{padding:12px 14px;font-size:13px}.place small{display:block;color:#acc5df;font-size:10px;margin-top:6px}.sections{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:22px 24px 12px}.sections button{border:1px solid #2a6596;border-radius:18px;background:linear-gradient(145deg,#10315a,#041124 70%);box-shadow:inset 0 0 14px #27baff12;padding:13px 5px;min-height:104px;font-size:12px;line-height:1.35}.sections svg{display:block;width:30px;height:30px;margin:0 auto 8px;stroke:#deefff;fill:none;stroke-width:1.6;filter:drop-shadow(0 0 4px #1ea9e9)}.sections button[aria-pressed=true]{border-color:#65edff;box-shadow:0 0 14px #15c7ff66,inset 0 0 20px #168cf44d}.section-note{margin:0 24px;color:var(--muted);font-size:12px;line-height:1.5;min-height:36px}.top-tabs{display:flex;gap:16px;align-items:center;margin:12px 24px;border-bottom:1px solid #254763}.top-tabs button{background:transparent;border:0;color:var(--muted);padding:14px 0;font-size:13px}.top-tabs button.active{color:white;border-bottom:3px solid #4de4ff;text-shadow:0 0 10px #18afff}.feed{position:relative;height:560px;margin:16px 24px;border:1px solid #306391;border-radius:22px;overflow:hidden;background:#020b16}.media{position:absolute;inset:0}.media video{width:100%;height:100%;object-fit:contain;background:#000}.empty{height:100%;display:grid;place-items:center;padding:28px;text-align:center;background:radial-gradient(ellipse at 50% 20%,#0d3761,transparent 65%)}.empty h2{font-size:24px}.empty p{color:var(--muted);line-height:1.6}.hero-note{position:absolute;bottom:22px;left:18px;right:72px;pointer-events:none;text-shadow:0 2px 5px black}.creator{display:flex;align-items:center;gap:8px}.avatar{width:34px;height:34px;background:#125784;border:1px solid #50cdef;border-radius:50%;display:grid;place-items:center}.creatortext b{font-size:14px}.creatortext small{display:block;font-size:11px}.follow{pointer-events:auto;border:1px solid #5ceaff;background:#063754;border-radius:20px;padding:7px 12px;margin-left:auto}.caption{font-size:13px;line-height:1.5;margin-top:8px;overflow-wrap:anywhere}.side{position:absolute;right:10px;bottom:30px;display:flex;flex-direction:column;gap:18px}.side button{display:flex;flex-direction:column;align-items:center;gap:3px;border:0;background:#041226cc;border-radius:12px;padding:7px;min-width:45px;font-size:11px}.emoji{font-size:27px}.swipe-tip{position:absolute;top:12px;right:12px;background:#06182bd9;border-radius:9px;padding:5px 9px;font-size:11px}.feed.is-empty .side,.feed.is-empty .hero-note,.feed.is-empty .swipe-tip{display:none}.feed-paging{display:flex;justify-content:space-between;margin:0 24px 20px}.feed-paging button,.secondary{border:1px solid #35628c;border-radius:12px;background:#0a2340;padding:10px 16px}.story-btn{display:flex;align-items:center;gap:12px;width:calc(100% - 48px);margin:0 24px 22px;padding:17px;border-radius:18px;border:1px solid #2e638a;background:linear-gradient(120deg,#0b3555,#051225);text-align:left}.story-btn b,.story-btn small{display:block}.story-btn small{color:var(--muted);font-size:12px;margin-top:4px}.orb{font-size:26px;color:#70ecff}.arrow{margin-left:auto;font-size:24px}.founder-footer{margin:24px;padding:18px 0;border-top:1px solid #294461;font-size:12px;color:var(--muted);line-height:1.7}.founder-footer strong{display:block;color:#e5f6ff}.bottom{position:absolute;inset:auto 0 0;height:80px;padding:10px 12px max(8px,env(safe-area-inset-bottom));display:flex;justify-content:space-around;background:#031126f5;border-top:1px solid #27628c;z-index:11}.bottom button{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--muted);font-size:11px;min-width:50px}.bottom .glyph{font-size:26px;line-height:30px}.bottom button.active{color:#55e5ff}.bottom .plus{display:grid;place-items:center;width:49px;height:45px;border:1px solid #6ff4ff;border-radius:50%;font-size:35px;background:radial-gradient(circle at 40% 20%,#39ccff,#0064a2 70%);box-shadow:0 0 15px #23c3ff77;margin-top:-9px}.other{padding:22px 24px 30px}.other h1{font-size:28px}.sub,.card p{font-size:13px;color:var(--muted);line-height:1.6}.card{background:linear-gradient(140deg,#0b2643,#041325);border:1px solid #284b71;border-radius:18px;padding:16px;margin:14px 0;overflow-wrap:anywhere}.card button{margin-top:6px}.primary{border:1px solid #4bd7ff;border-radius:12px;background:linear-gradient(120deg,#117ebd,#075487);color:white;padding:11px 15px;font-weight:650;box-shadow:0 0 12px #00afff18}.primary:disabled{opacity:.5;cursor:wait}.center{text-align:center}.user-pic{margin:12px auto;width:70px;height:70px;display:grid;place-items:center;border:1px solid #4ee5ff;border-radius:50%;font-size:32px;background:#0d3d62}.founder-label{display:block;color:#86dfff;font-size:10px;letter-spacing:1px;margin-bottom:8px}.founder-name{display:block;font-size:19px}.sheet-back{position:absolute;inset:0;z-index:25;display:none;background:#000a}.sheet-back.visible{display:block}.sheet{position:absolute;inset:auto 0 0;border-radius:24px 24px 0 0;background:#06182c;border-top:1px solid #3377aa;padding:22px;max-height:88%;overflow:auto}.sheet h2{font-size:22px}.sheet p,.sheet small{font-size:13px;color:var(--muted);line-height:1.6}.close{float:right;border:1px solid #356085;background:#0b2b49;border-radius:10px;padding:6px 12px;font-size:20px}.sheet label{font-size:13px}.sheet input:not([type=checkbox]),.sheet textarea,.sheet select{width:100%;display:block;margin:9px 0 16px;padding:12px;background:#020e1c;color:white;border:1px solid #3d668c;border-radius:11px}.sheet textarea{min-height:90px;resize:vertical}.sheet input[type=checkbox]{width:20px;height:20px;vertical-align:middle}.sheet .comment{padding:10px 0;border-bottom:1px solid #294763}.toast{display:none;position:absolute;z-index:50;bottom:94px;left:20px;right:20px;background:#0b3559;border:1px solid #49cfff;border-radius:13px;padding:15px;font-size:13px}.toast.show{display:block}.connection{padding:10px 24px;color:#add6eb;background:#09253c;font-size:12px;line-height:1.5}.connection[hidden]{display:none}.big{font-size:42px}@media(max-width:550px){.header{padding:10px 14px}.brand{gap:8px}.brand strong{font-size:26px}.brand small{font-size:8px}.brand img{width:49px;height:49px}.home-intro{padding:20px 16px 8px}.places{margin:12px 16px;gap:8px;grid-template-columns:1fr}.place img{height:180px}.place:nth-child(2){display:grid;grid-template-columns:100px 1fr}.place:nth-child(2) img{height:100%;min-height:84px}.sections{margin:18px 16px 12px;gap:6px;grid-template-columns:repeat(5,90px);overflow-x:auto;padding:2px 2px 12px}.section-note,.top-tabs{margin-left:16px;margin-right:16px}.feed{margin:14px 16px;height:500px}.feed-paging{margin:0 16px 18px}.story-btn{margin:0 16px 20px;width:calc(100% - 32px)}.founder-footer{margin:16px}.bottom button{font-size:10px}.other{padding:18px 16px}.top-tabs{gap:15px}.home-intro h1{font-size:28px}.connection{padding:10px 16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Feed first: compact topics, full-height reels, original navy identity. */
#page-home .sections{display:flex;gap:8px;margin:8px 12px 0;overflow:auto;padding-bottom:4px}#page-home .sections button{min-height:32px;min-width:max-content;padding:7px 11px;border-radius:18px;font-size:11px}#page-home .sections svg{display:none}#page-home .section-note{display:none}.top-tabs{margin:0 16px;gap:22px}.top-tabs button{padding:10px 0}.feed{margin:0;height:calc(100dvh - 252px);min-height:340px;border:0;border-radius:0}.feed-paging{margin:8px 16px}.video-error{position:absolute;top:40%;left:16px;right:70px;background:#06182c;padding:14px;border-radius:12px;font-size:13px}
/* Instagram-inspired editorial feed, keeping D&Dias navy and cyan identity. */
.stories-wrap{padding:10px 14px 7px;border-bottom:1px solid #153452;background:#041326}.stories-title{display:flex;align-items:baseline;gap:9px;margin:0 2px 9px}.stories-title strong{font-size:14px}.stories-title span{font-size:10px;color:var(--muted)}.stories{display:flex;gap:13px;overflow-x:auto;scrollbar-width:none;padding:1px 1px 4px}.stories::-webkit-scrollbar{display:none}.story-tile{flex:0 0 58px;width:58px;padding:0;border:0;background:none;color:var(--fg);display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;white-space:nowrap;overflow:hidden}.story-tile>span:last-child{max-width:58px;overflow:hidden;text-overflow:ellipsis}.story-avatar{width:54px;height:54px;border-radius:50%;padding:3px;background:conic-gradient(from 20deg,#42e6ff,#2375ff,#784bff,#42e6ff);display:grid;place-items:center}.story-avatar>span{width:100%;height:100%;border-radius:50%;border:2px solid #031226;background:radial-gradient(circle at 30% 25%,#2877ab,#06182d 72%);display:grid;place-items:center;font-weight:700;font-size:18px}.own-story .story-avatar{background:#174062}.own-story .story-avatar>span{color:#56e7ff;border:1px dashed #57dcff;font-size:25px}
#page-home .sections{margin-top:7px;margin-bottom:1px}#page-home .top-tabs{border-bottom:1px solid #173756}.top-tabs button{font-size:12px}#page-home .feed{position:relative;display:flex;flex-direction:column;height:auto;min-height:0;margin:0 auto 10px;width:min(100%,640px);overflow:visible;border:0;border-bottom:1px solid #173756;border-radius:0;background:#030f22}#page-home .feed .media{position:relative;inset:auto;order:2;width:100%;aspect-ratio:4/5;max-height:68vh;background:#020914}#page-home .feed .media video{display:block;width:100%;height:100%;object-fit:cover}#page-home .feed .hero-note{position:relative;inset:auto;order:1;padding:10px 14px 4px;pointer-events:auto;text-shadow:none}#page-home .feed .side{position:relative;inset:auto;order:3;display:flex;flex-direction:row;justify-content:flex-start;gap:4px;padding:6px 10px}#page-home .feed .side button{min-width:48px;background:none;padding:4px 7px;font-size:11px}#page-home .feed .side .emoji{font-size:22px}#page-home .feed .swipe-tip{display:none}#page-home .feed.is-empty{min-height:230px}#page-home .feed.is-empty .media{aspect-ratio:auto;min-height:220px}#page-home .feed-paging{margin:0 auto 12px;width:min(calc(100% - 32px),600px)}
@media(max-width:550px){.stories-wrap{padding:8px 10px 5px}.stories{gap:11px}.story-tile{flex-basis:55px;width:55px}.story-avatar{width:51px;height:51px}#page-home .feed{width:100%;margin-bottom:7px}#page-home .feed .media{max-height:62vh}#page-home .feed .hero-note{padding:8px 12px 3px}#page-home .feed .side{padding:4px 8px}}