:root{--disney-blue: #002366;--disney-blue-light: #1c39bb;--platinum: #e5e7eb;--soft-gold: #fcd34d;--white: #ffffff;--bg-color: #021024;--card-bg: #051630;--text-main: #f3f4f6;--text-muted: #9ca3af;--high-priority: #ef4444;--medium-priority: #f59e0b;--low-priority: #10b981}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Lato,sans-serif;background-color:var(--bg-color);min-height:100vh;color:var(--text-main);line-height:1.6;overflow-x:hidden}.hero{text-align:center;padding:2.5rem 1rem 1rem}.logo{font-size:2.2rem;margin-bottom:.35rem;display:inline-block;opacity:.9}h1{font-family:Playfair Display,serif;font-size:2.6rem;color:var(--white);margin-bottom:.25rem;font-weight:400;letter-spacing:.8px}.subtitle{font-family:Playfair Display,serif;font-size:1rem;color:var(--text-muted);font-style:italic;font-weight:400}.stats{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;row-gap:.5rem;margin-top:1rem;font-size:.75rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted)}.search-hero{max-width:600px;margin:1.5rem auto 0;position:relative}.search-hero .search-box{width:100%;padding:1rem 3rem 1rem 1.2rem;border:1px solid rgba(255,255,255,.15);border-radius:999px;font-size:1.15rem;font-family:Lato,sans-serif;background:var(--card-bg);color:var(--white);transition:border-color .3s ease,box-shadow .3s ease;text-align:left}.search-hero .search-box:focus{outline:none;border-color:var(--soft-gold);box-shadow:0 0 0 3px #fcd34d1f}.search-hero .search-box::placeholder{color:#ffffff59;font-style:normal}.search-hero .shuffle-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-muted);font-size:1.3rem;cursor:pointer;padding:.5rem;line-height:1;transition:color .2s ease,transform .3s ease}.search-hero .shuffle-btn:hover{color:var(--soft-gold);transform:translateY(-50%) rotate(180deg)}.suggested-searches{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem}.suggested-pill{padding:.3rem .75rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:transparent;color:var(--text-muted);font-family:Lato,sans-serif;font-size:.75rem;letter-spacing:.3px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.suggested-pill:hover{border-color:var(--soft-gold);color:var(--soft-gold)}.search-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(252,211,77,.3);border-top-color:var(--soft-gold);border-radius:50%;animation:spin .6s linear infinite;vertical-align:middle;margin-right:.5rem}@keyframes spin{to{transform:rotate(360deg)}}.container{max-width:1000px;margin:0 auto;padding:0 1.5rem 4rem}.search-wrapper{display:none}.filter-bar{margin-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:1rem}.filter-scroll{display:flex;gap:.4rem;overflow-x:auto;scrollbar-width:none;align-items:center;padding-bottom:.25rem;justify-content:center}.filter-scroll::-webkit-scrollbar{display:none}.pill{padding:.35rem .85rem;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:transparent;color:var(--text-muted);font-family:Lato,sans-serif;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:all .2s ease}.pill:hover{border-color:var(--soft-gold);color:var(--soft-gold)}.pill.active{background:var(--soft-gold);border-color:var(--soft-gold);color:var(--bg-color);font-weight:700}.pill-sep{width:1px;height:1rem;background:#ffffff1f;flex-shrink:0;margin:0 .25rem}.filter-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:.35rem 1.2rem .35rem 0;color:var(--text-muted);font-family:Lato,sans-serif;font-size:.75rem;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%239ca3af' d='M5 7.5L1 3.5h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center;transition:color .2s;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.filter-select:hover,.filter-select:focus{color:var(--white);outline:none}.clear-btn{background:transparent;border:1px solid var(--high-priority);color:var(--high-priority);padding:.3rem .7rem;font-family:Lato,sans-serif;font-size:.7rem;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;border-radius:999px;transition:all .2s ease;white-space:nowrap}.clear-btn:hover{background:var(--high-priority);color:var(--white)}.results-count{text-align:center;color:var(--text-muted);font-size:.82rem;margin:-.25rem 0 1.4rem}.tips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2.25rem}.tip-card{background:var(--card-bg);padding:1.4rem;border-radius:8px;border:1px solid rgba(255,255,255,.08);transition:transform .3s ease,border-color .3s ease;position:relative}.tip-card:hover{border-color:#ffffff26;transform:translateY(-5px)}.tip-card.random-highlight{border-color:var(--soft-gold);animation:pulse-gold 2s ease-in-out}@keyframes pulse-gold{0%,to{box-shadow:0 0 #fcd34d00}50%{box-shadow:0 0 20px 5px #fcd34d4d}}.tip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.priority-badge{font-weight:700}.priority-badge.high{color:var(--high-priority)}.priority-badge.medium{color:var(--medium-priority)}.priority-badge.low{color:var(--low-priority)}.season-badge{color:var(--soft-gold)}.tip-text{font-family:Playfair Display,serif;font-size:1.25rem;margin-bottom:1.5rem;color:var(--white);line-height:1.6;font-weight:400}.tip-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.tag{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.category-tag{color:var(--soft-gold);font-weight:700}.tip-source{font-size:.8rem;color:var(--text-muted);border-top:1px solid rgba(255,255,255,.1);padding-top:1rem;display:flex;justify-content:space-between;align-items:center}.tip-source a{color:var(--text-muted);text-decoration:none;transition:color .2s;font-style:italic}.tip-source a:hover{color:var(--soft-gold)}.compact-card{background:var(--card-bg);padding:1rem 1.25rem;border-radius:8px;border:1px solid rgba(255,255,255,.08);transition:border-color .2s ease;display:flex;flex-direction:column;gap:.5rem;position:relative}.compact-card:hover{border-color:#ffffff2e}.compact-card:focus{outline:2px solid var(--soft-gold);outline-offset:2px}.compact-card:focus:not(:focus-visible){outline:none}.compact-card .compact-text{font-family:Playfair Display,serif;font-size:1.05rem;color:var(--white);line-height:1.5;margin:0}.compact-card .compact-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted)}.compact-card .compact-meta .priority-badge{font-weight:700}.compact-card .compact-meta .category-tag{color:var(--soft-gold);font-weight:700}.compact-card .compact-meta .source-link{color:var(--text-muted);text-decoration:none;font-style:italic;text-transform:none;letter-spacing:0}.compact-card .compact-meta .source-link:hover{color:var(--soft-gold)}.compact-card .compact-meta .meta-sep{opacity:.3}.compact-card .card-actions{top:.4rem;right:.4rem}.compact-card:hover .card-actions,.compact-card:focus .card-actions{opacity:1}.search-results{display:flex;flex-direction:column;gap:.75rem;max-width:700px;margin:0 auto}.section-heading{text-align:center;font-family:Playfair Display,serif;font-size:1.1rem;color:var(--text-muted);font-weight:400;margin-bottom:1.5rem;letter-spacing:.5px}.tips-grid.fade-out{opacity:0;transition:opacity .2s ease}.card-actions{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.25rem;opacity:0;transition:opacity .2s}.tip-card:hover .card-actions,.tip-card:focus .card-actions{opacity:1}.action-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem;border-radius:4px;transition:color .2s,background .2s}.action-btn:hover{color:var(--soft-gold);background:#ffffff0d}.tip-card:focus{outline:2px solid var(--soft-gold);outline-offset:2px}.tip-card:focus:not(:focus-visible){outline:none}.back-link{color:var(--soft-gold);text-decoration:none;font-style:normal;transition:opacity .2s}.back-link:hover{opacity:.8}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(100px);background:var(--soft-gold);color:var(--bg-color);padding:.5rem 1.5rem;border-radius:20px;font-weight:700;font-size:.9rem;box-shadow:0 4px 12px #0000004d;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);z-index:1000;pointer-events:none}.toast.show{transform:translate(-50%) translateY(0)}mark{background-color:#fcd34d33;color:var(--white);padding:0 2px;border-radius:2px;border-bottom:1px solid var(--soft-gold)}.no-results{grid-column:1 / -1;text-align:center;padding:4rem 2rem;color:var(--text-muted);font-family:Playfair Display,serif;font-size:1.2rem;font-style:italic}footer{text-align:center;padding:4rem 2rem;font-size:.75rem;text-transform:uppercase;letter-spacing:2px;display:flex;flex-direction:column;gap:.75rem;align-items:center}.footer-links,.footer-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem}footer .separator{color:var(--text-muted);opacity:.3;margin:0 .25rem}footer a{color:var(--text-muted);text-decoration:none;transition:color .2s}footer a.rss-link{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap}footer a.rss-link:before{content:"";width:.8rem;height:.8rem;border-radius:2px;background-color:#f97316;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round'%3E%3Ccircle cx='6' cy='18' r='1.4' fill='%23fff' stroke='none'/%3E%3Cpath d='M4.5 11.5A8 8 0 0 1 12.5 19.5'/%3E%3Cpath d='M4.5 5.5A14 14 0 0 1 18.5 19.5'/%3E%3C/svg%3E");background-size:75%;background-position:center;background-repeat:no-repeat;flex-shrink:0}footer .footer-updated{color:var(--text-muted)}footer a:hover{color:var(--soft-gold)}.skeleton-card{height:200px;background:linear-gradient(90deg,var(--card-bg) 25%,rgba(255,255,255,.05) 50%,var(--card-bg) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pagination{display:flex;justify-content:center;align-items:center;margin-top:2.5rem;padding:1rem 0}.load-more{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--text-muted);padding:.6rem 1.6rem;font-family:Lato,sans-serif;font-size:.85rem;letter-spacing:1px;text-transform:uppercase;cursor:pointer;border-radius:999px;transition:all .2s ease}.load-more:hover{border-color:var(--soft-gold);color:var(--soft-gold)}@media(max-width:768px){.hero{padding:2rem 1rem .75rem}h1{font-size:2.3rem}.subtitle{font-size:1rem}.stats{gap:1rem;font-size:.7rem}.container{padding:0 1.25rem 3.5rem}.action-btn,.compact-card .card-actions{opacity:1}}@media(max-width:600px){.hero{padding:1.5rem 1rem .5rem}h1{font-size:2rem}.stats{font-size:.65rem;letter-spacing:1px}.search-hero{margin-top:1rem}.search-hero .search-box{font-size:1rem;padding:.85rem 2.5rem .85rem 1rem}.suggested-searches{gap:.35rem}.filter-scroll{justify-content:flex-start;padding:0 .5rem .25rem}.tips-grid{grid-template-columns:1fr;gap:1.5rem}.tip-card{padding:1.25rem}.tip-text{font-size:1.1rem}.tip-meta{gap:.6rem}.tip-source{flex-direction:column;align-items:flex-start;gap:.35rem}.compact-card{padding:.85rem 1rem}.compact-card .compact-text{font-size:.95rem}footer{padding:3rem 1rem;letter-spacing:1px}}.email-signup{margin-top:1.5rem}.signup-label{font-size:.95rem;color:var(--text-muted);margin-bottom:.5rem}.signup-row{display:flex;gap:.5rem;justify-content:center;max-width:400px;margin:0 auto}.signup-input{flex:1;padding:.6rem 1rem;border:1px solid rgba(252,211,77,.3);border-radius:8px;background:var(--card-bg);color:var(--text-main);font-size:.95rem;font-family:inherit;outline:none;transition:border-color .2s}.signup-input:focus{border-color:var(--soft-gold)}.signup-btn{padding:.6rem 1.2rem;background:var(--soft-gold);color:var(--bg-color);border:none;border-radius:8px;font-weight:700;font-size:.95rem;cursor:pointer;transition:opacity .2s;white-space:nowrap}.signup-btn:hover{opacity:.9}.signup-btn:disabled{opacity:.5;cursor:not-allowed}.signup-msg{font-size:.85rem;margin-top:.4rem;min-height:1.2em}.signup-msg.success{color:var(--low-priority)}.signup-msg.error{color:var(--high-priority)}
