.tip-preview{position:relative;margin:0 1rem 2.5rem;padding:1.75rem 1.5rem 1.5rem;border-radius:1.25rem;background:linear-gradient(135deg,#fffdfaeb,#f6f0e7e0);border:1px solid rgba(232,196,184,.22);box-shadow:0 4px 18px #3d33300f;overflow:hidden}@media (min-width: 768px){.tip-preview{margin:0 2rem 3rem;padding:2.25rem 2.5rem 2rem}}.tip-preview__accent{position:absolute;inset:auto 0 -1.5rem 0;height:4.5rem;opacity:.5;pointer-events:none}.tip-preview__badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.65rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#b0a49c;margin-bottom:.75rem}.tip-preview__title{font-family:var(--font-display, "Playfair Display", Georgia, serif);font-size:1.75rem;font-weight:400;color:#3d3330;letter-spacing:.01em;line-height:1.2}@media (min-width: 768px){.tip-preview__title{font-size:2.25rem}}.tip-preview__subtitle{font-family:var(--font-sans, "DM Sans", sans-serif);font-size:.85rem;color:#5a5856;line-height:1.6;max-width:34rem;margin-top:.5rem}.tip-preview__stops{display:flex;gap:.75rem;margin-top:1.5rem}.tip-preview__stop{flex:1 1 0;padding:.85rem .9rem;border-radius:.85rem;background:#ffffffb3;border:1px solid rgba(232,196,184,.18)}.tip-preview__stop-time{font-family:var(--font-sans, "DM Sans", sans-serif);font-size:.7rem;color:#9a918a;letter-spacing:.1em;text-transform:uppercase}.tip-preview__stop-label{font-family:var(--font-display, "Playfair Display", Georgia, serif);font-size:1rem;color:#3d3330;margin-top:.2rem}.tip-preview__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;align-items:center}.tip-btn-primary{font-family:var(--font-sans, "DM Sans", sans-serif);font-size:.85rem;font-weight:500;padding:.7rem 1.6rem;border-radius:9999px;background:linear-gradient(135deg,#e8885c,#d4724a);color:#fff;border:none;cursor:pointer;box-shadow:0 3px 12px #e8885c40;transition:transform .2s ease,box-shadow .2s ease;display:inline-flex;align-items:center;gap:.4rem}.tip-btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 16px #e8885c52}.tip-btn-ghost{font-family:var(--font-sans, "DM Sans", sans-serif);font-size:.85rem;font-weight:500;padding:.7rem 1.4rem;border-radius:9999px;background:#fff9;color:#6f5a4a;border:1px solid rgba(232,196,184,.25);cursor:pointer;transition:background .2s ease}.tip-btn-ghost:hover{background:#ffffffd9}.tip-page{position:relative;max-width:56rem;margin:0 auto;padding:1.5rem 1rem 4rem}@media (min-width: 768px){.tip-page{padding:2.5rem 2rem 5rem}}.tip-page__header{text-align:center;margin-bottom:2rem}.tip-page__title{font-family:var(--font-display, "Playfair Display", Georgia, serif);font-size:2rem;font-weight:400;color:#3d3330;letter-spacing:.01em;line-height:1.2}@media (min-width: 768px){.tip-page__title{font-size:2.75rem}}.tip-page__subtitle{font-family:var(--font-sans, "DM Sans", sans-serif);font-size:.85rem;color:#5a5856;line-height:1.7;max-width:32rem;margin:.75rem auto 0}.tip-summary{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1rem;margin:1.5rem 0 2rem;font-family:var(--font-sans, "DM Sans", sans-serif);font-size:.8rem;color:#5a5856}.tip-summary__pill{padding:.4rem .9rem;border-radius:9999px;background:#ffffffb3;border:1px solid rgba(232,196,184,.2);white-space:nowrap}.tip-section{margin-bottom:1.75rem}.tip-section__label{font-family:var(--font-sans, "DM Sans", sans-serif);font-size:.65rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#b0a49c;margin-bottom:.85rem}.tip-moods{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}@media (min-width: 640px){.tip-moods{grid-template-columns:repeat(4,1fr)}}.tip-mood{position:relative;display:flex;align-items:flex-start;gap:.6rem;padding:.8rem .9rem;border-radius:.95rem;background:#ffffffb8;border:1px solid rgba(232,196,184,.2);font-family:var(--font-sans, "DM Sans", sans-serif);color:#5a5856;cursor:pointer;text-align:left;transition:all .25s ease;overflow:hidden}.tip-mood:hover{background:#ffffffeb;transform:translateY(-1px);border-color:color-mix(in srgb,var(--mood-accent, #c8b8a8) 55%,transparent)}.tip-mood__dot{flex-shrink:0;width:.7rem;height:.7rem;border-radius:9999px;margin-top:.2rem;background:var(--mood-accent, #c8b8a8);box-shadow:0 0 0 4px color-mix(in srgb,var(--mood-accent, #c8b8a8) 18%,transparent);transition:box-shadow .25s ease}.tip-mood__icon{flex-shrink:0;width:1.3rem;height:1.3rem;margin-top:.1rem;transition:transform .25s ease}.tip-mood--active .tip-mood__icon{transform:scale(1.08)}.tip-mood--surprise .tip-mood__icon{width:1.7rem;height:1.7rem;margin-top:0}.tip-mood__text{display:flex;flex-direction:column;gap:.15rem;min-width:0}.tip-mood__label{font-size:.85rem;font-weight:500;color:#3d3330;line-height:1.2}.tip-mood__desc{font-size:.7rem;color:#9a918a;line-height:1.4;font-weight:400}.tip-mood--active{background:var(--mood-tint, rgba(232, 136, 92, .14));border-color:color-mix(in srgb,var(--mood-accent, #e8885c) 55%,transparent);box-shadow:0 2px 12px color-mix(in srgb,var(--mood-accent, #e8885c) 14%,transparent)}.tip-mood--active .tip-mood__dot{box-shadow:0 0 0 5px color-mix(in srgb,var(--mood-accent, #e8885c) 26%,transparent)}.tip-mood--surprise{grid-column:1 / -1;align-items:center;gap:.75rem;padding:1rem 1.1rem;border-radius:1rem;background:linear-gradient(135deg,#fffdf7f2,#f6f0e7e6);border:1px solid rgba(212,196,168,.45);box-shadow:0 3px 14px #d4b4781a}.tip-mood--surprise:hover{border-color:#d4b478b3;background:linear-gradient(135deg,#fffdf7,#f8f2e9f5)}.tip-mood--surprise .tip-mood__dot{width:1.4rem;height:1.4rem;margin-top:0;background:radial-gradient(circle at 35% 35%,#f0d9a8,#d4c4a8);box-shadow:0 0 0 5px #d4c4a840}.tip-mood--surprise .tip-mood__label{font-size:.95rem}.tip-mood--surprise .tip-mood__desc{font-size:.72rem}.tip-mood--surprise--active{background:linear-gradient(135deg,#f6f0e7fa,#eee4d2f2);border-color:#c8aa6eb3;box-shadow:0 4px 18px #d4b47833}.tip-pref-group{margin-bottom:1rem}.tip-pref-label{font-family:var(--font-sans, "DM Sans", sans-serif);font-size:.75rem;color:#5a5856;margin-bottom:.5rem}.tip-pref-options{display:flex;flex-wrap:wrap;gap:.5rem}.tip-pref-option{padding:.5rem 1rem;border-radius:9999px;background:#ffffffb3;border:1px solid rgba(232,196,184,.2);font-family:var(--font-sans, "DM Sans", sans-serif);font-size:.8rem;color:#5a5856;cursor:pointer;transition:all .2s ease}.tip-pref-option:hover{background:#ffffffe6}.tip-pref-option--active{background:#e8885c24;border-color:#e8885c66;color:#3d3330;font-weight:500}.tip-actions-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}.tip-timeline{display:flex;flex-direction:column;gap:1rem;position:relative}.tip-stop{display:flex;gap:1rem;padding:1rem;border-radius:1rem;background:#ffffffd9;border:1px solid rgba(232,196,184,.18);box-shadow:0 2px 10px #3d33300a}.tip-stop__time{flex-shrink:0;width:3.5rem;text-align:center}.tip-stop__time-value{font-family:var(--font-display, "Playfair Display", Georgia, serif);font-size:1.1rem;color:#3d3330;line-height:1.1}.tip-stop__time-label{font-family:var(--font-sans, "DM Sans", sans-serif);font-size:.6rem;color:#b0a49c;letter-spacing:.1em;text-transform:uppercase;margin-top:.2rem}.tip-stop__img{width:5.5rem;height:5.5rem;border-radius:.75rem;-o-object-fit:cover;object-fit:cover;flex-shrink:0;background:linear-gradient(135deg,#f0ece6,#e8e2dc)}.tip-stop__body{flex:1;min-width:0}.tip-stop__name{font-family:var(--font-display, "Playfair Display", Georgia, serif);font-size:1.05rem;color:#3d3330;line-height:1.3}.tip-stop__meta{display:flex;flex-wrap:wrap;gap:.4rem .75rem;font-family:var(--font-sans, "DM Sans", sans-serif);font-size:.7rem;color:#9a918a;margin-top:.25rem;align-items:center}.tip-stop__reason{font-family:var(--font-sans, "DM Sans", sans-serif);font-size:.8rem;color:#5a5856;line-height:1.5;margin-top:.5rem}.tip-stop__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.tip-stop__action{font-family:var(--font-sans, "DM Sans", sans-serif);font-size:.72rem;font-weight:500;padding:.4rem .85rem;border-radius:9999px;background:#fffc;border:1px solid rgba(232,196,184,.25);color:#6f5a4a;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.3rem;transition:background .2s ease}.tip-stop__action:hover{background:#fff}.tip-stop__action--primary{background:#2d8a6e1f;border-color:#2d8a6e4d;color:#2d8a6e}.tip-badge-open{color:#2d8a6e;font-weight:500}.tip-badge-closed{color:#c0705a}.tip-badge-unknown{color:#b89870;font-style:italic}.tip-empty{text-align:center;padding:3rem 1.5rem;border-radius:1.25rem;background:#ffffffb3;border:1px solid rgba(232,196,184,.18)}.tip-empty__title{font-family:var(--font-display, "Playfair Display", Georgia, serif);font-size:1.4rem;color:#3d3330;margin-bottom:.5rem}.tip-empty__text{font-family:var(--font-sans, "DM Sans", sans-serif);font-size:.85rem;color:#5a5856;margin-bottom:1.5rem}.tip-loading{text-align:center;padding:2.5rem;font-family:var(--font-sans, "DM Sans", sans-serif);color:#9a918a;font-size:.85rem}.tip-hero{position:relative;text-align:center;margin-bottom:1.75rem;padding:.5rem 0}.tip-hero__art{width:100%;max-width:26rem;margin:0 auto .4rem}.tip-hero__art svg{width:100%;height:auto;display:block}.tip-hero__eyebrow{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-sans, "DM Sans", sans-serif);font-size:.65rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#b0a49c;margin-bottom:.55rem}.tip-hero__eyebrow svg{color:#d4a86a}.tip-hero__title{font-family:var(--font-display, "Playfair Display", Georgia, serif);font-size:1.85rem;font-weight:400;color:#3d3330;letter-spacing:.01em;line-height:1.2}@media (min-width: 768px){.tip-hero__title{font-size:2.6rem}}.tip-hero__intro{font-family:var(--font-sans, "DM Sans", sans-serif);font-size:.9rem;color:#5a5856;line-height:1.75;max-width:30rem;margin:.75rem auto 0}.tip-preview-strip{position:relative;margin:0 auto 1.75rem;padding:1.1rem 1.25rem;border-radius:1.1rem;background:linear-gradient(135deg,#fffdfad9,#f6f0e7cc);border:1px solid rgba(232,196,184,.2);box-shadow:0 3px 14px #3d33300a;overflow:hidden}.tip-preview-strip__label{font-family:var(--font-sans, "DM Sans", sans-serif);font-size:.65rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#b0a49c;margin-bottom:.75rem;text-align:center}.tip-preview-strip__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.tip-preview-strip__chip{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border-radius:9999px;background:#fffc;border:1px solid rgba(232,196,184,.22);font-family:var(--font-sans, "DM Sans", sans-serif);font-size:.78rem;color:#5a5856}.tip-preview-strip__chip svg{color:#c89888}.tip-deco{position:absolute;pointer-events:none;z-index:0;opacity:.35}.tip-deco--leaf{top:-.25rem;right:.25rem;width:3.5rem}@media (min-width: 768px){.tip-deco--leaf{width:4.5rem;top:0;right:.5rem}}.tip-path-divider{display:block;width:14rem;max-width:100%;height:2rem;margin:.25rem auto 1.25rem;opacity:.6}