@charset "UTF-8";
:root{--paper:#fbf9f3;--white:#fffefa;--ink:#242820;--muted:#77796f;--line:#dfdfd4;--yellow:#f7d321;--green:#41634b;--serif:Georgia,"Times New Roman",serif;--sans:Arial,"Helvetica Neue",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #887409;outline-offset:5px}button{border:0}img,video{display:block;max-width:100%}button .icon,a .icon{flex:none}.icon{width:21px;height:21px;vertical-align:middle}[hidden]{display:none!important}::selection{background:var(--yellow);color:var(--ink)}.skip-link{position:fixed;top:-100px;left:18px;padding:10px 16px;background:var(--ink);color:white;z-index:100}.skip-link:focus{top:12px}
.site-header{background:var(--white);border-bottom:1px solid var(--line)}.header-inner{max-width:1280px;min-height:96px;margin:auto;padding:18px 40px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:12px;line-height:1.05;font-family:var(--serif);font-size:24px;letter-spacing:-.7px;flex:none}.brand-mark{width:47px;height:47px;background:var(--yellow);border-radius:50%;padding:5px;color:var(--ink);flex:none}.brand b{font-weight:400}.brand small{display:block;font-family:var(--sans);font-size:8px;font-weight:700;letter-spacing:2.1px;margin-top:9px;color:var(--muted)}.header-nav,.auth-links{display:flex;align-items:center}.header-nav{gap:35px}.auth-links{gap:22px;border-left:1px solid var(--line);padding-left:32px}.parent-link{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700}.parent-link .icon{width:17px;transform:rotate(-40deg)}.login-button{background:none;padding:9px 0;font-size:13px}.register-button{display:flex;gap:16px;align-items:center;background:var(--yellow);padding:11px 16px;font-size:12px;font-weight:700;border:1px solid var(--yellow);transition:background .15s}.register-button:hover{background:#fbe16a}.register-button .icon{width:17px}
.page-shell{max-width:1280px;margin:0 auto;padding:0 40px}.intro{display:flex;justify-content:space-between;align-items:center;padding:55px 0 48px;border-bottom:1px solid var(--line);gap:30px}.intro-eyebrow{display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:2.2px;font-weight:700}.yellow-line{width:34px;height:3px;background:var(--yellow)}.intro h1{font-family:var(--serif);font-weight:400;font-size:clamp(48px,5.7vw,76px);line-height:1.12;letter-spacing:-3.5px;margin:18px 0 17px}.intro h1 em{font-style:italic}.title-dot{color:#bea017}.intro p{font-size:15px;line-height:1.8;color:#666a5f;margin:0}.intro-seal{width:156px;height:156px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #d8d9ca;border-radius:50%;transform:rotate(9deg);margin-right:64px;flex:none;gap:13px}.intro-seal>span{font-size:8px;font-weight:700;letter-spacing:1.9px}.intro-seal .brand-mark{width:57px;height:57px;background:none;padding:0}.content-layout{display:grid;grid-template-columns:minmax(0,800px) minmax(220px,1fr);gap:58px;align-items:start}.feed-toolbar{height:89px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.filters{display:flex;gap:24px;align-items:center;height:100%}.filter{align-self:stretch;position:relative;background:transparent;padding:0;font-size:13px;display:flex;align-items:center;gap:8px;color:#74776d}.filter.active{font-weight:700;color:var(--ink)}.filter.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--ink)}.filter span{font-size:10px;line-height:1.4;color:#7a7c72;font-weight:400}.filter.active span{background:var(--yellow);padding:1px 5px;border-radius:3px;color:var(--ink)}.toolbar-caption{font-size:8px;letter-spacing:1.5px;color:#8b8e81;white-space:nowrap}
.post{padding:31px 0 30px;border-bottom:1px solid var(--line)}.post-byline{display:flex;align-items:center;gap:11px;min-height:38px}.avatar{height:35px;width:35px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:13px;line-height:1;flex:none;background:#e9dfc4;color:#67573a;border:1px solid #d3c8aa}.avatar--forest,.avatar--green{background:#e1e7dc;color:#4c6046;border-color:#c7d0bf}.avatar--rust,.avatar--brown{background:#ebddd5;color:#895c48;border-color:#d9c3b5}.avatar--slate,.avatar--blue{background:#e2e5e6;color:#5c6a6e;border-color:#cbd2d4}.avatar--gold{background:#f4e9b8;color:#7e6a2b;border-color:#e1d49a}.avatar--large{width:43px;height:43px;font-size:15px}.byline-name{display:flex;flex-direction:column;line-height:1.5}.byline-name>span{font-size:12px;font-weight:700}.byline-name small{font-size:10px;color:#8a8d80}.post-category{margin-left:auto;border:1px solid #d7dacd;padding:3px 9px;font-size:9px;letter-spacing:.8px;text-transform:uppercase;color:#656c5c;white-space:nowrap}.post-title{font-family:var(--serif);font-size:32px;line-height:1.2;letter-spacing:-.7px;font-weight:400;margin:20px 0 21px;max-width:100%}.post-title a{transition:color .15s}.post-title a:hover{color:#75805b}.post-media{position:relative;display:block;width:100%;overflow:hidden;background:#e9e9df}.post-media--video{background:#151911}.post-media video{width:100%;height:auto;max-height:640px;object-fit:contain;margin:auto}.post-media--portrait{background:#1c2018}.post-media--portrait video{max-height:640px;width:100%;height:auto}.media-duration{display:flex;align-items:center;gap:5px;position:absolute;right:13px;top:13px;border:1px solid #ffffff40;background:#142018a6;color:#fff;font-size:10px;padding:3px 7px;pointer-events:none;line-height:1.5}.media-duration .icon{width:11px;height:11px;fill:currentColor;stroke:none}.has-played .media-duration{display:none}.post-media--image{padding:0;text-align:left;cursor:zoom-in}.post-media--image img{width:100%;height:auto;object-fit:contain;transition:filter .2s}.post-media--image:hover img{filter:brightness(.96)}.image-expand{display:flex;gap:7px;align-items:center;position:absolute;bottom:14px;right:14px;background:#fffdf1eb;padding:7px 10px;font-size:10px;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}.image-expand .icon{width:14px;height:14px}.post-media--image:hover .image-expand,.post-media--image:focus-visible .image-expand{opacity:1;transform:none}.post-caption{font-size:14px;line-height:1.8;color:#64695e;margin:20px 0 18px}.post-actions{display:flex;align-items:center;gap:23px;min-height:34px}.vote-control{display:flex;align-items:center;background:#f0f0e8;border:1px solid #dddfd2;min-height:34px}.vote-button{width:34px;height:32px;background:none;line-height:1;font-size:20px;font-family:var(--sans);transition:background .15s}.vote-button:hover:not(:disabled){background:#e3e6d6}.vote-button:disabled{opacity:.4}.vote-button[aria-pressed="true"]{background:var(--yellow);color:var(--ink)}.vote-score{font-size:12px;text-align:center;min-width:30px;padding:0 3px;font-weight:700;font-variant-numeric:tabular-nums}.vote-score.positive{color:#3d6544}.vote-score.negative{color:#985543}.comment-link,.share-button{display:flex;align-items:center;gap:7px;color:#777d70;font-size:11px;background:none;padding:5px 0}.comment-link:hover,.share-button:hover{color:var(--ink)}.comment-link .icon,.share-button .icon{width:17px;height:17px}.comment-count{font-size:10px;margin-left:1px;color:#969c8d}.share-button{margin-left:auto}.feed-end{display:flex;align-items:center;justify-content:center;gap:18px;margin:43px 0 64px}.feed-end span{width:32px;height:1px;background:#d9dccf}.feed-end p{font-family:var(--serif);font-style:italic;font-size:14px;color:#979b8d;margin:0}
.world-aside{margin-top:89px;padding-top:32px;position:sticky;top:28px}.aside-symbol{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--yellow);margin-bottom:23px}.aside-symbol .icon{width:24px;height:24px}.eyebrow{font-size:8px;letter-spacing:1.6px;font-weight:700;color:#7c8271}.world-aside h2{font-family:var(--serif);font-size:24px;font-weight:400;letter-spacing:-.5px;line-height:1.28;margin:12px 0 16px}.world-aside>p{font-size:12px;line-height:1.95;color:#7d8275;margin:0}.aside-rule{height:1px;background:var(--line);margin:26px 0 21px}.aside-label{font-size:8px;letter-spacing:1.5px;font-weight:700;color:#838977}.world-tags{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 25px}.world-tags span{font-size:10px;border:1px solid #dbddcf;padding:4px 9px;color:#656d5c}.world-aside .aside-note{font-size:10px;line-height:1.8;color:#969c8e}.aside-parent{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:29px;padding-top:18px;font-size:10px;color:#717966}.aside-parent .icon{width:15px;height:15px}.site-footer{border-top:1px solid var(--line);background:#f2f1e8}.footer-inner{max-width:1280px;margin:auto;padding:34px 40px;display:flex;gap:30px;align-items:center;justify-content:space-between}.footer-brand{font-family:var(--serif);font-size:19px;line-height:1.2}.footer-brand span{display:block;font-size:9px;font-family:var(--sans);color:#929987;margin-top:7px;letter-spacing:.3px}.footer-inner>p{font-family:var(--serif);font-style:italic;color:#8a927d;font-size:13px}.footer-inner>a:last-child{display:flex;gap:12px;align-items:center;font-size:10px;color:#7c856f}.footer-inner>a:last-child .icon{width:15px}
.detail-shell{padding-top:32px;padding-bottom:60px}.back-link,.bottom-back{display:inline-flex;align-items:center;gap:10px;font-size:11px;color:#7d8572}.back-link .icon,.bottom-back .icon{width:17px}.detail-shell .content-layout{margin-top:20px}.detail-shell .world-aside{margin-top:0}.post--detail{padding-top:0}.post--detail .post-title{font-size:42px;line-height:1.15;letter-spacing:-1.1px;margin:23px 0 27px}.post--detail .post-caption{font-size:16px}.comments-section{padding-top:36px;scroll-margin-top:30px}.comments-heading{display:flex;align-items:center;gap:12px}.comments-heading h2{font-family:var(--serif);font-size:28px;line-height:1.2;font-weight:400;letter-spacing:-.5px;margin:0}.comments-heading>span{font-size:11px;background:#eaece1;border-radius:50%;width:23px;height:23px;display:flex;align-items:center;justify-content:center;color:#767d69}.demo-note{font-size:10px;color:#8b9181;display:flex;align-items:center;gap:8px;margin:13px 0 24px}.demo-note span{font-size:8px;text-transform:uppercase;letter-spacing:.7px;background:#ede7cd;padding:2px 6px;color:#8b783d}.comment-list{list-style:none;padding:0;margin:0}.comment{display:flex;gap:13px;padding:23px 0;border-top:1px solid var(--line)}.comment-author{font-size:12px;font-weight:700}.comment-body p{font-size:13px;line-height:1.8;color:#656e5b;margin:6px 0 0}.comment-composer{border-top:1px solid var(--line);padding-top:26px;margin-top:8px}.comment-composer label{display:block;font-family:var(--serif);font-size:21px;margin-bottom:14px}.comment-composer textarea{resize:none;display:block;width:100%;border:1px solid #dbdfd1;background:#f4f4ec;padding:14px 16px;font-size:13px;border-radius:0;color:#929987;opacity:1}.comment-composer textarea::placeholder{color:#a0a592}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:12px}.composer-bottom p{font-size:10px;color:#9a9f91;margin:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:11px 17px;font-size:12px;font-weight:700}.button--yellow{background:var(--yellow);color:var(--ink)}.button--yellow .icon{width:17px}.button:disabled{background:#ede9cf;color:#9b9c88;opacity:1}.bottom-back{margin-top:34px}.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:200;background:#282e22;color:#fcfbf3;border:1px solid #4b533f;box-shadow:0 7px 26px #17200f26;max-width:min(90vw,500px);padding:14px 21px;font-size:12px;line-height:1.6;text-align:center}.image-dialog{border:0;background:none;max-width:100vw;max-height:100dvh;width:100vw;height:100dvh;margin:0;padding:50px;overflow:hidden;align-items:center;justify-content:center;outline:none}.image-dialog[open]{display:flex}.image-dialog::backdrop{background:#141a12ee}.image-dialog img{max-width:100%;max-height:calc(100dvh - 100px);object-fit:contain;margin:auto}.dialog-close{position:absolute;right:20px;top:18px;color:white;background:#ffffff15;border:1px solid #ffffff30;width:38px;height:38px;display:flex;align-items:center;justify-content:center}.dialog-close:hover{background:#ffffff30}.error-page{text-align:center;min-height:65vh;padding-top:65px;padding-bottom:65px}.error-number{display:block;font-family:var(--serif);font-size:130px;line-height:1.3;color:#b8bcaa;letter-spacing:-10px}.error-page h1{font-family:var(--serif);font-size:34px;font-weight:400;margin:0 0 15px}.error-page>p{font-size:14px;color:var(--muted);margin:0 0 28px}
@media(min-width:1400px){.header-inner,.page-shell,.footer-inner{max-width:1360px}.content-layout{grid-template-columns:minmax(0,850px) minmax(240px,1fr);gap:70px}.intro-seal{margin-right:85px}}
@media(max-width:1050px){.content-layout{gap:36px;grid-template-columns:minmax(0,1fr) 220px}.header-inner,.page-shell,.footer-inner{padding-left:28px;padding-right:28px}.intro-seal{margin-right:25px}.header-nav{gap:22px}.auth-links{padding-left:22px;gap:17px}.post-title{font-size:29px}.toolbar-caption{display:none}.world-aside h2{font-size:23px}}
@media(max-width:800px){.content-layout{display:block}.world-aside{display:none}.header-inner{min-height:84px}.brand{font-size:22px}.brand-mark{width:41px;height:41px}.brand small{font-size:7px;letter-spacing:1.7px}.header-nav{gap:19px}.parent-link{display:none}.auth-links{border:0;padding:0}.intro{padding:42px 0 35px}.intro h1{font-size:61px}.intro-seal{width:124px;height:124px;margin-right:5px;gap:9px}.intro-seal>span{font-size:6px;letter-spacing:1.5px}.intro-seal .brand-mark{width:45px;height:45px}.feed-toolbar{height:75px}.post-title{font-size:32px}.footer-inner>p{display:none}.post--detail .post-title{font-size:38px}.detail-shell{padding-top:25px}.detail-shell .content-layout{margin-top:25px}}
@media(max-width:560px){body{font-size:14px}.header-inner,.page-shell,.footer-inner{padding-left:19px;padding-right:19px}.header-inner{min-height:77px;gap:10px;padding-top:14px;padding-bottom:14px}.brand{gap:8px;font-size:19px;letter-spacing:-.7px}.brand-mark{width:35px;height:35px;padding:3px}.brand small{font-size:5.5px;letter-spacing:1.4px;margin-top:7px}.auth-links{gap:11px}.login-button{font-size:11px}.register-button{font-size:10px;padding:8px 9px;gap:0}.register-button .icon{display:none}.intro{padding:35px 0 30px;gap:10px}.intro-eyebrow{font-size:7px;letter-spacing:1.5px;gap:9px}.yellow-line{width:24px;height:2px}.intro h1{font-size:47px;letter-spacing:-2px;margin:17px 0 15px}.intro p{font-size:12px;line-height:1.9}.intro-seal{display:none}.feed-toolbar{height:68px}.filters{gap:27px}.filter{font-size:12px}.post{padding-top:25px;padding-bottom:25px}.avatar{width:31px;height:31px;font-size:11px}.post-byline{gap:9px}.byline-name>span{font-size:11px}.byline-name small{font-size:8px}.post-category{font-size:7px;padding:3px 6px;letter-spacing:.4px}.post-title{font-size:28px;letter-spacing:-.55px;margin:17px 0 17px;line-height:1.2}.post-media video,.post-media--portrait video{max-height:570px}.post-caption{font-size:12px;line-height:1.9;margin:15px 0 16px}.post-actions{gap:16px}.vote-button{height:31px;width:30px;font-size:19px}.vote-score{min-width:27px;font-size:11px}.comment-link,.share-button{font-size:10px;gap:5px}.comment-link .icon,.share-button .icon{width:16px;height:16px}.share-button span{display:none}.comment-count{font-size:9px}.image-expand{opacity:1;transform:none;padding:6px;bottom:9px;right:9px}.image-expand>span{display:none}.media-duration{font-size:9px;right:9px;top:9px}.feed-end{margin:32px 0 43px;gap:12px}.feed-end p{font-size:13px}.footer-inner{padding-top:25px;padding-bottom:25px;gap:18px}.footer-brand{font-size:18px}.footer-brand span{font-size:8px}.footer-inner>a:last-child{font-size:8px;gap:7px}.footer-inner>a:last-child .icon{width:13px}.post--detail .post-title{font-size:32px;line-height:1.15;letter-spacing:-.8px;margin:20px 0}.post--detail .post-caption{font-size:13px}.detail-shell{padding-bottom:40px}.comments-section{padding-top:29px}.comments-heading h2{font-size:25px}.demo-note{font-size:9px;line-height:1.6;align-items:flex-start}.comment{gap:11px;padding:20px 0}.comment-author{font-size:11px}.comment-body p{font-size:12px}.comment-composer label{font-size:20px}.composer-bottom{align-items:flex-start;gap:12px}.composer-bottom p{font-size:9px;max-width:170px;line-height:1.7}.composer-bottom .button{font-size:10px;padding:9px 12px;gap:12px;white-space:nowrap}.image-dialog{padding:45px 10px}.image-dialog img{max-height:calc(100dvh - 90px)}.toast{bottom:18px;padding:12px 16px;font-size:11px;width:max-content}.error-number{font-size:100px}.error-page h1{font-size:28px}.error-page>p{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}