html,body{width:100vw;min-height:100%;margin:0;padding:0;background-color:#fdfdfb;font-family:Plus Jakarta Sans,sans-serif;color:#1e293b;box-sizing:border-box;overflow-x:hidden}*,*:before,*:after{box-sizing:inherit}.top-nav{position:fixed;top:0;left:0;right:0;z-index:9999;width:100%;padding:2.5rem 3rem;background:#fdfdf8eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.06);display:flex;justify-content:space-between;align-items:center}.notion-column-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2rem;margin:2rem 0;align-items:start}.notion-column{min-width:0}.notion-column .notion-p{margin-bottom:.35rem}.logo-spices{font-family:Architects Daughter,cursive;font-size:1.8rem;font-weight:900;color:#d35400;text-decoration:none}.nav-links-container{display:flex;gap:2.5rem}.nav-item{font-size:.8rem;font-weight:700;color:#334155;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;position:relative}.active-link{color:#d35400}.active-link:after{content:"";position:absolute;left:-8%;top:50%;width:116%;height:7px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpath d='M0 5 Q 25 2, 50 5 T 100 5' stroke='%23d35400' stroke-width='4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 100%;transform:translateY(-50%) rotate(-1deg);opacity:.9}.postit[data-has-body=false]{cursor:default}.postit[data-has-body=false]:hover{transform:inherit!important;box-shadow:8px 10px #00000013}.hero-aligned-container{max-width:1500px;margin:0 auto;padding:10rem 3rem 3.5rem}.hero-title{color:#3d5afe;font-family:Architects Daughter,cursive}.hero-subtitle{font-family:Gochi Hand,cursive;font-size:1.35rem;color:#64748b;margin-top:1rem}.postit-wall{max-width:1500px;margin:0 auto;padding:0 3rem 8rem;display:grid;grid-template-columns:repeat(12,1fr);gap:2rem;align-items:stretch}.postit{position:relative;padding:2rem;min-height:360px;border-radius:16px 22px 14px 24px;box-shadow:8px 10px #00000013;transition:transform .24s ease,box-shadow .24s ease;cursor:pointer;overflow:hidden;border:0;text-align:left;color:inherit}.postit:hover{transform:translateY(-5px) rotate(0)!important;box-shadow:12px 16px #00000017}.postit:before{content:"";position:absolute;top:14px;left:50%;width:18px;height:18px;background:#ef4444;border-radius:999px;box-shadow:2px 2px #00000026;transform:translate(-50%)}.postit:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff2e,#ffffff2e),repeating-linear-gradient(to bottom,transparent 0,transparent 31px,rgba(0,0,0,.035) 32px);opacity:.55}.postit-content{position:relative;z-index:2}.postit.yellow{background:#fff8b5}.postit.blue{background:#dff1ff}.postit.green{background:#dcfce7}.postit.pink{background:#ffe4ef}.postit.purple{background:#f3e8ff}.postit.peach{background:#ffedd5}.postit.mint{background:#ccfbf1}.postit.cream{background:#fff7ed}.postit.large{grid-column:span 5;min-height:420px}.postit.medium{grid-column:span 4;min-height:370px}.postit.tall{grid-column:span 3;min-height:470px}.postit.wide{grid-column:span 7;min-height:380px}.postit.small{grid-column:span 3;min-height:340px}.rotate-left{transform:rotate(-1.5deg)}.rotate-right{transform:rotate(1.2deg)}.rotate-soft-left{transform:rotate(-.8deg)}.rotate-soft-right{transform:rotate(.8deg)}.level-row{min-height:34px;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.1rem;padding-top:1.1rem}.level-tag{display:inline-block;font-family:Gochi Hand,cursive;border:2px solid;padding:3px 11px;font-size:.95rem;border-radius:7px;font-weight:800;line-height:1.1}.swap-line{position:relative;display:grid;grid-template-columns:minmax(0,auto) minmax(48px,.45fr) minmax(0,1fr);align-items:center;gap:.7rem;margin:.7rem 0 1.3rem;min-height:76px;width:100%;overflow:hidden}.ingredient-name{display:inline-block;font-family:Gochi Hand,cursive;font-size:clamp(1.8rem,3vw,2.55rem);line-height:.95;color:#172033;white-space:normal;overflow-wrap:anywhere;z-index:2;margin:0}.swap-zone{position:relative;height:62px;min-width:48px;max-width:120px}.card-arrow-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}.card-arrow-path,.card-arrow-head{stroke:#08f;stroke-width:4.2;fill:none;stroke-linecap:round;stroke-linejoin:round}.substitute-name{font-family:Architects Daughter,cursive;font-size:clamp(1.15rem,2.2vw,1.55rem);line-height:1.12;text-transform:uppercase;color:#172033;z-index:2;text-align:left;max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:normal}.body-preview{font-family:Gochi Hand,cursive;font-size:1.25rem;line-height:1.25;color:#00000094;margin:1.2rem 0 1rem}.tip{font-family:Gochi Hand,cursive;font-size:1.28rem;line-height:1.25;color:#1f2937;margin:0}.wasipes-link{font-family:Gochi Hand,cursive;color:#00f;font-size:1.25rem;text-decoration:underline;display:inline-block;margin-top:.9rem}.error-box{max-width:1100px;margin:0 auto 3rem;padding:1rem 1.25rem;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:12px}.footer-container{padding:4rem 3rem 3rem;text-align:center}.sleek-divider{width:800px;max-width:85%;height:1px;background:linear-gradient(to right,transparent,#d35400 50%,transparent);margin:0 auto 1.5rem;opacity:.4}.site-footer-hand{font-family:Architects Daughter,cursive;font-size:.95rem;color:#64748b}#detail-modal{border:0;border-radius:24px;width:min(920px,92vw);max-height:82vh;padding:0;background:transparent}#detail-modal::backdrop{background:#0f172a6b;backdrop-filter:blur(8px)}.modal-card{background:#fff8b5;border-radius:18px 24px 16px 28px;box-shadow:14px 18px #00000021;padding:3rem;max-height:82vh;overflow-y:auto;position:relative}.modal-card.yellow{background:#fff8b5}.modal-card.blue{background:#dff1ff}.modal-card.green{background:#dcfce7}.modal-card.pink{background:#ffe4ef}.modal-card.purple{background:#f3e8ff}.modal-card.peach{background:#ffedd5}.modal-card.mint{background:#ccfbf1}.modal-card.cream{background:#fff7ed}.modal-card:before{content:"";position:absolute;top:18px;left:50%;transform:translate(-50%);width:20px;height:20px;background:#ef4444;border-radius:999px;box-shadow:2px 2px #00000026}.modal-title{font-family:Gochi Hand,cursive;font-size:3rem;line-height:1;margin:1rem 0 .75rem}.modal-subtitle{font-family:Architects Daughter,cursive;font-size:1.55rem;text-transform:uppercase;margin-bottom:2rem}.modal-body{font-family:Gochi Hand,cursive;font-size:1.45rem;line-height:1.35}.modal-close{margin-top:2.5rem;background:#fff;border:2px solid #111827;border-radius:999px;padding:.7rem 1rem;font-family:Architects Daughter,cursive;font-weight:900;color:#d35400;cursor:pointer;box-shadow:4px 4px #00000014}.notion-p{margin:0 0 1.1rem}.notion-h1{font-size:2.4rem;margin:1.8rem 0 1rem}.notion-h2{font-size:2rem;margin:1.5rem 0 .8rem}.notion-h3{font-size:1.7rem;margin:1.2rem 0 .6rem}.notion-ul,.notion-ol{margin:1rem 0 1.3rem 1.5rem}.notion-quote{border-left:4px solid #111827;padding-left:1rem;font-style:italic}.notion-callout{border:2px solid #111827;border-radius:16px;padding:1rem;display:flex;gap:1rem;margin:1.2rem 0;background:#ffffff73}.notion-divider{border:0;border-top:2px solid #111827;margin:1.5rem 0}.notion-code{background:#fff9;border:2px solid #111827;border-radius:12px;padding:1rem;white-space:pre-wrap;font-size:.95rem}.notion-table{width:100%;border-collapse:collapse;margin:1rem 0}.notion-table td{border:2px solid #111827;padding:.7rem}.notion-image{max-width:100%;border-radius:14px;margin:1rem 0}@media(max-width:1100px){.postit.large,.postit.medium,.postit.tall,.postit.wide,.postit.small{grid-column:span 6}}@media(max-width:760px){.top-nav{padding:1.5rem;align-items:flex-start;gap:1.25rem;flex-direction:column}.nav-links-container{gap:1rem;flex-wrap:wrap}.hero-aligned-container{padding:12rem 1.5rem 2rem}.postit-wall{padding:0 1.5rem 5rem;gap:1.4rem}.postit.large,.postit.medium,.postit.tall,.postit.wide,.postit.small{grid-column:span 12}.postit{transform:rotate(0)!important}.swap-line{grid-template-columns:1fr;gap:.25rem}.swap-zone{height:46px}.substitute-name{max-width:100%;font-size:1.35rem}}