:root{--color-background: #F5F1E8;--color-surface: #FFFEF9;--color-text-primary: #2C1810;--color-text-secondary: #7A5C47;--color-text-muted: #5C3D2E;--color-accent: #8B4513;--color-accent-light: #D4A574;--color-border: #E5D5C0;--color-border-light: #F0E8DC;--color-success: #6B8E23;--color-success-bg: #E8F4D3;--color-success-border: #C8DDA0;--color-genre-bg: #C8DDA0;--color-genre-text: #4A5D2A;--color-avatar: #D4A574;--color-divider: #D4A574;--font-family: Georgia, serif;--font-size-xs: 13px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 22px;--font-size-3xl: 24px;--font-size-4xl: 28px;--font-size-5xl: 32px;--font-size-6xl: 48px;--spacing-xs: 6px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 15px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 25px;--spacing-4xl: 30px;--spacing-5xl: 35px;--spacing-6xl: 40px;--spacing-7xl: 50px;--radius-sm: 4px;--radius-md: 20px;--shadow-card: 0 4px 12px rgba(0,0,0,.1);--container-max-width: 1200px;--grid-gap: 30px;--card-gap: 20px}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--color-background);font-family:var(--font-family);color:var(--color-text-primary);padding:var(--spacing-6xl) var(--spacing-xl)}.container{max-width:var(--container-max-width);margin:0 auto}h1{font-size:var(--font-size-6xl);color:var(--color-accent);font-weight:400;letter-spacing:1px;margin-bottom:var(--spacing-sm)}h2{font-size:var(--font-size-5xl);color:var(--color-text-primary);font-weight:400;margin-bottom:var(--spacing-sm)}h3{font-size:var(--font-size-2xl);color:var(--color-text-primary);font-weight:400;margin-bottom:var(--spacing-sm)}h4{font-size:var(--font-size-base);font-weight:600;margin-bottom:10px;color:var(--color-text-primary)}p{font-size:var(--font-size-lg);line-height:1.7;color:var(--color-text-primary)}.text-center{text-align:center}.text-italic{font-style:italic}.font-semibold{font-weight:600}.font-medium{font-weight:500}.main-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--grid-gap);margin-bottom:var(--spacing-7xl)}.story-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--card-gap)}@media(max-width:900px){.main-grid,.story-cards{grid-template-columns:1fr}}.navbar.svelte-rfuq4y{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--spacing-md) var(--spacing-xl);margin-bottom:var(--spacing-6xl)}.navbar-content.svelte-rfuq4y{max-width:var(--container-max-width);margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo.svelte-rfuq4y{text-decoration:none;color:inherit}.logo.svelte-rfuq4y h1:where(.svelte-rfuq4y){font-size:var(--font-size-2xl);color:var(--color-accent);margin:0;font-weight:400}.nav-links.svelte-rfuq4y{display:flex;align-items:center;gap:var(--spacing-lg)}.login-button.svelte-rfuq4y{padding:var(--spacing-sm) var(--spacing-xl);background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;transition:background-color .2s;font-family:var(--font-family)}.login-button.svelte-rfuq4y:hover{background:#6b3410}.user-menu.svelte-rfuq4y{display:flex;align-items:center;gap:var(--spacing-md);position:relative}.user-dropdown.svelte-rfuq4y{display:flex;flex-direction:column;gap:var(--spacing-xs)}.user-name-button.svelte-rfuq4y{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:500;cursor:pointer;transition:color .2s;background:none;border:none;padding:0;font-family:var(--font-family);text-align:left}.user-name-button.svelte-rfuq4y:hover{color:var(--color-accent)}.user-name-button.svelte-rfuq4y:focus{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}.logout-button.svelte-rfuq4y{padding:var(--spacing-xs) var(--spacing-md);background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);cursor:pointer;transition:all .2s;font-family:var(--font-family);align-self:flex-start}.logout-button.svelte-rfuq4y:hover{background:var(--color-border-light);color:var(--color-text-primary)}.nav-item.svelte-rfuq4y{font-size:var(--font-size-sm);color:var(--color-text-muted)}header.svelte-12qhfyh{text-align:center;margin-bottom:var(--spacing-6xl);padding-bottom:var(--spacing-xl);border-bottom:2px solid var(--color-accent-light)}.tagline.svelte-12qhfyh{font-size:var(--font-size-lg);color:var(--color-text-muted);font-style:italic}