:root{--harrison-orange: #f58220;--harrison-blue: #0057b8;--butler-navy: #13294b;--butler-blue: #0033a0;--paper: #ffffff;--ink: #172033;--muted: #566277;--field-border: rgba(19, 41, 75, .34);--field-shadow: 0 10px 26px rgba(19, 41, 75, .12);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 6%,rgba(245,130,32,.35),transparent 25rem),radial-gradient(circle at 90% 2%,rgba(0,87,184,.32),transparent 26rem),linear-gradient(145deg,#fff7ee,#eef5ff 46%,#f8fbff);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100%}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.page{min-height:100vh;padding:14px;display:grid;place-items:start center}.heroCard{width:min(100%,740px);margin:0 auto;position:relative;overflow:hidden;background:linear-gradient(180deg,#fffffffa,#fffffff0),radial-gradient(circle at 0% 0%,rgba(245,130,32,.2),transparent 20rem);border:1px solid rgba(255,255,255,.95);border-radius:30px;padding:22px;box-shadow:0 30px 86px #13294b33;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.heroCard:before{content:"";position:absolute;inset:0 0 auto 0;height:10px;background:linear-gradient(90deg,var(--harrison-orange),#ffffff 28%,var(--harrison-blue) 52%,var(--butler-navy))}.tripBadge{width:fit-content;margin:10px 0 14px;padding:9px 13px;border-radius:999px;background:linear-gradient(135deg,var(--harrison-orange),var(--harrison-blue) 52%,var(--butler-navy));color:#fff;font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 12px 28px #13294b33}h1{margin:0;max-width:11ch;font-size:clamp(38px,11vw,74px);line-height:.9;letter-spacing:-.07em;color:var(--butler-navy)}.intro{margin:18px 0 24px;color:var(--muted);font-size:17px;line-height:1.45}.playlistForm{display:grid;gap:18px}.fieldGroup{display:grid;gap:8px}.fieldGroup span{font-size:14px;font-weight:900;color:var(--butler-navy)}input,textarea{width:100%;border:2px solid var(--field-border);border-radius:18px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#f5822059,#0057b852) border-box;color:var(--ink);padding:15px 16px;outline:none;min-height:54px;box-shadow:var(--field-shadow),inset 0 1px #ffffffe6;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}input::placeholder,textarea::placeholder{color:#7a8598}input:focus,textarea:focus{border-color:var(--harrison-orange);box-shadow:0 0 0 4px #f582202e,0 14px 32px #13294b24,inset 0 1px #ffffffe6}textarea{resize:vertical;min-height:96px}.searchPanel{display:grid;gap:8px}.searchBox{position:relative;display:block}.searchBox input{min-height:66px;border-radius:999px;padding-left:56px;padding-right:18px;font-size:17px;border-color:#13294b61;box-shadow:0 16px 38px #13294b29,0 0 0 3px #f5822014}.searchIcon{position:absolute;z-index:1;left:20px;top:50%;transform:translateY(-50%);color:var(--harrison-blue);font-size:25px;pointer-events:none}.searchMeta{min-height:22px;padding-left:8px;color:#5d6a7f;font-size:14px}.resultsPanel,.manualPanel,.selectedPanel{border:1px solid rgba(19,41,75,.16);border-radius:24px;background:linear-gradient(180deg,#fffffff5,#f6f9fff5),linear-gradient(135deg,#f582201a,#0057b81f);padding:14px;box-shadow:0 12px 34px #13294b14}.filterHeader{display:grid;gap:10px;margin-bottom:12px}.filterHeader p{margin:0;font-size:14px;font-weight:950;color:var(--butler-navy)}.filterTabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.filterTabs button{border:0;border-radius:999px;background:#e8edf7;color:var(--butler-navy);padding:11px 8px;font-size:13px;font-weight:950;cursor:pointer;transition:transform .14s ease,background .14s ease}.filterTabs button:active,.trackCard:active,.manualPrompt button:active,.submitButton:active{transform:scale(.99)}.filterTabs button.active{background:linear-gradient(135deg,var(--harrison-blue),var(--butler-navy));color:#fff}.filterInput{min-height:50px;border-radius:16px;background:#fff}.trackList{display:grid;gap:10px}.trackCard{width:100%;display:grid;grid-template-columns:60px 1fr 30px;align-items:center;gap:12px;min-height:86px;border:2px solid rgba(19,41,75,.18);border-radius:22px;background:#fff;color:var(--ink);padding:10px;text-align:left;cursor:pointer;box-shadow:0 10px 26px #13294b14;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.trackCard:hover{border-color:#0057b86b;box-shadow:0 14px 32px #13294b1f}.trackCard.selected{border-color:var(--harrison-orange);box-shadow:0 0 0 4px #f5822029,0 16px 36px #13294b24}.trackCard img,.albumPlaceholder{width:60px;height:60px;border-radius:16px;object-fit:cover}.albumPlaceholder{display:grid;place-items:center;background:linear-gradient(135deg,#edf1f8,#fff3e8);color:var(--harrison-blue);font-size:24px;font-weight:900}.trackText{min-width:0}.trackText strong,.trackText small{display:block}.trackText strong{margin-bottom:3px;font-size:15px;line-height:1.25;color:var(--butler-navy)}.trackText small{color:#5f6d84;font-size:13px;line-height:1.25}.albumLine{margin-top:2px}.selectIndicator{width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:linear-gradient(135deg,var(--harrison-orange),var(--butler-navy));color:#fff;font-size:15px;font-weight:900}.emptyState{margin:8px 2px;color:#68758c;font-size:14px}.selectedPanel{display:grid;gap:4px;background:linear-gradient(180deg,#fff8f0,#eef5ff);border-color:#f5822057}.selectedPanel p,.selectedPanel strong,.selectedPanel span{margin:0}.selectedPanel p{color:var(--harrison-blue);font-size:13px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.selectedPanel strong{font-size:18px;color:var(--butler-navy)}.selectedPanel span{color:#4d5b70;font-size:14px}.manualPrompt{display:grid}.manualPrompt button{border:2px dashed rgba(0,87,184,.4);border-radius:20px;background:#fff;color:var(--butler-navy);min-height:56px;padding:14px;font-weight:950;cursor:pointer;box-shadow:0 10px 26px #13294b14}.manualPanel{display:grid;gap:14px}.manualPanel h2{margin:0;font-size:22px;letter-spacing:-.03em;color:var(--butler-navy)}.manualPanel p{margin:0;color:#68758c;line-height:1.4}.submitButton{border:0;border-radius:22px;background:linear-gradient(135deg,var(--harrison-orange) 0%,var(--harrison-blue) 46%,var(--butler-navy) 100%);color:#fff;min-height:60px;padding:16px 18px;font-weight:950;font-size:17px;cursor:pointer;box-shadow:0 18px 38px #13294b47}.submitButton:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}.statusMessage{margin:0;border-radius:18px;padding:14px;background:#f0f4fb;color:var(--butler-navy);font-weight:850}.statusMessage.success{background:#edf9ef;color:#275d34}.statusMessage.error{background:#fff0f0;color:#9a2d2d}@media (min-width: 720px){.page{padding:40px 24px;place-items:center}.heroCard{padding:36px}h1{max-width:12ch}.trackCard{grid-template-columns:66px 1fr 32px;min-height:94px}.trackCard img,.albumPlaceholder{width:66px;height:66px}}