:root{--color-cream:#faf8f5;--color-cream-dark:#f5f1eb;--color-warm-white:#fffef9;--color-warm-gray:#8a8580;--color-light-gray:#d4cfc8;--color-pale-gold:#c9b896;--color-gold:#a69070;--color-primary:#b87d5e;--color-primary-light:#e8d5c8;--color-primary-dark:#9a6a4d;--color-text:#2d2926;--color-text-secondary:#5c5652;--color-text-muted:#8a8580;--cat-family:#8b4513;--cat-love:#c4727f;--cat-work:#4a6b8a;--cat-friendship:#5b8c6f;--cat-marriage:#b8963e;--cat-identity:#7b6b8d;--cat-loss:#8a8178;--cat-dream:#c4724e;--cat-lonely:#6b8fa3;--cat-forgive:#9b8b6e;--font-serif:"Crimson Pro","Libre Baskerville",Georgia,serif;--font-sans:"Source Sans 3",-apple-system,BlinkMacSystemFont,sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--shadow-sm:0 1px 3px rgba(45,41,38,.04);--shadow-md:0 4px 12px rgba(45,41,38,.06);--shadow-lg:0 8px 24px rgba(45,41,38,.08);--transition-fast:0.15s ease;--transition-base:0.25s ease;--transition-slow:0.4s ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);font-weight:400;line-height:1.75;background:var(--color-cream);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,h1,h2,h3,h4,h5,h6{color:var(--color-text)}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:600;line-height:1.3}h1{font-size:3rem}h2{font-size:2.25rem}h3{font-size:1.75rem}h4{font-size:1.25rem}p{margin-bottom:1.25em}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}.page-home{background:var(--color-cream);background-image:radial-gradient(ellipse at 15% 20%,rgba(184,125,94,.06) 0,transparent 50%),radial-gradient(ellipse at 85% 75%,hsla(40,32%,69%,.08) 0,transparent 40%),radial-gradient(ellipse at 50% 50%,hsla(40,35%,67%,.04) 0,transparent 60%)}.page-stories{background:#f5f0e8;background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h20v20H0z' fill='none'/%3E%3Cpath d='M10 0v20M0 10h20' stroke='%23D4CFC8' stroke-width='0.3'/%3E%3C/svg%3E")}.page-story-detail{background:var(--color-cream)}.page-about{background:#2a2520;color:#e8e2d8;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 30h60M30 0v60' stroke='%23A69070' stroke-width='0.2' opacity='0.3'/%3E%3C/svg%3E")}.page-about h1,.page-about h2,.page-about h3{color:#f0e8d8}.page-about a{color:#c9b896}.page-about .about-section li,.page-about .about-section p{color:#c8c0b4}.page-submit{background:#f0f2f5;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 50 Q25 45 50 50 T100 50' fill='none' stroke='%23B8B0A8' stroke-width='0.3' opacity='0.4'/%3E%3C/svg%3E")}.page-admin{background:#1e1e22;color:#d8d4cc;background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h40v40H0z' fill='none'/%3E%3Cpath d='M40 0H0v40' stroke='%23333' stroke-width='0.3'/%3E%3C/svg%3E")}.page-admin h1,.page-admin h2,.page-admin h3{color:#e8e4dc}.pattern-family{background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 30c0-8 7-15 15-15s15 7 15 15' fill='none' stroke='%238B4513' stroke-width='1' opacity='0.12'/%3E%3Cpath d='M10 45h40' stroke='%238B4513' stroke-width='0.5' opacity='0.08'/%3E%3C/svg%3E")}.pattern-love{background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='12' fill='none' stroke='%23C4727F' stroke-width='0.8' opacity='0.12'/%3E%3Ccircle cx='20' cy='20' r='6' fill='none' stroke='%23C4727F' stroke-width='0.5' opacity='0.08'/%3E%3C/svg%3E")}.pattern-work{background-image:url("data:image/svg+xml,%3Csvg width='40' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 20c0-11 9-20 20-20s20 9 20 20' fill='none' stroke='%234A6B8A' stroke-width='0.8' opacity='0.12'/%3E%3C/svg%3E")}.pattern-friendship{background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10c10 0 10 20 20 20M30 10c-10 0-10 20-20 20' fill='none' stroke='%235B8C6F' stroke-width='0.8' opacity='0.12'/%3E%3C/svg%3E")}.pattern-marriage{background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10h30v20H10v-10h10' fill='none' stroke='%23B8963E' stroke-width='0.8' opacity='0.12'/%3E%3C/svg%3E")}.pattern-identity{background-image:url("data:image/svg+xml,%3Csvg width='30' height='30' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5' y='5' width='20' height='20' fill='none' stroke='%237B6B8D' stroke-width='0.8' opacity='0.12'/%3E%3Cline x1='5' y1='15' x2='25' y2='15' stroke='%237B6B8D' stroke-width='0.5' opacity='0.08'/%3E%3C/svg%3E")}.pattern-loss{background-image:url("data:image/svg+xml,%3Csvg width='50' height='50' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25 40c-5-10-15-15-15-25C10 8 17 5 25 10c8-5 15-2 15 5 0 10-10 15-15 25z' fill='none' stroke='%238A8178' stroke-width='0.6' opacity='0.1'/%3E%3C/svg%3E")}.pattern-dream{background-image:url("data:image/svg+xml,%3Csvg width='50' height='50' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='25' cy='25' r='20' fill='none' stroke='%23C4724E' stroke-width='0.5' opacity='0.1'/%3E%3Ccircle cx='25' cy='25' r='12' fill='none' stroke='%23C4724E' stroke-width='0.5' opacity='0.08'/%3E%3Ccircle cx='25' cy='25' r='4' fill='none' stroke='%23C4724E' stroke-width='0.5' opacity='0.06'/%3E%3C/svg%3E")}.pattern-lonely{background-image:url("data:image/svg+xml,%3Csvg width='30' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 5v30M5 15l10-10M25 15l-10-10' fill='none' stroke='%236B8FA3' stroke-width='0.8' opacity='0.1'/%3E%3C/svg%3E")}.pattern-forgive{background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 30h20v-20h-20z' fill='none' stroke='%239B8B6E' stroke-width='0.5' opacity='0.1'/%3E%3Cpath d='M15 25h10v-10h-10z' fill='none' stroke='%239B8B6E' stroke-width='0.5' opacity='0.08'/%3E%3C/svg%3E")}.header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:hsla(36,33%,97%,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid hsla(35,12%,81%,.5)}.page-about .header,.page-admin .header{background:rgba(42,37,32,.95);border-bottom-color:rgba(100,90,80,.3)}.page-about .logo-text,.page-admin .logo-text{color:#f0e8d8}.page-about .nav a,.page-admin .nav a{color:#c8c0b4}.page-about .nav a:hover,.page-admin .nav a:hover{color:#c9b896}.page-about .hamburger span,.page-admin .hamburger span{background:#e8e2d8}.header-inner{max-width:1200px;margin:0 auto;padding:0 var(--space-lg);height:72px;justify-content:space-between}.header-inner,.logo{display:flex;align-items:center}.logo{gap:var(--space-sm);text-decoration:none}.logo-icon{font-size:1.5rem;opacity:.9}.logo-text{font-family:var(--font-serif);font-size:1.35rem;font-weight:600;color:var(--color-text);letter-spacing:-.02em}.nav{display:flex;align-items:center;gap:var(--space-xl)}.nav a{font-size:.95rem;font-weight:500;color:var(--color-text-secondary);position:relative;padding:var(--space-xs) 0}.nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--color-primary);transition:width var(--transition-base)}.nav a:hover{color:var(--color-primary)}.nav a:hover:after{width:100%}.header-right{display:flex;align-items:center;gap:var(--space-lg)}.hero{padding:var(--space-4xl) var(--space-lg);text-align:center;position:relative;overflow:hidden;max-width:1000px;margin:0 auto}.hero:before{top:-20%;left:50%;transform:translateX(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(184,125,94,.08) 0,transparent 70%)}.hero:after,.hero:before{content:"";position:absolute;pointer-events:none}.hero:after{bottom:0;left:0;right:0;height:80px;background:linear-gradient(to bottom,transparent,var(--color-cream))}.hero h1{font-family:var(--font-serif);font-size:4.5rem;font-weight:300;margin-bottom:var(--space-lg);color:var(--color-text);letter-spacing:-.04em;line-height:1.1}.hero h1 span{font-style:italic;color:var(--color-primary);font-weight:400}.hero-quote{font-family:var(--font-serif);font-size:1.3rem;font-style:italic;color:var(--color-text-secondary);max-width:640px;margin:0 auto var(--space-xl);line-height:1.8;position:relative;padding:0 var(--space-xl)}.hero-quote:after,.hero-quote:before{content:'"';position:absolute;font-family:var(--font-serif);font-size:3rem;color:var(--color-pale-gold);line-height:1}.hero-quote:before{top:-10px;left:0}.hero-quote:after{bottom:-25px;right:0}.hero-vertical{writing-mode:vertical-rl;position:absolute;right:var(--space-xl);top:50%;transform:translateY(-50%);font-family:var(--font-serif);font-size:.85rem;color:var(--color-pale-gold);letter-spacing:.3em;opacity:.6}.hero-buttons{display:flex;gap:var(--space-md);margin-top:var(--space-xl)}.btn,.hero-buttons{justify-content:center}.btn{display:inline-flex;align-items:center;padding:14px 36px;border-radius:50px;font-family:var(--font-sans);font-size:.95rem;font-weight:500;text-decoration:none;transition:all var(--transition-base);cursor:pointer;border:none;letter-spacing:.01em}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px rgba(184,125,94,.25)}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(184,125,94,.35)}.btn-secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-light-gray)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary);background:rgba(184,125,94,.04)}.categories{padding:0 var(--space-lg) var(--space-2xl)}.categories-inner{max-width:1000px;margin:0 auto;display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center}.category-btn{padding:10px 20px;border-radius:50px;font-size:.875rem;font-family:var(--font-sans);font-weight:500;border:1px solid rgba(100,95,90,.35);background:var(--color-warm-white);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:6px;text-decoration:none}.category-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:rgba(184,125,94,.05)}.category-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);font-weight:600}.cat-icon{width:8px;height:8px;border-radius:50%;display:inline-block}.cat-icon-family{background:var(--cat-family)}.cat-icon-love{background:var(--cat-love)}.cat-icon-work{background:var(--cat-work)}.cat-icon-friendship{background:var(--cat-friendship)}.cat-icon-marriage{background:var(--cat-marriage)}.cat-icon-identity{background:var(--cat-identity)}.cat-icon-loss{background:var(--cat-loss)}.cat-icon-dream{background:var(--cat-dream)}.cat-icon-lonely{background:var(--cat-lonely)}.cat-icon-forgive{background:var(--cat-forgive)}.stories{padding:0 var(--space-lg) var(--space-4xl)}.stories-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:var(--space-xl);gap:var(--space-xl)}.story-card{background:var(--color-warm-white);border-radius:var(--radius-lg);border:1px solid hsla(35,12%,81%,.6);text-decoration:none;color:inherit;transition:all var(--transition-slow);display:flex;flex-direction:column;position:relative}.story-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:left center;transition:transform var(--transition-base)}.story-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary-light)}.story-card:hover:before{transform:scaleX(1)}.story-card[data-cat=family]:before{background:var(--cat-family)}.story-card[data-cat=love]:before{background:var(--cat-love)}.story-card[data-cat=work]:before{background:var(--cat-work)}.story-card[data-cat=friendship]:before{background:var(--cat-friendship)}.story-card[data-cat=marriage]:before{background:var(--cat-marriage)}.story-card[data-cat=identity]:before{background:var(--cat-identity)}.story-card[data-cat=loss]:before{background:var(--cat-loss)}.story-card[data-cat=dream]:before{background:var(--cat-dream)}.story-card[data-cat=lonely]:before{background:var(--cat-lonely)}.story-card[data-cat=forgive]:before{background:var(--cat-forgive)}.story-cover{height:180px;display:flex;align-items:center;justify-content:center;font-size:3.5rem;opacity:.7;transition:opacity var(--transition-base);position:relative}.story-cover:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(transparent,rgba(255,254,249,.8))}.story-card:hover .story-cover{opacity:.85}.story-cover[data-cat=family]{background:linear-gradient(160deg,#e8d5c4,#ddd0c0)}.story-cover[data-cat=love]{background:linear-gradient(160deg,#f0e4e6,#e5d8db)}.story-cover[data-cat=work]{background:linear-gradient(160deg,#e3e8ee,#d4dee7)}.story-cover[data-cat=friendship]{background:linear-gradient(160deg,#e3ebe9,#d3e2df)}.story-cover[data-cat=marriage]{background:linear-gradient(160deg,#ebe5dc,#ded8cc)}.story-cover[data-cat=identity]{background:linear-gradient(160deg,#e6e2ea,#d8d4de)}.story-cover[data-cat=loss]{background:linear-gradient(160deg,#e8e3eb,#dad5df)}.story-cover[data-cat=dream]{background:linear-gradient(160deg,#e3eae4,#d3ded6)}.story-cover[data-cat=lonely]{background:linear-gradient(160deg,#e5e5ea,#d8d8e0)}.story-cover[data-cat=forgive]{background:linear-gradient(160deg,#eae6e0,#ddd9d0)}.story-content{padding:var(--space-lg);flex:1 1;display:flex;flex-direction:column}.story-meta{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.story-tag{padding:4px 14px;font-size:.75rem;font-weight:600;border-radius:50px;letter-spacing:.05em;color:#fff;display:inline-flex;align-items:center;gap:4px}.story-tag[data-cat=family]{background:var(--cat-family)}.story-tag[data-cat=love]{background:var(--cat-love)}.story-tag[data-cat=work]{background:var(--cat-work)}.story-tag[data-cat=friendship]{background:var(--cat-friendship)}.story-tag[data-cat=marriage]{background:var(--cat-marriage)}.story-tag[data-cat=identity]{background:var(--cat-identity)}.story-tag[data-cat=loss]{background:var(--cat-loss)}.story-tag[data-cat=dream]{background:var(--cat-dream)}.story-tag[data-cat=lonely]{background:var(--cat-lonely)}.story-tag[data-cat=forgive]{background:var(--cat-forgive)}.story-time{font-size:.8rem;color:var(--color-text-muted)}.story-title{font-family:var(--font-serif);font-size:1.25rem;font-weight:600;margin-bottom:var(--space-sm);color:var(--color-text);line-height:1.4}.story-excerpt{font-size:.9rem;color:var(--color-text-secondary);flex:1 1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.7}.story-date{font-size:.8rem;color:var(--color-text-muted);margin-top:var(--space-md);font-style:italic}.article{max-width:720px;margin:0 auto;padding:var(--space-3xl) var(--space-lg)}.article-header{margin-bottom:var(--space-3xl);text-align:center;position:relative}.article-header:after{content:"";position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);width:60px;height:1px;background:var(--color-pale-gold)}.article-category{display:inline-block;padding:6px 16px;border-radius:50px;font-size:.8rem;font-weight:600;letter-spacing:.08em;margin-bottom:var(--space-lg);color:#fff}.article-title{font-family:var(--font-serif);font-size:2.5rem;font-weight:400;line-height:1.3;margin-bottom:var(--space-lg);letter-spacing:-.02em}.article-meta{display:flex;justify-content:center;gap:var(--space-lg);color:var(--color-text-muted);font-size:.9rem;font-style:italic}.article-divider{text-align:center;margin:var(--space-2xl) 0;color:var(--color-pale-gold);font-size:1.5rem;letter-spacing:.5em}.article-content{font-family:var(--font-serif);font-size:1.15rem;line-height:2;color:var(--color-text)}.article-content p{margin-bottom:1.75em;text-align:left;text-indent:2em}.article-content p:first-of-type{text-indent:0}.article-content p:first-of-type:first-letter{font-size:3.5em;float:left;line-height:.8;padding-right:.1em;padding-top:.05em;color:var(--color-primary);font-weight:600}.back-link{max-width:720px;margin:0 auto;padding:0 var(--space-lg) var(--space-3xl)}.back-link a{display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--color-primary);font-weight:500}.back-link a:hover{text-decoration:underline}.page-header{padding:var(--space-3xl) var(--space-lg) var(--space-xl);text-align:center}.page-header h1{font-family:var(--font-serif);font-size:2.5rem;margin-bottom:var(--space-md);font-weight:400;letter-spacing:-.02em}.page-header p{font-size:1.1rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto}.page-about .page-header p{color:#c8c0b4}.submit-content{max-width:640px;margin:0 auto;padding:var(--space-3xl) var(--space-lg) var(--space-4xl)}.submit-header{text-align:center;margin-bottom:var(--space-2xl)}.submit-header h1{font-family:var(--font-serif);font-size:2.25rem;margin-bottom:var(--space-md);font-weight:400}.submit-header p{color:var(--color-text-secondary);font-size:1.05rem}.submit-form{background:var(--color-warm-white);padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid hsla(35,12%,81%,.6)}.form-group{margin-bottom:var(--space-lg)}.form-group label{display:block;font-weight:600;margin-bottom:var(--space-sm);color:var(--color-text);font-size:.95rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:14px 18px;border:1px solid hsla(35,12%,81%,.8);border-radius:var(--radius-md);font-size:1rem;font-family:var(--font-sans);background:var(--color-cream);transition:all var(--transition-fast);color:var(--color-text)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);background:var(--color-warm-white);box-shadow:0 0 0 3px rgba(184,125,94,.1)}.form-group textarea{min-height:220px;resize:vertical;line-height:1.7}.form-hint{font-size:.8rem;color:var(--color-text-muted);margin-top:var(--space-xs)}.form-submit{text-align:center;margin-top:var(--space-xl)}.form-submit button{padding:16px 56px;font-size:1rem}.form-success{text-align:center;padding:var(--space-2xl);background:var(--color-warm-white);border-radius:var(--radius-lg);border:1px solid hsla(35,12%,81%,.6)}.form-success h2{color:var(--color-primary);margin-bottom:var(--space-md);font-family:var(--font-serif)}.upload-area{border:2px dashed rgba(184,125,94,.4);border-radius:var(--radius-md);padding:var(--space-xl);text-align:center;cursor:pointer;transition:all var(--transition-base);background:rgba(184,125,94,.03)}.upload-area:hover{border-color:var(--color-primary);background:rgba(184,125,94,.06)}.upload-area.dragging{border-color:var(--color-primary);background:var(--color-primary-light)}.upload-icon{font-size:2.5rem;margin-bottom:var(--space-md);opacity:.7}.upload-text{color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.upload-hint{font-size:.8rem;color:var(--color-text-muted)}.file-preview{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-cream-dark);border-radius:var(--radius-md);margin-top:var(--space-md)}.file-icon{font-size:1.5rem}.file-name{flex:1 1;font-weight:500}.file-remove{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--space-xs);font-size:1.2rem}.file-remove:hover{color:#c00}.about-content{max-width:720px;margin:0 auto;padding:var(--space-2xl) var(--space-lg) var(--space-4xl)}.about-section{margin-bottom:var(--space-3xl)}.about-section h2{font-family:var(--font-serif);font-size:1.75rem;margin-bottom:var(--space-lg);font-weight:400;position:relative;padding-bottom:var(--space-md)}.about-section h2:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:1px;background:var(--color-pale-gold)}.page-about .about-section h2:after{background:#c9b896}.about-section p{line-height:1.9}.about-section ul{list-style:none;padding:0;margin-top:var(--space-md)}.about-section li{padding:var(--space-sm) 0;padding-left:var(--space-lg);position:relative;line-height:1.7}.about-section li:before{content:"—";position:absolute;left:0;color:var(--color-pale-gold)}.footer{border-top:1px solid hsla(35,12%,81%,.6);padding:var(--space-2xl) var(--space-lg);text-align:center}.page-home .footer,.page-stories .footer{background:var(--color-cream-dark)}.page-about .footer{background:#231f1b;border-top-color:rgba(100,90,80,.3)}.page-about .footer p{color:#c8c0b4}.page-about .footer .copyright{color:#8a8178}.footer p{color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.footer .copyright{font-size:.85rem;color:var(--color-text-muted)}.language-switcher{position:relative}.language-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:none;border:1px solid hsla(35,12%,81%,.8);border-radius:50px;cursor:pointer;font-size:.85rem;color:var(--color-text-secondary);transition:all var(--transition-fast)}.language-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.page-about .language-btn,.page-admin .language-btn{border-color:rgba(100,90,80,.5);color:#c8c0b4}.page-about .language-btn:hover,.page-admin .language-btn:hover{border-color:#c9b896;color:#c9b896}.language-icon{font-size:1rem}.language-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:var(--color-warm-white);border:1px solid hsla(35,12%,81%,.8);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden;z-index:200;min-width:120px}.language-option{display:block;width:100%;padding:12px 18px;background:none;border:none;text-align:left;cursor:pointer;font-size:.9rem;color:var(--color-text-secondary);transition:all var(--transition-fast)}.language-option:hover{background:var(--color-primary-light);color:var(--color-primary)}.language-option.active{background:var(--color-primary-light);color:var(--color-primary-dark);font-weight:600}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-2xl) var(--space-lg)}.pagination-btn{padding:12px 28px;border-radius:50px;border:1px solid hsla(35,12%,81%,.8);background:var(--color-warm-white);color:var(--color-text-secondary);font-size:.9rem;cursor:pointer;transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{color:var(--color-text-muted);font-size:.9rem;font-style:italic}.admin-container{max-width:1000px;margin:0 auto;padding:var(--space-2xl) var(--space-lg)}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);flex-wrap:wrap;gap:var(--space-md)}.admin-header h1{font-family:var(--font-serif);font-size:2rem;font-weight:400}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-md);gap:var(--space-md);margin-bottom:var(--space-xl)}.stat-card{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center}.stat-number{font-family:var(--font-serif);font-size:2rem;font-weight:600;color:var(--color-primary)}.stat-label{font-size:.85rem;color:#8a8580;margin-top:var(--space-xs)}.admin-tabs{display:flex;gap:var(--space-sm);margin-bottom:var(--space-xl);border-bottom:1px solid hsla(0,0%,100%,.1);padding-bottom:var(--space-sm)}.admin-tab{padding:var(--space-sm) var(--space-lg);background:none;border:none;font-size:.95rem;color:#8a8580;cursor:pointer;position:relative;transition:color var(--transition-fast)}.admin-tab.active,.admin-tab:hover{color:var(--color-primary)}.admin-tab.active{font-weight:600}.admin-tab.active:after{content:"";position:absolute;bottom:calc(-1 * var(--space-sm) - 1px);left:0;right:0;height:2px;background:var(--color-primary)}.openclaw-bar{display:flex;justify-content:flex-end;margin-bottom:var(--space-lg);gap:var(--space-sm)}.btn-openclaw{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:10px 24px;border-radius:50px;border:none;font-size:.9rem;cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:8px}.btn-openclaw:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,.3)}.btn-openclaw:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-openclaw-sm{padding:6px 16px;font-size:.8rem}.review-result{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:50px;font-size:.75rem;font-weight:600}.review-result.approved{background:rgba(74,124,89,.2);color:#6dba82}.review-result.rejected{background:rgba(166,93,93,.2);color:#e07070}.review-result.manual{background:rgba(184,150,62,.2);color:#d4b44e}.submission-card{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-md);transition:all var(--transition-base);cursor:pointer}.submission-card:hover{border-color:rgba(184,125,94,.3);background:hsla(0,0%,100%,.06)}.admin-empty{text-align:center;padding:var(--space-4xl) var(--space-lg);color:#6b6868}.admin-empty-icon{font-size:3rem;margin-bottom:var(--space-lg);opacity:.4;display:block}.admin-empty p{font-size:1rem;opacity:.6;margin:0}.submission-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md)}.submission-title{font-family:var(--font-serif);font-size:1.15rem;font-weight:600}.submission-meta{display:flex;gap:var(--space-md);font-size:.85rem;color:#8a8580;margin-bottom:var(--space-md)}.submission-content-preview{font-size:.9rem;color:#a0a0a0;line-height:1.6;max-height:100px;overflow:hidden;position:relative}.submission-content-preview:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(transparent,rgba(30,30,34,.95))}.submission-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid hsla(0,0%,100%,.06)}.btn-approve{background:#4a7c59;color:#fff;padding:10px 24px;border-radius:50px;border:none;cursor:pointer;font-size:.9rem;transition:all var(--transition-fast)}.btn-approve:hover{background:#3d6a4a}.btn-reject{background:#a65d5d;color:#fff;padding:10px 24px;border-radius:50px;border:none;cursor:pointer;font-size:.9rem;transition:all var(--transition-fast)}.btn-reject:hover{background:#8a4d4d}.status-badge{display:inline-block;padding:4px 12px;border-radius:50px;font-size:.75rem;font-weight:600;letter-spacing:.05em}.status-pending{background:hsla(39,49%,88%,.15);color:#d4b44e}.status-approved{background:rgba(74,124,89,.15);color:#6dba82}.status-rejected{background:rgba(166,93,93,.15);color:#e07070}.admin-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.admin-modal{background:#2a2a2e;border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-lg);max-width:700px;width:100%;max-height:80vh;overflow:auto;padding:var(--space-xl)}.admin-modal h2{margin-bottom:var(--space-md);font-family:var(--font-serif);color:#e8e4dc}.admin-modal .form-group label{color:#c8c0b4}.admin-modal .form-group textarea{background:#1e1e22;border-color:hsla(0,0%,100%,.1);color:#d8d4cc}.admin-modal .form-group textarea:focus{border-color:var(--color-primary);background:#252528}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.story-card{animation:fadeInUp .5s ease-out backwards}.story-card:first-child{animation-delay:.08s}.story-card:nth-child(2){animation-delay:.16s}.story-card:nth-child(3){animation-delay:.24s}.story-card:nth-child(4){animation-delay:.32s}.story-card:nth-child(5){animation-delay:.4s}.story-card:nth-child(6){animation-delay:.48s}.hero{animation:fadeInUp .6s ease-out}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;cursor:pointer;padding:8px;background:none;border:none;z-index:101;width:32px;height:32px}.hamburger span{display:block;width:22px;height:1.5px;background:var(--color-text);transition:all .3s ease}.hamburger.active span:first-child{transform:rotate(45deg) translate(4px,4px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}@media(max-width:768px){.hero h1{font-size:2.5rem}.hero-quote{font-size:1.05rem}.hero-quote:after,.hero-quote:before{font-size:2rem}.hero-buttons{flex-direction:column;align-items:center}.hero-vertical{display:none}.btn{width:100%;max-width:240px}.header-right,.nav{display:none}.nav-open .header-right{display:flex;flex-direction:column;position:fixed;top:72px;left:0;right:0;background:hsla(36,33%,97%,.98);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--space-lg);gap:var(--space-md);border-bottom:1px solid hsla(35,12%,81%,.5);box-shadow:var(--shadow-md)}.page-about.nav-open .header-right,.page-admin.nav-open .header-right{background:rgba(42,37,32,.98)}.nav-open .nav{display:flex;flex-direction:column;gap:var(--space-sm)}.nav-open .nav a{padding:var(--space-md) 0;border-bottom:1px solid var(--color-cream-dark)}.hamburger{display:flex}.stories-inner{grid-template-columns:1fr}.article-title{font-size:1.75rem}.article-meta{flex-direction:column;gap:var(--space-sm)}.article-content{font-size:1.05rem}.article-content p:first-of-type:first-letter{font-size:2.5em}.page-header h1{font-size:1.75rem}.categories-inner{overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:var(--space-sm)}.category-btn{flex-shrink:0}.admin-stats{grid-template-columns:1fr}}@media(min-width:769px){.hamburger{display:none}}.loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--color-text-muted);font-style:italic}.text-center{text-align:center}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.hidden{display:none}.visible{display:block}