@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Crimson+Pro:ital,wght@0,400;0,500;0,600;1,400&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400&family=JetBrains+Mono:wght@400;500&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--bg-main: #f7e3d7;--bg-surface: #f5cdb3;--bg-cozy: #C97B63;--text-primary: #3e1f13;--text-secondary: #7a3d1e;--text-muted: #8b5a3c;--accent: #ff6f3c;--accent-hover: #d94a1e;--border: #f2b48a;--border-hover: #e08a4f;--shadow: 0 2px 12px rgba(79, 44, 35, .1);--shadow-lg: 0 8px 32px rgba(79, 44, 35, .16);--sunset-orange: #ff7e3f;--sunset-deep: #e65100;--sunset-amber: #ffb74d;--sunset-peach: #ffccbc;--twilight-deep: #6d2775;--twilight-medium: #8e44ad;--twilight-soft: #ba68c8;--twilight-pale: #e1bee7;--lake-pale: #e0f7fa;--lake-soft: #81d4fa;--lake-medium: #29b6f6;--lake-deep: #0288d1;--wood-light: #ffe0b2;--wood-medium: #ffb074;--wood-dark: #b97a5a;--wood-charcoal: #6d4c41}.skip-link{position:absolute;top:-40px;left:6px;background:var(--text-primary);color:#fff;padding:8px;border-radius:4px;text-decoration:none;font-weight:600;z-index:1000;transition:top .3s}.skip-link:focus{top:6px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(.875rem,2.5vw,1rem);background:radial-gradient(circle at 20% 80%,rgba(255,126,63,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,183,116,.12) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(242,180,138,.08) 0%,transparent 50%),linear-gradient(135deg,#f7e3d7,#f5d9c8,#f3cfb9,#f1c5aa,#efbb9b);background-attachment:fixed;color:var(--text-primary);line-height:1.65;min-height:100vh;font-weight:400;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}.main-nav{background:#fefcf8f2;backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.nav-container{max-width:1200px;margin:0 auto;padding:0 var(--space-xl);display:flex;justify-content:space-between;align-items:center;height:64px}.logo{font-family:Playfair Display,Georgia,serif;font-weight:500;color:var(--text-primary);text-decoration:none;font-size:clamp(1.1rem,3vw,1.25rem);letter-spacing:-.01em;transition:color .2s ease}.logo:hover{color:var(--accent)}.nav-menu{display:flex;gap:var(--space-xl)}.nav-item{text-decoration:none;color:var(--text-secondary);font-weight:400;font-size:.9rem;padding:var(--space-sm) 0;transition:color .2s ease}.nav-item:hover{color:var(--accent)}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;flex-direction:column;gap:4px}.hamburger{width:25px;height:3px;background:var(--text-primary);border-radius:2px;transition:all .3s ease}.nav-toggle[aria-expanded=true] .hamburger:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle[aria-expanded=true] .hamburger:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] .hamburger:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.nav-item.active{color:var(--accent);font-weight:500}.header{padding:3rem 2rem;text-align:center;background:radial-gradient(ellipse at 50% 0%,rgba(255,126,63,.15) 0%,transparent 60%),radial-gradient(ellipse at 0% 100%,rgba(255,183,116,.08) 0%,transparent 60%),radial-gradient(ellipse at 100% 100%,rgba(242,180,138,.06) 0%,transparent 60%);border-bottom:1px solid var(--border);position:relative;overflow:hidden}.header:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 25% 25%,rgba(255,126,63,.08) 1px,transparent 1px),radial-gradient(circle at 75% 75%,rgba(242,180,138,.08) 1px,transparent 1px);background-size:16px 16px;pointer-events:none}.main-content{max-width:1200px;margin:0 auto;padding:var(--space-2xl) var(--space-xl)}.footer{margin-top:var(--space-3xl);padding:var(--space-xl);background:radial-gradient(ellipse at 50% 0%,rgba(255,126,63,.08) 0%,transparent 70%),radial-gradient(circle at 20% 100%,rgba(255,183,116,.05) 0%,transparent 50%),radial-gradient(circle at 80% 100%,rgba(242,180,138,.04) 0%,transparent 60%);border-top:1px solid var(--border);text-align:center}.footer-cozy{max-width:800px;margin:0 auto}.footer-message{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}.footer-text{color:var(--text-primary)}.footer-mood{color:var(--text-muted)}.footer-copyright{font-size:.875rem;color:var(--text-muted)}.coffee-button{position:fixed;bottom:24px;right:24px;width:64px;height:64px;background:linear-gradient(135deg,var(--sunset-orange) 0%,var(--sunset-amber) 30%,var(--sunset-deep) 70%,var(--twilight-medium) 100%);color:#fff;border-radius:50%;display:none;flex-direction:column;align-items:center;justify-content:center;font-size:18px;cursor:pointer;box-shadow:var(--shadow-lg),inset 0 2px 6px #ffffff59,0 0 20px #ff704333;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;border:none}.coffee-button:hover{transform:scale(1.15) rotate(5deg);box-shadow:0 14px 40px #ff7043a6,inset 0 2px #ffffff73,0 0 30px #ffab914d;background:linear-gradient(135deg,var(--sunset-peach) 0%,var(--sunset-orange) 30%,var(--sunset-amber) 70%,var(--twilight-soft) 100%)}.coffee-emoji{font-size:24px;animation:coffee-bounce 2s ease-in-out infinite;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.3))}.heart-emoji{font-size:16px;animation:heartbeat 1.5s ease-in-out infinite;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.3));margin-top:-2px}@keyframes coffee-bounce{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(2deg)}}@keyframes heartbeat{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}}@media (max-width: 768px){.nav-container{padding:0 1rem}.logo{font-size:1.1rem}.nav-toggle{display:flex}.nav-menu{position:absolute;top:100%;left:0;right:0;background:#fefcf8fa;backdrop-filter:blur(12px);border-bottom:1px solid var(--border);flex-direction:column;gap:0;padding:1rem;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease}.nav-menu.nav-open{transform:translateY(0);opacity:1;visibility:visible}.nav-item{padding:.75rem 1rem;font-size:1rem;border-radius:8px;transition:all .2s ease}.nav-item:hover{background:#ff6f3c1a}.main-content{padding:var(--space-md)}.coffee-button{bottom:20px;right:20px;width:56px;height:56px;font-size:14px}.coffee-emoji{font-size:20px}.heart-emoji{font-size:14px;margin-top:-1px}}.coffee-modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:#2d1f14d9;backdrop-filter:blur(8px)}.coffee-modal-content{background:var(--bg-surface);margin:5% auto;padding:0;border:3px solid var(--text-secondary);border-radius:12px;width:90%;max-width:500px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.coffee-close{position:absolute;top:15px;right:20px;color:var(--text-secondary);font-size:28px;font-weight:700;cursor:pointer;z-index:1}.coffee-close:hover{color:var(--accent)}.coffee-header{background:var(--border);padding:2rem;text-align:center;border-bottom:2px solid var(--border-hover)}.coffee-header h2{color:var(--text-primary);margin:0 0 .5rem;font-size:1.8rem}.coffee-header p{color:var(--text-secondary);margin:0;font-style:italic}.coffee-options{padding:1.5rem}.coffee-option{display:flex;align-items:center;padding:1rem;margin-bottom:1rem;border:2px solid var(--border-hover);border-radius:8px;cursor:pointer;transition:all .3s ease;background:var(--bg-main)}.coffee-option:hover{border-color:var(--accent);background:var(--border);transform:translateY(-2px);box-shadow:var(--shadow)}.coffee-option:last-child{margin-bottom:0}.coffee-icon{font-size:1.5rem;margin-right:1rem;min-width:60px;text-align:center}.coffee-text h3{color:var(--text-primary);margin:0 0 .25rem;font-size:1.1rem}.coffee-text p{color:var(--text-secondary);margin:0;font-size:.9rem}.coffee-custom{padding:1.5rem;border-top:2px solid var(--border-hover);background:var(--bg-main)}.coffee-custom h3{color:var(--text-primary);margin:0 0 1rem;text-align:center}.custom-input-group{display:flex;align-items:center;gap:.5rem;max-width:200px;margin:0 auto}.currency{color:var(--text-primary);font-weight:700;font-size:1.1rem}#custom-amount{flex:1;padding:.5rem;border:2px solid var(--border-hover);border-radius:4px;font-size:1rem;background:var(--bg-surface);color:var(--text-primary)}#custom-amount:focus{outline:none;border-color:var(--accent)}#custom-coffee-btn{background:var(--text-secondary);color:var(--bg-surface);border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:700;transition:background .3s ease}#custom-coffee-btn:hover{background:var(--accent)}.coffee-footer{background:var(--border);padding:1rem;text-align:center;border-top:2px solid var(--border-hover)}.coffee-footer p{color:var(--text-primary);margin:0;font-style:italic}@media (max-width: 768px){.coffee-modal-content{margin:10% auto;width:95%;max-height:80vh;overflow-y:auto}.coffee-header{padding:1.5rem 1rem}.coffee-header h2{font-size:1.5rem}.coffee-options{padding:1rem}.coffee-option{padding:.8rem}.coffee-custom{padding:1rem}.custom-input-group{max-width:100%}}.post-detail-container{max-width:800px;margin:0 auto}.post-detail{background:transparent;border:1px solid var(--border);border-radius:8px;padding:2rem;box-shadow:var(--shadow);transform:none}.post-detail .post-title{font-size:2rem;margin:1rem 0;color:var(--text-primary)}.back-button{background:var(--accent);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:700;cursor:pointer;margin-top:2rem;transition:background .3s ease;box-shadow:var(--shadow)}.back-button:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}