.otr-page{background:var(--otr-bg);color:var(--otr-text);font-family:var(--otr-font-body);font-size:16px;line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}.otr-page *,.otr-page *::before,.otr-page *::after{box-sizing:border-box}.otr-header{position:sticky;top:0;z-index:100;background:linear-gradient(180deg,var(--otr-bg) 85%,#fff0);padding:10px 20px 0}.otr-header__inner{display:flex;align-items:center;justify-content:space-between}.otr-header__logo{font-family:var(--otr-font-heading);font-size:22px;font-weight:700;color:var(--otr-accent);text-decoration:none;letter-spacing:-.3px}.otr-header__logo:hover{color:var(--otr-accent)}.otr-header__actions{display:flex;align-items:center;gap:6px}.otr-header__btn{width:40px;height:40px;border:none;background:rgb(198 123 92 / .1);font-size:18px;color:var(--otr-accent);cursor:pointer;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:background 0.2s,transform 0.15s;text-decoration:none}.otr-header__btn:hover{background:rgb(198 123 92 / .2)}.otr-header__btn:active{transform:scale(.92);background:rgb(198 123 92 / .2)}.otr-header__tagline{font-size:10px;letter-spacing:.3px;color:var(--otr-text3);margin:0;padding-bottom:4px;text-align:center;font-weight:400;line-height:1}.otr-drawer-overlay{position:fixed;inset:0;background:rgb(0 0 0 / .4);z-index:200;opacity:0;visibility:hidden;transition:opacity 0.3s,visibility 0.3s}.otr-drawer-overlay.is-open{opacity:1;visibility:visible}.otr-drawer{position:fixed;top:0;right:0;width:280px;max-width:85vw;height:100%;background:var(--otr-bg);z-index:201;transform:translateX(100%);transition:transform 0.3s cubic-bezier(.4,0,.2,1);overflow-y:auto;-webkit-overflow-scrolling:touch}.otr-drawer.is-open{transform:translateX(0)}.otr-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--otr-border)}.otr-drawer__title{font-family:var(--otr-font-heading);font-size:18px;font-weight:700}.otr-drawer__close{width:36px;height:36px;border:none;background:none;font-size:24px;color:var(--otr-text);cursor:pointer;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:background 0.2s}.otr-drawer__close:hover{background:rgb(198 123 92 / .12)}.otr-drawer__list{list-style:none;margin:0;padding:8px 0}.otr-drawer__list>li>a{display:block;padding:12px 20px;color:var(--otr-text);text-decoration:none;font-size:15px;font-weight:500;transition:background 0.15s}.otr-drawer__list>li>a:hover{background:rgb(198 123 92 / .08)}.otr-drawer__divider{padding:16px 20px 6px;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--otr-text3);border-top:1px solid var(--otr-border);margin-top:8px}.otr-drawer__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 20px;border:none;background:none;font-size:15px;font-weight:500;color:#2D2A26;cursor:pointer;text-align:left;text-transform:none;transition:background 0.15s}.otr-drawer__toggle:hover{background:rgb(198 123 92 / .08)}.otr-drawer__arrow{font-size:18px;transition:transform 0.25s;color:var(--otr-text3)}.otr-drawer__toggle.is-expanded .otr-drawer__arrow{transform:rotate(90deg)}.otr-drawer__sub{list-style:none;margin:0;padding:0;max-height:0;overflow:hidden;transition:max-height 0.3s ease}.otr-drawer__sub.is-expanded{max-height:600px}.otr-drawer__sub li a{display:flex;align-items:center;justify-content:space-between;padding:10px 20px 10px 60px;color:var(--otr-text);text-decoration:none;font-size:14px;transition:background 0.15s}.otr-drawer__sub li a:hover{background:rgb(198 123 92 / .06);color:var(--otr-accent)}.otr-drawer__count{font-size:12px;color:var(--otr-text3);background:var(--otr-bg);padding:2px 8px;border-radius:10px}.otr-search{padding:10px 20px 6px}.otr-search__form{display:flex;align-items:center;gap:10px;background:var(--otr-surface);border:1.5px solid #E8DDD0;border-radius:14px;padding:12px 16px;transition:border-color 0.2s,box-shadow 0.2s}.otr-search__form:focus-within{border-color:var(--otr-accent);box-shadow:0 0 0 3px rgb(198 123 92 / .12)}.otr-search__icon{font-size:16px;color:var(--otr-text3);flex-shrink:0}.otr-search__input{flex:1;border:none;outline:none;background:#fff0;padding:0;font-size:15px;font-family:var(--otr-font-body);color:var(--otr-text);width:100%}.otr-search__input::placeholder{color:var(--otr-text3)}.otr-section{padding:48px 20px 16px}.otr-section__header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:24px}.otr-section__title{font-family:var(--otr-font-heading);font-size:20px;font-weight:700;color:var(--otr-text);margin:0 0 16px}.otr-section__see-all{font-size:13px;color:var(--otr-accent);text-decoration:none;font-weight:600;white-space:nowrap;transition:opacity 0.2s}.otr-section__see-all:hover{text-decoration:underline}.otr-section__see-all:active{opacity:.6}.otr-tonight__scroll{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:6px;scrollbar-width:none}.otr-tonight__scroll::-webkit-scrollbar{display:none}.otr-tonight__loading{flex-shrink:0;width:100%;text-align:center;padding:40px 0;color:var(--otr-text3);font-size:14px}.otr-tonight-card{flex:0 0 220px;scroll-snap-align:start;border-radius:16px;overflow:hidden;background:var(--otr-surface);box-shadow:0 2px 12px rgb(58 46 37 / .06),0 1px 3px rgb(58 46 37 / .04);text-decoration:none;color:var(--otr-text);transition:transform 0.2s,box-shadow 0.2s}.otr-tonight-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgb(58 50 38 / .12)}.otr-tonight-card:active{transform:scale(.97);box-shadow:0 1px 6px rgb(58 46 37 / .08)}.otr-tonight-card__img{width:100%;aspect-ratio:16 / 10;background-size:cover;background-position:center;background-color:var(--otr-border);overflow:hidden}.otr-tonight-card__body{padding:10px 12px 12px}.otr-tonight-card__title{font-family:var(--otr-font-heading);font-size:14px;font-weight:600;color:var(--otr-text);line-height:1.3;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.otr-tonight-card__meta{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:12px;color:var(--otr-text3)}.otr-categories__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.otr-cat-card{display:flex;align-items:center;gap:10px;min-width:0;overflow:hidden;background:var(--otr-surface);border:none;border-radius:14px;padding:14px 12px;text-decoration:none;color:var(--otr-text);box-shadow:0 1px 6px rgb(58 46 37 / .05);transition:transform 0.2s,box-shadow 0.2s}.otr-cat-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgb(58 50 38 / .12)}.otr-cat-card:active{transform:scale(.96);box-shadow:0 1px 4px rgb(58 46 37 / .1)}.otr-cat-card__emoji{font-size:26px;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgb(198 123 92 / .08);border-radius:10px}.otr-cat-card__info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0;overflow:hidden}.otr-cat-card__name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;font-weight:600;color:var(--otr-text);line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.otr-cat-card__count{display:block;font-size:11px;color:var(--otr-text3);margin-top:1px}.otr-index-btn-section{padding-top:20px;padding-bottom:0}.otr-index-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 20px;background:linear-gradient(135deg,var(--otr-accent) 0%,#B06A4C 100%);color:#FFF;text-align:center;font-family:var(--otr-font-heading);font-size:17px;font-weight:700;text-decoration:none;border:none;border-radius:16px;box-shadow:0 4px 16px rgb(198 123 92 / .3),0 1px 4px rgb(198 123 92 / .15);transition:transform 0.2s,box-shadow 0.2s;letter-spacing:.2px;cursor:pointer}.otr-index-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgb(198 123 92 / .4);color:#FFF}.otr-index-btn:active{transform:scale(.97);box-shadow:0 2px 8px rgb(198 123 92 / .25)}.otr-index-btn__icon{font-size:20px}.otr-filters__wrap{display:flex;flex-wrap:wrap;gap:8px}.otr-filter-chip{display:inline-flex;align-items:center;padding:8px 16px;background:var(--otr-surface);border:1.5px solid #E8DDD0;border-radius:20px;font-size:13px;font-weight:500;color:var(--otr-text2);text-decoration:none;white-space:nowrap;cursor:pointer;transition:background 0.2s,border-color 0.2s,color 0.2s,transform 0.15s}.otr-filter-chip:hover{background:rgb(198 123 92 / .08);border-color:var(--otr-accent);color:var(--otr-accent)}.otr-filter-chip:active{transform:scale(.94);background:rgb(198 123 92 / .15);border-color:var(--otr-accent);color:var(--otr-accent)}.otr-browse__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.otr-recipe-card{border-radius:14px;overflow:hidden;background:var(--otr-surface);box-shadow:0 2px 10px rgb(58 46 37 / .06),0 1px 3px rgb(58 46 37 / .04);text-decoration:none;color:var(--otr-text);transition:transform 0.2s,box-shadow 0.2s}.otr-recipe-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgb(58 50 38 / .12)}.otr-recipe-card:active{transform:scale(.97);box-shadow:0 1px 6px rgb(58 46 37 / .08)}.otr-recipe-card__img{width:100%;aspect-ratio:4 / 3;background-size:cover;background-position:center;background-color:var(--otr-border);overflow:hidden}.otr-recipe-card__img--placeholder{background:linear-gradient(135deg,var(--otr-border) 0%,#D5CCBE 100%)}.otr-recipe-card__body{padding:10px 10px 12px}.otr-recipe-card__title{font-family:var(--otr-font-heading);font-size:13px;font-weight:600;color:var(--otr-text);line-height:1.3;margin:0;min-height:34px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.otr-recipe-card__meta{display:flex;align-items:center;justify-content:space-between;margin-top:6px;font-size:11px;color:var(--otr-text3)}.otr-divider{width:calc(100% - 40px);height:1px;background:linear-gradient(90deg,transparent 0%,#E0D5C8 50%,transparent 100%);margin:20px auto}.otr-leaf-divider{text-align:center;padding:8px 0;font-size:14px;color:#C5B8A8;letter-spacing:8px}@media (max-width:399px){.otr-section{padding:40px 12px 12px}.otr-search{padding:8px 12px 6px}.otr-categories__grid{gap:8px}.otr-cat-card{padding:10px 8px;gap:8px}.otr-cat-card__emoji{font-size:22px;width:34px;height:34px}.otr-cat-card__name{font-size:12px}.otr-cat-card__count{font-size:10px}.otr-header{padding:12px 12px 6px}.otr-header__logo{font-size:18px}}@media (min-width:480px){.otr-tonight-card{flex:0 0 240px}.otr-categories__grid{gap:12px}}@media (min-width:768px){.otr-header{padding:16px 32px 8px}.otr-section{padding:52px 32px 16px}.otr-search{padding:12px 32px 6px}.otr-categories__grid{grid-template-columns:repeat(3,1fr)}.otr-browse__grid{grid-template-columns:repeat(3,1fr)}.otr-tonight-card{flex:0 0 260px}}@media (min-width:1024px){.otr-page{max-width:1200px;margin:0 auto}.otr-categories__grid{grid-template-columns:repeat(4,1fr)}.otr-browse__grid{grid-template-columns:repeat(4,1fr)}}.otr-tonight-card.is-loading,.otr-recipe-card.is-loading,.otr-cat-card.is-loading{transform:scale(.96)!important;opacity:0.7!important;transition:transform 0.1s,opacity 0.1s!important;pointer-events:none}