:root{--bg: #FAF9F6;--bg-deep: #F3F1EB;--surface: #FFFFFF;--ink: #1A1A1A;--ink-soft: #3D3D3D;--muted: #7A7670;--line: #E2DED5;--line-soft: #EDE9E0;--accent: #C8553D;--accent-hover: #A8442F;--sage: #7A9E7E;--gold: #C9A961;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--space-2xl: 6rem;--space-3xl: 9rem;--container: 1200px;--container-narrow: 720px;--container-wide: 1400px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--ease: cubic-bezier(.22, 1, .36, 1);--transition: .3s var(--ease)}*{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);background-color:var(--bg);color:var(--ink);line-height:1.6;font-weight:400;letter-spacing:-.01em;overflow-x:hidden}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}.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:1.05;letter-spacing:-.02em}.display-xl{font-family:var(--font-display);font-weight:300;font-size:clamp(2.8rem,7vw,5.5rem);line-height:.98;letter-spacing:-.035em}.display-lg{font-family:var(--font-display);font-weight:400;font-size:clamp(2rem,4.5vw,3.5rem);line-height:1.05;letter-spacing:-.025em}.display-md{font-family:var(--font-display);font-weight:500;font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.15;letter-spacing:-.02em}.eyebrow{font-family:var(--font-body);font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.caption{font-size:.8rem;color:var(--muted);letter-spacing:.02em}.site-header{position:sticky;top:0;z-index:100;background:#faf9f6e0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line-soft)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);max-width:var(--container-wide);margin:0 auto}.brand{font-family:var(--font-display);font-weight:500;font-size:1.6rem;font-style:italic;letter-spacing:-.02em;color:var(--ink);display:flex;align-items:baseline;gap:2px}.brand__dot{color:var(--accent)}.nav{display:flex;align-items:center;gap:var(--space-lg)}.nav__link{font-size:.85rem;font-weight:500;color:var(--ink-soft);letter-spacing:.01em;position:relative;padding:4px 0}.nav__link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1.5px;background:var(--accent);transition:width var(--transition)}.nav__link:hover{color:var(--ink)}.nav__link:hover:after{width:100%}.nav__write{font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--bg);background:var(--ink);padding:.6rem 1.4rem;border-radius:999px;transition:background var(--transition),transform var(--transition)}.nav__write:hover{background:var(--accent);transform:translateY(-1px)}.hero{padding:var(--space-3xl) 0 var(--space-2xl);position:relative}.hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);align-items:end}.hero__title{margin-bottom:var(--space-md)}.hero__title em{font-style:italic;color:var(--accent);font-weight:300}.hero__subtitle{font-size:1.15rem;color:var(--ink-soft);max-width:480px;line-height:1.55;font-weight:300}.hero__meta{display:flex;align-items:center;gap:var(--space-sm);font-size:.8rem;color:var(--muted);letter-spacing:.04em;margin-top:var(--space-lg)}.hero__meta-line{width:40px;height:1px;background:var(--line)}.hero__decoration{font-family:var(--font-display);font-style:italic;font-size:12rem;font-weight:200;color:var(--line);line-height:.8;position:absolute;top:40px;right:-20px;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:-1}.featured{padding:var(--space-xl) 0;border-top:1px solid var(--line)}.featured__inner{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-xl);align-items:center}.featured__image{aspect-ratio:4 / 3;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-deep);position:relative}.featured__image img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.featured__image:hover img{transform:scale(1.04)}.featured__content{padding:var(--space-sm) 0}.featured__category{display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-sm)}.featured__title{font-family:var(--font-display);font-weight:400;font-size:clamp(1.8rem,3.5vw,2.8rem);line-height:1.1;letter-spacing:-.02em;margin-bottom:var(--space-sm);color:var(--ink)}.featured__title a:hover{color:var(--accent)}.featured__excerpt{font-size:1.05rem;color:var(--ink-soft);line-height:1.6;margin-bottom:var(--space-md)}.featured__meta{display:flex;align-items:center;gap:var(--space-sm);font-size:.8rem;color:var(--muted)}.featured__author{font-weight:600;color:var(--ink-soft)}.posts-section{padding:var(--space-2xl) 0}.section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-xl);padding-bottom:var(--space-sm);border-bottom:2px solid var(--ink)}.section-header__title{font-family:var(--font-display);font-weight:500;font-size:1.6rem;letter-spacing:-.015em}.section-header__count{font-size:.75rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-xl) var(--space-lg)}.post-card{display:flex;flex-direction:column;gap:var(--space-sm)}.post-card__image{aspect-ratio:5 / 4;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-deep);margin-bottom:var(--space-xs)}.post-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}.post-card:hover .post-card__image img{transform:scale(1.06)}.post-card__category{font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.post-card__title{font-family:var(--font-display);font-weight:500;font-size:1.35rem;line-height:1.2;letter-spacing:-.015em;color:var(--ink);transition:color var(--transition)}.post-card:hover .post-card__title{color:var(--accent)}.post-card__excerpt{font-size:.9rem;color:var(--muted);line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card__meta{display:flex;align-items:center;gap:var(--space-xs);font-size:.75rem;color:var(--muted);margin-top:auto;padding-top:var(--space-xs)}.post-card__author{color:var(--ink-soft);font-weight:500}.article{padding:var(--space-xl) 0 var(--space-3xl)}.article__header{max-width:var(--container-narrow);margin:0 auto;text-align:center;padding:var(--space-xl) 0}.article__category{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-sm)}.article__title{font-family:var(--font-display);font-weight:400;font-size:clamp(2.2rem,5vw,4rem);line-height:1.05;letter-spacing:-.03em;margin-bottom:var(--space-md)}.article__meta{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-size:.85rem;color:var(--muted)}.article__author{font-weight:600;color:var(--ink-soft)}.article__cover{max-width:var(--container-wide);margin:var(--space-xl) auto;aspect-ratio:16 / 9;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-deep)}.article__cover img{width:100%;height:100%;object-fit:cover}.article__body{max-width:var(--container-narrow);margin:0 auto;font-size:1.15rem;line-height:1.75;color:var(--ink-soft)}.article__body h1,.article__body h2,.article__body h3{font-family:var(--font-display);color:var(--ink);margin:var(--space-lg) 0 var(--space-sm);letter-spacing:-.02em}.article__body h1{font-size:2rem;font-weight:500}.article__body h2{font-size:1.6rem;font-weight:500}.article__body h3{font-size:1.3rem;font-weight:600}.article__body p{margin-bottom:var(--space-md)}.article__body ul,.article__body ol{margin:var(--space-sm) 0 var(--space-md);padding-left:var(--space-lg)}.article__body li{margin-bottom:var(--space-xs)}.article__body code{font-family:SF Mono,Fira Code,monospace;background:var(--bg-deep);padding:2px 8px;border-radius:var(--radius-sm);font-size:.9em}.article__body pre{background:var(--ink);color:#e2ded5;padding:var(--space-md);border-radius:var(--radius-md);overflow-x:auto;margin:var(--space-md) 0;font-size:.9rem;line-height:1.6}.article__body pre code{background:none;padding:0;color:inherit}.article__body blockquote{border-left:3px solid var(--accent);padding-left:var(--space-md);margin:var(--space-md) 0;font-family:var(--font-display);font-style:italic;font-size:1.3rem;color:var(--ink);line-height:1.4}.article__footer{max-width:var(--container-narrow);margin:var(--space-xl) auto 0;padding-top:var(--space-lg);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.article__tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.tag{font-size:.75rem;padding:.3rem .8rem;border:1px solid var(--line);border-radius:999px;color:var(--ink-soft);transition:border-color var(--transition),color var(--transition)}.tag:hover{border-color:var(--accent);color:var(--accent)}.article__actions{display:flex;gap:var(--space-sm)}.btn-edit{font-size:.8rem;font-weight:600;color:var(--ink-soft);padding:.5rem 1.2rem;border:1px solid var(--line);border-radius:999px;transition:all var(--transition)}.btn-edit:hover{border-color:var(--ink);color:var(--ink)}.btn-delete{font-size:.8rem;font-weight:600;color:var(--accent);padding:.5rem 1.2rem;border:1px solid var(--accent);border-radius:999px;transition:all var(--transition)}.btn-delete:hover{background:var(--accent);color:var(--bg)}.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)}.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-2xl) 0 var(--space-lg);margin-top:var(--space-3xl)}.site-footer__inner{max-width:var(--container-wide);margin:0 auto;padding:0 var(--space-md)}.site-footer__top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-xl);padding-bottom:var(--space-xl);border-bottom:1px solid rgba(255,255,255,.12)}.site-footer__brand{font-family:var(--font-display);font-style:italic;font-size:2rem;font-weight:400;margin-bottom:var(--space-sm)}.site-footer__desc{font-size:.9rem;color:#fff9;line-height:1.6;max-width:360px}.site-footer__col-title{font-size:.72rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#ffffff80;margin-bottom:var(--space-sm)}.site-footer__list{list-style:none;display:flex;flex-direction:column;gap:var(--space-xs)}.site-footer__list a{font-size:.9rem;color:#ffffffbf;transition:color var(--transition)}.site-footer__list a:hover{color:var(--accent)}.site-footer__bottom{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-md);font-size:.78rem;color:#ffffff73}.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(20px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .7s 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}@media (max-width: 900px){.hero{padding:var(--space-2xl) 0 var(--space-xl)}.hero__grid{grid-template-columns:1fr;gap:var(--space-md)}.hero__decoration{font-size:7rem;top:-10px;right:0}.featured__inner{grid-template-columns:1fr;gap:var(--space-md)}.form__row{grid-template-columns:1fr}.site-footer__top{grid-template-columns:1fr;gap:var(--space-lg)}.nav{gap:var(--space-md)}.nav__link{display:none}}@media (max-width: 600px){.posts-grid{grid-template-columns:1fr}.article__body{font-size:1.05rem}.site-footer__bottom{flex-direction:column;gap:var(--space-xs);text-align:center}}.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)}.inline-link:hover{color:var(--accent-hover)}.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:var(--container-narrow);margin:var(--space-xl) auto 0;padding:0 var(--space-md)}.comments__title{font-family:var(--font-display);font-weight:500;font-size:1.6rem;margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-xs)}.comments__count{font-family:var(--font-body);font-size:.85rem;color:var(--muted);background:var(--bg-deep);padding:2px 10px;border-radius:999px}.comment-form{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.comment-form__actions{display:flex;justify-content:flex-end}.comments__login-hint{background:var(--bg-deep);padding:var(--space-md);border-radius:var(--radius-md);text-align:center;color:var(--muted);font-size:.9rem;margin-bottom:var(--space-lg)}.comments__login-hint a{color:var(--accent);font-weight:600}.comments__empty{color:var(--muted);font-style:italic;text-align:center;padding:var(--space-lg) 0}.comment-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-md)}.comment{display:grid;grid-template-columns:40px 1fr;gap:var(--space-sm)}.comment__avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--bg-deep);display:flex;align-items:center;justify-content:center}.comment__avatar img{width:100%;height:100%;object-fit:cover}.comment__avatar-fallback{font-family:var(--font-display);font-weight:600;color:var(--accent);font-size:1rem}.comment__body{min-width:0}.comment__head{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:4px}.comment__author{font-size:.88rem;font-weight:600;color:var(--ink)}.comment__time{font-size:.78rem;color:var(--muted)}.comment__content{font-size:.95rem;line-height:1.6;color:var(--ink-soft);white-space:pre-wrap;word-wrap:break-word}.comment__actions{display:flex;gap:var(--space-sm);margin-top:4px}.comment__action{font-size:.78rem;color:var(--muted);padding:2px 6px;transition:color var(--transition)}.comment__action:hover{color:var(--ink)}.comment__action--danger:hover{color:var(--accent)}.reply-box{margin-top:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs)}.reply-box__actions{display:flex;gap:var(--space-xs);justify-content:flex-end}.comment__replies{list-style:none;margin-top:var(--space-sm);padding-left:var(--space-sm);border-left:2px solid var(--line-soft);display:flex;flex-direction:column;gap:var(--space-sm)}.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__link--admin{color:var(--accent);font-weight:600}.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__head{margin-bottom:var(--space-lg)}.admin-table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--border);border-radius:8px}.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(--border);vertical-align:top}.admin-table th{background:var(--bg-deep);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-soft)}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--bg-deep)}.admin-table__user{font-weight:600}.admin-table__email{color:var(--text-soft);font-size:13px}.admin-table__title{max-width:280px}.admin-table__title a{color:var(--text);text-decoration:none}.admin-table__title a:hover{color:var(--accent)}.admin-table__content{max-width:360px;color:var(--text-soft);white-space:pre-wrap;word-break:break-word}.admin-table__action{display:inline-block;margin-right:8px;padding:4px 10px;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:12px;cursor:pointer;text-decoration:none;transition:all .15s}.admin-table__action:hover{border-color:var(--accent);color:var(--accent)}.admin-table__action--danger{color:#b91c1c}.admin-table__action--danger:hover{border-color:#b91c1c;color:#b91c1c;background:#b91c1c0d}.role-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;background:var(--bg-deep);color:var(--text-soft);text-transform:uppercase;letter-spacing:.05em}.role-badge--admin{background:var(--accent);color:#fff}.user-profile{min-height:60vh;transition:background .3s}.user-profile__header{background:var(--surface);border-bottom:1px solid var(--border);padding:var(--space-xl) 0;margin-bottom:var(--space-xl)}.user-profile__header .container{display:flex;gap:var(--space-lg);align-items:flex-start}.user-profile__avatar{flex-shrink:0;width:120px;height:120px;border-radius:50%;overflow:hidden;background:var(--bg-deep);border:3px solid var(--surface);box-shadow:0 4px 12px #0000001a}.user-profile__avatar img{width:100%;height:100%;object-fit:cover}.user-profile__avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;color:var(--accent);background:var(--bg-deep)}.user-profile__info{flex:1;min-width:0}.user-profile__name{font-size:28px;font-weight:700;margin:0 0 4px;color:var(--text)}.user-profile__username{color:var(--text-soft);margin:0 0 12px;font-size:15px}.user-profile__bio{color:var(--text);margin:0 0 16px;line-height:1.6;max-width:600px}.user-profile__meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px;font-size:14px;color:var(--text-soft)}.user-profile__meta-item{display:inline-flex;align-items:center;gap:4px}a.user-profile__meta-item{color:var(--accent);text-decoration:none}a.user-profile__meta-item:hover{text-decoration:underline}.user-profile__stats{display:flex;gap:24px;margin-bottom:16px;padding:12px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.user-profile__stat{display:flex;flex-direction:column;gap:2px}.user-profile__stat strong{font-size:20px;font-weight:700;color:var(--text)}.user-profile__stat span{font-size:13px;color:var(--text-soft)}.user-profile__actions{display:flex;gap:12px;flex-wrap:wrap}.user-profile__posts{padding-bottom:var(--space-xl)}.user-profile__posts-title{font-size:20px;font-weight:600;margin:0 0 var(--space-md) 0;display:flex;align-items:center;gap:10px}.user-profile__posts-count{font-size:14px;font-weight:500;color:var(--text-soft);background:var(--bg-deep);padding:2px 10px;border-radius:10px}@media (max-width: 640px){.user-profile__header .container{flex-direction:column;align-items:center;text-align:center}.user-profile__meta,.user-profile__stats,.user-profile__actions{justify-content:center}}.settings .form__textarea--code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.5;-moz-tab-size:2;tab-size:2}.form__hint-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-size:13px;padding:4px 8px}.form__hint-btn:hover{text-decoration:underline}.css-preview{border:1px solid var(--border);padding:20px;margin-top:12px;border-radius:8px}.css-preview__inner h3{margin:0 0 8px;font-size:18px}.css-preview__inner p{margin:0;color:var(--text-soft)}.btn-secondary{display:inline-block;padding:8px 16px;background:var(--bg-deep);color:var(--text);border:1px solid var(--border);border-radius:6px;font-size:14px;cursor:pointer;transition:all .15s}.btn-secondary:hover{background:var(--border)}