:root{--color-bg: #fafaf7;--color-bg-raised: #f3f1ec;--color-text: #1c1c1a;--color-text-muted: #6b6b68;--color-accent: #3d4a3e;--color-accent-hover: #2a3430;--color-border: #e5e0d8;--color-border-strong: #cac4ba;--color-error: #8b2020;--font-heading: "Cormorant Garamond", Georgia, "Times New Roman", serif;--font-body: "Lora", Georgia, "Times New Roman", serif;--font-mono: "Courier New", Courier, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1.0625rem;--text-lg: 1.1875rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-4xl: 3rem;--text-5xl: 4rem;--leading-tight: 1.2;--leading-snug: 1.4;--leading-body: 1.75;--measure: 66ch;--content-width: 860px;--admin-width: 1100px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 2px;--radius: 4px;--radius-lg: 8px;--transition: .15s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:16px}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body);min-height:100vh}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}.site-nav{background:var(--color-bg-raised);border-bottom:1px solid var(--color-border);padding:var(--space-6) 0}.site-nav__inner{max-width:var(--content-width);margin:0 auto;padding:0 var(--space-8);display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-8)}.site-nav__name{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:500;letter-spacing:-.01em;color:var(--color-accent);text-decoration:none;transition:color var(--transition)}.site-nav__name:hover{color:var(--color-accent-hover)}.site-nav__links{display:flex;align-items:center;gap:var(--space-8);list-style:none}.site-nav__links a{font-family:var(--font-body);font-size:var(--text-sm);letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-muted);text-decoration:none;transition:color var(--transition)}.site-nav__links a:hover,.site-nav__links a.active{color:var(--color-text)}.site-footer{border-top:1px solid var(--color-border);padding:var(--space-8) 0;margin-top:var(--space-24)}.site-footer__inner{max-width:var(--content-width);margin:0 auto;padding:0 var(--space-8);color:var(--color-text-muted);font-size:var(--text-sm)}.page{max-width:var(--content-width);margin:0 auto;padding:var(--space-16) var(--space-8)}.home-section-label{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-8)}.article-list{list-style:none}.article-list__item{border-top:1px solid var(--color-border)}.article-list__item:last-child{border-bottom:1px solid var(--color-border)}.article-list__link{display:grid;grid-template-columns:1fr auto;gap:var(--space-4) var(--space-8);padding:var(--space-6) 0;text-decoration:none;color:var(--color-text);transition:color var(--transition)}.article-list__link:hover{color:var(--color-accent)}.article-list__link:hover .article-list__arrow{transform:translate(3px)}.article-list__meta{font-size:var(--text-xs);letter-spacing:.06em;color:var(--color-text-muted);text-transform:uppercase;margin-bottom:var(--space-2)}.article-list__title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:500;line-height:var(--leading-snug);letter-spacing:-.01em}.article-list__excerpt{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-2);line-height:1.6;max-width:55ch}.article-list__arrow{font-size:var(--text-lg);color:var(--color-text-muted);align-self:center;transition:transform var(--transition),color var(--transition);flex-shrink:0}.apps-section{margin-top:var(--space-20)}.apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-1)}.app-card{border:1px solid var(--color-border);padding:var(--space-6);text-decoration:none;color:var(--color-text);display:block;transition:border-color var(--transition),background-color var(--transition)}.app-card:hover{border-color:var(--color-border-strong);background-color:var(--color-bg-raised)}.app-card__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-3)}.app-card__name{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:500;letter-spacing:-.01em}.app-card__icon{font-size:var(--text-sm);color:var(--color-text-muted);flex-shrink:0}.app-card__description{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}.empty-state{padding:var(--space-16) 0;color:var(--color-text-muted);font-size:var(--text-sm);font-style:italic}.article-page{max-width:var(--content-width);margin:0 auto;padding:var(--space-12) var(--space-8) var(--space-24)}.article-header{max-width:var(--measure);margin-bottom:var(--space-12)}.article-header__meta{font-size:var(--text-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-5)}.article-header__title{font-family:var(--font-heading);font-size:clamp(var(--text-3xl),5vw,var(--text-5xl));font-weight:500;line-height:1.1;letter-spacing:-.02em;margin-bottom:var(--space-6)}.article-cover{margin-bottom:var(--space-12);max-width:var(--content-width)}.article-cover img{width:100%;max-height:500px;object-fit:cover}.prose{max-width:var(--measure);font-size:var(--text-lg);line-height:var(--leading-body)}.prose h1,.prose h2,.prose h3{font-family:var(--font-heading);font-weight:500;line-height:var(--leading-tight);letter-spacing:-.02em;margin-top:var(--space-12);margin-bottom:var(--space-4)}.prose h1{font-size:var(--text-4xl)}.prose h2{font-size:var(--text-3xl)}.prose h3{font-size:var(--text-2xl)}.prose p{margin-bottom:var(--space-6)}.prose p:last-child{margin-bottom:0}.prose a{color:var(--color-text);text-decoration:underline;text-decoration-color:var(--color-border-strong);text-underline-offset:3px;transition:text-decoration-color var(--transition)}.prose a:hover{text-decoration-color:var(--color-text)}.prose strong{font-weight:600}.prose em{font-style:italic}.prose blockquote{border-left:2px solid var(--color-border-strong);padding-left:var(--space-6);margin:var(--space-8) 0;font-style:italic;color:var(--color-text-muted)}.prose ul,.prose ol{margin-bottom:var(--space-6);padding-left:var(--space-6)}.prose li{margin-bottom:var(--space-2)}.prose ul li{list-style-type:disc}.prose ol li{list-style-type:decimal}.prose hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-12) 0}.prose img{width:100%;margin:var(--space-8) 0}.prose code{font-family:var(--font-mono);font-size:.875em;background:var(--color-bg-raised);padding:.15em .35em;border-radius:var(--radius-sm)}.prose pre{background:var(--color-bg-raised);border:1px solid var(--color-border);padding:var(--space-6);border-radius:var(--radius);overflow-x:auto;margin-bottom:var(--space-6)}.prose pre code{background:none;padding:0;font-size:var(--text-sm)}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);text-decoration:none;margin-bottom:var(--space-10);transition:color var(--transition)}.back-link:hover{color:var(--color-text)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;letter-spacing:.04em;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;text-decoration:none;transition:background-color var(--transition),color var(--transition),border-color var(--transition);line-height:1;white-space:nowrap}.btn-primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn-primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-secondary{background:transparent;color:var(--color-text);border-color:var(--color-border-strong)}.btn-secondary:hover{background:var(--color-bg-raised);border-color:var(--color-text-muted)}.btn-ghost{background:transparent;color:var(--color-text-muted);border-color:transparent;padding-left:var(--space-3);padding-right:var(--space-3)}.btn-ghost:hover{color:var(--color-text);background:var(--color-bg-raised)}.btn-danger{background:transparent;color:var(--color-error);border-color:transparent}.btn-danger:hover{background:#fff0f0;border-color:#f5c0c0}.btn:disabled{opacity:.45;cursor:not-allowed}.form-group{margin-bottom:var(--space-6)}label{display:block;font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-2)}input[type=text],input[type=email],input[type=password],input[type=url],textarea,select{width:100%;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background:#fff;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);line-height:var(--leading-body);transition:border-color var(--transition);appearance:none}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=url]:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-accent)}textarea{resize:vertical;min-height:100px}.field-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-2)}.field-error{font-size:var(--text-xs);color:var(--color-error);margin-top:var(--space-2)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-8)}.login-box{width:100%;max-width:380px}.login-box__title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:500;margin-bottom:var(--space-8);letter-spacing:-.02em}.login-error{background:#fff0f0;border:1px solid #f5c0c0;color:var(--color-error);padding:var(--space-4);font-size:var(--text-sm);margin-bottom:var(--space-6);border-radius:var(--radius-sm)}.admin-nav{background:var(--color-text);color:#fff;padding:var(--space-4) 0}.admin-nav__inner{max-width:var(--admin-width);margin:0 auto;padding:0 var(--space-8);display:flex;align-items:center;gap:var(--space-8)}.admin-nav__brand{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:500;color:#fff;text-decoration:none;letter-spacing:-.01em}.admin-nav__links{display:flex;align-items:center;gap:var(--space-6);list-style:none;flex:1}.admin-nav__links a{font-size:var(--text-sm);letter-spacing:.05em;color:#ffffffa6;text-decoration:none;transition:color var(--transition)}.admin-nav__links a:hover,.admin-nav__links a.active{color:#fff}.admin-nav__logout{margin-left:auto}.admin-page{max-width:var(--admin-width);margin:0 auto;padding:var(--space-10) var(--space-8) var(--space-24)}.admin-page-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.admin-page-title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:500;letter-spacing:-.02em}.admin-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.admin-table th{text-align:left;font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-weight:400;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.admin-table th:first-child{padding-left:0}.admin-table td{padding:var(--space-4);border-bottom:1px solid var(--color-border);vertical-align:middle}.admin-table td:first-child{padding-left:0}.admin-table tr:hover td{background:var(--color-bg-raised)}.status-badge{display:inline-block;padding:2px var(--space-3);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-sm)}.status-badge--published{background:#e6f4ea;color:#1b5e20}.status-badge--draft{background:var(--color-bg-raised);color:var(--color-text-muted);border:1px solid var(--color-border)}.editor-page{display:grid;grid-template-columns:1fr 280px;gap:var(--space-10);align-items:start}.editor-main{min-width:0}.editor-sidebar{position:sticky;top:var(--space-8);border:1px solid var(--color-border);padding:var(--space-6);border-radius:var(--radius)}.editor-sidebar__section{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.editor-sidebar__section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.editor-sidebar__label{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-3)}.editor-title-input{font-family:var(--font-heading)!important;font-size:var(--text-3xl)!important;font-weight:500!important;letter-spacing:-.02em!important;border:none!important;border-bottom:1px solid var(--color-border)!important;border-radius:0!important;padding:var(--space-3) 0!important;background:transparent!important;margin-bottom:var(--space-6);line-height:var(--leading-snug)!important}.editor-title-input:focus{border-bottom-color:var(--color-accent)!important;outline:none}.editor-toolbar{display:flex;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6)}.toolbar-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);cursor:pointer;font-size:var(--text-sm);font-family:var(--font-body);transition:background-color var(--transition),color var(--transition),border-color var(--transition);flex-shrink:0}.toolbar-btn:hover{background:var(--color-bg-raised);color:var(--color-text);border-color:var(--color-border)}.toolbar-btn.is-active{background:var(--color-text);color:#fff;border-color:var(--color-text)}.toolbar-divider{width:1px;height:24px;background:var(--color-border);margin:4px var(--space-2);align-self:center}.ProseMirror{font-family:var(--font-body);font-size:var(--text-lg);line-height:var(--leading-body);min-height:400px;outline:none;color:var(--color-text)}.ProseMirror>*+*{margin-top:.75em}.ProseMirror h1,.ProseMirror h2,.ProseMirror h3{font-family:var(--font-heading);font-weight:500;line-height:var(--leading-tight);letter-spacing:-.02em}.ProseMirror h1{font-size:var(--text-4xl);margin-top:var(--space-10)}.ProseMirror h2{font-size:var(--text-3xl);margin-top:var(--space-8)}.ProseMirror h3{font-size:var(--text-2xl);margin-top:var(--space-6)}.ProseMirror blockquote{border-left:2px solid var(--color-border-strong);padding-left:var(--space-6);font-style:italic;color:var(--color-text-muted)}.ProseMirror ul,.ProseMirror ol{padding-left:var(--space-6)}.ProseMirror li{margin-bottom:var(--space-2)}.ProseMirror ul li{list-style-type:disc}.ProseMirror ol li{list-style-type:decimal}.ProseMirror hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-8) 0}.ProseMirror img{max-width:100%;height:auto;cursor:default}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--color-border-strong);pointer-events:none;height:0}.image-upload-zone{border:1px dashed var(--color-border-strong);border-radius:var(--radius);padding:var(--space-6);text-align:center;cursor:pointer;transition:border-color var(--transition),background-color var(--transition);font-size:var(--text-sm);color:var(--color-text-muted)}.image-upload-zone:hover,.image-upload-zone.dragging{border-color:var(--color-accent);background:var(--color-bg-raised);color:var(--color-text)}.image-upload-zone input{display:none}.image-preview{position:relative;margin-bottom:var(--space-3)}.image-preview img{width:100%;height:140px;object-fit:cover;border-radius:var(--radius-sm)}.image-preview__remove{position:absolute;top:var(--space-2);right:var(--space-2);background:#0009;color:#fff;border:none;border-radius:var(--radius-sm);width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--text-sm)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4);margin-bottom:var(--space-10)}.stat-card{border:1px solid var(--color-border);padding:var(--space-6);border-radius:var(--radius)}.stat-card__value{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:500;letter-spacing:-.03em;line-height:1;margin-bottom:var(--space-2)}.stat-card__label{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}@media(max-width:700px){.article-list__link{grid-template-columns:1fr}.article-list__arrow{display:none}.article-list__title{font-size:var(--text-xl)}.editor-page{grid-template-columns:1fr}.editor-sidebar{position:static;order:-1}.admin-nav__links{gap:var(--space-4)}.site-nav__inner{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.site-nav__name{font-size:var(--text-lg)}}