:root{color-scheme:light;--bg:#f5f6f2;--paper:#fff;--ink:#17342f;--muted:#5c6c65;--line:#dbe2dc;--soft:#e8eee6;--accent:#145d48;--on:#fff;--lime:#daefb0;--danger:#a13333;--shadow:0 12px 40px #17342f08}*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.6}body.dark{color-scheme:dark;--bg:#111c19;--paper:#1b2924;--ink:#e9f1ea;--muted:#b0bfb5;--line:#35483e;--soft:#283c31;--accent:#b5dc94;--on:#15291e;--lime:#32452b;--danger:#ffb2b2}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}:focus-visible{outline:3px solid #7ca755;outline-offset:4px}button,input,textarea,select{border-radius:10px}input,textarea,select{width:100%;padding:12px 14px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}textarea{resize:vertical}label{display:block;font-weight:600;margin:14px 0 6px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.18;letter-spacing:-.035em;margin-bottom:20px}h2{font-size:1.6rem;line-height:1.3}h3{font-size:1.2rem;line-height:1.4}.top{display:flex;align-items:center;gap:28px;padding:18px max(24px,calc((100vw - 1240px)/2));background:var(--paper);border-bottom:1px solid var(--line);min-height:80px}.brand{font-size:1.65rem;font-weight:850;letter-spacing:-.06em}.brand span{color:var(--accent)}nav{display:flex;gap:8px;margin-left:auto}nav a{padding:8px 14px;border-radius:8px;font-size:.95rem;font-weight:600}nav a.active{background:var(--soft);color:var(--accent)}.spark{color:var(--accent)}.icon{border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:6px 13px;font-size:1.3rem}.skip{position:absolute;left:10px;top:-70px;padding:10px;background:var(--paper);z-index:20}.skip:focus{top:10px}#main{max-width:1240px;min-height:calc(100svh - 165px);margin:auto;padding:38px 24px 56px;outline:none}.eyebrow{font-size:.875rem;color:var(--accent);font-weight:700;letter-spacing:.04em;margin-bottom:12px}.muted,.meta{color:var(--muted)}.meta{font-size:.875rem}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:11px 18px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-weight:650;line-height:1.5;border-radius:10px}.primary{background:var(--accent);color:var(--on);border-color:var(--accent)}.danger{color:var(--danger)}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.home-top{display:grid;grid-template-columns:1fr 340px;gap:36px;margin-bottom:28px}.home-top h1{max-width:650px}.ai-card{background:var(--ink);color:var(--bg);padding:28px;border-radius:18px}.ai-card p{opacity:.82;margin-bottom:18px}.ai-card h2{font-size:1.5rem}.ai-card .btn{background:var(--lime);color:#15392c;border:0}.dark .ai-card .btn{color:#e9f1ea}.search{display:flex;gap:10px;max-width:650px}.search input{min-width:0}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}.chip{border:1px solid var(--line);background:var(--paper);color:var(--muted);padding:8px 14px;font-size:.875rem;border-radius:24px}.chip.selected{background:var(--accent);color:var(--on);border-color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{padding:26px;border:1px solid var(--line);border-radius:16px;background:var(--paper);box-shadow:var(--shadow);display:flex;flex-direction:column;transition:transform .15s,border-color .15s}.card:hover{transform:translateY(-3px);border-color:var(--accent)}.card h2{font-size:1.3rem;margin:20px 0 14px}.card p{color:var(--muted);font-size:1rem;flex:1}.card .meta{margin-top:16px}.badge{display:inline-block;align-self:flex-start;padding:4px 10px;background:var(--soft);color:var(--accent);border-radius:5px;font-size:.875rem;font-weight:600}.section-heading{margin:26px 0 20px}.empty,.error-box{grid-column:1/-1;padding:32px;border:1px dashed var(--line);border-radius:16px;background:var(--paper)}.error-box{color:var(--danger);border-style:solid}.pager{margin:28px 0;justify-content:center}.footer{max-width:1240px;margin:auto;padding:22px 24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:.875rem}.footer a{text-decoration:underline}.article-layout{display:grid;grid-template-columns:minmax(0,780px) 280px;gap:48px}.article{padding:32px;background:var(--paper);border:1px solid var(--line);border-radius:16px}.article h1{font-size:clamp(2rem,4vw,3rem);margin-top:22px}.article .intro{font-size:1.2rem;color:var(--muted);border-bottom:1px solid var(--line);padding:22px 0}.prose{overflow-wrap:anywhere;line-height:1.85}.prose h2{margin:28px 0 14px}.prose h3{margin:22px 0 12px}.prose pre{overflow:auto;background:var(--soft);padding:18px;border-radius:10px;white-space:pre;line-height:1.6;font-size:.9rem}.prose p{white-space:pre-wrap}.prose code{font-family:ui-monospace,monospace}.prose li{margin:5px 0}.prose a,.source{text-decoration:underline}.article-side{align-self:start;position:sticky;top:24px}.article-side .ai-card{margin-top:22px}.back{display:inline-block;color:var(--accent);margin-bottom:22px}.chat-shell{max-width:900px;margin:auto}.chat-head{border-bottom:1px solid var(--line);padding-bottom:22px}.chat-head h1{font-size:2rem;margin-bottom:4px}.chat-context{padding:12px 16px;background:var(--soft);border-radius:10px;margin-top:16px}.chat-log{min-height:330px;padding:28px 0;display:flex;flex-direction:column;gap:22px}.welcome{padding:24px 0}.welcome h2{font-size:clamp(1.8rem,4vw,2.5rem)}.suggestions{display:flex;gap:10px;flex-wrap:wrap}.suggestions button{text-align:left;max-width:260px}.bubble{padding:18px 22px;border:1px solid var(--line);background:var(--paper);border-radius:16px;max-width:95%;align-self:flex-start;overflow-wrap:anywhere;min-width:0}.bubble.user{align-self:flex-end;background:var(--soft);max-width:85%;white-space:pre-wrap}.bubble .prose p:last-child{margin-bottom:0}.bubble .meta{margin-bottom:8px;font-weight:700}.chat-form{padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.chat-form textarea{border:0;padding:6px;min-height:74px;max-height:240px}.chat-form .row{margin-top:8px}.chat-note{font-size:.875rem;color:var(--muted);margin:14px 0}.small{font-size:.875rem}.login{max-width:440px;margin:40px auto;background:var(--paper);padding:32px;border:1px solid var(--line);border-radius:16px}.login .btn{width:100%;margin-top:20px}.admin-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:24px;margin-top:24px}.admin-list{max-height:700px;overflow:auto}.admin-item{display:block;text-align:left;width:100%;padding:16px;border:1px solid var(--line);background:var(--paper);color:var(--ink);margin-bottom:10px}.admin-item strong{display:block}.editor{background:var(--paper);padding:26px;border:1px solid var(--line);border-radius:16px}.editor h2{margin-bottom:10px}.editor .two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.editor textarea[name=content]{min-height:300px;font-family:inherit}.preview{margin-top:24px;border-top:1px solid var(--line);padding-top:24px}.about{max-width:800px;margin:auto}.about section{padding:28px;background:var(--paper);border:1px solid var(--line);border-radius:16px;margin:20px 0}.inline-error{color:var(--danger);white-space:pre-wrap;margin:12px 0}.hidden{display:none!important}#notice{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:12px 20px;border-radius:10px;max-width:90vw;z-index:30;display:none}#notice.show{display:block}@media(max-width:960px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-top{grid-template-columns:1fr 280px;gap:24px}.article-layout{grid-template-columns:1fr}.article-side{position:static}.admin-layout{grid-template-columns:260px minmax(0,1fr)}}@media(max-width:700px){.top{padding:16px;gap:12px;flex-wrap:wrap}.top nav{order:3;width:100%;justify-content:center}.top .icon{margin-left:auto}nav a{padding:8px 12px}.home-top,.grid,.admin-layout{grid-template-columns:1fr}.home-top{gap:20px}#main{padding:26px 16px 40px}.home-top h1{font-size:2.4rem}.ai-card{padding:22px}.article{padding:22px}.editor{padding:20px}.editor .two{grid-template-columns:1fr}.admin-list{max-height:280px}.bubble{max-width:100%}.chat-form .meta{max-width:100%}.footer{padding:20px 16px}.card h2{margin-top:14px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Approved horizontal logo; original image pixels preserved. */
.top .brand{display:block;width:198px;height:72px;position:relative;overflow:hidden;background:#fff;border-radius:10px;flex-shrink:0}
.top .brand img{display:block;position:absolute;width:216px;height:auto;max-width:none;left:-9px;top:-13px}
.top{padding-top:10px;padding-bottom:10px}.server-list{margin-top:24px}.server-pager{margin-top:24px}.server-time{display:block;margin-bottom:18px;color:var(--muted)}
.related{margin-top:36px}.article-actions{border-top:1px solid var(--line);padding-top:24px;margin-top:28px}.share-links{margin-top:12px}.ai-actions{display:grid;gap:10px;margin-top:14px}.ai-actions .btn{font-size:.9rem}
.prose figure{margin:24px 0}.prose img{max-width:100%;height:auto;display:block;border-radius:12px}.prose figcaption{font-size:.875rem;color:var(--muted);margin-top:8px}
.saved-card{display:flex;flex-direction:column;gap:10px}.saved-card .card{flex:1}.image-tools{border:1px solid var(--line);border-radius:12px;padding:16px;margin:20px 0;min-width:0}.image-tools legend{padding:0 8px;font-weight:700}.image-tools .btn{margin-top:12px}.image-tools input[type=file]{font-size:.875rem}
.recovery{border:1px solid var(--accent);padding:16px;border-radius:12px;background:var(--soft);margin:16px 0}.install-icon{border-radius:20px;margin-bottom:20px}.success{color:var(--accent);font-weight:700}
.top nav{flex-wrap:wrap}.footer{gap:16px;flex-wrap:wrap}.editor,.article,.card{min-width:0}.article h1,.card h2{overflow-wrap:anywhere}
@media(max-width:700px){.top .brand{width:178px;height:64px}.top .brand img{width:196px;top:-12px}.top nav{justify-content:flex-start;gap:4px}nav a{padding:8px 10px;font-size:.875rem}.article-actions .btn{flex:1}.related .grid{grid-template-columns:1fr}}

.ai-studio{margin-top:24px;border:1px solid var(--line);border-radius:16px;background:var(--paper);padding:22px}.ai-studio summary{cursor:pointer;color:var(--accent);font-size:1.2rem;font-weight:700}.ai-studio[open] summary{margin-bottom:20px}.ai-options{display:grid;grid-template-columns:1fr 1fr 2fr;gap:16px}#ai-generate{margin-top:20px}#ai-proposal{border-top:1px solid var(--line);padding-top:24px;margin-top:24px}#ai-proposal>h2{margin-top:16px}#ai-content{max-width:850px}.ai-review{padding:20px;background:var(--soft);border-radius:12px;margin:24px 0}.ai-review .btn{margin:12px 0}.ai-review textarea{font-size:.9rem}#ai-studio form{max-width:950px}@media(max-width:700px){.ai-options{grid-template-columns:1fr}.ai-studio{padding:18px}}