.shell{--bg:#080d09;--panel:#0e1711;--line:#d2ebd721;--text:#f4f5ef;--muted:#a3ada4;--mint:#c3f4d1;background:var(--bg);min-height:100vh;color:var(--text);font-family:Arial,Helvetica,sans-serif;display:flex}.sidebar{border-right:1px solid var(--line);background:linear-gradient(155deg,#0c1510,#080d09 70%);flex-direction:column;flex:0 0 252px;width:252px;height:100vh;min-height:100vh;padding:28px 20px 22px;display:flex;position:sticky;top:0}.brand{width:fit-content;color:var(--mint);letter-spacing:-.08em;font:700 32px/1 Georgia,Times New Roman,serif;text-decoration:none}.tagline{color:#aeb9af;letter-spacing:2.4px;margin:8px 0 30px;font-size:9px}.nav{gap:6px;display:grid}.navLink{color:#e8eee8;border-radius:9px;padding:12px 13px;font-size:14px;text-decoration:none;transition:background .15s,color .15s;display:block}.navLink:hover{color:var(--mint);background:#193020}.deleteLink{color:var(--muted);margin-top:auto;padding:12px 13px;font-size:12px;text-decoration:none}.main{flex:1;min-width:0;padding:36px clamp(18px,4vw,64px) 72px}.heading{max-width:930px;margin:0 auto 28px}.heading>p{color:var(--mint);letter-spacing:2px;margin:0 0 13px;font-size:10px}.heading h1{margin:0;font:400 clamp(32px,4vw,46px)/1.1 Georgia,Times New Roman,serif}.heading div{color:var(--muted);margin-top:10px;font-size:14px;line-height:1.6}.articles{gap:12px;max-width:930px;margin:auto;display:grid}.article{border:1px solid var(--line);background:linear-gradient(145deg,#111d15,#0d1510);border-radius:14px;padding:20px 22px}.articleMeta{color:var(--mint);letter-spacing:1.1px;text-transform:uppercase;font-size:10px}.article h2{margin:9px 0 6px;font:400 clamp(21px,2.5vw,29px)/1.2 Georgia,Times New Roman,serif}.article h2 a{color:var(--text);text-decoration:none}.article h2 a:hover{color:var(--mint)}.article p{color:#b3bdb4;margin:0;font-size:14px;line-height:1.55}.empty,.loading{border:1px dashed var(--line);max-width:930px;color:var(--muted);border-radius:14px;margin:auto;padding:36px 22px}.notice,.error{border-radius:10px;max-width:930px;margin:0 auto 16px;padding:12px 14px;font-size:13px}.notice{color:var(--mint);background:#122219}.error{color:#ffd2c4;overflow-wrap:anywhere;background:#321c18}.mobileNav{display:none}.form{border:1px solid var(--line);background:var(--panel);border-radius:15px;gap:16px;max-width:750px;margin:auto;padding:24px;display:grid}.field{color:#e9eee9;gap:8px;font-size:13px;display:grid}.field input,.field textarea{border:1px solid var(--line);width:100%;color:var(--text);font:inherit;background:#080d09;border-radius:9px;padding:12px}.field textarea{resize:vertical;min-height:230px;line-height:1.6}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.button{border:1px solid var(--line);min-height:44px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:9px;justify-content:center;align-items:center;padding:0 15px;font-size:13px;text-decoration:none;display:inline-flex}.buttonPrimary{border-color:var(--mint);background:var(--mint);color:#08110a;font-weight:600}.button:disabled{opacity:.6;cursor:wait}.comments{border:1px solid var(--line);background:var(--panel);border-radius:14px;max-width:930px;margin:24px auto;padding:20px}.comment{border-bottom:1px solid var(--line);color:#dce5dc;white-space:pre-wrap;align-items:flex-start;gap:11px;padding:14px 0;display:flex}.comment:last-child{border:0}.comment>div{flex:1;min-width:0}.comment>div>strong{color:var(--text);margin-bottom:5px;font-size:12px;display:block}.comment>div>p{overflow-wrap:anywhere;margin:0 0 7px}.commentAvatar{color:var(--mint);background:#24412d;border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid;overflow:hidden}.commentForm{gap:8px;margin-top:14px;display:flex}.commentForm input{border:1px solid var(--line);background:var(--bg);min-width:0;min-height:44px;color:var(--text);border-radius:8px;flex:1;padding:11px}.story{border:1px solid var(--line);background:linear-gradient(145deg,#111d15,#0d1510);border-radius:17px;max-width:860px;margin:0 auto;padding:clamp(20px,4vw,54px)}.cover{background:#142018;border-radius:16px 16px 0 0;margin:calc(-1*clamp(20px,4vw,54px)) calc(-1*clamp(20px,4vw,54px)) 36px;overflow:hidden}.cover img,.coverImage{object-fit:cover;width:100%;max-height:500px;display:block}.articleImageFallback{color:#a6f3c6;text-align:center;background:radial-gradient(at 50% 35%,#183624,#0b120d 72%);border:1px solid #a6f3c626;place-content:center;justify-items:center;gap:9px;display:grid;overflow:hidden}.articleImageFallback strong{letter-spacing:-.08em;font:400 clamp(28px,5vw,54px)/1 Georgia,Times New Roman,serif}.articleImageFallback span{color:#9daea1;letter-spacing:.18em;text-transform:uppercase;font-size:10px}.story h1{color:#f4f5ef;letter-spacing:-.035em;text-wrap:pretty;margin:9px 0 20px;font:400 clamp(34px,5.5vw,58px)/1.08 Georgia,Times New Roman,serif}.storyMeta{color:var(--muted);font-size:13px;line-height:1.5}.authorLine{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.author{color:var(--text);align-items:center;gap:11px;text-decoration:none;display:inline-flex}.author>span:last-child{gap:3px;display:grid}.author strong{font-size:13px;font-weight:650}.author small{color:var(--muted);font-size:12px}.authorAvatar,.authorAvatarFallback{object-fit:cover;border-radius:50%;flex:none;width:44px;height:44px}.authorAvatarFallback{color:var(--mint);background:#24412d;place-items:center;font-size:14px;font-weight:700;display:grid}.authorAvatarFallback img,.commentAvatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.tags{flex-wrap:wrap;gap:7px;margin-top:20px;display:flex}.tags span,.tags a{border:1px solid var(--line);color:#b9d9c1;border-radius:999px;padding:6px 10px;font-size:11px;text-decoration:none}.tags a:hover{color:#c3f4d1;border-color:#c3f4d180}.storyContent{color:#e3e9e3;overflow-wrap:anywhere;max-width:720px;margin:0 auto;font-size:clamp(16px,1.35vw,18px);line-height:1.85}.storyContent>p{margin:0 0 1.45em}.storyContent h2,.storyContent h3,.storyContent h4,.storyContent h5{color:#f4f5ef;margin:1.8em 0 .65em;font-family:Georgia,Times New Roman,serif;line-height:1.25}.storyContent h2{font-size:1.65em}.storyContent h3{font-size:1.4em}.storyContent h4{font-size:1.2em}.storyContent h5{font-size:1.08em}.storyContent ul,.storyContent ol{margin:0 0 1.5em;padding-left:1.5em}.storyContent li{margin:.4em 0;padding-left:.25em}.storyContent blockquote{border-left:3px solid var(--mint);color:#c7d3c9;margin:1.6em 0;padding:.2em 0 .2em 1.1em}.storyContent hr{border:0;border-top:1px solid var(--line);margin:2em 0}.storyContent a{color:var(--mint);text-underline-offset:3px;overflow-wrap:anywhere;text-decoration:underline}.storyContent code{border:1px solid var(--line);color:#d1f0d8;background:#080d09;border-radius:5px;padding:.12em .35em;font-size:.88em}.storyContent pre{border:1px solid var(--line);background:#080d09;border-radius:10px;margin:1.5em 0;padding:16px;line-height:1.6;overflow:auto}.storyContent pre code{background:0 0;border:0;padding:0}.inlineImage{margin:1.5em 0;display:block}.inlineImage img{object-fit:contain;border-radius:10px;width:100%;height:auto;max-height:650px;display:block}.emptyContent{border:1px dashed var(--line);max-width:720px;color:var(--muted);border-radius:10px;margin:0 auto;padding:22px}.retry{color:var(--mint);cursor:pointer;font:inherit;background:0 0;border:0;margin-left:8px;text-decoration:underline}.optionalNotice{max-width:720px;color:var(--muted);margin:12px auto;font-size:13px;line-height:1.5}.shareNotice{max-width:720px;color:var(--mint);margin:12px auto 0;font-size:13px}.comments h2{color:var(--text);align-items:center;gap:8px;margin:0 0 12px;font-size:18px;display:flex}.comments h2 span{color:var(--muted);font-size:13px;font-weight:400}@media (max-width:760px){.shell{display:block}.sidebar{display:none}.main{padding:14px 16px 56px}.mobileNav{margin:0 0 26px;display:block;position:relative}.mobileNav summary{border:1px solid var(--line);color:var(--mint);cursor:pointer;border-radius:9px;padding:9px 12px;font-size:13px;display:inline-block}.mobileNav nav{z-index:10;border:1px solid var(--line);background:#0d1510;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:10px;display:grid;position:absolute;top:44px;left:0;right:0;box-shadow:0 14px 30px #0008}.heading{margin-bottom:20px}.form,.story{padding:18px}.cover{border-radius:16px 16px 0 0;margin:-18px -18px 26px}.cover img{max-height:310px}.storyHeader{margin-bottom:26px}.storyContent{line-height:1.75}.commentForm{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.story{background:#0c140e;border-radius:18px;min-width:0;max-width:900px;padding:clamp(22px,5vw,72px)}.storyHeader{max-width:760px;margin:0 auto}.story h1{overflow-wrap:anywhere;margin:10px 0 16px;font-size:clamp(36px,5.2vw,62px)}.storyExcerpt{color:#bdc9bf;text-wrap:pretty;max-width:690px;margin:0 0 26px;font-size:clamp(17px,2vw,21px);line-height:1.55}.storyMeta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cover{border:1px solid var(--line);border-radius:14px;margin:32px 0 44px}.coverImage{border-radius:inherit;max-height:460px}.storyContent{word-break:normal;min-width:0;max-width:690px;font-family:Georgia,Times New Roman,serif;font-size:clamp(17px,1.45vw,19px);line-height:1.82}.storyContent>p{margin-bottom:1.5em}.storyContent strong{color:#f5f6f1;font-weight:700}.storyContent em{color:#d5e0d7}.storyContent blockquote{margin:1.8em 0;padding:.25em 0 .25em 1.1em;font-size:1.08em;font-style:italic}.storyContent pre,.storyContent img{max-width:100%}.authorLine{gap:12px 16px}.followButton{min-height:38px;color:var(--mint);border-color:#c3f4d147;gap:8px;margin:12px 0 0;padding:0 13px}.actions{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:9px;max-width:760px;margin:34px auto 8px;padding:16px 0;display:flex}.actionButton{white-space:nowrap;border-radius:999px;gap:8px;min-height:46px;padding:0 13px}.actionIcon{flex:none;width:17px;height:17px;display:block}.actionCount{color:var(--muted)}.actionActive{color:var(--mint);background:#396a4538;border-color:#c3f4d185}.button:hover:not(:disabled){background:#396a4529;border-color:#c3f4d17a}.button:focus-visible,.commentForm input:focus-visible,.storyContent a:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.comments{max-width:760px;margin:30px auto 0;padding:clamp(18px,3vw,28px)}.comment{border:1px solid var(--line);background:#0a110c;border-radius:11px;gap:13px;margin:12px 0;padding:16px}.comment>div>strong,.commentAuthor{color:var(--text);margin-bottom:5px;font-size:13px;font-weight:650;text-decoration:none;display:inline-block}.commentAuthor:hover{color:var(--mint)}.commentForm{gap:10px;margin-top:18px}.commentForm input{min-height:48px;font:inherit;padding:12px 14px}.visuallyHidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:760px){.story{border-radius:14px;padding:20px 18px}.story h1{font-size:clamp(34px,9vw,44px)}.storyContent{font-size:17px;line-height:1.76}.cover{border-radius:10px;margin:26px 0 32px}.coverImage{max-height:300px}.actions{gap:8px;margin-top:26px}.actionButton{min-height:46px;padding:0 11px;font-size:12px}.commentForm{flex-direction:column}.commentForm .button{width:100%}.comments{padding:16px}.comment{gap:10px;padding:13px}}.coverPlaceholderMark{background:linear-gradient(135deg,#c3f4d129,#c3f4d105);border:1px solid #c3f4d13d;border-radius:50% 0;width:32px;height:22px;display:block;transform:rotate(-35deg)}.story{width:min(100%,900px);min-width:0;overflow-x:clip}.storyHeader{min-width:0}.storyMeta{gap:7px}.storyMeta time{color:var(--muted)}.coverImage{border:1px solid var(--line);object-fit:cover;background:#111a13;border-radius:13px;width:100%;max-width:100%;height:auto;max-height:460px;margin:0 auto 40px;display:block}.storyContent{overflow-wrap:anywhere;width:100%}.storyContent p,.storyContent li,.storyContent blockquote{overflow-wrap:anywhere}.storyContent img{width:auto;max-width:100%;height:auto;margin-inline:auto;display:block}.storyContent pre{overscroll-behavior-x:contain;white-space:pre;width:100%;max-width:100%;overflow:auto}.storyContent pre code{white-space:pre}.storyContent table{border-collapse:collapse;width:100%;max-width:100%;display:block;overflow-x:auto}.storyContent td,.storyContent th{border:1px solid var(--line);text-align:left;padding:9px 11px}.actionIcon{flex:0 0 18px;width:18px;height:18px}.actions{gap:8px;min-width:0}.actionButton{justify-content:center;min-width:44px}.comments{overflow-wrap:anywhere;min-width:0}.comments>p{color:#bdc8be;line-height:1.65}.comment{overflow-wrap:anywhere;min-width:0}.comment>div{min-width:0}.comment>div>p{line-height:1.65}.commentAvatar{flex:0 0 36px;width:36px;height:36px}.commentForm input{min-width:0;max-width:100%}.optionalNotice,.shareNotice{overflow-wrap:anywhere}.button:focus-visible,.commentForm input:focus-visible,.storyContent a:focus-visible,.retry:focus-visible{outline:2px solid var(--mint);outline-offset:3px}@media (max-width:900px){.story{max-width:780px}}@media (max-width:760px){.story{padding:20px}.coverImage{border-radius:10px;max-height:340px;margin-bottom:30px}.storyHeader{margin-bottom:24px}.story h1{font-size:clamp(33px,8.8vw,46px);line-height:1.1}.authorLine{align-items:flex-start;gap:10px 13px}.authorLine>.storyMeta{flex-basis:100%;padding-left:55px}.actions{justify-content:space-between;gap:6px;padding:12px 0}.actionButton{gap:6px;min-height:46px;padding:0 9px;font-size:12px}.comments h2{font-size:19px}}@media (max-width:420px){.story{padding:16px 14px}.coverImage{margin-top:0}.actionButton{min-width:42px;padding:0 7px}}
