@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;transition:background var(--transition-normal), border-color var(--transition-normal), color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-bounce);margin:0;padding:0}:root{--font-title:"Outfit", -apple-system, BlinkMacSystemFont, "Pretendard", sans-serif;--font-body:"Outfit", -apple-system, BlinkMacSystemFont, "Pretendard", sans-serif;--pastel-pink:#ffd3e0;--pastel-orange:#ffe5cc;--pastel-purple:#e8dbfc;--gradient-floral:linear-gradient(135deg, var(--pastel-pink) 0%, var(--pastel-orange) 50%, var(--pastel-purple) 100%);--gradient-floral-light:linear-gradient(135deg, #ffd3e066 0%, #ffe5cc66 50%, #e8dbfc66 100%);--pastel-chocolate-1:#ebd4cc;--pastel-chocolate-2:#f2e2d9;--pastel-chocolate-3:#dfc8c0;--gradient-chocolate:linear-gradient(135deg, var(--pastel-chocolate-1) 0%, var(--pastel-chocolate-2) 50%, var(--pastel-chocolate-3) 100%);--accent-pink:#ff7597;--accent-orange:#ff9e7d;--accent-purple:#aa75ff;--color-primary:#ff7597;--color-primary-rgb:255, 117, 151;--color-bg:#fff;--color-text-primary:#3d2f35;--color-text-secondary:#6e5c63;--color-text-muted:#a6929a;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.35s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.5s cubic-bezier(.34, 1.56, .64, 1);--border-radius-sm:10px;--border-radius-md:20px;--border-radius-lg:28px;--glass-border:#ff759726;--glass-border-focus:#ff759759;--shadow-soft:0 8px 30px #ff75970f;--shadow-hover:0 16px 40px #ff75971f;--shadow-timer:0 20px 50px #ff759714}body{font-family:var(--font-body);color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;letter-spacing:-.01em;min-height:100vh;padding-bottom:90px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ff759733;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);letter-spacing:-.02em;color:var(--color-text-primary);font-weight:600}.bg-floral-glow{background:var(--gradient-floral-light);border:1px solid var(--glass-border)}.font-thin-tall{letter-spacing:.02em;font-weight:300}.card-glass{-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-soft);background:#ffffffd9}.card-glass-interactive:hover{box-shadow:var(--shadow-hover);border-color:var(--glass-border-focus);transform:translateY(-4px)scale(1.01)}.btn-floral{background:var(--gradient-floral);color:var(--color-text-primary);font-family:var(--font-title);border-radius:var(--border-radius-lg);cursor:pointer;border:1px solid #ffffff80;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;display:inline-flex;box-shadow:0 4px 15px #ff759726}.btn-floral:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff759740}.btn-floral:active{transform:translateY(0)}.btn-outline{color:var(--color-text-secondary);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);font-family:var(--font-title);cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;display:inline-flex}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary);background:#ff759708}.form-input-floral{border:1px solid var(--glass-border);border-radius:var(--border-radius-md);width:100%;font-family:var(--font-body);color:var(--color-text-primary);background:#fff;outline:none;padding:12px 18px;font-size:.95rem}.form-input-floral:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #ff75971f}.floating-bottom-nav{-webkit-backdrop-filter:blur(20px);z-index:999;background:#ffffffe6;border:1px solid #ff759740;border-radius:40px;justify-content:space-around;align-items:center;width:90%;max-width:480px;height:66px;padding:0 16px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 36px #ff759726}.nav-item{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:60px;height:50px;display:flex;position:relative}.nav-item-active{color:var(--color-primary)}.nav-item-active:after{content:"";background-color:var(--color-primary);width:4px;height:4px;box-shadow:0 0 8px var(--color-primary);border-radius:50%;position:absolute;bottom:-4px}.nav-item:hover{color:var(--color-primary);transform:translateY(-2px)}.nav-icon{transition:transform var(--transition-bounce)}.nav-item-active .nav-icon{transform:scale(1.15)translateY(-2px)}.nav-label{font-size:.65rem;font-weight:700;font-family:var(--font-title);letter-spacing:-.01em}.mobile-container{width:100%;max-width:500px;min-height:100vh;margin:0 auto;padding:20px 20px 100px}.mobile-header{justify-content:space-between;align-items:center;margin-bottom:24px;padding:10px 4px 0;display:flex}.timer-view-wrapper{flex-direction:column;justify-content:space-between;height:calc(100vh - 200px);display:flex;overflow:hidden}.timer-radial-svg{justify-content:center;align-items:center;width:200px;height:200px;margin:0 auto;display:flex;position:relative}.timer-circle-background{fill:none;stroke:#ff759714;stroke-width:8px}.timer-circle-progress-bar{fill:none;stroke:var(--color-primary);stroke-width:8px;stroke-linecap:round;transform-origin:50%;transition:stroke-dashoffset .1s linear;transform:rotate(-90deg)}.timer-numbers{text-align:center;position:absolute}.timer-time-main{font-size:3.2rem;font-weight:700;font-family:var(--font-title);color:var(--color-text-primary);line-height:1.1}.timer-stage-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-size:.8rem;font-weight:700}@keyframes floralPulse{0%{box-shadow:0 0 #ff759766}70%{box-shadow:0 0 0 12px #ff759700}to{box-shadow:0 0 #ff759700}}.btn-pulse-active{animation:2s infinite floralPulse}.tag-badge{font-size:.72rem;font-weight:700;font-family:var(--font-title);border-radius:12px;padding:4px 10px}@media (width>=768px){body{background-color:#f7f5f8}.mobile-container{background-color:#fff;border-left:1px solid #0000000d;border-right:1px solid #0000000d;min-height:100vh;box-shadow:0 10px 40px #00000008}}.desktop-sidebar{display:none}@media (width>=1024px){body{background-color:#f7f5f8;padding-bottom:0;padding-left:280px}.floating-bottom-nav{display:none!important}.desktop-sidebar{-webkit-backdrop-filter:blur(20px);border-radius:var(--border-radius-md);z-index:1000;background:#ffffffe6;border:1px solid #ff759740;flex-direction:column;width:240px;padding:30px 20px;display:flex;position:fixed;top:24px;bottom:24px;left:24px;box-shadow:0 12px 36px #ff75971a}.desktop-sidebar-logo{cursor:pointer;align-items:center;gap:12px;margin-bottom:40px;display:flex}.desktop-sidebar-logo-text{background:linear-gradient(135deg, var(--color-text-primary) 0%, var(--color-primary) 100%);-webkit-text-fill-color:transparent;font-size:1.5rem;font-weight:800;font-family:var(--font-title);-webkit-background-clip:text}.desktop-nav-list{flex-direction:column;gap:12px;display:flex}.desktop-nav-item{cursor:pointer;color:var(--color-text-secondary);font-family:var(--font-title);text-align:left;width:100%;transition:all var(--transition-fast);background:0 0;border:none;border-radius:16px;align-items:center;gap:14px;padding:12px 16px;font-size:.95rem;font-weight:600;display:flex}.desktop-nav-item:hover{color:var(--color-primary);background:#ff75970d;transform:translate(4px)}.desktop-nav-item-active{background:var(--gradient-floral);color:var(--color-text-primary);box-shadow:0 4px 15px #ff759726}.mobile-container{padding:40px 40px 60px;max-width:1200px!important}.desktop-grid-2col{grid-template-columns:1fr 1fr;gap:30px;display:grid}.desktop-grid-3col{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.desktop-grid-recipe{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}}