*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:dark;--color-bg: #0a0a0c;--color-surface: #16161a;--color-surface-raised: #1e1e23;--color-border: rgba(255, 255, 255, .09);--color-text: #f4f4f1;--color-text-muted: #9b9ba3;--color-accent: #e0a750;--color-accent-contrast: #1a1206;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--space-sm: .75rem;--space-md: 1.5rem;--space-lg: 3rem;--space-xl: 5rem;--transition-slow: .42s cubic-bezier(.22, 1, .36, 1)}body{min-height:100dvh;background-color:var(--color-bg);color:var(--color-text)}a{color:inherit}.page{max-width:80ch;margin-inline:auto;padding:var(--space-lg) var(--space-md)}.page--wide{max-width:1180px}.site-header{border-bottom:1px solid var(--color-border);background-color:color-mix(in srgb,var(--color-bg) 92%,black)}.site-header__inner{max-width:1180px;margin-inline:auto;padding:var(--space-sm) var(--space-md);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap}.site-brand{font-size:1.1rem;font-weight:700;letter-spacing:.02em;text-decoration:none}.site-nav{display:flex;gap:var(--space-md);list-style:none;flex-wrap:wrap}.site-nav a{text-decoration:none;color:var(--color-text-muted);font-size:.95rem;transition:color var(--transition-slow)}.site-nav a:hover,.site-nav a.active,.site-nav a[aria-current=page]{color:var(--color-accent)}.hero{padding-block:var(--space-lg) var(--space-md)}.hero h1{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:var(--space-sm)}.hero p,.page-heading p{color:var(--color-text-muted);font-size:1.05rem}.page-heading{padding-block:var(--space-lg) var(--space-md)}.page-heading h1{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;margin-bottom:var(--space-sm)}.page-layout{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}@media(min-width:860px){.page-layout{grid-template-columns:1fr 300px}}.empty-state{color:var(--color-text-muted);padding-block:var(--space-md)}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-md)}.content-grid__ad{grid-column:1 / -1}.content-card{display:flex;flex-direction:column;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-slow)}.content-card:hover{border-color:var(--color-accent)}.content-card__link{display:flex;flex-direction:column;flex:1;text-decoration:none;color:var(--color-text)}.content-card__footer{display:flex;justify-content:flex-end;padding:0 var(--space-sm) var(--space-sm)}.content-card__media{aspect-ratio:16 / 10;background-color:var(--color-surface-raised)}.content-card__media img{width:100%;height:100%;object-fit:cover}.content-card__placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--color-surface-raised),var(--color-surface))}.content-card__body{padding:var(--space-sm);display:flex;flex-direction:column;gap:.4rem}.content-card__meta{display:flex;gap:.4rem}.content-card__title{font-size:1.05rem;font-weight:600}.content-card__description{color:var(--color-text-muted);font-size:.9rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.badge{display:inline-block;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;padding:.2rem .55rem;border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-muted)}.badge--accent{color:var(--color-accent-contrast);background-color:var(--color-accent);border-color:var(--color-accent)}.content-detail__description{color:var(--color-text-muted);margin-block:var(--space-sm) var(--space-md)}.content-detail__player video,.content-detail__player audio,.content-detail__player iframe{width:100%;border:none;border-radius:var(--radius-md);background-color:var(--color-surface)}.content-detail__player iframe{aspect-ratio:16 / 9}.content-detail__player audio{padding:var(--space-sm)}.content-detail__cover{width:100%;border-radius:var(--radius-md);margin-bottom:var(--space-md)}.content-detail__photo{width:100%;border-radius:var(--radius-md)}.content-detail__prose{display:flex;flex-direction:column;gap:var(--space-sm);line-height:1.7}.paywall{padding:var(--space-lg) var(--space-md);text-align:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.paywall__message{color:var(--color-text-muted);margin-bottom:var(--space-sm)}.ad-slot{margin-block:var(--space-md)}.ad-slot--empty{padding:var(--space-sm);border:1px dashed var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:.85rem}.ad-slot__creative{position:relative;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm);background-color:var(--color-surface)}.ad-slot__creative a{text-decoration:none;display:block}.ad-slot__label{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:.4rem}.ad-slot__image{width:100%;border-radius:var(--radius-sm);margin-bottom:.4rem}.ad-slot__headline{font-weight:600}.ad-slot__body{color:var(--color-text-muted);font-size:.9rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1.1rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background-color:transparent;color:var(--color-text);cursor:pointer;font-size:.95rem;transition:background-color var(--transition-slow),border-color var(--transition-slow)}.button--accent{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast);font-weight:600}.button--ghost{background-color:transparent}.button--ghost:hover{border-color:var(--color-accent)}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:var(--space-sm)}.field label,.field>span{font-size:.85rem;color:var(--color-text-muted)}.field__hint{font-size:.8rem;color:var(--color-text-muted)}.field--group{border:0;padding:0;margin-inline:0}.field--group legend{font-size:.85rem;color:var(--color-text-muted);padding:0;margin-bottom:.35rem}.field-row{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.field-row .field{flex:1 1 7rem;margin-bottom:0}input,textarea,select{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.55rem .7rem;color:var(--color-text)}input:focus,textarea:focus,select:focus{outline:2px solid var(--color-accent);outline-offset:1px}.checkbox-field{display:flex;align-items:center;gap:.5rem;margin-bottom:var(--space-md);color:var(--color-text-muted)}.checkbox-field input{width:auto}.form-error{color:#e08585;font-size:.85rem}.favorite-button{background:none;border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-muted);font-size:.8rem;padding:.3rem .7rem;cursor:pointer;text-decoration:none;transition:color var(--transition-slow),border-color var(--transition-slow)}.favorite-button:hover,.favorite-button--active{color:var(--color-accent);border-color:var(--color-accent)}.notice{background-color:var(--color-surface);border:1px solid var(--color-accent);border-radius:var(--radius-sm);padding:var(--space-sm);margin-bottom:var(--space-md)}.notice code{font-size:1.1rem;font-weight:600;color:var(--color-accent)}.favorites-list{list-style:none;display:flex;flex-direction:column;gap:.6rem}.favorites-list li{padding:.6rem 0;border-bottom:1px solid var(--color-border)}.media-preview{display:flex;flex-direction:column;gap:.4rem;align-items:flex-start}.media-preview img{max-width:260px;border-radius:var(--radius-sm)}.media-preview video{max-width:320px;border-radius:var(--radius-sm)}.content-form{max-width:640px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md)}.content-form__actions{display:flex;gap:var(--space-sm)}.auth-form{max-width:420px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);margin-top:var(--space-md)}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.tabs{display:flex;gap:var(--space-sm);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-md)}.tab{background:none;border:none;color:var(--color-text-muted);padding:.6rem .2rem;cursor:pointer;border-bottom:2px solid transparent;transition:color var(--transition-slow),border-color var(--transition-slow)}.tab--active{color:var(--color-text);border-bottom-color:var(--color-accent)}.admin-table{width:100%;border-collapse:collapse;margin-top:var(--space-md)}.admin-table th,.admin-table td{text-align:left;padding:.6rem;border-bottom:1px solid var(--color-border);font-size:.9rem}.admin-table__actions{display:flex;gap:.4rem;flex-wrap:wrap}