:root{--bg: #FAF7F2;--bg-deep: #F0ECE3;--bg-warm: #F5F0E8;--surface: #FFFEFC;--surface-warm: #FBF8F3;--ink: #1C1917;--ink-soft: #44403C;--ink-muted: #57534E;--muted: #78716C;--muted-soft: #A8A29E;--line: #D6D3CD;--line-soft: #E7E4DF;--line-faint: #F0EDE8;--accent: #B45309;--accent-hover: #92400E;--accent-soft: #FEF3C7;--accent-faint: #FFFBEB;--sage: #65715B;--sage-soft: #849178;--gold: #B8860B;--gold-soft: #D4A537;--terracotta: #C2563E;--terracotta-soft: #D97757;--gradient-hero: linear-gradient(180deg, var(--bg-warm) 0%, var(--bg) 100%);--gradient-ink: linear-gradient(135deg, var(--ink) 0%, var(--ink-muted) 100%);--gradient-accent: linear-gradient(135deg, var(--accent) 0%, var(--terracotta) 100%);--gradient-grain: radial-gradient(ellipse at top, rgba(180, 83, 9, .04) 0%, transparent 60%);--text: var(--ink);--text-soft: var(--ink-soft);--border: var(--line);--surface-soft: var(--bg-deep);--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "SF Mono", "Fira Code", Menlo, monospace;--fs-xs: clamp(.7rem, .65rem + .2vw, .75rem);--fs-sm: clamp(.8rem, .75rem + .2vw, .875rem);--fs-base: clamp(.95rem, .9rem + .2vw, 1rem);--fs-lg: clamp(1.1rem, 1rem + .4vw, 1.25rem);--fs-xl: clamp(1.3rem, 1.15rem + .6vw, 1.5rem);--fs-2xl: clamp(1.6rem, 1.35rem + 1vw, 2rem);--fs-3xl: clamp(2rem, 1.6rem + 1.5vw, 2.75rem);--fs-4xl: clamp(2.6rem, 2rem + 2.5vw, 4rem);--fs-5xl: clamp(3.4rem, 2.4rem + 4vw, 6rem);--lh-tight: 1.05;--lh-snug: 1.2;--lh-normal: 1.5;--lh-relaxed: 1.7;--lh-loose: 1.9;--ls-tighter: -.03em;--ls-tight: -.02em;--ls-normal: -.01em;--ls-wide: .02em;--ls-wider: .08em;--ls-widest: .18em;--space-px: 1px;--space-0\.5: .125rem;--space-1: .25rem;--space-1\.5: .375rem;--space-2: .5rem;--space-2\.5: .625rem;--space-3: .75rem;--space-3\.5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-28: 7rem;--space-32: 8rem;--space-36: 9rem;--space-40: 10rem;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--space-2xl: 6rem;--space-3xl: 9rem;--shadow-sm: 0 1px 2px rgba(28, 25, 23, .04), 0 1px 3px rgba(28, 25, 23, .06);--shadow-md: 0 4px 6px -1px rgba(28, 25, 23, .06), 0 2px 4px -2px rgba(28, 25, 23, .06);--shadow-lg: 0 10px 15px -3px rgba(28, 25, 23, .08), 0 4px 6px -4px rgba(28, 25, 23, .05);--shadow-xl: 0 20px 25px -5px rgba(28, 25, 23, .08), 0 8px 10px -6px rgba(28, 25, 23, .06);--shadow-warm: 0 8px 32px rgba(180, 83, 9, .1);--container: 1200px;--container-narrow: 720px;--container-wide: 1400px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--radius-pill: 999px;--radius-full: 50%;--grain-opacity: .04;--ease: cubic-bezier(.22, 1, .36, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--transition: .35s var(--ease);--transition-fast: .2s var(--ease);--transition-slow: .6s var(--ease)}[data-theme=dark]{--bg: #12100E;--bg-deep: #1C1917;--bg-warm: #1A1815;--surface: #292524;--surface-warm: #262321;--ink: #F5F0E8;--ink-soft: #D6D3CD;--ink-muted: #A8A29E;--muted: #78716C;--muted-soft: #57534E;--line: #3F3A36;--line-soft: #2E2B28;--line-faint: #221F1D;--accent: #F59E0B;--accent-hover: #FBBF24;--accent-soft: rgba(245, 158, 11, .15);--accent-faint: rgba(245, 158, 11, .06);--sage: #849178;--sage-soft: #A0AE94;--gold: #D4A537;--gold-soft: #E9C46A;--terracotta: #D97757;--terracotta-soft: #E8927A;--gradient-hero: linear-gradient(180deg, var(--bg-warm) 0%, var(--bg) 100%);--gradient-ink: linear-gradient(135deg, var(--ink) 0%, var(--ink-muted) 100%);--gradient-accent: linear-gradient(135deg, var(--accent) 0%, var(--terracotta) 100%);--gradient-grain: radial-gradient(ellipse at top, rgba(245, 158, 11, .06) 0%, transparent 60%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .4);--shadow-warm: 0 8px 32px rgba(245, 158, 11, .15);--grain-opacity: .06}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-body);font-size:var(--fs-base);background-color:var(--bg);color:var(--ink);line-height:var(--lh-relaxed);font-weight:400;letter-spacing:var(--ls-normal);overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");background-size:200px 200px}a{color:inherit;text-decoration:none;transition:color var(--transition)}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}.grain{position:relative}.grain:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");background-size:200px 200px;mix-blend-mode:multiply}.text-balance{text-wrap:balance}.gradient-text{background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hover-lift{transition:transform var(--transition),box-shadow var(--transition)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.rule-top{position:relative;padding-top:var(--space-6)}.rule-top:before{content:"";position:absolute;top:0;left:0;width:60px;height:1px;background:var(--accent)}.rule-bottom{position:relative;padding-bottom:var(--space-6)}.rule-bottom:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:1px;background:var(--accent)}.small-caps{font-variant:small-caps;letter-spacing:var(--ls-wider)}.italic-display{font-style:italic;font-weight:300}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{max-width:var(--container);margin:0 auto;padding:0 var(--space-md)}.container-narrow{max-width:var(--container-narrow);margin:0 auto;padding:0 var(--space-md)}.display{font-family:var(--font-display);font-weight:400;line-height:var(--lh-tight);letter-spacing:var(--ls-tight)}.display-xl{font-family:var(--font-display);font-weight:300;font-size:var(--fs-5xl);line-height:.95;letter-spacing:var(--ls-tighter)}.display-xl em{font-style:italic;font-weight:200}.display-lg{font-family:var(--font-display);font-weight:400;font-size:var(--fs-4xl);line-height:var(--lh-tight);letter-spacing:var(--ls-tight)}.display-md{font-family:var(--font-display);font-weight:500;font-size:var(--fs-2xl);line-height:var(--lh-snug);letter-spacing:var(--ls-tight)}.eyebrow{font-family:var(--font-body);font-size:var(--fs-xs);font-weight:600;letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--accent)}.caption{font-size:var(--fs-sm);color:var(--muted);letter-spacing:var(--ls-wide)}.lead{font-size:var(--fs-lg);line-height:var(--lh-relaxed);color:var(--ink-soft);font-weight:300}.site-header{position:sticky;top:0;z-index:100;background:#faf7f2d1;backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);border-bottom:1px solid transparent;border-image:linear-gradient(90deg,transparent 0%,var(--line) 15%,var(--line) 85%,transparent 100%) 1;transition:all var(--transition)}[data-theme=dark] .site-header{background:#12100ed9}[data-theme=dark] .site-footer{background:var(--bg);color:var(--ink)}[data-theme=dark] .site-footer__newsletter{border-bottom-color:#f5f0e814}[data-theme=dark] .site-footer__newsletter-desc{color:#f5f0e880}[data-theme=dark] .site-footer__newsletter-input{background:#f5f0e80f;border-color:#f5f0e81a;color:var(--ink)}[data-theme=dark] .site-footer__newsletter-input::placeholder{color:#f5f0e84d}[data-theme=dark] .site-footer__top{border-bottom-color:#f5f0e814}[data-theme=dark] .site-footer__brand{color:var(--ink)}[data-theme=dark] .site-footer__tagline{color:#f5f0e866}[data-theme=dark] .site-footer__desc{color:#f5f0e880}[data-theme=dark] .site-footer__col-title{color:#f5f0e8b3}[data-theme=dark] .site-footer__col-title:after{background:#f5f0e826}[data-theme=dark] .site-footer__list a{color:#f5f0e880}[data-theme=dark] .site-footer__list a:hover{color:var(--gold)}[data-theme=dark] .site-footer__divider{background:#f5f0e81a}.site-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--line) 20%,var(--accent) 50%,var(--line) 80%,transparent 100%);opacity:.3;pointer-events:none}.site-header__inner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);max-width:var(--container-wide);margin:0 auto}.brand{font-family:var(--font-display);font-weight:400;font-size:var(--fs-xl);font-style:italic;letter-spacing:var(--ls-tight);color:var(--ink);display:flex;align-items:baseline;gap:2px;transition:all var(--transition);position:relative}.brand:hover{font-style:italic;transform:skew(-3deg);color:var(--accent)}.brand:hover .brand__dot{transform:scale(1.4)}.brand__dot{color:var(--accent);display:inline-block;transition:transform var(--transition) var(--ease-bounce)}.nav{display:flex;align-items:center;gap:var(--space-8)}.nav__link{font-size:var(--fs-sm);font-weight:500;color:var(--ink-muted);letter-spacing:var(--ls-wide);position:relative;padding:var(--space-2) 0;transition:color var(--transition)}.nav__link:before{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%) scale(0);width:5px;height:5px;border-radius:50%;background:var(--accent);transition:transform var(--transition)}.nav__link:after{content:"";position:absolute;bottom:var(--space-1);left:50%;width:0;height:1px;background:var(--accent);transition:width var(--transition),left var(--transition)}.nav__link:hover{color:var(--ink)}.nav__link:hover:after{width:100%;left:0}.nav__link:hover:before{transform:translate(-50%) scale(1)}.nav__link.active{color:var(--ink)}.nav__link.active:after{width:100%;left:0}.nav__write{font-size:var(--fs-xs);font-weight:600;letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--bg);background:var(--ink);padding:var(--space-2\.5) var(--space-5);border-radius:var(--radius-pill);transition:all var(--transition);position:relative;box-shadow:0 1px 3px #1c19171a,0 4px 8px #1c191714}.nav__write:hover{background:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #b4530940,0 8px 20px #b4530926}.nav__write:active{transform:translateY(0)}.nav__theme-toggle{width:38px;height:38px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all var(--transition);background:var(--bg-deep);border:1px solid var(--line-soft);color:var(--ink-soft)}.nav__theme-toggle:hover{background:var(--surface);color:var(--accent);border-color:var(--line);transform:rotate(15deg)}.hero{padding:var(--space-36) 0 var(--space-28);position:relative;overflow:hidden;background:var(--gradient-hero)}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-grain);pointer-events:none}.hero__grid{display:grid;grid-template-columns:1.3fr 1fr;gap:var(--space-16);align-items:center;position:relative;z-index:1}.hero__content{position:relative}.hero__eyebrow{margin-bottom:var(--space-6);display:inline-flex;align-items:center;gap:var(--space-3)}.hero__eyebrow:before{content:"";width:32px;height:1px;background:var(--accent)}.hero__title{margin-bottom:var(--space-8);position:relative}.hero__title em{font-style:italic;color:var(--accent);font-weight:200;font-variation-settings:"opsz" 144}.hero__subtitle{font-size:var(--fs-lg);color:var(--ink-muted);max-width:520px;line-height:var(--lh-relaxed);font-weight:300;letter-spacing:var(--ls-normal)}.hero__meta{display:flex;align-items:center;gap:var(--space-4);font-size:var(--fs-sm);color:var(--muted);letter-spacing:var(--ls-wider);text-transform:uppercase;margin-top:var(--space-10);font-weight:500}.hero__meta-line{width:60px;height:1px;background:var(--line)}.hero__meta-dot{width:4px;height:4px;border-radius:50%;background:var(--accent)}.hero__decoration{position:absolute;top:50%;right:5%;transform:translateY(-50%);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;opacity:.06}.hero__decoration-letter{font-family:var(--font-display);font-style:italic;font-size:clamp(12rem,25vw,28rem);font-weight:100;color:var(--accent);line-height:.8;font-variation-settings:"opsz" 144}.hero__floating-elements{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.hero__float-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:.3}.hero__float-dot--1{top:20%;left:10%;animation:float 6s ease-in-out infinite}.hero__float-dot--2{top:60%;left:25%;animation:float 8s ease-in-out infinite 1s;opacity:.2}.hero__float-dot--3{top:30%;right:15%;animation:float 7s ease-in-out infinite 2s}.hero__float-rule{position:absolute;width:80px;height:1px;background:var(--line);opacity:.6}.hero__float-rule--1{top:25%;right:20%;transform:rotate(45deg)}.hero__float-rule--2{bottom:30%;left:8%;transform:rotate(-30deg)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.featured{padding:var(--space-20) 0;border-top:1px solid var(--line-soft);position:relative}.featured:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:40px;height:1px;background:var(--accent)}.featured__inner{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--space-12);align-items:stretch}.featured__image-wrap{position:relative}.featured__image{aspect-ratio:4 / 5;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-deep);position:relative;box-shadow:var(--shadow-xl)}.featured__image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 50%,rgba(28,25,23,.4) 100%);pointer-events:none}.featured__image img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.featured__image:hover img{transform:scale(1.05)}.featured__image-label{position:absolute;top:var(--space-5);left:var(--space-5);background:var(--surface);padding:var(--space-1\.5) var(--space-3);border-radius:var(--radius-xs);font-size:var(--fs-xs);font-weight:700;letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--ink);z-index:2;box-shadow:var(--shadow-sm)}.featured__content{padding:var(--space-4) 0;display:flex;flex-direction:column;justify-content:center}.featured__eyebrow{margin-bottom:var(--space-5);display:inline-flex;align-items:center;gap:var(--space-3)}.featured__category{display:inline-block;font-size:var(--fs-xs);font-weight:600;letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--accent)}.featured__title{font-family:var(--font-display);font-weight:400;font-size:var(--fs-3xl);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);margin-bottom:var(--space-6);color:var(--ink)}.featured__title a{background:linear-gradient(currentColor,currentColor) bottom / 0 1px no-repeat;transition:background-size var(--transition)}.featured__title a:hover{color:var(--accent);background-size:100% 1px}.featured__excerpt{font-size:var(--fs-base);color:var(--ink-muted);line-height:var(--lh-relaxed);margin-bottom:var(--space-8);font-weight:300}.featured__meta{display:flex;align-items:center;gap:var(--space-4);font-size:var(--fs-sm);color:var(--muted);padding-top:var(--space-5);border-top:1px solid var(--line-soft)}.featured__author{font-weight:600;color:var(--ink-soft);font-size:var(--fs-sm)}.featured__read-more{margin-top:var(--space-6);display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--fs-sm);font-weight:600;color:var(--accent);letter-spacing:var(--ls-wider);text-transform:uppercase;transition:gap var(--transition)}.featured__read-more:hover{gap:var(--space-3)}.section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-10);padding-bottom:var(--space-5);border-bottom:2px solid var(--ink);position:relative}.section-header:before{content:"";position:absolute;bottom:-2px;left:0;width:80px;height:2px;background:var(--accent);z-index:1}.section-header__title{font-family:var(--font-display);font-weight:500;font-size:var(--fs-xl);letter-spacing:var(--ls-tight);display:flex;align-items:baseline;gap:var(--space-4)}.section-header__number{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:400;font-style:italic;color:var(--muted);letter-spacing:var(--ls-normal)}.section-header__count{font-size:var(--fs-xs);color:var(--muted);letter-spacing:var(--ls-wider);text-transform:uppercase;font-weight:500}.sort-tabs{display:inline-flex;gap:0;margin-bottom:var(--space-8);border-bottom:1px solid var(--line-soft);width:100%}.sort-tabs__btn{font-family:var(--font-body);font-size:var(--fs-sm);font-weight:500;letter-spacing:var(--ls-wide);padding:var(--space-3) var(--space-5);background:transparent;color:var(--muted);border:none;cursor:pointer;position:relative;transition:color var(--transition)}.sort-tabs__btn:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--accent);transition:width var(--transition)}.sort-tabs__btn:hover{color:var(--ink)}.sort-tabs__btn:hover:after{width:100%}.sort-tabs__btn--active{color:var(--ink);font-weight:600}.sort-tabs__btn--active:after{width:100%}.posts-section{padding:var(--space-24) 0}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-12) var(--space-8)}.post-card{display:flex;flex-direction:column;gap:var(--space-3);transition:transform var(--transition),box-shadow var(--transition);position:relative}.post-card:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gradient-accent);transition:width var(--transition);border-radius:var(--radius-xs)}.post-card:hover{transform:translateY(-6px)}.post-card:hover:after{width:40px}.post-card__image-wrap{position:relative;overflow:hidden;border-radius:var(--radius-md)}.post-card__image{aspect-ratio:3 / 4;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-deep);margin-bottom:var(--space-2);position:relative}.post-card__image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 60%,rgba(28,25,23,.15) 100%);opacity:0;transition:opacity var(--transition);pointer-events:none}.post-card:hover .post-card__image:after{opacity:1}.post-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.post-card:hover .post-card__image img{transform:scale(1.08)}.post-card__badges{display:flex;gap:var(--space-2);margin-bottom:var(--space-2)}.post-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:var(--fs-xs);font-weight:600;letter-spacing:var(--ls-wider);text-transform:uppercase;border-radius:var(--radius-xs);background:var(--accent-faint);color:var(--accent)}.post-badge--pinned{background:var(--accent-soft);color:var(--accent)}.post-badge--featured{background:var(--bg-deep);color:var(--ink-soft)}.post-card__category{font-size:var(--fs-xs);font-weight:500;letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--muted);order:-1}.post-card__title{font-family:var(--font-display);font-weight:500;font-size:var(--fs-xl);line-height:var(--lh-snug);letter-spacing:var(--ls-tight);color:var(--ink);transition:color var(--transition);position:relative;display:inline}.post-card__title a{background:linear-gradient(currentColor,currentColor) bottom / 0 1px no-repeat;transition:background-size var(--transition)}.post-card:hover .post-card__title{color:var(--accent)}.post-card:hover .post-card__title a{background-size:100% 1px}.post-card__excerpt{font-size:var(--fs-sm);color:var(--ink-muted);line-height:var(--lh-relaxed);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-weight:300}.post-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);font-size:var(--fs-xs);color:var(--muted);margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--line-faint);letter-spacing:var(--ls-wide)}.post-card__author{color:var(--ink-soft);font-weight:500;font-size:var(--fs-xs)}.post-card__read-time{font-variant-numeric:tabular-nums;color:var(--muted)}.post-card__stats{display:inline-flex;align-items:center;gap:var(--space-3);margin-left:auto;font-size:var(--fs-xs);color:var(--muted-soft);font-variant-numeric:tabular-nums}.post-card__stat{display:inline-flex;align-items:center;gap:4px}.post-card__divider{width:3px;height:3px;border-radius:50%;background:var(--line);flex-shrink:0}.article{padding:var(--space-lg) 0 var(--space-3xl)}.article__back-link-wrap{max-width:700px;margin:0 auto;padding:0 var(--space-md)}.article__header{max-width:700px;margin:0 auto;text-align:center;padding:var(--space-xl) var(--space-md) var(--space-lg);position:relative}.article__category{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-md);position:relative}.article__category:before,.article__category:after{content:"";position:absolute;top:50%;width:30px;height:1px;background:var(--line)}.article__category:before{right:calc(100% + var(--space-sm))}.article__category:after{left:calc(100% + var(--space-sm))}.article__title{font-family:var(--font-display);font-weight:300;font-size:clamp(2.5rem,5.5vw,4.5rem);line-height:1.02;letter-spacing:-.035em;margin-bottom:var(--space-lg);color:var(--ink);font-feature-settings:"ss01","ss02"}.article__excerpt{font-family:var(--font-display);font-style:italic;font-weight:300;font-size:1.35rem;line-height:1.5;color:var(--ink-soft);margin-bottom:var(--space-lg);max-width:560px;margin-left:auto;margin-right:auto}.article__meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-sm);font-size:.82rem;color:var(--muted);padding-top:var(--space-md);border-top:1px solid var(--line-soft);position:relative}.article__meta:before{content:"❦";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--bg);padding:0 var(--space-sm);font-size:1rem;color:var(--gold);font-style:italic}.article__author{font-weight:600;color:var(--ink-soft);display:inline-flex;align-items:center;gap:6px}.article__author-avatar{width:24px;height:24px;border-radius:50%;overflow:hidden;background:var(--bg-deep)}.article__author-avatar img{width:100%;height:100%;object-fit:cover}.article__meta-divider{color:var(--line);font-weight:300}.article__divider{max-width:700px;margin:0 auto;padding:0 var(--space-md)}.article__divider-line{height:1px;background:linear-gradient(90deg,transparent,var(--line) 20%,var(--line) 80%,transparent);position:relative}.article__divider-ornament{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg);padding:0 var(--space-md);font-family:var(--font-display);font-style:italic;color:var(--gold);font-size:1.2rem}.article__cover{max-width:1100px;margin:var(--space-xl) auto;aspect-ratio:21 / 9;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-deep);position:relative;box-shadow:0 20px 60px #1a1a1a1f}.article__cover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 40%,#00000026);z-index:1;pointer-events:none}.article__cover img{width:100%;height:100%;object-fit:cover;animation:coverFadeIn 1.2s var(--ease) both}@keyframes coverFadeIn{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.article__body{max-width:700px;margin:0 auto;padding:0 var(--space-md);font-size:1.18rem;line-height:1.8;color:var(--ink-soft);font-weight:400;letter-spacing:-.005em;word-spacing:.02em}.article__body>p:first-of-type:first-letter{font-family:var(--font-display);font-size:4.5rem;font-weight:500;float:left;line-height:.85;padding-right:.75rem;padding-top:.5rem;color:var(--accent);font-style:italic;letter-spacing:-.02em}.article__body h1,.article__body h2,.article__body h3{font-family:var(--font-display);color:var(--ink);margin:var(--space-xl) 0 var(--space-sm);letter-spacing:-.02em;font-weight:500;line-height:1.2}.article__body h1{font-size:2rem;margin-top:var(--space-2xl)}.article__body h2{font-size:1.7rem;margin-top:var(--space-xl)}.article__body h3{font-size:1.35rem;font-weight:600}.article__body p{margin-bottom:1.5rem;text-align:justify;-webkit-hyphens:auto;hyphens:auto}.article__body ul,.article__body ol{margin:var(--space-md) 0 var(--space-lg);padding-left:var(--space-lg)}.article__body li{margin-bottom:var(--space-sm);line-height:1.7}.article__body code{font-family:SF Mono,Fira Code,JetBrains Mono,monospace;background:var(--bg-deep);padding:.2em .55em;border-radius:var(--radius-sm);font-size:.85em;color:var(--accent);font-weight:500}.article__body pre{background:linear-gradient(135deg,#1e1e1e,#252525);color:#d4d4d4;padding:1.5rem;border-radius:var(--radius-md);overflow-x:auto;margin:var(--space-lg) 0;font-size:.88rem;line-height:1.65;border:1px solid rgba(255,255,255,.06);box-shadow:0 8px 24px #00000026;position:relative}.article__body pre:before{content:"● ● ●";position:absolute;top:10px;left:14px;font-size:6px;letter-spacing:4px;color:#fff3;pointer-events:none}.article__body pre code{background:none;padding:0;color:inherit;font-weight:400;font-size:.88rem}.article__body blockquote{border:none;padding:var(--space-lg) var(--space-xl);margin:var(--space-xl) 0;font-family:var(--font-display);font-style:italic;font-size:1.45rem;font-weight:300;color:var(--ink);line-height:1.5;text-align:center;position:relative;background:var(--bg-deep);border-radius:var(--radius-md)}.article__body blockquote:before{content:'"';position:absolute;top:-10px;left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:4rem;font-weight:600;color:var(--accent);line-height:1;background:var(--bg-deep);padding:0 var(--space-sm)}.article__body blockquote p{margin:0;text-align:center}.article__footer{max-width:700px;margin:var(--space-2xl) auto 0;padding:0 var(--space-md)}.article__footer-tags{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap}.article__footer-tags-label{font-size:.72rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.article__tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.tag{font-size:.78rem;padding:.35rem .9rem;border:1px solid var(--line);border-radius:999px;color:var(--ink-soft);transition:all var(--transition);background:var(--surface)}.tag:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.article__actions-wrap{border-top:1px solid var(--line-soft);padding-top:var(--space-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap}.article__actions{display:flex;gap:var(--space-xs)}.action-btn{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:500;color:var(--ink-soft);padding:.55rem 1rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);transition:all var(--transition);position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(200,85,61,.05),transparent);opacity:0;transition:opacity var(--transition)}.action-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px #c8553d1f}.action-btn:hover:before{opacity:1}.action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.action-btn--active:before{opacity:1}.action-btn__icon{font-size:1rem;line-height:1;transition:transform .2s var(--ease)}.action-btn:hover .action-btn__icon{transform:scale(1.15)}.action-btn__count{font-size:.8rem;font-variant-numeric:tabular-nums;font-weight:600}.btn-edit{font-size:.8rem;font-weight:600;color:var(--ink-soft);padding:.55rem 1.2rem;border:1px solid var(--line);border-radius:999px;transition:all var(--transition);background:var(--surface)}.btn-edit:hover{border-color:var(--ink);color:var(--ink);transform:translateY(-1px);box-shadow:0 4px 12px #1a1a1a14}.btn-delete{font-size:.8rem;font-weight:600;color:var(--accent);padding:.55rem 1.2rem;border:1px solid var(--accent);border-radius:999px;transition:all var(--transition);background:transparent}.btn-delete:hover{background:var(--accent);color:var(--bg);transform:translateY(-1px);box-shadow:0 4px 12px #c8553d40}.post-layout{display:flex;gap:var(--space-2xl);max-width:var(--container-wide);margin:0 auto;padding:var(--space-lg) var(--space-md) var(--space-3xl)}.post-layout>.article{flex:1;min-width:0;padding:0}.post-layout>.post-sidebar{flex-shrink:0;width:280px;position:sticky;top:calc(var(--space-lg) + 60px);height:fit-content;display:flex;flex-direction:column;gap:var(--space-md)}.post-sidebar__card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-lg)}.post-sidebar__title{font-family:var(--font-display);font-size:.85rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:var(--space-md)}.post-sidebar__author{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.post-sidebar__avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0}.post-sidebar__avatar img{width:100%;height:100%;object-fit:cover;display:block}.post-sidebar__avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-weight:600;font-size:1.1rem}.post-sidebar__author-info{display:flex;flex-direction:column;min-width:0}.post-sidebar__author-name{font-weight:600;color:var(--ink);font-size:.95rem;text-decoration:none}.post-sidebar__author-name:hover{color:var(--accent)}.post-sidebar__author-handle{font-size:.8rem;color:var(--muted)}.post-sidebar__bio{font-size:.85rem;line-height:1.6;color:var(--ink-soft);margin-bottom:var(--space-md)}.post-sidebar__stats{display:flex;gap:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--line)}.post-sidebar__stat{display:flex;flex-direction:column;gap:2px}.post-sidebar__stat-num{font-family:var(--font-display);font-size:1.25rem;font-weight:500;color:var(--ink)}.post-sidebar__stat-label{font-size:.72rem;color:var(--muted);letter-spacing:.05em}.post-sidebar__tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.post-sidebar__tag{display:inline-block;padding:4px 10px;background:var(--bg-soft);border-radius:999px;font-size:.78rem;color:var(--ink-soft)}.post-sidebar__posts{list-style:none;padding:0;margin:0}.post-sidebar__post-item{border-bottom:1px solid var(--line)}.post-sidebar__post-item:last-child{border-bottom:none}.post-sidebar__post-link{display:block;padding:var(--space-sm) 0;text-decoration:none;color:inherit}.post-sidebar__post-link:hover .post-sidebar__post-title{color:var(--accent)}.post-sidebar__post-title{display:block;font-size:.85rem;line-height:1.5;color:var(--ink);margin-bottom:4px;transition:color var(--transition);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-sidebar__post-date{display:block;font-size:.72rem;color:var(--muted)}.post-sidebar__empty{font-size:.85rem;color:var(--muted);margin:0}.post-sidebar__loading{font-size:.85rem;color:var(--muted)}.post-sidebar__share{display:flex;flex-direction:column;gap:var(--space-xs)}.post-sidebar__share-btn{display:flex;align-items:center;gap:var(--space-sm);padding:10px 12px;background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius-md);font-size:.85rem;color:var(--ink);cursor:pointer;transition:all var(--transition)}.post-sidebar__share-btn:hover{background:var(--surface);border-color:var(--accent);color:var(--accent)}.post-sidebar__share-btn svg{width:16px;height:16px;flex-shrink:0}.back-link{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:.85rem;color:var(--muted);margin-bottom:var(--space-lg);transition:color var(--transition)}.back-link:hover{color:var(--ink)}.form-page{padding:var(--space-xl) 0;max-width:var(--container-narrow);margin:0 auto}.form-page__title{font-family:var(--font-display);font-weight:400;font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:-.02em;margin-bottom:var(--space-lg)}.form{display:flex;flex-direction:column;gap:var(--space-md)}.form__field{display:flex;flex-direction:column;gap:var(--space-xs)}.form__label{font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.form__input,.form__textarea,.form__select{font-family:var(--font-body);font-size:1rem;padding:.8rem 1rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);transition:border-color var(--transition);outline:none}.form__input:focus,.form__textarea:focus,.form__select:focus{border-color:var(--accent)}.form__textarea{resize:vertical;min-height:120px;line-height:1.6}.form__textarea--content{min-height:400px;font-family:SF Mono,Fira Code,monospace;font-size:.9rem}.form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.form__actions{display:flex;gap:var(--space-sm);margin-top:var(--space-sm)}.form__radio-group{display:inline-flex;gap:var(--space-md);align-items:center}.form__radio{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;color:var(--ink-soft);cursor:pointer}.form__radio input{cursor:pointer}.form__custom-js{margin-top:var(--space-lg);padding:var(--space-md);border:1px solid var(--line-soft);border-radius:var(--radius-md);background:var(--surface-warm)}.form__custom-js-toggle{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.form__custom-js-btn{font-size:var(--fs-xs);font-weight:600;color:var(--accent);background:none;border:none;cursor:pointer;text-transform:uppercase;letter-spacing:var(--ls-wider);transition:color var(--transition)}.form__custom-js-btn:hover{color:var(--accent-hover)}.form__custom-js-hint{font-size:var(--fs-sm);color:var(--muted);line-height:var(--lh-relaxed);margin-bottom:var(--space-3)}.form__custom-js-presets{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.form__preset-btn{font-size:var(--fs-xs);font-weight:500;padding:var(--space-1) var(--space-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--ink-soft);cursor:pointer;transition:all var(--transition)}.form__preset-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-faint)}.form__textarea--code{font-family:var(--font-mono);font-size:.85rem;line-height:1.6;-moz-tab-size:2;tab-size:2;background:var(--bg-deep);color:var(--ink);border-color:var(--line);resize:vertical}.form__custom-js-info{display:flex;justify-content:space-between;margin-top:var(--space-2);font-size:var(--fs-xs);color:var(--muted)}.btn-primary{font-size:.85rem;font-weight:600;letter-spacing:.04em;color:var(--bg);background:var(--ink);padding:.85rem 2rem;border-radius:999px;transition:background var(--transition),transform var(--transition)}.btn-primary:hover{background:var(--accent);transform:translateY(-1px)}.btn-secondary{font-size:.85rem;font-weight:600;color:var(--ink-soft);padding:.85rem 2rem;border:1px solid var(--line);border-radius:999px;transition:all var(--transition)}.btn-secondary:hover{border-color:var(--ink);color:var(--ink)}.site-footer{background:var(--ink);color:var(--bg);padding:var(--space-28) 0 var(--space-10);margin-top:var(--space-36);position:relative;overflow:hidden}.site-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--accent) 20%,var(--gold) 50%,var(--accent) 80%,transparent 100%)}.site-footer:after{content:"";position:absolute;bottom:0;left:0;right:0;top:0;background:radial-gradient(ellipse at top center,rgba(180,83,9,.08) 0%,transparent 60%);pointer-events:none}.site-footer__inner{max-width:var(--container-wide);margin:0 auto;padding:0 var(--space-6);position:relative;z-index:1}.site-footer__newsletter{text-align:center;padding-bottom:var(--space-16);margin-bottom:var(--space-12);border-bottom:1px solid rgba(245,240,232,.1)}.site-footer__newsletter-eyebrow{font-size:var(--fs-xs);font-weight:600;letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--gold);margin-bottom:var(--space-4)}.site-footer__newsletter-title{font-family:var(--font-display);font-size:var(--fs-3xl);font-weight:300;line-height:var(--lh-tight);letter-spacing:var(--ls-tight);margin-bottom:var(--space-4)}.site-footer__newsletter-title em{font-style:italic;color:var(--gold-soft);font-weight:200}.site-footer__newsletter-desc{font-size:var(--fs-base);color:#f5f0e899;max-width:520px;margin:0 auto var(--space-6);line-height:var(--lh-relaxed);font-weight:300}.site-footer__newsletter-form{display:flex;gap:var(--space-3);max-width:440px;margin:0 auto}.site-footer__newsletter-input{flex:1;padding:var(--space-3) var(--space-4);background:#f5f0e814;border:1px solid rgba(245,240,232,.15);border-radius:var(--radius-pill);color:var(--bg);font-size:var(--fs-sm);outline:none;transition:border-color var(--transition),background var(--transition)}.site-footer__newsletter-input::placeholder{color:#f5f0e866}.site-footer__newsletter-input:focus{border-color:var(--gold);background:#f5f0e81f}.site-footer__newsletter-btn{padding:var(--space-3) var(--space-6);background:var(--gold);color:var(--ink);border:none;border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:700;letter-spacing:var(--ls-wider);text-transform:uppercase;cursor:pointer;transition:all var(--transition)}.site-footer__newsletter-btn:hover{background:var(--gold-soft);transform:translateY(-1px)}.site-footer__top{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:var(--space-10);padding-bottom:var(--space-12);border-bottom:1px solid rgba(245,240,232,.1)}.site-footer__brand-col{display:flex;flex-direction:column;gap:var(--space-4)}.site-footer__brand{font-family:var(--font-display);font-style:italic;font-size:var(--fs-2xl);font-weight:400;letter-spacing:var(--ls-tight);color:var(--bg);display:flex;align-items:baseline;gap:2px}.site-footer__brand-dot{color:var(--gold)}.site-footer__tagline{font-family:var(--font-display);font-style:italic;font-size:var(--fs-lg);font-weight:300;color:#f5f0e880;line-height:var(--lh-snug)}.site-footer__desc{font-size:var(--fs-sm);color:#f5f0e880;line-height:var(--lh-relaxed);max-width:320px}.site-footer__col-title{font-size:var(--fs-xs);font-weight:700;letter-spacing:var(--ls-widest);text-transform:uppercase;color:#f5f0e866;margin-bottom:var(--space-5);position:relative;padding-bottom:var(--space-3)}.site-footer__col-title:after{content:"";position:absolute;bottom:0;left:0;width:24px;height:1px;background:var(--gold)}.site-footer__list{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.site-footer__list a{font-size:var(--fs-sm);color:#f5f0e8a6;transition:color var(--transition),padding-left var(--transition);display:inline-block;position:relative}.site-footer__list a:before{content:"→";position:absolute;left:-16px;opacity:0;transition:opacity var(--transition),left var(--transition);color:var(--gold)}.site-footer__list a:hover{color:var(--gold);padding-left:16px}.site-footer__list a:hover:before{opacity:1;left:0;position:relative;margin-right:6px}.site-footer__bottom{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-8);font-size:var(--fs-xs);color:#f5f0e859;letter-spacing:var(--ls-wide)}.site-footer__bottom-left,.site-footer__bottom-right{display:flex;align-items:center;gap:var(--space-4)}.site-footer__divider{width:3px;height:3px;border-radius:50%;background:#f5f0e833}.loading{display:flex;align-items:center;justify-content:center;padding:var(--space-3xl) 0;font-family:var(--font-display);font-style:italic;font-size:1.3rem;color:var(--muted)}.loading:after{content:"...";animation:dots 1.5s steps(4,end) infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.error-state{text-align:center;padding:var(--space-3xl) 0}.error-state__title{font-family:var(--font-display);font-size:1.5rem;margin-bottom:var(--space-sm);color:var(--ink)}.error-state__msg{color:var(--muted);font-size:.95rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.fade-up{animation:fadeUp .8s var(--ease) both}.fade-up:nth-child(1){animation-delay:.05s}.fade-up:nth-child(2){animation-delay:.1s}.fade-up:nth-child(3){animation-delay:.15s}.fade-up:nth-child(4){animation-delay:.2s}.fade-up:nth-child(5){animation-delay:.25s}.fade-up:nth-child(6){animation-delay:.3s}.fade-up:nth-child(7){animation-delay:.35s}.fade-up:nth-child(8){animation-delay:.4s}.fade-up:nth-child(9){animation-delay:.45s}.fade-up:nth-child(10){animation-delay:.5s}.fade-in{animation:fadeIn .6s var(--ease) both}.scale-in{animation:scaleIn .7s var(--ease) both}@media (max-width: 1024px){.site-footer__top{grid-template-columns:1fr 1fr;gap:var(--space-8)}.site-footer__brand-col{grid-column:1 / -1}.post-layout{flex-direction:column;gap:var(--space-xl)}.post-layout>.post-sidebar{width:100%;position:static;order:2}}@media (max-width: 900px){.hero{padding:var(--space-24) 0 var(--space-20)}.hero__grid{grid-template-columns:1fr;gap:var(--space-8)}.hero__decoration{top:10%;right:-5%;transform:translateY(0)}.hero__decoration-letter{font-size:10rem}.featured__inner{grid-template-columns:1fr;gap:var(--space-8)}.featured__image{aspect-ratio:16 / 10}.form__row{grid-template-columns:1fr}.site-footer__top{grid-template-columns:1fr 1fr;gap:var(--space-8)}.site-footer__newsletter-title{font-size:var(--fs-2xl)}.nav{gap:var(--space-4)}.nav__link{display:none}}@media (max-width: 640px){.posts-grid{grid-template-columns:1fr}.post-card__image{aspect-ratio:16 / 10}.article__body{font-size:var(--fs-base)}.site-footer__bottom{flex-direction:column;gap:var(--space-3);text-align:center}.site-footer__bottom-left,.site-footer__bottom-right{flex-direction:column;gap:var(--space-2)}.site-footer__divider{display:none}.site-footer__top{grid-template-columns:1fr;gap:var(--space-8)}.site-footer__newsletter-form{flex-direction:column}.section-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.hero__floating-elements{display:none}}.nav__user{display:flex;align-items:center;gap:var(--space-xs)}.nav__username{font-size:.85rem;font-weight:500;color:var(--ink)}.nav__logout{font-size:.78rem;color:var(--muted);padding:4px 10px;border-radius:999px;border:1px solid var(--line);transition:all var(--transition)}.nav__logout:hover{border-color:var(--accent);color:var(--accent)}.nav__mail{display:inline-flex;align-items:center;gap:4px}.nav__badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:.7rem;font-weight:700;color:var(--bg);background:var(--accent);border-radius:999px}.form__error{background:#c8553d14;color:var(--accent);border:1px solid rgba(200,85,61,.25);padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.88rem}.form__subtitle{font-size:.95rem;color:var(--muted);margin-bottom:var(--space-lg);margin-top:calc(-1 * var(--space-md))}.form__hint{margin-top:var(--space-md);font-size:.82rem;color:var(--muted);line-height:1.6}.inline-link{color:var(--accent);border-bottom:1px solid currentColor;transition:color var(--transition)}.article__actions--forum{align-items:center;flex-wrap:wrap}.action-btn{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:500;color:var(--ink-soft);padding:.5rem 1rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);transition:all var(--transition)}.action-btn:hover{border-color:var(--accent);color:var(--accent)}.action-btn:disabled{opacity:.6;cursor:not-allowed}.action-btn--active{color:var(--accent);border-color:var(--accent);background:#c8553d0f}.action-btn__icon{font-size:1rem;line-height:1}.action-btn__count{font-size:.82rem}.comments{max-width:700px;margin:var(--space-2xl) auto 0;padding:0 var(--space-md)}.comments__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:2px solid var(--ink)}.comments__title{font-family:var(--font-display);font-weight:500;font-size:1.8rem;letter-spacing:-.02em;display:flex;align-items:baseline;gap:var(--space-sm);margin:0}.comments__count{font-family:var(--font-body);font-size:.8rem;font-weight:600;color:var(--muted);letter-spacing:.05em;text-transform:uppercase}.comment-form{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-xl);padding:var(--space-md);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);transition:border-color var(--transition),box-shadow var(--transition)}.comment-form:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #c8553d14}.comment-form__textarea{width:100%;border:none;outline:none;resize:vertical;min-height:80px;font-size:.95rem;line-height:1.6;color:var(--ink);background:transparent;font-family:var(--font-body)}.comment-form__textarea::placeholder{color:var(--muted)}.comment-form__actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-sm)}.comments__login-hint{background:var(--bg-deep);padding:var(--space-lg) var(--space-md);border-radius:var(--radius-md);text-align:center;color:var(--muted);font-size:.95rem;margin-bottom:var(--space-xl);border:1px dashed var(--line)}.comments__login-hint a{color:var(--accent);font-weight:600;text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--transition)}.comments__login-hint a:hover{border-bottom-color:var(--accent)}.comments__empty{color:var(--muted);font-style:italic;text-align:center;padding:var(--space-xl) 0;font-family:var(--font-display);font-size:1.1rem}.comment-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-lg)}.comment{display:grid;grid-template-columns:44px 1fr;gap:var(--space-sm);position:relative}.comment__avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;background:var(--bg-deep);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--transition)}.comment:hover .comment__avatar{transform:scale(1.05)}.comment__avatar img{width:100%;height:100%;object-fit:cover}.comment__avatar-fallback{font-family:var(--font-display);font-weight:500;color:var(--accent);font-size:1.1rem}.comment__body{min-width:0}.comment__bubble{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);position:relative;transition:border-color var(--transition),box-shadow var(--transition)}.comment:hover .comment__bubble{border-color:var(--line);box-shadow:0 4px 16px #1a1a1a0f}.comment__bubble:before{content:"";position:absolute;left:-7px;top:14px;width:12px;height:12px;background:var(--surface);border-left:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(45deg)}.comment__head{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:6px;flex-wrap:wrap}.comment__author{font-size:.88rem;font-weight:600;color:var(--ink);transition:color var(--transition)}.comment__author:hover{color:var(--accent)}.comment__time{font-size:.75rem;color:var(--muted)}.comment__content{font-size:.95rem;line-height:1.65;color:var(--ink-soft);white-space:pre-wrap;word-wrap:break-word}.comment__actions{display:flex;align-items:center;gap:var(--space-sm);margin-top:8px;padding-left:4px}.comment__action{font-size:.75rem;font-weight:500;color:var(--muted);padding:4px 8px;border-radius:var(--radius-sm);transition:all var(--transition);background:transparent}.comment__action:hover{color:var(--ink);background:var(--bg-deep)}.comment__action--danger:hover{color:var(--accent);background:#c8553d0f}.comment__like{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;font-weight:500;color:var(--muted);padding:4px 10px;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition)}.comment__like:hover:not(:disabled){color:var(--accent);background:#c8553d0f}.comment__like:disabled{opacity:.6;cursor:not-allowed}.comment__like--active{color:var(--accent);background:#c8553d14}.comment__like-icon{font-size:.85rem;line-height:1;transition:transform .2s var(--ease)}.comment__like:hover .comment__like-icon{transform:scale(1.2)}.comment__like-count{font-variant-numeric:tabular-nums;font-weight:600}.mention{color:var(--accent);text-decoration:none;font-weight:600;font-size:.9em}.mention:hover{text-decoration:underline}.reply-box{margin-top:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm);background:var(--bg-deep);border-radius:var(--radius-sm);border:1px solid var(--line)}.reply-box textarea{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);font-size:.88rem;padding:.6rem .8rem;resize:vertical;min-height:60px;outline:none;transition:border-color var(--transition)}.reply-box textarea:focus{border-color:var(--accent)}.reply-box__actions{display:flex;gap:var(--space-xs);justify-content:flex-end}.reply-box__actions .btn-secondary,.reply-box__actions .btn-primary{padding:.45rem 1rem;font-size:.78rem}.comment__replies{list-style:none;margin-top:var(--space-sm);margin-left:22px;padding-left:0;border-left:2px solid var(--line-soft);display:flex;flex-direction:column;gap:var(--space-sm);position:relative}.comment__replies:before{content:"";position:absolute;left:-2px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--line-soft),var(--line))}.comment__replies .comment{grid-template-columns:36px 1fr;gap:var(--space-xs)}.comment__replies .comment__avatar{width:36px;height:36px}.comment__replies .comment__avatar-fallback{font-size:.95rem}.comment__replies .comment__bubble{padding:var(--space-xs) var(--space-sm)}.comment__replies .comment__bubble:before{display:none}.mailbox__head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.mailbox__tabs{display:flex;gap:var(--space-xs);margin-bottom:var(--space-md);border-bottom:1px solid var(--line)}.mailbox__tab{font-size:.9rem;font-weight:500;color:var(--muted);padding:.6rem 1.2rem;position:relative;transition:color var(--transition)}.mailbox__tab:hover,.mailbox__tab--active{color:var(--ink)}.mailbox__tab--active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent)}.mail-list{list-style:none;display:flex;flex-direction:column;gap:1px;background:var(--line-soft);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden}.mail-item{display:flex;align-items:center;gap:var(--space-sm);background:var(--surface);padding:var(--space-sm) var(--space-md);transition:background var(--transition)}.mail-item:hover{background:var(--bg-deep)}.mail-item--unread{background:#c9a9610f}.mail-item__main{display:flex;align-items:center;gap:var(--space-sm);flex:1;min-width:0}.mail-item__avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;background:var(--bg-deep);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mail-item__avatar img{width:100%;height:100%;object-fit:cover}.mail-item__body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.mail-item__head{display:flex;align-items:center;gap:var(--space-xs)}.mail-item__peer{font-size:.85rem;font-weight:600;color:var(--ink)}.mail-item__dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}.mail-item__time{font-size:.75rem;color:var(--muted);margin-left:auto}.mail-item__subject{font-size:.88rem;color:var(--ink-soft);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-item__preview{font-size:.8rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-item__delete{font-size:1.4rem;color:var(--muted);padding:4px 8px;line-height:1;transition:color var(--transition);flex-shrink:0}.mail-item__delete:hover{color:var(--accent)}.message-detail__head{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.message-detail__avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--bg-deep);display:flex;align-items:center;justify-content:center;flex-shrink:0}.message-detail__avatar img{width:100%;height:100%;object-fit:cover}.message-detail__peer{font-size:.95rem;font-weight:600;color:var(--ink)}.message-detail__time{font-size:.8rem;color:var(--muted)}.message-detail__read{color:var(--sage)}.message-detail__subject{font-family:var(--font-display);font-weight:500;font-size:1.8rem;margin-bottom:var(--space-md)}.message-detail__body{font-size:1rem;line-height:1.75;color:var(--ink-soft);white-space:pre-wrap;word-wrap:break-word;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md)}.post-card__stats{display:inline-flex;align-items:center;gap:var(--space-xs);margin-left:auto;font-size:.78rem;color:var(--muted)}@media (max-width: 600px){.mailbox__head{flex-direction:column;align-items:flex-start}.comment{grid-template-columns:32px 1fr}.comment__avatar{width:32px;height:32px}.mail-item__time{display:none}}.nav__badge{position:absolute;top:-4px;right:-10px;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-pill);background:var(--gradient-accent);color:#fff;font-size:.65rem;font-weight:700;line-height:18px;text-align:center;box-shadow:0 0 0 2px var(--bg),0 2px 6px #b4530959;font-variant-numeric:tabular-nums}.form__success{background:#22c55e1a;border:1px solid rgba(34,197,94,.4);color:#15803d;padding:12px 16px;border-radius:6px;margin-bottom:var(--space-md)}.admin-page{max-width:var(--container-wide);margin:0 auto;padding:var(--space-lg) var(--space-md) var(--space-2xl)}.admin-page__header{margin-bottom:var(--space-lg)}.admin-page__title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md);flex-wrap:wrap}.admin-page__title{font-family:var(--font-display);font-weight:500;font-size:2rem;letter-spacing:-.02em;color:var(--ink);margin-bottom:var(--space-xs)}.admin-page__subtitle{color:var(--muted);font-size:14px;max-width:600px}.admin-page__admin-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;border-radius:20px;font-size:13px;font-weight:600;letter-spacing:.02em;box-shadow:0 2px 8px #c8553d40}.admin-page__admin-icon{font-size:14px}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-sm);margin-bottom:var(--space-lg)}.admin-stat{position:relative;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);transition:transform var(--transition),box-shadow var(--transition);overflow:hidden}.admin-stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--stat-color, var(--accent))}.admin-stat:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.admin-stat__icon{font-size:28px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-deep);border-radius:var(--radius-md);flex-shrink:0}.admin-stat__body{flex:1;min-width:0}.admin-stat__value{font-family:var(--font-display);font-size:1.75rem;font-weight:500;color:var(--ink);line-height:1.1;letter-spacing:-.02em}.admin-stat__label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.admin-stat__extra{position:absolute;top:10px;right:14px;font-size:11px;color:var(--muted);background:var(--bg-deep);padding:2px 8px;border-radius:10px}.admin-tabs{display:flex;gap:4px;margin-bottom:var(--space-md);border-bottom:1px solid var(--line);padding-bottom:0}.admin-tabs__item{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--muted);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:-1px;font-family:var(--font-body)}.admin-tabs__item:hover{color:var(--ink)}.admin-tabs__item--active{color:var(--accent);border-bottom-color:var(--accent)}.admin-tabs__icon{font-size:15px}.admin-tabs__count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;background:var(--bg-deep);color:var(--muted);border-radius:10px;font-size:11px;font-weight:600}.admin-tabs__item--active .admin-tabs__count{background:#c8553d1f;color:var(--accent)}.admin-toolbar{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap}.admin-search{position:relative;flex:1;min-width:240px;max-width:480px}.admin-search__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--muted);pointer-events:none}.admin-search__input{width:100%;padding:9px 36px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);font-size:14px;color:var(--ink);font-family:var(--font-body);transition:border-color .2s,box-shadow .2s}.admin-search__input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #c8553d1a}.admin-search__input::placeholder{color:var(--muted)}.admin-search__clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:22px;height:22px;background:var(--bg-deep);border:none;border-radius:50%;color:var(--muted);font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.admin-search__clear:hover{background:var(--accent);color:#fff}.admin-toolbar__count{font-size:13px;color:var(--muted);white-space:nowrap}.admin-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:var(--space-xl) var(--space-md);color:var(--muted);font-size:14px}.admin-loading__spinner{width:20px;height:20px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:admin-spin .8s linear infinite}@keyframes admin-spin{to{transform:rotate(360deg)}}.admin-empty{text-align:center;padding:var(--space-xl) var(--space-md);background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius-md)}.admin-empty__icon{font-size:40px;margin-bottom:var(--space-xs)}.admin-empty__text{color:var(--muted);font-size:14px}.admin-table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:0 1px 3px #00000008}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table th,.admin-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line-soft);vertical-align:middle}.admin-table th{background:var(--bg-deep);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);position:sticky;top:0}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#c8553d05}.admin-table__num{font-variant-numeric:tabular-nums;color:var(--ink-soft);font-weight:500}.admin-table__time{color:var(--muted);font-size:13px;white-space:nowrap}.admin-table__muted{color:var(--muted)}.admin-table__email{color:var(--muted);font-size:13px}.admin-table__title{max-width:280px}.admin-table__title a{color:var(--ink);text-decoration:none;font-weight:500;transition:color .15s}.admin-table__title a:hover{color:var(--accent)}.admin-table__author a{color:var(--ink-soft);text-decoration:none}.admin-table__author a:hover{color:var(--accent)}.admin-table__content{max-width:360px;color:var(--ink-soft);white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.5}.admin-user-cell{display:flex;align-items:center;gap:10px}.admin-user-cell__avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--bg-deep)}.admin-user-cell__avatar--placeholder{display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-size:14px;font-weight:600}.admin-user-cell__name{font-weight:600}.admin-user-cell__name a{color:var(--ink);text-decoration:none}.admin-user-cell__name a:hover{color:var(--accent)}.admin-user-cell__self{display:inline-block;margin-left:6px;padding:1px 6px;background:#7a9e7e26;color:var(--sage);border-radius:8px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.admin-tag{display:inline-block;padding:2px 10px;background:var(--bg-deep);color:var(--ink-soft);border-radius:12px;font-size:12px;font-weight:500}.admin-action-group{display:flex;gap:6px;flex-wrap:wrap}.admin-action{display:inline-flex;align-items:center;padding:5px 12px;background:transparent;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink-soft);font-size:12px;font-weight:500;cursor:pointer;text-decoration:none;transition:all .15s;font-family:var(--font-body)}.admin-action:hover{border-color:var(--accent);color:var(--accent);background:#c8553d0a}.admin-action--primary{border-color:var(--sage);color:var(--sage)}.admin-action--primary:hover{background:#7a9e7e14;border-color:var(--sage);color:var(--sage)}.admin-action--warn{border-color:var(--gold);color:var(--gold)}.admin-action--warn:hover{background:#c9a96114;border-color:var(--gold);color:var(--gold)}.admin-action--danger{color:#b91c1c;border-color:#b91c1c4d}.admin-action--danger:hover{border-color:#b91c1c;color:#b91c1c;background:#b91c1c0d}.role-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:600;background:var(--bg-deep);color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.role-badge--admin{background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;box-shadow:0 1px 3px #c8553d4d}@media (max-width: 768px){.admin-page{padding:var(--space-md) var(--space-sm) var(--space-xl)}.admin-page__title{font-size:1.5rem}.admin-stats{grid-template-columns:repeat(2,1fr);gap:var(--space-xs)}.admin-stat{padding:var(--space-xs) var(--space-sm)}.admin-stat__icon{width:36px;height:36px;font-size:22px}.admin-stat__value{font-size:1.25rem}.admin-stat__extra{display:none}.admin-tabs__item{padding:8px 12px;font-size:13px}.admin-tabs__icon,.admin-toolbar__count{display:none}}.user-profile{min-height:60vh;transition:background .3s}.empty-state{text-align:center;padding:var(--space-2xl) var(--space-md);background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;gap:12px}.empty-state__icon{font-size:48px;line-height:1}.empty-state__msg{color:var(--muted);margin:0}.settings{max-width:760px;margin:0 auto;padding:var(--space-xl) var(--space-md) var(--space-2xl)}.settings .back-link{margin-bottom:var(--space-lg)}.settings__page-title{font-family:var(--font-display);font-weight:400;font-size:clamp(2rem,4vw,2.8rem);letter-spacing:-.025em;margin-bottom:var(--space-xs);color:var(--ink);line-height:1.1}.settings__page-subtitle{font-size:1rem;color:var(--muted);margin-bottom:var(--space-xl);line-height:1.6;max-width:560px}.settings .form__textarea--code{font-family:SF Mono,Fira Code,Menlo,monospace;font-size:13px;line-height:1.6;-moz-tab-size:2;tab-size:2;background:var(--bg-deep);border-color:var(--line)}.settings__section{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:none;position:relative}.settings__section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--line),transparent 70%)}.settings__section-title{font-family:var(--font-display);font-weight:500;font-size:1.6rem;letter-spacing:-.02em;margin-bottom:var(--space-xs);color:var(--ink);display:flex;align-items:center;gap:var(--space-sm)}.settings__section-title:before{content:"";width:4px;height:1.6rem;background:linear-gradient(180deg,var(--accent),var(--gold));border-radius:2px}.settings__section-desc{font-size:.9rem;color:var(--muted);margin-bottom:var(--space-lg);line-height:1.6}.form__field{margin-bottom:4px}.settings .form__label{font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:6px}.settings .form__input,.settings .form__textarea,.settings .form__select{border-radius:var(--radius-md);padding:.75rem 1rem;font-size:.95rem;background:var(--surface);transition:border-color var(--transition),box-shadow var(--transition)}.settings .form__input:focus,.settings .form__textarea:focus,.settings .form__select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #c8553d1a}.form__hint-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.8rem;font-weight:500;padding:4px 10px;border-radius:var(--radius-sm);transition:background var(--transition)}.form__hint-btn:hover{background:#c8553d14;text-decoration:none}.css-preview{border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-lg);margin-top:var(--space-sm);background:var(--surface);position:relative;overflow:hidden}.css-preview:before{content:"预览";position:absolute;top:8px;right:12px;font-size:.65rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:var(--bg-deep);padding:2px 8px;border-radius:999px}.css-preview__inner{padding-top:var(--space-sm)}.css-preview__inner h3{margin:0 0 var(--space-sm) 0;font-size:1.25rem;font-family:var(--font-display);font-weight:500;color:var(--ink)}.css-preview__inner p{margin:0;color:var(--ink-soft);font-size:.95rem;line-height:1.6}.css-preview__inner .preview-avatar{width:48px;height:48px;border-radius:50%;background:var(--accent);margin-bottom:var(--space-sm);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.4rem;color:#fff;font-weight:500}.settings .btn-primary{padding:.75rem 1.8rem;font-size:.88rem}.settings .form__actions{margin-top:var(--space-md)}.settings .form__error,.settings .form__success{border-radius:var(--radius-md);padding:.85rem 1rem;font-size:.88rem;margin-bottom:var(--space-md)}.settings__section--password{padding-bottom:var(--space-md)}.settings__section--password .form{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-lg);margin-top:var(--space-sm)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1.4rem;background:var(--surface);color:var(--ink-soft);border:1px solid var(--line);border-radius:999px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition);text-decoration:none}.btn-secondary:hover{background:var(--bg-deep);border-color:var(--ink-soft);color:var(--ink);transform:translateY(-1px)}.search-bar{position:relative;display:flex;align-items:center;flex:1 1 auto;max-width:360px;margin:0 var(--space-md);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.45rem .9rem;transition:border-color var(--transition),box-shadow var(--transition)}.search-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #c8553d1f}.search-bar__icon{font-size:.9rem;margin-right:.5rem;color:var(--muted);pointer-events:none}.search-bar__input{flex:1;border:none;outline:none;background:transparent;font-size:.9rem;color:var(--ink);min-width:0}.search-bar__input::placeholder{color:var(--muted)}.search-bar__input::-webkit-search-cancel-button{display:none}.search-bar__clear{font-size:1.2rem;line-height:1;color:var(--muted);padding:0 4px;border-radius:50%;transition:color var(--transition),background var(--transition)}.search-bar__clear:hover{color:var(--accent);background:var(--bg-deep)}@media (max-width: 760px){.search-bar{order:3;flex-basis:100%;margin:var(--space-xs) 0 0;max-width:none}}.notif-menu{position:relative;display:inline-flex}.notif-menu__btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:var(--ink-soft);transition:background var(--transition),color var(--transition)}.notif-menu__btn:hover,.notif-menu__btn--active{background:var(--bg-deep);color:var(--accent)}.notif-menu__icon{font-size:1.1rem;line-height:1}.notif-menu__badge{position:absolute;top:0;right:0;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:#fff;font-size:.7rem;font-weight:600;line-height:18px;text-align:center;box-shadow:0 0 0 2px var(--bg)}.notif-menu__panel{position:absolute;top:calc(100% + 10px);right:0;width:340px;max-width:calc(100vw - 32px);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:0 12px 32px #1a1a1a1f;overflow:hidden;z-index:200;animation:notif-pop .18s var(--ease)}@keyframes notif-pop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.notif-menu__header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--line-soft);font-size:.85rem;font-weight:600;color:var(--ink)}.notif-menu__view-all{font-size:.78rem;color:var(--accent);font-weight:500}.notif-menu__list{max-height:380px;overflow-y:auto}.notif-menu__empty{padding:var(--space-lg) var(--space-md);text-align:center;color:var(--muted);font-size:.9rem}.notif-item{display:flex;align-items:flex-start;gap:.6rem;padding:.7rem 1rem;border-bottom:1px solid var(--line-soft);text-decoration:none;color:inherit;transition:background var(--transition);position:relative}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--bg-deep)}.notif-item__avatar{flex-shrink:0;width:32px;height:32px;border-radius:50%;overflow:hidden;background:var(--bg-deep);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;color:var(--ink-soft)}.notif-item__avatar img{width:100%;height:100%;object-fit:cover}.notif-item__body{flex:1;min-width:0}.notif-item__text{font-size:.83rem;color:var(--ink-soft);line-height:1.4;margin:0;display:block}.notif-item__time{font-size:.72rem;color:var(--muted);margin-top:2px;display:block}.notif-item__dot{position:absolute;top:14px;right:12px;width:8px;height:8px;border-radius:50%;background:var(--accent)}.notif-page{padding:var(--space-xl) 0 var(--space-3xl);max-width:var(--container-narrow)}.notif-page__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:2px solid var(--ink)}.notif-page__title{font-family:var(--font-display);font-weight:500;font-size:1.8rem;letter-spacing:-.02em}.notif-list{list-style:none;padding:0;margin:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden}.notif-list__item{display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 1.1rem;border-bottom:1px solid var(--line-soft);transition:background var(--transition)}.notif-list__item:last-child{border-bottom:none}.notif-list__item:hover{background:var(--bg-deep)}.notif-list__item--unread{background:#c8553d0a}.notif-list__avatar{flex-shrink:0;width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--bg-deep);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;color:var(--ink-soft)}.notif-list__avatar img{width:100%;height:100%;object-fit:cover}.notif-list__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.notif-list__text{font-size:.92rem;color:var(--ink-soft);text-decoration:none;line-height:1.4}.notif-list__item--unread .notif-list__text{color:var(--ink);font-weight:500}.notif-list__text:hover{color:var(--accent)}.notif-list__time{font-size:.75rem;color:var(--muted)}.notif-list__delete{flex-shrink:0;width:28px;height:28px;border-radius:50%;font-size:1.2rem;line-height:1;color:var(--muted);transition:background var(--transition),color var(--transition)}.notif-list__delete:hover{background:var(--bg-deep);color:var(--accent)}.search-page{padding:var(--space-xl) 0 var(--space-3xl)}.search-page__title{font-family:var(--font-display);font-weight:500;font-size:clamp(1.8rem,3.5vw,2.6rem);letter-spacing:-.02em;margin-bottom:var(--space-sm);color:var(--ink)}.search-page__q{font-style:italic;color:var(--accent)}.search-page__hint,.search-page__count{color:var(--muted);font-size:.9rem;margin-bottom:var(--space-md)}.back-link{display:inline-block;font-size:.85rem;color:var(--ink-soft);margin-bottom:var(--space-md);padding:4px 0}.back-link:hover{color:var(--accent)}.md-editor{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden;box-shadow:0 2px 8px #1a1a1a0a;transition:border-color var(--transition),box-shadow var(--transition)}.md-editor:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #c8553d14,0 4px 16px #1a1a1a0f}.md-editor__toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.65rem .85rem;border-bottom:1px solid var(--line-soft);background:linear-gradient(180deg,var(--bg-deep),var(--surface));position:relative}.md-editor__toolbar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--line-soft) 10%,var(--line-soft) 90%,transparent)}.md-editor__group{display:inline-flex;align-items:center;gap:2px;padding-right:.6rem;margin-right:.2rem;border-right:1px solid var(--line)}.md-editor__group:last-of-type{border-right:none;margin-right:0}.md-editor__btn{min-width:34px;height:32px;padding:0 10px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;color:var(--ink-soft);background:transparent;border:1px solid transparent;transition:all var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:5px;cursor:pointer}.md-editor__btn:hover{background:var(--surface);color:var(--accent);border-color:var(--line);transform:translateY(-1px);box-shadow:0 2px 6px #1a1a1a0f}.md-editor__btn:active{transform:translateY(0)}.md-editor__btn code{font-family:SF Mono,Fira Code,monospace;font-size:.78rem;font-weight:500}.md-editor__tabs{margin-left:auto;display:inline-flex;background:var(--bg-deep);border:1px solid var(--line);border-radius:999px;padding:3px;position:relative}.md-editor__tab{padding:5px 16px;font-size:.78rem;font-weight:500;color:var(--muted);border-radius:999px;transition:all var(--transition);cursor:pointer;position:relative;z-index:1}.md-editor__tab:hover:not(.md-editor__tab--active){color:var(--ink-soft)}.md-editor__tab--active{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px #1a1a1a14;font-weight:600}.md-editor__textarea{width:100%;border:none;border-radius:0;padding:1.25rem 1.5rem;font-family:SF Mono,Fira Code,JetBrains Mono,Menlo,monospace;font-size:.95rem;line-height:1.75;resize:vertical;outline:none;background:var(--surface);color:var(--ink);transition:background var(--transition);min-height:360px}.md-editor__textarea:focus{background:color-mix(in srgb,var(--surface) 96%,var(--accent) 4%)}.md-editor__textarea::placeholder{color:var(--muted);font-family:var(--font-body);font-style:italic;font-size:1rem}.md-editor__preview{padding:1.25rem 1.5rem;background:var(--surface);overflow-x:auto;min-height:360px;position:relative}.md-editor__preview:before{content:"";position:absolute;top:0;left:1.5rem;right:1.5rem;height:1px;background:linear-gradient(90deg,transparent,var(--line-soft),transparent)}.md-editor__preview :first-child{margin-top:0}.md-editor__preview :last-child{margin-bottom:0}.md-editor__preview p{margin-bottom:1rem;line-height:1.7}.security{max-width:var(--container-narrow)}.security__section{margin-top:var(--space-lg);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-md)}.security__status{display:flex;align-items:flex-start;gap:.8rem;padding:.9rem 1rem;border-radius:var(--radius-sm);margin-bottom:var(--space-md)}.security__status--on{background:#7a9e7e1a;border:1px solid rgba(122,158,126,.4)}.security__status--off{background:#c9a9611a;border:1px solid rgba(201,169,97,.4)}.security__status-dot{flex-shrink:0;width:10px;height:10px;margin-top:6px;border-radius:50%;background:var(--muted)}.security__status--on .security__status-dot{background:var(--sage);box-shadow:0 0 0 4px #7a9e7e33}.security__status--off .security__status-dot{background:var(--gold);box-shadow:0 0 0 4px #c9a96133}.security__status strong{display:block;font-size:1rem;color:var(--ink);margin-bottom:4px}.security__status p{margin:0;font-size:.85rem;color:var(--ink-soft);line-height:1.5}.security__setup{display:grid;grid-template-columns:auto 1fr;gap:var(--space-md);align-items:start}.security__qr{padding:var(--space-sm);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm)}.security__qr img{display:block;width:200px;height:200px}.security__setup-info h3{font-family:var(--font-body);font-size:.9rem;font-weight:600;color:var(--ink);margin:0 0 .4rem;letter-spacing:0}.security__setup-info h3:not(:first-child){margin-top:var(--space-sm)}.security__setup-info p{font-size:.85rem;color:var(--ink-soft);margin:0 0 .5rem;line-height:1.5}.security__secret{display:inline-block;font-family:SF Mono,Fira Code,monospace;font-size:.9rem;background:var(--bg-deep);padding:6px 10px;border-radius:var(--radius-sm);letter-spacing:.05em;color:var(--ink);word-break:break-all}.form__input--code{font-family:SF Mono,Fira Code,monospace;font-size:1.4rem;letter-spacing:.4em;text-align:center;max-width:220px}.form__success{background:#7a9e7e1f;border:1px solid rgba(122,158,126,.4);color:#3d5e44;padding:.7rem 1rem;border-radius:var(--radius-sm);font-size:.88rem;margin-bottom:var(--space-sm)}@media (max-width: 760px){.security__setup{grid-template-columns:1fr;justify-items:center}.security__setup-info{width:100%}}.error-state{max-width:var(--container-narrow);margin:var(--space-2xl) auto;padding:var(--space-xl) var(--space-md);text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md)}.error-state__title{font-family:var(--font-display);font-weight:500;font-size:1.6rem;color:var(--ink);margin-bottom:var(--space-sm)}.error-state__msg{color:var(--ink-soft);font-size:.95rem}.loading{padding:var(--space-xl) var(--space-md);text-align:center;color:var(--muted);font-size:.9rem;font-style:italic}.user-profile{background:var(--bg);min-height:60vh;transition:background .4s var(--ease)}.profile-banner{position:relative;padding:var(--space-2xl) 0 var(--space-xl);background:radial-gradient(ellipse at top left,rgba(200,85,61,.08),transparent 50%),radial-gradient(ellipse at bottom right,rgba(201,169,97,.06),transparent 50%),linear-gradient(180deg,var(--bg-deep) 0%,var(--bg) 100%);border-bottom:1px solid var(--line-soft);overflow:hidden}.profile-banner:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--gold),var(--sage));opacity:.6}.profile-banner__inner{display:flex;align-items:flex-end;gap:var(--space-xl);position:relative;z-index:1}.profile-banner__avatar-wrap{position:relative;flex-shrink:0}.profile-banner__avatar{width:150px;height:150px;border-radius:50%;overflow:hidden;background:var(--surface);border:4px solid var(--surface);box-shadow:0 12px 32px #1a1a1a26,0 0 0 1px var(--line-soft);display:flex;align-items:center;justify-content:center;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}.profile-banner__avatar:hover{transform:scale(1.02);box-shadow:0 16px 40px #1a1a1a2e,0 0 0 1px var(--line)}.profile-banner__avatar img{width:100%;height:100%;object-fit:cover}.profile-banner__avatar-fallback{font-family:var(--font-display);font-size:3.8rem;font-weight:300;color:var(--accent);text-transform:uppercase;font-style:italic}.profile-banner__ring{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;border:1px dashed var(--line);pointer-events:none;opacity:.6}.profile-banner__info{flex:1;padding-bottom:var(--space-sm);min-width:0}.profile-banner__name-row{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:4px}.profile-banner__name{font-family:var(--font-display);font-weight:400;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.025em;color:var(--ink);line-height:1.05;margin:0;font-style:normal}.profile-banner__badge{font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-hover));padding:4px 12px;border-radius:999px;box-shadow:0 2px 8px #c8553d4d}.profile-banner__username{font-size:.95rem;color:var(--muted);margin:0;font-family:var(--font-body);font-weight:500;letter-spacing:.01em}.profile-banner__bio{font-size:1.05rem;color:var(--ink-soft);line-height:1.7;margin:var(--space-md) 0 0;max-width:600px;font-weight:400}.profile-banner__meta{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-md);font-size:.85rem;color:var(--muted)}.profile-banner__meta-item{display:inline-flex;align-items:center;gap:8px;padding:4px 0;transition:color var(--transition)}.profile-banner__meta-item:hover{color:var(--ink-soft)}.profile-banner__meta-icon{font-size:1rem;opacity:.8}.profile-banner__actions{display:flex;gap:var(--space-xs);margin-top:var(--space-lg);flex-wrap:wrap}.profile-banner__actions .btn-primary,.profile-banner__actions .btn-secondary{padding:.65rem 1.4rem;font-size:.85rem}.profile-stats-bar{background:var(--surface);border-bottom:1px solid var(--line);position:relative}.profile-stats-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--line) 20%,var(--line) 80%,transparent)}.profile-stats-bar__inner{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-xs);padding:var(--space-md) 0;position:relative}.profile-stat{text-align:center;padding:var(--space-sm) var(--space-xs);border-right:1px solid var(--line-soft);transition:background var(--transition);border-radius:var(--radius-sm);cursor:default;text-decoration:none;display:block}.profile-stat:last-child{border-right:none}.profile-stat:hover{background:var(--bg-deep)}.profile-stat strong{display:block;font-family:var(--font-display);font-weight:500;font-size:1.75rem;color:var(--ink);line-height:1.1;letter-spacing:-.02em;transition:color var(--transition)}.profile-stat span{display:block;font-size:.72rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:6px;font-weight:500}a.profile-stat:hover strong{color:var(--accent)}a.profile-stat{cursor:pointer}.profile-posts{padding:var(--space-xl) 0 var(--space-2xl)}.profile-posts .section-header{margin-bottom:var(--space-lg)}@media (max-width: 760px){.profile-banner__inner{flex-direction:column;align-items:center;text-align:center;gap:var(--space-lg)}.profile-banner__avatar{width:120px;height:120px}.profile-banner__name-row,.profile-banner__meta,.profile-banner__actions{justify-content:center}.profile-banner__bio{margin-left:auto;margin-right:auto}.profile-stats-bar__inner{grid-template-columns:repeat(3,1fr);gap:2px;padding:var(--space-sm) 0}.profile-stat{border-right:none;border-bottom:1px solid var(--line-soft);padding:var(--space-xs)}.profile-stat:nth-child(n+4){border-bottom:none}.profile-stat strong{font-size:1.4rem}.profile-stat span{font-size:.68rem;letter-spacing:.05em}}.nav__mail{position:relative}.nav__badge{position:absolute;top:-6px;right:-10px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--accent);color:#fff;font-size:.65rem;font-weight:600;line-height:16px;text-align:center}.nav__link--admin{color:var(--accent);font-weight:600}.nav__user{display:inline-flex;align-items:center;gap:var(--space-xs)}.nav__username{font-size:.85rem;font-weight:500;color:var(--ink-soft);padding:4px 8px;border-radius:var(--radius-sm);transition:background var(--transition),color var(--transition)}.nav__username:hover{background:var(--bg-deep);color:var(--accent)}.nav__logout{font-size:.8rem;color:var(--muted);padding:4px 8px;border-radius:var(--radius-sm);transition:color var(--transition),background var(--transition)}.nav__logout:hover{color:var(--accent);background:var(--bg-deep)}.inline-link{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.inline-link:hover{color:var(--accent-hover)}.form__hint{margin-top:var(--space-md);font-size:.82rem;color:var(--muted);line-height:1.5}.form__hint a{color:var(--accent)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-md);background:linear-gradient(135deg,var(--bg-deep) 0%,var(--bg) 50%,color-mix(in srgb,var(--accent) 5%,var(--bg)) 100%)}.auth-page__card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 60px #1a1a1a14;padding:var(--space-xl) var(--space-lg)}.auth-page__brand{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:var(--space-lg)}.auth-page__logo{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--ink);color:var(--bg);font-family:var(--font-display);font-size:1.4rem;font-weight:600;font-style:italic;border-radius:10px}.auth-page__brand-name{font-family:var(--font-display);font-size:1.5rem;font-weight:500;font-style:italic;color:var(--ink)}.auth-page__title{font-family:var(--font-display);font-weight:500;font-size:1.8rem;text-align:center;color:var(--ink);margin:0 0 6px;letter-spacing:-.02em}.auth-page__subtitle{font-size:.92rem;text-align:center;color:var(--muted);margin:0 0 var(--space-lg);line-height:1.5}.auth-page__error{background:#c8553d14;border:1px solid rgba(200,85,61,.3);color:#a8442f;padding:.7rem .9rem;border-radius:var(--radius-md);font-size:.88rem;margin-bottom:var(--space-md)}.auth-page__form{display:flex;flex-direction:column;gap:var(--space-md)}.auth-page__field{display:flex;flex-direction:column;gap:6px}.auth-page__label{font-size:.82rem;font-weight:600;color:var(--ink-soft);letter-spacing:.02em}.auth-page__input{width:100%;padding:.75rem .9rem;border:1px solid var(--line);border-radius:var(--radius-md);font-size:.95rem;color:var(--ink);background:var(--surface);transition:border-color var(--transition),box-shadow var(--transition);outline:none}.auth-page__input::placeholder{color:var(--muted)}.auth-page__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #c8553d1a}.auth-page__input--code{font-family:SF Mono,Fira Code,monospace;font-size:1.4rem;letter-spacing:.4em;text-align:center;max-width:220px;margin:0 auto}.auth-page__btn{width:100%;padding:.85rem 1.2rem;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;letter-spacing:.02em;transition:all var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:8px}.auth-page__btn--primary{background:var(--ink);color:var(--bg)}.auth-page__btn--primary:hover:not(:disabled){background:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px #c8553d4d}.auth-page__btn--ghost{background:transparent;color:var(--ink-soft);border:1px solid var(--line)}.auth-page__btn--ghost:hover:not(:disabled){background:var(--bg-deep);color:var(--ink);border-color:var(--ink-soft)}.auth-page__btn--social{background:transparent;border:1px solid var(--line);color:var(--ink-soft)}.auth-page__btn--social:hover:not(:disabled){background:var(--bg-deep);border-color:var(--ink-soft)}.auth-page__btn--github:hover:not(:disabled){background:#f6f8fa;border-color:#1a1a1a;color:#1a1a1a}.auth-page__social-icon{width:18px;height:18px}.auth-page__btn:disabled{opacity:.6;cursor:not-allowed}.auth-page__actions{display:flex;flex-direction:column;gap:var(--space-xs)}.auth-page__divider{display:flex;align-items:center;gap:var(--space-sm);margin:var(--space-md) 0}.auth-page__divider-line{flex:1;height:1px;background:var(--line)}.auth-page__divider-text{font-size:.78rem;color:var(--muted);letter-spacing:.05em}.auth-page__footer{text-align:center;font-size:.88rem;color:var(--muted);margin-top:var(--space-lg)}.auth-page__link{color:var(--accent);font-weight:500;text-decoration:none}.auth-page__link:hover{text-decoration:underline;text-underline-offset:2px}.auth-page__hint{text-align:center;font-size:.78rem;color:var(--muted);margin-top:var(--space-sm);line-height:1.5}[data-theme=dark]{--bg: #1a1a1a;--bg-deep: #242424;--surface: #2a2a2a;--ink: #e8e6e3;--ink-soft: #b8b5b0;--muted: #8a8680;--line: #3a3a3a;--line-soft: #333333;--accent: #e07a5f;--accent-hover: #c8553d;--sage: #8fb996;--gold: #d4b370}[data-theme=dark] .site-header{background:#1a1a1ae0}.nav__theme-toggle{font-size:1.1rem;line-height:1;padding:4px 8px;border-radius:var(--radius-sm);background:transparent;color:var(--ink-soft);transition:background var(--transition),color var(--transition);display:inline-flex;align-items:center;justify-content:center}.nav__theme-toggle:hover{background:var(--bg-deep);color:var(--ink)}.form__draft-banner{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;background:color-mix(in srgb,var(--gold) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--gold) 40%,var(--line));color:var(--ink);padding:.7rem .9rem;border-radius:var(--radius-md);font-size:.88rem;margin-bottom:var(--space-md)}.form__draft-btn{font-size:.8rem;font-weight:600;padding:4px 12px;border-radius:var(--radius-sm);background:var(--accent);color:#fff;transition:background var(--transition)}.form__draft-btn:hover{background:var(--accent-hover)}.form__draft-btn--ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}.form__draft-btn--ghost:hover{color:var(--ink);border-color:var(--ink-soft);background:var(--bg-deep)}.form__saved-hint{font-size:.8rem;color:var(--muted);opacity:0;transition:opacity .4s var(--ease);margin-left:var(--space-sm)}.form__saved-hint--visible{opacity:1}.post-card__badges{display:inline-flex;align-items:center;gap:6px;margin-left:var(--space-xs);vertical-align:middle}.post-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:999px;font-size:.7rem;font-weight:600;letter-spacing:.02em;line-height:1.4;border:1px solid transparent}.post-badge--pinned{background:#c9a96124;color:var(--gold);border-color:#c9a96166}.post-badge--featured{background:#7a9e7e24;color:var(--sage);border-color:#7a9e7e66}.action-btn--report{color:var(--muted);opacity:.85}.action-btn--report:hover:not(:disabled){color:var(--accent);opacity:1}.role-badge--pending{background:#c9a96126;color:var(--gold)}.role-badge--resolved{background:#7a9e7e2e;color:var(--sage)}.role-badge--dismissed{background:var(--bg-deep);color:var(--muted)}.analytics-page{max-width:var(--container-wide);margin:0 auto;padding:var(--space-lg) var(--space-md) var(--space-2xl)}.analytics-section{margin-top:var(--space-lg)}.analytics-section__title{font-family:var(--font-display);font-weight:500;font-size:1.3rem;letter-spacing:-.015em;color:var(--ink);margin-bottom:var(--space-sm)}.analytics-empty{color:var(--muted);font-size:.9rem;padding:var(--space-md);text-align:center;background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius-md)}.analytics-chart{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);display:flex;flex-direction:column;gap:10px}.analytics-bar-row{display:grid;grid-template-columns:110px 1fr 50px;align-items:center;gap:var(--space-sm)}.analytics-bar-row__label{font-size:.85rem;color:var(--ink-soft);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analytics-bar-row__track{height:18px;background:var(--bg-deep);border-radius:999px;overflow:hidden}.analytics-bar{height:100%;border-radius:999px;transition:width .3s var(--ease);min-width:2px}.analytics-bar--category{background:linear-gradient(90deg,var(--accent),var(--accent-hover))}.analytics-bar-row__count{font-size:.85rem;color:var(--ink);font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.analytics-growth-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-sm)}.analytics-growth-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.analytics-growth-card__head{display:flex;justify-content:space-between;align-items:baseline}.analytics-growth-card__title{font-size:.9rem;font-weight:600;color:var(--ink)}.analytics-growth-card__total{font-size:.75rem;color:var(--muted)}.analytics-growth-card__bars{display:flex;align-items:flex-end;gap:2px;height:90px}.analytics-growth-bar{flex:1;min-width:0;border-radius:2px 2px 0 0;transition:height .3s var(--ease),background .2s;min-height:2px}.analytics-growth-card__axis{display:flex;justify-content:space-between;font-size:.7rem;color:var(--muted);font-variant-numeric:tabular-nums}.analytics-score{font-weight:600;color:var(--accent)!important}@media (max-width: 600px){.analytics-bar-row{grid-template-columns:80px 1fr 40px}.analytics-growth-card__bars{height:70px}}.drafts-page{max-width:var(--container-wide);margin:0 auto;padding:var(--space-lg) var(--space-md) var(--space-2xl)}.drafts-page__head{margin-bottom:var(--space-md)}.drafts-page__title{font-family:var(--font-display);font-weight:500;font-size:2rem;letter-spacing:-.02em;color:var(--ink);margin-bottom:var(--space-xs)}.drafts-page__subtitle{color:var(--muted);font-size:14px}@media (max-width: 768px){.drafts-page{padding:var(--space-md) var(--space-sm) var(--space-xl)}.drafts-page__title{font-size:1.5rem}.analytics-page{padding:var(--space-md) var(--space-sm) var(--space-xl)}}.home-layout{display:flex;gap:var(--space-xl);max-width:var(--container-wide);margin:0 auto;padding:var(--space-xl) var(--space-md)}.home-layout>.sidebar{flex-shrink:0;width:280px;position:sticky;top:calc(var(--space-xl) + 60px);height:fit-content}.home-layout>.home-main{flex:1;min-width:0}.sidebar{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm)}.sidebar__profile{text-align:center;padding-bottom:var(--space-lg);border-bottom:1px solid var(--line-soft);margin-bottom:var(--space-lg)}.sidebar__avatar{width:100px;height:100px;border-radius:50%;overflow:hidden;background:var(--bg-deep);margin:0 auto var(--space-md);border:3px solid var(--surface);box-shadow:0 4px 16px #1a1a1a1a;display:flex;align-items:center;justify-content:center}.sidebar__avatar img{width:100%;height:100%;object-fit:cover}.sidebar__avatar-placeholder{font-family:var(--font-display);font-size:2.5rem;font-weight:400;color:var(--accent);font-style:italic}.sidebar__name{font-family:var(--font-display);font-size:1.3rem;font-weight:500;color:var(--ink);margin-bottom:4px;letter-spacing:-.01em}.sidebar__bio{font-size:.9rem;color:var(--ink-soft);line-height:1.6;margin-bottom:var(--space-md)}.sidebar__social{display:flex;justify-content:center;gap:var(--space-sm)}.sidebar__social-link{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-deep);color:var(--muted);transition:all var(--transition)}.sidebar__social-link:hover{background:var(--accent);color:var(--bg);transform:translateY(-2px)}.sidebar__social-link svg{width:16px;height:16px}.sidebar__section{margin-bottom:var(--space-lg)}.sidebar__section:last-child{margin-bottom:0}.sidebar__section-title{font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--space-md);padding-bottom:var(--space-xs);border-bottom:1px solid var(--line-soft);display:flex;align-items:center;gap:8px}.sidebar__section-title:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--accent)}.sidebar__category-list{list-style:none;padding:0;margin:0}.sidebar__category-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-xs);border-radius:var(--radius-sm);transition:background var(--transition);cursor:pointer}.sidebar__category-item:hover{background:var(--bg-deep)}.sidebar__category-name{font-size:.9rem;color:var(--ink-soft);transition:color var(--transition)}.sidebar__category-item:hover .sidebar__category-name{color:var(--ink)}.sidebar__category-count{font-size:.78rem;color:var(--muted);font-weight:500;background:var(--bg-deep);padding:2px 8px;border-radius:999px;font-variant-numeric:tabular-nums}@media (max-width: 1024px){.home-layout{flex-direction:column;gap:var(--space-lg)}.home-layout>.sidebar{width:100%;position:static;order:2}.home-layout>.home-main{order:1}.sidebar{padding:var(--space-md)}.sidebar__profile{display:flex;align-items:center;gap:var(--space-md);text-align:left;padding-bottom:var(--space-md)}.sidebar__avatar{margin:0;width:72px;height:72px;flex-shrink:0}.sidebar__avatar-placeholder{font-size:1.8rem}.sidebar__social{justify-content:flex-start}.sidebar__section-title{font-size:.72rem}.sidebar__category-name{font-size:.85rem}}