:root{--bg:#07130d;--panel:#102219;--line:#294535;--ink:#f7faf8;--muted:#a5b6ab;--brand:#32d277;--hot:#e65a53}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 90% 0,#183e27 0,transparent 28%),var(--bg);color:var(--ink);font:16px/1.45 Inter,system-ui,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}header{height:72px;border-bottom:1px solid var(--line);background:#07130deb;backdrop-filter:blur(14px);display:flex;align-items:center;padding:0 max(24px,calc((100% - 1080px)/2));position:sticky;top:0;z-index:5}.brand{font-size:20px;font-weight:900;letter-spacing:2px}.brand span{color:var(--brand)}nav{margin:auto;display:flex;gap:10px}nav a{padding:10px 14px;border-radius:10px;font-weight:650}nav a:hover,nav .new{background:var(--brand);color:#04201a}.link{background:none;color:var(--muted);padding:8px;border:0}main{max-width:760px;margin:38px auto;padding:0 20px;min-height:calc(100vh - 160px)}h1{font-size:clamp(26px,4vw,40px);line-height:1.05;margin:0}button,.button{border:0;background:var(--brand);color:#04201a;border-radius:10px;padding:11px 18px;font-weight:800;font-size:14px;cursor:pointer}.topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.feed{display:grid;gap:24px}.post,.panel,.auth,.profile,.people>a{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden}.posthead{display:flex;justify-content:space-between;align-items:center;padding:14px 16px}.person{display:flex;align-items:center;gap:10px}.avatar,.bigavatar{display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),#e8f3ec);color:#052421;font-weight:900;border-radius:50%;overflow:hidden}.avatar{width:38px;height:38px}.avatar img,.bigavatar img{width:100%;height:100%;object-fit:cover}.posthead time{font-size:12px;color:var(--muted)}.photo{display:block;width:100%;max-height:680px;object-fit:cover;background:#061012}.actions{display:flex;align-items:center;padding:10px 14px;gap:7px}.actions form{margin:0}.actions .save{margin-left:auto}.icon{font-size:22px;background:none;color:var(--muted);padding:3px}.icon.on{color:var(--hot)}.copy{padding:0 16px 16px}.copy p{margin:7px 0}.comment{color:#c3d1cf}.commentform{display:flex;margin-top:12px;border-top:1px solid var(--line);padding-top:12px;gap:8px}.commentform input,.search input{flex:1}.commentform button{background:none;color:var(--brand);padding:5px}.empty{text-align:center;padding:60px 24px;border:1px dashed var(--line);border-radius:18px;color:var(--muted)}.empty span{font-size:38px;color:var(--brand)}.empty h2{color:var(--ink)}.profile{display:grid;grid-template-columns:150px 1fr;gap:32px;padding:30px;margin-bottom:24px}.bigavatar{width:140px;height:140px;font-size:50px}.profiletitle,.counts{display:flex;align-items:center;gap:20px}.counts{margin-top:22px;gap:26px}.counts small{color:var(--muted);font-weight:400}.ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.grid img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.search{display:flex;gap:10px;margin:24px 0}.people{display:grid;gap:10px}.people>a{display:flex;align-items:center;padding:12px 15px;gap:12px}.people small{display:block;color:var(--muted)}.people i{margin-left:auto;color:var(--brand)}.panel,.auth{padding:30px;max-width:560px;margin:auto}.auth{text-align:center;margin-top:7vh}.mark{width:64px;height:64px;border:2px solid var(--brand);border-radius:18px;display:grid;place-items:center;color:var(--brand);font-size:34px;font-weight:900;margin:auto}.auth p{color:var(--muted)}form p{text-align:left}label{display:block;font-weight:700;margin-bottom:6px}input,textarea{width:100%;background:#071618;border:1px solid var(--line);border-radius:9px;color:var(--ink);padding:12px;font:inherit}input:focus,textarea:focus{outline:2px solid var(--brand);border-color:transparent}.helptext,form ul{font-size:12px;color:var(--muted)}.errorlist{color:#ff9b87}.auth form>button,.panel form>button{width:100%;margin-top:10px}.switch{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.switch a{color:var(--brand);font-weight:800}.toast{background:var(--brand);color:#04201a;padding:12px 16px;border-radius:10px;margin-bottom:16px;font-weight:700}footer{text-align:center;color:var(--muted);font-size:12px;padding:24px}@media(max-width:700px){header{height:62px;padding:0 14px}.brand{font-size:15px}.link{font-size:12px}nav{position:fixed;bottom:0;left:0;right:0;background:#07130d;border-top:1px solid var(--line);justify-content:space-around;padding:7px;z-index:9}nav a{font-size:22px;padding:6px 12px}nav i{display:none}main{margin:24px auto 75px;padding:0 12px}.topline .button{font-size:0}.topline .button:first-letter{font-size:20px}.profile{grid-template-columns:72px 1fr;padding:18px;gap:15px}.bigavatar{width:72px;height:72px;font-size:28px}.profiletitle{align-items:flex-start;flex-direction:column;gap:10px}.profiletitle h1{font-size:24px}.counts{grid-column:1/-1;gap:12px;flex-wrap:wrap}.counts small{display:block}.post{border-radius:14px}.auth{margin-top:2vh;padding:24px}}

.auth{position:relative;background:linear-gradient(135deg,#102219f2,#07130df5),url("/static/social/nohchigram-bg.png") center/cover}.auth:before{content:"";position:absolute;inset:0;border-top:2px solid var(--brand);pointer-events:none}.auth>*{position:relative}.request{display:flex;align-items:center;gap:10px;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.request .person{margin-right:auto}.chat{display:flex;flex-direction:column;gap:10px;min-height:45vh}.bubble{max-width:75%;padding:11px 14px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.bubble.mine{align-self:flex-end;background:#174b2e}.bubble p{margin:4px 0}.bubble small{color:var(--muted)}.composer{position:sticky;bottom:8px;background:var(--bg);padding:12px}.storygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.storygrid article,.storyview{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;padding:10px}.storygrid img{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:10px}.storygrid b,.storygrid small{display:block;margin-top:5px}.storygrid small{color:var(--muted)}.storyview{max-width:520px;margin:auto}.storyview>img{width:100%;max-height:75vh;object-fit:contain}.dangerbutton{background:var(--hot);color:white}.danger{display:flex;gap:10px;margin-top:20px}@media(max-width:700px){.storygrid{grid-template-columns:repeat(2,1fr)}}
.carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.carousel .photo{min-width:100%;scroll-snap-align:start}.feedtabs{display:flex;gap:8px;margin-bottom:18px}.feedtabs a{padding:8px 12px;border:1px solid var(--line);border-radius:20px}.notes{display:grid;gap:10px;margin-bottom:24px}.notes>form,.notes article{display:flex;gap:8px;align-items:center;background:var(--panel);padding:12px;border:1px solid var(--line);border-radius:14px}.notes article p{flex:1}.notes select{background:var(--bg);color:var(--ink);border:1px solid var(--line);padding:10px;border-radius:8px}
.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:#07130df2;border-right:1px solid var(--line);padding:24px 16px;display:flex;flex-direction:column;z-index:20}.sidebar .brand{display:flex;align-items:center;gap:10px;margin:0 8px 28px}.nmark{width:34px;height:34px;display:grid;place-items:center;border:2px solid var(--brand);border-radius:10px;color:var(--brand);font-weight:900}.sidebar nav{margin:0;display:grid;gap:4px}.sidebar nav a{display:flex;align-items:center;gap:14px;padding:12px;border-radius:10px;position:relative}.sidebar nav a:hover,.sidebar nav a:focus-visible{background:var(--panel);outline:2px solid var(--brand)}.sidebar nav svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sidebar nav i{font-style:normal;font-size:15px}.sidebar>form{margin-top:auto}.badge{margin-left:auto;background:var(--hot);color:white;border-radius:99px;min-width:20px;text-align:center;font-size:12px}.license{font-size:10px;color:var(--muted);margin-top:10px}.sidebar~main,.sidebar~footer{margin-left:245px}.settingslinks{display:grid;gap:12px;margin-top:24px}.settingslinks a{color:var(--brand)}@media(max-width:700px){.sidebar{inset:auto 0 0 0;width:auto;height:66px;padding:6px;background:#07130dfa;border-right:0;border-top:1px solid var(--line)}.sidebar .brand,.sidebar>form,.sidebar .license{display:none}.sidebar nav{display:flex;justify-content:space-around}.sidebar nav a{padding:8px;gap:0}.sidebar nav i{display:none}.sidebar nav svg{width:23px;height:23px}.sidebar nav a:nth-child(8){display:none}.sidebar~main,.sidebar~footer{margin-left:0}.sidebar~main{margin-bottom:78px}.badge{position:absolute;top:1px;right:0}.notes>form,.notes article{flex-wrap:wrap}}
.sidebar nav{position:static!important;background:transparent!important;border:0!important;padding:0!important}
.carousel{position:relative}.carprev,.carnext{position:sticky;top:48%;z-index:2;width:44px;height:44px;border-radius:50%;background:#07130dcc;color:white;font-size:28px;padding:0}.carprev{left:8px}.carnext{right:8px}.carcount{position:sticky;right:10px;bottom:10px;background:#07130dcc;padding:4px 8px;border-radius:12px;font-size:12px}@media(max-width:700px){html,body{max-width:100%;overflow-x:hidden}.sidebar{height:calc(66px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.sidebar nav a{min-width:44px;min-height:44px;justify-content:center}.sidebar~main{margin-bottom:calc(88px + env(safe-area-inset-bottom));min-height:calc(100dvh - 150px)}button,.button,input,select{min-height:44px}.topline{gap:10px;align-items:flex-start}.topline>div{display:flex;flex-wrap:wrap;justify-content:flex-end}.profile{width:100%;overflow:hidden}.profiletitle,.danger{max-width:100%;flex-wrap:wrap}.profile h1,.people b,.people small,.bubble,.copy{overflow-wrap:anywhere}.commentform.composer{bottom:calc(70px + env(safe-area-inset-bottom))}.storyview{max-width:100%}.panel,.auth{width:100%}.grid{min-width:0}.request{flex-wrap:wrap}.notes input{min-width:0}.carprev,.carnext{display:none}}
@media(max-width:700px){.sidebar nav{overflow-x:auto!important;justify-content:flex-start!important;scrollbar-width:none}.sidebar nav a:nth-child(8){display:flex}.sidebar nav::-webkit-scrollbar{display:none}}
.carousel{scrollbar-width:none}.carousel::-webkit-scrollbar{display:none}
@media(min-width:701px){.sidebar nav a{color:var(--ink)!important;overflow:visible!important;white-space:nowrap!important;isolation:isolate}.sidebar nav a:hover,.sidebar nav a:focus-visible{color:var(--ink)!important;background:var(--panel)!important}.sidebar nav svg{flex:0 0 24px;position:relative;z-index:1}.sidebar nav i{display:block!important;flex:1 1 auto;min-width:0;position:relative;z-index:1;color:inherit!important;opacity:1!important;visibility:visible!important}.sidebar .badge{position:relative;z-index:2;flex:0 0 auto}}
