.app-header[data-v-12b5d5e1]{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:#fff8f0eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);z-index:100}.header-inner[data-v-12b5d5e1]{max-width:var(--max-width-wide);margin:0 auto;padding:0 var(--space-lg);height:100%;display:flex;align-items:center;justify-content:space-between}.logo[data-v-12b5d5e1]{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;color:var(--color-gold-dark);transition:opacity var(--transition-fast)}.logo[data-v-12b5d5e1]:hover{opacity:.8}.logo-icon[data-v-12b5d5e1]{font-size:1.5em;line-height:1;color:var(--color-gold)}.nav-links[data-v-12b5d5e1]{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;justify-content:flex-end}.nav-link[data-v-12b5d5e1]{font-size:var(--text-sm);color:var(--color-text-light);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast);white-space:nowrap}.nav-link[data-v-12b5d5e1]:hover,.nav-link.router-link-active[data-v-12b5d5e1]{color:var(--color-gold-dark);background:#c2956b14}.nav-dropdown[data-v-12b5d5e1]{position:relative}.nav-dropdown-toggle[data-v-12b5d5e1]{background:transparent;border:none;cursor:pointer;font-family:inherit}.nav-dropdown-menu[data-v-12b5d5e1]{position:absolute;top:calc(100% + 8px);right:0;background:#fff8f0fa;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-sm);min-width:140px;z-index:101}.dropdown-link[data-v-12b5d5e1]{display:block;padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);color:var(--color-text-light);border-radius:var(--radius-sm);transition:background var(--transition-fast),color var(--transition-fast);white-space:nowrap}.dropdown-link[data-v-12b5d5e1]:hover,.dropdown-link.router-link-active[data-v-12b5d5e1]{background:#c2956b14;color:var(--color-gold-dark)}.mobile-menu-btn[data-v-12b5d5e1]{display:none;flex-direction:column;gap:5px;padding:var(--space-sm)}.mobile-menu-btn span[data-v-12b5d5e1]{display:block;width:22px;height:2px;background:var(--color-text);border-radius:2px;transition:all var(--transition-fast)}.mobile-nav[data-v-12b5d5e1]{display:none;position:fixed;top:var(--header-height);left:0;right:0;background:#fff8f0fa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);padding:var(--space-md);max-height:calc(100vh - var(--header-height));overflow-y:auto}.mobile-nav-link[data-v-12b5d5e1]{display:block;padding:var(--space-md);font-size:var(--text-lg);color:var(--color-text);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.mobile-nav-link[data-v-12b5d5e1]:hover{background:#c2956b14}@media (max-width: 768px){.nav-links[data-v-12b5d5e1]{display:none}.mobile-menu-btn[data-v-12b5d5e1]{display:flex}.mobile-nav[data-v-12b5d5e1]{display:block}}.app-footer[data-v-6dcaf68c]{margin-top:var(--space-4xl);padding:var(--space-2xl) var(--space-lg);border-top:1px solid var(--color-border);text-align:center}.footer-inner[data-v-6dcaf68c]{max-width:var(--max-width-wide);margin:0 auto}.footer-quote[data-v-6dcaf68c]{font-family:var(--font-heading);font-size:var(--text-lg);font-style:italic;color:var(--color-gold-dark);margin-bottom:var(--space-md)}.footer-info[data-v-6dcaf68c]{font-size:var(--text-sm);color:var(--color-text-lighter)}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1;width:100%;max-width:var(--max-width-wide);margin:0 auto;padding:var(--space-xl) var(--space-lg);padding-top:calc(var(--header-height) + var(--space-xl))}@media (max-width: 768px){.app-main{padding:var(--space-md);padding-top:calc(var(--header-height) + var(--space-md))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100vh;line-height:1.6;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-cream);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;font-family:var(--font-heading)}p{overflow-wrap:break-word}::selection{background-color:#c2956b40;color:var(--color-text)}:root{--color-cream: #FFF8F0;--color-warm-white: #FFFAF5;--color-moon: #F7F4EF;--color-gold: #C2956B;--color-gold-light: #D4B08C;--color-gold-dark: #A67B52;--color-sage: #8B9D83;--color-sage-light: #A8B8A1;--color-dusty-rose: #C4929E;--color-dusty-rose-light: #D4AAB3;--color-warm-taupe: #8B7D6B;--color-warm-taupe-light: #A89885;--color-ink: #4A3F35;--color-ink-light: #6B5E52;--color-text: #3C3228;--color-text-light: #8B7D6B;--color-text-lighter:#B5A99A;--color-border: #E8DDD0;--color-border-light:#F0E8DD;--font-heading: "Noto Serif SC", "Cormorant Garamond", "Georgia", serif;--font-body: "Inter", "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif;--font-elegant: "Cormorant Garamond", "Noto Serif SC", "Georgia", serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 4px rgba(74, 55, 40, .05);--shadow-md: 0 2px 14px rgba(74, 55, 40, .07);--shadow-lg: 0 6px 32px rgba(74, 55, 40, .09);--shadow-glow: 0 0 24px rgba(194, 149, 107, .18);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--transition-breathe: 2.4s ease-in-out;--max-width-content: 720px;--max-width-wide: 1100px;--header-height: 64px}h1{font-size:var(--text-4xl);font-weight:700;line-height:1.2;letter-spacing:-.02em}h2{font-size:var(--text-3xl);font-weight:600;line-height:1.35;letter-spacing:-.01em}h3{font-size:var(--text-2xl);font-weight:600;line-height:1.4}h4{font-size:var(--text-xl);font-weight:500;line-height:1.45}p{line-height:1.7}p+p{margin-top:var(--space-md)}.article-content h1,.article-content h2,.article-content h3{margin-top:var(--space-2xl);margin-bottom:var(--space-md);color:var(--color-gold-dark)}.article-content h1:first-child,.article-content h2:first-child,.article-content h3:first-child{margin-top:0}.article-content p{font-size:var(--text-lg);line-height:1.9;margin-bottom:var(--space-lg);text-align:justify}.article-content blockquote{margin:var(--space-2xl) 0;padding:var(--space-lg) var(--space-xl);border-left:3px solid var(--color-gold);background:var(--color-warm-white);border-radius:0 var(--radius-md) var(--radius-md) 0;font-family:var(--font-elegant);font-size:var(--text-xl);font-style:italic;color:var(--color-ink)}.article-content ul,.article-content ol{margin:var(--space-md) 0;padding-left:var(--space-xl)}.article-content ul{list-style:disc}.article-content ol{list-style:decimal}.article-content li{margin-bottom:var(--space-sm);line-height:1.7}.article-content a{color:var(--color-gold-dark);text-decoration:underline;text-underline-offset:3px;transition:color var(--transition-fast)}.article-content a:hover{color:var(--color-gold)}.article-content hr{margin:var(--space-2xl) 0;border:none;height:1px;background:var(--color-border)}.article-content img{border-radius:var(--radius-md);margin:var(--space-xl) auto}.article-content code{background:var(--color-border-light);padding:.15em .4em;border-radius:4px;font-size:.9em}.article-content pre{background:var(--color-warm-white);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);overflow-x:auto;margin:var(--space-lg) 0}.article-content pre code{background:none;padding:0}.page-enter-active{transition:opacity .4s ease,transform .4s ease}.page-leave-active{transition:opacity .25s ease,transform .25s ease}.page-enter-from{opacity:0;transform:translateY(8px)}.page-leave-to{opacity:0;transform:translateY(-12px)}.fade-enter-active{transition:opacity .3s ease}.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.card-hover{transition:transform var(--transition-base),box-shadow var(--transition-base)}.card-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}body{background-color:var(--color-cream);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E"),radial-gradient(circle at 20% 10%,rgba(194,149,107,.05) 0%,transparent 25%),radial-gradient(circle at 80% 90%,rgba(139,157,131,.05) 0%,transparent 25%),radial-gradient(circle at 50% 50%,rgba(196,146,158,.04) 0%,transparent 35%);background-attachment:fixed}@keyframes breathe{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.breathe{animation:breathe var(--transition-breathe) infinite}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.illustration{animation:gentle-float 5s ease-in-out infinite}.card-hover .article-card__media,.card-hover .practice-media,.card-hover .story-media{overflow:hidden}.ink-border{position:relative}.ink-border:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:radial-gradient(circle at 30% 20%,rgba(74,63,53,.08),transparent 50%);opacity:0;transition:opacity var(--transition-base);pointer-events:none}.ink-border:hover:before{opacity:1}@media print{.app-header,.app-footer,.mobile-menu-btn,.mobile-nav{display:none!important}.app-main{padding:0!important;max-width:100%!important}body{background:#fff!important;color:#000!important;font-size:12pt}.article-content,.letter-view-body{max-width:100%!important;font-size:11pt;line-height:1.6}.article-content h1,.article-content h2,.article-content h3,.article-title,.page-title{color:#000!important}.article-content a{color:#000!important;text-decoration:underline}.article-content blockquote{border-left:2px solid #999!important;background:none!important;color:#333!important}.warm-btn,.add-form,.item-check,.item-delete,.letter-delete,.modal-overlay,.prompt-actions,.nav-cards,.back-link,.reset-row{display:none!important}h1,h2,h3,h4{page-break-after:avoid}article,section{page-break-inside:avoid}}
