:root{--bg:#f6f5f1;--card:#fff;--ink:#263b33;--muted:#828880;--line:#e7e9e2;--green:#286c57;--pale:#edf4ee;--gold:#d8ab63}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Tahoma,Arial,sans-serif;font-size:14px;line-height:1.8}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.5;cursor:wait}button,input,textarea{outline-color:var(--green)}button{border:0;background:none}a{color:inherit;text-decoration:none}input,textarea{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fafbf8;color:var(--ink);width:100%;resize:vertical}input[type=checkbox]{width:auto}textarea{min-height:95px}h1,h2,h3,p{margin-top:0}h1{font-size:25px}h2{font-size:19px}h3{font-size:15px}.muted,small{color:var(--muted)}.primary{background:var(--green);color:#fff;padding:10px 24px;border-radius:12px;font-weight:bold}.secondary{background:var(--pale);color:var(--green);padding:9px 18px;border-radius:12px}.danger{color:#b24b4b}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.ltr{direction:ltr;unicode-bidi:embed}.stack{display:grid;gap:15px}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.icon-button{padding:8px;display:inline-grid;place-items:center;border-radius:10px}.icon-button:hover{background:var(--pale)}.avatar{width:43px;height:43px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;background:#e9eee2;color:var(--green);font-size:18px;font-weight:bold;border:3px solid #fff;box-shadow:0 0 0 1px var(--line)}.avatar.large{width:82px;height:82px;font-size:30px}.brand{font-size:30px;letter-spacing:-1.5px;font-weight:bold}.brand img{width:36px;height:36px;vertical-align:middle;margin-left:10px}.overline{font-size:10px;letter-spacing:3px;color:var(--muted);direction:ltr}.sidebar{position:fixed;right:0;top:0;bottom:0;width:245px;border-left:1px solid var(--line);background:#fbfbf8;padding:36px 25px;display:flex;flex-direction:column;z-index:10}.sidebar .subtitle{font-size:12px;margin:8px 0 35px;color:var(--muted)}.nav{display:grid;gap:7px}.nav button{display:flex;gap:14px;align-items:center;text-align:right;padding:13px 16px;border-radius:12px;font-size:14px}.nav button.active{background:var(--pale);color:var(--green);font-weight:bold}.nav button:hover{background:var(--pale)}.sidebar-foot{margin-top:auto;padding-top:30px}.connection{font-size:11px;background:#f1f4ec;padding:10px;border-radius:10px;margin-bottom:20px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#65a178;margin-left:5px}.workspace{margin-right:245px;padding:32px 42px;max-width:1480px}.topbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:27px}.topbar h1{margin-bottom:2px}.topbar p{margin:0;color:var(--muted);font-size:12px}.topbar .date{font-size:11px;color:var(--muted)}.layout{display:grid;grid-template-columns:minmax(0,620px) 260px;gap:32px;justify-content:center}.rail{padding-top:5px}.rail-section{margin-bottom:27px}.rail h3{margin-bottom:18px}.rail .person{margin:17px 0}.person small{font-size:11px}.person strong{display:block;font-size:13px}.person .avatar{width:36px;height:36px;font-size:14px}.note{background:#eaf0e5;border:1px solid #e0e7d9;padding:23px;border-radius:18px;margin-top:30px}.note h3{margin:12px 0 8px}.note p{color:#71806b;font-size:12px;margin:0}.note .icon{color:#7c9869;width:27px;height:27px}.footer{font-size:10px;color:#a0a499;line-height:2.3}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-bottom:24px}.card-pad{padding:24px}.stories{display:flex;align-items:flex-start;gap:22px;overflow-x:auto;padding:21px 22px 16px;scrollbar-width:thin}.story{text-align:center;padding:0;flex-shrink:0;width:61px}.story .avatar{width:58px;height:58px;box-shadow:0 0 0 2px var(--gold);margin:3px 0 8px;background:#f3ebdf;font-size:21px}.story.viewed .avatar{box-shadow:0 0 0 2px #d3d8ce}.story.add .avatar{box-shadow:none;border:1px dashed #93b29e;background:#f0f5ec;color:var(--green)}.story span.label{display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis}.feed-toolbar{margin:25px 0 18px}.tabs{display:flex;gap:18px}.tabs button{font-size:12px;color:var(--muted);padding:4px 0}.tabs button.active{color:var(--green);font-weight:bold;border-bottom:2px solid var(--green)}.post-head{padding:16px 19px;display:flex;align-items:center;gap:10px}.post-head .who{font-size:12px;font-weight:bold;display:block}.post-head small{font-size:10px}.post-media{width:100%;max-height:650px;object-fit:contain;background:#f0f0e8;display:block}.post-bottom{padding:14px 20px 20px}.post-actions{display:flex;align-items:center;gap:10px;margin-bottom:8px}.post-actions button{padding:3px}.post-actions .liked{color:#c66c68}.post-actions .liked .icon{fill:#c66c68}.likes{font-size:11px;font-weight:bold;margin-bottom:8px}.caption{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:2}.caption strong{margin-left:8px}.comments-link{color:var(--muted);font-size:11px;margin-top:7px;padding:0}.empty{text-align:center;padding:55px 24px;color:var(--muted)}.empty .icon{width:44px;height:44px;margin-bottom:15px;color:#9eaf99}.empty h3{color:var(--ink)}.empty p{font-size:12px}.hero-empty{background:radial-gradient(ellipse at 10% 20%,#e6eddb,transparent 70%),#f8f9f4;min-height:270px;display:flex;align-items:center;justify-content:center}.profile-hero{padding:28px}.profile-hero .bio{white-space:pre-wrap;font-size:13px;margin-top:20px}.stats{display:flex;gap:25px;margin-top:13px;font-size:12px}.stats b{display:block;font-size:18px}.user-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;margin-top:24px}.user-grid .card{margin:0}.search{max-width:600px}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-art{background:#e8eddf;padding:70px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.auth-art h1{font-size:48px;line-height:1.7;max-width:420px;margin-top:35px;z-index:1}.auth-art p{max-width:340px;color:#75826c}.auth-art:after{content:'';position:absolute;width:450px;height:450px;border:1px solid #becdb2;border-radius:50%;left:-230px;bottom:-150px;box-shadow:0 0 0 60px #dfe7d5,0 0 0 61px #becdb2,0 0 0 120px #e3eadb,0 0 0 121px #becdb2}.auth-form{display:flex;align-items:center;justify-content:center;padding:40px}.auth-form>div{width:100%;max-width:350px}.auth-form label{display:block;font-size:12px;margin-bottom:6px}.auth-form h2{font-size:26px;margin-bottom:5px}.auth-form form{margin-top:30px}.auth-switch{font-size:12px;text-align:center;margin-top:22px}.auth-switch button{color:var(--green);font-weight:bold}.auth-form .primary{width:100%;margin-top:8px}.error{color:#b24b4b;font-size:12px;min-height:20px}.loading{padding:80px;text-align:center;color:var(--green)}dialog{border:1px solid var(--line);border-radius:20px;padding:25px;max-width:520px;width:calc(100% - 30px);max-height:90vh;color:var(--ink);background:var(--card)}dialog::backdrop{background:#182b24a8;backdrop-filter:blur(4px)}dialog header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}dialog h2{margin:0}.upload-zone{display:block;text-align:center;border:1px dashed #9bb29a;border-radius:15px;padding:35px 15px;background:#f7f9f3;cursor:pointer}.upload-zone input{margin-top:15px;font-size:11px}.upload-zone .icon{width:35px;height:35px;color:var(--green)}#upload-preview:empty{display:none}#upload-preview img,#upload-preview video{max-height:250px;max-width:100%;border-radius:12px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#263b33;color:white;padding:12px 24px;border-radius:12px;z-index:100;display:none;max-width:90%;font-size:12px}.comments-list{max-height:45vh;overflow:auto}.comment{padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.comment p{white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0}.chat-layout{display:grid;grid-template-columns:250px 1fr;height:calc(100vh - 185px);min-height:430px;background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden}.chat-list{border-left:1px solid var(--line);overflow:auto;padding:16px}.chat-list button{display:flex;width:100%;text-align:right;padding:12px 5px;border-bottom:1px solid var(--line)}.chat-list .active{background:var(--pale)}.chat-pane{display:flex;flex-direction:column;min-width:0;min-height:0}.chat-head{padding:15px;border-bottom:1px solid var(--line)}.messages{flex:1;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.bubble{align-self:flex-end;background:#eff2e9;border-radius:15px 15px 3px 15px;max-width:85%;padding:10px 15px;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.mine{align-self:flex-start;background:var(--green);color:#fff;border-radius:15px 15px 15px 3px}.bubble small{display:block;font-size:9px;opacity:.7;text-align:left;color:inherit;margin-top:4px}.chat-form{padding:14px;display:flex;gap:9px;border-top:1px solid var(--line)}.chat-form input{min-width:0}.notice{padding:17px;border-bottom:1px solid var(--line)}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.admin-stats>div{background:white;border:1px solid var(--line);border-radius:14px;padding:20px}.admin-stats b{display:block;font-size:26px}.admin-stats span{font-size:11px;color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}th,td{padding:14px;text-align:right;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:normal}.badge{font-size:10px;background:var(--pale);color:var(--green);border-radius:7px;padding:3px 7px}.story-viewer{background:#18231d;color:white;text-align:center;padding:15px}.story-viewer img,.story-viewer video{width:100%;max-height:65vh;object-fit:contain}.story-progress{display:flex;gap:4px;margin-bottom:15px}.story-progress span{height:3px;flex:1;background:#ffffff40}.story-progress span.done{background:#fff}.story-controls{display:flex;justify-content:space-between;margin-top:12px}.story-viewer p{white-space:pre-wrap;font-size:12px}.story-viewer small{color:#b8c6bb}.hint{font-size:11px;color:var(--muted)}button:focus-visible{outline:2px solid var(--green);outline-offset:3px}.mobile-brand{display:none}
@media(min-width:1450px){.workspace{margin-left:auto;margin-right:245px;padding-left:70px;padding-right:70px}.layout{gap:55px;grid-template-columns:minmax(0,650px) 280px}}
@media(max-width:1150px){.rail{display:none}.layout{display:block;max-width:650px;margin:auto}.workspace{padding:25px}.sidebar{width:215px;padding:30px 20px}.workspace{margin-right:215px}}
@media(max-width:720px){body{font-size:13px}.sidebar{top:auto;left:0;bottom:0;width:auto;height:65px;border-left:0;border-top:1px solid var(--line);padding:0;background:#fffffff5;backdrop-filter:blur(12px)}.sidebar>.brand,.sidebar>.subtitle,.sidebar-foot{display:none}.nav{display:flex;justify-content:space-around;gap:0;height:100%;align-items:center}.nav button{padding:11px 13px;font-size:0;gap:0}.nav button .icon{width:23px;height:23px}.nav button[data-page=admin]{display:none}.workspace{margin:0;padding:18px 13px 80px}.topbar{padding-bottom:17px;margin-bottom:18px}.topbar h1{font-size:20px}.topbar .date{display:none}.mobile-brand{display:inline;font-size:20px;color:var(--green);font-weight:bold}.card{border-radius:15px;margin-bottom:18px}.stories{gap:18px;padding:16px}.post-head{padding:13px}.post-bottom{padding:12px 15px 17px}.topbar .primary{font-size:11px;padding:8px 11px}.auth{display:block}.auth-art{padding:25px 30px}.auth-art h1{font-size:25px;margin:15px 0 5px}.auth-art p{font-size:12px}.auth-art .overline{display:none}.auth-form{padding:30px}.chat-layout{grid-template-columns:95px 1fr;height:calc(100dvh - 185px);min-height:300px}.chat-list{padding:7px}.chat-list .avatar{display:none}.chat-list strong{font-size:10px;overflow:hidden;text-overflow:ellipsis}.chat-list small{font-size:9px}.chat-list .primary{padding:6px;font-size:10px}.chat-form{padding:8px;gap:5px}.chat-form .primary{padding:8px 12px}.messages{padding:12px}.admin-stats{grid-template-columns:repeat(2,1fr)}.profile-hero{padding:20px}.profile-hero .row{flex-wrap:wrap}.stats{gap:18px}.user-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.user-grid .card-pad{padding:14px}.user-grid .avatar{width:35px;height:35px}.user-grid .row{gap:6px}.user-grid strong{font-size:11px}.user-grid small{font-size:10px}}