*{box-sizing:border-box}html,body,#root{color:#fff;background:#0d0b14;width:100%;height:100%;margin:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.yuniko-root{background:#0d0b14;width:100%;height:100%;position:fixed;inset:0;overflow:hidden}.yuniko-app-shell{background:#0d0b14;width:100%;height:100%;position:relative;overflow:hidden}.yuniko-header{z-index:100;-webkit-backdrop-filter:blur(20px);background:#0a0812e0;border-bottom:1px solid #ff3d9a1a;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;height:56px;padding:0 8px;display:grid;position:absolute;inset:0 0 auto}.yuniko-logo{letter-spacing:-1.3px;background:linear-gradient(90deg,#ff3d9a,#c026d3,#8b00ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;justify-self:start;font-size:24px;font-weight:900;line-height:1}.yuniko-header button,.yuniko-bottom-nav button,.story-item{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.tap-scale{will-change:transform;transition:transform .16s cubic-bezier(.2,.8,.2,1)}.tap-scale:active{transform:scale(.85)}.world-feed.tap-scale:active,.yuniko-logo.tap-scale:active{transform:scale(.96)}.tap-scale-story{will-change:transform;transition:transform .16s cubic-bezier(.2,.8,.2,1)}.tap-scale-story:active{transform:scale(.9)}.world-feed{white-space:nowrap;background:#ffffff0f;border:1px solid #ff3d9a4d;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:7px 10px;display:flex}.world-feed svg:first-child{color:#fff;width:14px;height:14px}.world-feed svg:last-child{color:#ffffffa6;width:12px;height:12px}.world-feed span{color:#ffffffe6;font-size:12px;font-weight:650}.header-actions{justify-self:end;align-items:center;gap:10px;display:flex}.header-actions button{place-items:center;width:28px;height:36px;display:grid}.header-actions svg{color:#ffffffd1;stroke-width:1.8px;width:22px;height:22px}.yuniko-stories{z-index:90;-webkit-backdrop-filter:blur(12px);background:#0a0812d1;border-bottom:1px solid #ffffff0d;height:78px;position:absolute;top:56px;left:0;right:0}.stories-track{scrollbar-width:none;overscroll-behavior-x:contain;align-items:center;gap:3px;height:100%;padding:0 8px;display:flex;overflow:auto hidden}.stories-track::-webkit-scrollbar{display:none}.story-item{flex-direction:column;flex:0 0 64px;align-items:center;gap:3px;min-width:64px;display:flex;position:relative}.story-avatar-ring{background:linear-gradient(135deg,#ff006e,#8b00ff);border-radius:50%;width:54px;height:54px;padding:2px;display:block;position:relative;box-shadow:0 0 10px #ff006e59}.story-avatar-ring.own{background:#ff3d9a33;border:2px dashed #ff3d9a80;padding:0}.story-avatar-inner{background:#0d0b14;border-radius:50%;width:100%;height:100%;padding:2px;display:block;overflow:hidden}.story-avatar-inner img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.story-add{background:linear-gradient(135deg,#ff006e,#8b00ff);border:2px solid #0d0b14;border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;bottom:-1px;right:-1px}.story-add svg{stroke-width:3px;width:9px;height:9px}.story-label{color:#ffffffb3;text-align:center;white-space:nowrap;text-overflow:ellipsis;width:60px;font-size:10px;font-weight:500;line-height:1.05;overflow:hidden}.story-online{background:#27d77b;border:2px solid #0d0b14;border-radius:50%;width:10px;height:10px;position:absolute;top:40px;right:5px}.yuniko-feed{scroll-snap-type:y mandatory;scroll-snap-stop:always;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;isolation:isolate;position:absolute;inset:134px 0 64px;overflow:hidden auto}.yuniko-feed::-webkit-scrollbar{display:none}.yuniko-feed-item{scroll-snap-align:start;scroll-snap-stop:always;flex-shrink:0;width:100%;height:100%;min-height:100%;padding:4px 6px 8px;position:relative}.post-card{background:#07070a;border:1px solid #ffffff17;border-radius:16px;width:100%;height:100%;min-height:100%;position:relative;overflow:hidden;transform:translateZ(0)}.post-image{object-fit:cover;cursor:pointer;width:100%;height:100%;display:block;position:absolute;inset:0}.post-gradient{pointer-events:none;background:linear-gradient(#0000 30%,#00000040 55%,#000000e0 100%);position:absolute;inset:0}.post-actions{z-index:10;flex-direction:column;align-items:center;gap:16px;display:flex;position:absolute;bottom:24px;right:10px}.post-actions button{color:#fff;filter:drop-shadow(0 2px 7px #000000a6);will-change:transform;flex-direction:column;align-items:center;gap:4px;width:42px;transition:transform .16s cubic-bezier(.2,.8,.2,1),color .18s;display:flex}.action-tap:active{transform:scale(.88)}.post-actions button.active{color:#ff72df}.post-actions svg{stroke-width:1.8px;width:25px;height:25px}.post-actions span{text-shadow:0 2px 7px #000;font-size:11px;font-weight:650}.heart-burst{z-index:20;color:#ff3d70;pointer-events:none;place-items:center;animation:.72s cubic-bezier(.16,.8,.24,1) forwards heart-burst;display:grid;position:absolute;inset:0}.heart-burst svg{filter:drop-shadow(0 8px 22px #ff3d7073);width:100px;height:100px}.post-author{z-index:10;align-items:center;gap:8px;display:flex;position:absolute;bottom:48px;left:12px;right:64px}.author-avatar{background:linear-gradient(135deg,#ff4dc8,#794dff,#20c2ff);border-radius:50%;flex:0 0 46px;width:46px;height:46px;padding:2px}.author-avatar img{object-fit:cover;border:2px solid #08080b;border-radius:50%;width:100%;height:100%;display:block}.author-text{flex-direction:column;gap:3px;min-width:0;display:flex}.author-text strong{font-size:15px;line-height:1.05}.author-text strong i{color:#fff;background:#168cff;border-radius:50%;place-items:center;width:15px;height:15px;margin-left:3px;font-size:9px;font-style:normal;display:inline-grid}.author-text span{color:#ffffffd1;font-size:11px}.follow-button{background:linear-gradient(100deg,#168cff,#6654ff 55%,#e83bd0);border-radius:11px;min-width:88px;height:38px;margin-left:auto;padding:0 11px;font-size:11px;font-weight:800;transition:transform .16s cubic-bezier(.2,.8,.2,1),filter .18s;box-shadow:0 8px 22px #544bff4d}.follow-button:active{transform:scale(.95)}.follow-button.following{background:#ffffff21;border:1px solid #fff3}.post-caption{z-index:10;flex-direction:column;gap:4px;display:flex;position:absolute;bottom:14px;left:12px;right:64px}.post-caption strong{font-size:13px;font-weight:650}.post-caption span{color:#b7a9ff;font-size:10px;font-weight:600}.yuniko-bottom-nav{z-index:110;-webkit-backdrop-filter:blur(24px);background:#0a0812f2;border-top:1px solid #ff3d9a26;grid-template-columns:1fr 1fr 72px 1fr 1fr;align-items:center;height:64px;padding:0 4px;display:grid;position:absolute;bottom:0;left:0;right:0}.yuniko-bottom-nav>button:not(.create-button){color:#ffffff61;opacity:.95;will-change:transform;flex-direction:column;justify-content:center;align-items:center;gap:1px;height:56px;transition:color .18s,transform .16s cubic-bezier(.2,.8,.2,1);display:flex}.nav-tap:active{transform:scale(.88)}.yuniko-bottom-nav>button:not(.create-button).active{color:#ff3d9a;opacity:1}.yuniko-bottom-nav>button:not(.create-button) svg{stroke-width:1.8px;width:22px;height:22px}.yuniko-bottom-nav>button:not(.create-button) span:last-child{font-size:9px;font-weight:500}.create-button{will-change:transform;background:linear-gradient(135deg,#ff006e,#8b00ff);border-radius:50%;justify-self:center;place-items:center;width:58px;height:58px;transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .2s;display:grid;transform:translateY(-7px);box-shadow:0 0 24px #ff006e80,0 4px 16px #0000004d}.create-button:hover{transform:translateY(-7px)scale(1.05)}.create-button:active{transform:translateY(-7px)scale(.88)}.create-button svg{stroke-width:2.5px;width:30px;height:30px}.nav-icon{place-items:center;display:grid;position:relative}.nav-icon i{color:#fff;background:#ff3d70;border:1px solid #0b0b10;border-radius:99px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-style:normal;animation:.2s ease-out badge-in;display:grid;position:absolute;top:-7px;right:-7px}@keyframes badge-in{0%{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}@keyframes heart-burst{0%{opacity:0;transform:scale(.45)}12%{opacity:1;transform:scale(.9)}48%{opacity:1;transform:scale(1.15)}to{opacity:0;transform:scale(1.6)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width>=360px){.yuniko-header{padding:0 12px}.yuniko-logo{font-size:25px}.world-feed{padding:7px 12px}.header-actions{gap:12px}.header-actions button{width:30px}.yuniko-stories .stories-track{gap:4px;padding:0 10px}.yuniko-feed-item{padding-left:8px;padding-right:8px}.post-card{border-radius:18px}.post-actions{gap:17px;right:10px}.post-author,.post-caption{left:14px;right:70px}.yuniko-bottom-nav{grid-template-columns:1fr 1fr 76px 1fr 1fr}.create-button{width:60px;height:60px}}@media (width>=640px){.yuniko-root{background:#0d0b14}.yuniko-app-shell{max-width:none;box-shadow:none;border:0;margin:0 auto}.yuniko-feed-item{padding-left:6px;padding-right:6px}.post-card{border-radius:16px}}@media (height<=520px) and (orientation:landscape){.yuniko-bottom-nav{height:56px}.yuniko-feed{bottom:56px}.create-button{width:52px;height:52px;transform:translateY(-5px)}.create-button:hover{transform:translateY(-5px)scale(1.05)}.create-button:active{transform:translateY(-5px)scale(.88)}}@supports (height:100dvh){.yuniko-root,.yuniko-app-shell{height:100dvh}.yuniko-feed{bottom:calc(64px + env(safe-area-inset-bottom))}}@supports (padding:max(0px)){.yuniko-bottom-nav{height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.yuniko-feed{bottom:calc(64px + env(safe-area-inset-bottom))}.yuniko-header{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}}html,body,#root{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;width:100%;min-width:0;max-width:100%;overflow-x:hidden}*,:before,:after{box-sizing:border-box}img,video,canvas,svg{max-width:100%}img,video{height:auto;display:block}button,input,textarea,select{min-width:0;max-width:100%;font:inherit}.yuniko-root,.yuniko-app-shell{width:100%;min-width:0;max-width:none;min-height:100vh}.yuniko-root{overflow:hidden}.yuniko-app-shell{height:100vh;position:relative;overflow:hidden}@supports (height:100dvh){.yuniko-root{min-height:100dvh}.yuniko-app-shell{height:100dvh;min-height:100dvh}}.yuniko-feed,.yuniko-stories,.yuniko-header,.yuniko-bottom-nav{min-width:0;max-width:none}.yuniko-feed{width:100%;overflow-x:hidden}@media (width<=359px){.yuniko-header{gap:5px;padding-left:6px!important;padding-right:6px!important}.yuniko-logo{font-size:23px!important}.world-feed{padding-left:8px!important;padding-right:8px!important}.header-actions{gap:6px!important}.header-actions button{width:26px!important}.yuniko-stories .stories-track{gap:2px!important;padding-left:6px!important;padding-right:6px!important}.story-item{flex-basis:60px!important;min-width:60px!important}.yuniko-feed-item{padding-left:4px!important;padding-right:4px!important}.post-card{border-radius:14px!important}.post-actions{gap:13px!important;right:7px!important}.post-actions button{width:38px!important}.post-actions svg{width:23px!important;height:23px!important}.post-author,.post-caption{left:9px!important;right:55px!important}.yuniko-bottom-nav{grid-template-columns:1fr 1fr 64px 1fr 1fr!important;padding-left:2px!important;padding-right:2px!important}.yuniko-bottom-nav>button:not(.create-button){height:54px!important}.create-button{width:48px!important;height:48px!important}}@media (width>=360px){.yuniko-header{padding-left:12px;padding-right:12px}.yuniko-logo{font-size:25px}.world-feed{padding-left:12px;padding-right:12px}.header-actions{gap:12px}.header-actions button{width:30px}.yuniko-stories .stories-track{gap:4px;padding-left:10px;padding-right:10px}.yuniko-feed-item{padding-left:8px;padding-right:8px}.post-card{border-radius:18px}.post-actions{gap:17px;right:10px}.post-author,.post-caption{left:14px;right:70px}.yuniko-bottom-nav{grid-template-columns:1fr 1fr 76px 1fr 1fr}.create-button{width:60px;height:60px}}@media (width>=480px){.yuniko-bottom-nav{padding-left:16px;padding-right:16px}}@media (width>=768px){.yuniko-bottom-nav{padding-left:24px;padding-right:24px}.yuniko-bottom-nav>button:not(.create-button){width:64px}.create-button{width:56px;height:56px}.yuniko-feed-item{padding-left:6px;padding-right:6px}.post-card{border-radius:16px}}@media (width>=1024px){.yuniko-bottom-nav{padding-left:32px;padding-right:32px}}@media (height<=520px) and (orientation:landscape){.yuniko-bottom-nav{height:56px!important}.yuniko-feed{bottom:56px}.post-image{max-height:100%}}@supports (padding:max(0px)){.yuniko-header{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}.yuniko-bottom-nav{padding-bottom:max(0px,env(safe-area-inset-bottom));height:calc(64px + env(safe-area-inset-bottom))}}button{font:inherit}.yuniko-header button,.yuniko-bottom-nav button,.story-item,.post-actions button,.follow-button{appearance:none;background:0 0;border:0;outline:none;margin:0;padding:0}.yuniko-logo{cursor:pointer}.header-actions button{background:0 0!important;border:0!important}.story-item,.action-button{cursor:pointer}.action-button svg{transition:color .18s}.action-button.active svg{color:#ff72df}.nav-button{cursor:pointer}.nav-button.active svg{stroke-width:2.3px}.create-button,.follow-button{cursor:pointer}.world-feed-backdrop{z-index:95;background:0 0;position:absolute;inset:0}.world-feed-menu{z-index:105;background:#120e1efa;border:1px solid #ff3d9a40;border-radius:16px;width:176px;position:absolute;top:60px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 12px 30px #00000059}.world-feed-menu button{color:#ffffffe0;text-align:left;background:0 0;border:0;align-items:center;gap:8px;width:100%;height:46px;padding:0 16px;font-size:13px;display:flex}.world-feed-menu svg{width:14px;height:14px}