@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Playfair+Display:wght@700&display=swap');
.results{scroll-margin-top:28px;padding-top:14px}.results-header{margin:0 0 16px;padding:16px 18px;border-left:4px solid var(--purple);background:#ffffffa8;border-radius:0 14px 14px 0}.results-header h2{margin:0;color:var(--purple);font-size:1.08rem}.results-header p{margin:5px 0 0;color:#71657b;font-size:.88rem}.results-actions{display:flex;gap:10px;margin-top:16px;align-items:center}.results-actions .primary{margin:0;flex:1}.results-actions .secondary{white-space:nowrap}
.results-actions>*{flex:1!important;height:61px}.results-actions .secondary{white-space:normal}
.results-actions .secondary{background:#fff;border:2px solid #7c3aad;color:#57207b;box-shadow:0 8px 18px #57207b1c}.results-actions .secondary:hover{background:#f4edfb;transform:translateY(-1px)}
.detail.counter-value strong,.detail.size-value strong{font-size:1.45rem;line-height:1;color:#57207b}
.site-banner{display:block;width:100%;height:auto;border-radius:22px;box-shadow:0 16px 38px #40115b32}.header-banner{display:block;max-width:430px;width:min(70vw,430px);height:auto;border-radius:13px;box-shadow:0 8px 20px #40115b20}
:root{--purple:#57207b;--violet:#7c3aad;--lav:#f4edfb;--ink:#292331;--line:#e4d9ed;--green:#18785d}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at 0 0,#eadcff,transparent 34rem),linear-gradient(135deg,#faf8fc,#f2edf6);min-height:100vh}.shell{max-width:720px;margin:auto;padding:28px 20px 44px}.brand{overflow:hidden;border-radius:24px;background:linear-gradient(117deg,#36114f,#7132a0 56%,#ae74d5);color:white;box-shadow:0 18px 45px #3f155345;padding:28px;position:relative}.brand:after{content:'';position:absolute;width:200px;height:200px;border:1px solid #ffffff44;border-radius:50%;right:-70px;top:-100px}.eyebrow{letter-spacing:.15em;text-transform:uppercase;font-size:.73rem;font-weight:700;opacity:.85}.brand h1{font:700 clamp(2rem,7vw,3.45rem)/.98 'Playfair Display',serif;margin:10px 0}.brand p{max-width:380px;margin:0;font-weight:500}.panel{background:#ffffffd9;backdrop-filter:blur(12px);border:1px solid #fff;border-radius:22px;padding:28px;margin-top:22px;box-shadow:0 12px 35px #4e246017}.panel h2{margin:0 0 8px;font-size:1.38rem}.muted{color:#655c6d;line-height:1.55}.field{margin-top:20px;display:flex;border:1.5px solid var(--line);border-radius:14px;overflow:hidden;background:white}.field:focus-within{border-color:var(--violet);box-shadow:0 0 0 4px #7c3aad18}.field input{border:0;outline:0;padding:16px;flex:1;font:inherit;min-width:0}.field button{border:0;background:transparent;padding:0 14px;color:var(--purple);cursor:pointer;font-size:1.2rem}.primary,.secondary{border:0;border-radius:13px;padding:15px 18px;font:700 .96rem Inter;cursor:pointer;transition:.2s}.primary{width:100%;margin-top:14px;color:white;background:linear-gradient(100deg,var(--purple),var(--violet));box-shadow:0 8px 18px #57207b33}.primary:hover{transform:translateY(-1px)}.secondary{background:var(--lav);color:var(--purple)}button:focus-visible,input:focus-visible{outline:3px solid #a96ed2;outline-offset:2px}.status{min-height:25px;margin:13px 0 0;color:#6a316f;font-size:.9rem}.hidden{display:none!important}.results{margin-top:22px}.count{font-size:.9rem;font-weight:700;color:var(--purple);margin:0 0 10px}.card{background:white;border:1px solid #eadff0;border-radius:22px;padding:26px;box-shadow:0 13px 30px #4d1a6014;animation:enter .45s both}.card h2{margin:0;font-size:1.45rem}.card p{line-height:1.6}.details{background:linear-gradient(135deg,#f5edfb,#fcfaff);border:1px solid #e6d8f1;border-radius:16px;padding:8px 16px;margin:20px 0}.detail{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid #e7dcec;gap:12px}.detail:last-child{border:0}.detail span{font-size:.8rem;color:#71657b;font-weight:600}.detail strong{color:var(--purple);text-align:right}.card-actions,.nav{display:flex;gap:10px;flex-wrap:wrap}.nav{justify-content:space-between;align-items:center;margin:14px 0}.nav .secondary{padding:10px 14px}.footer{text-align:center;color:#766b7f;font-size:.78rem;margin-top:25px}.spinner{display:inline-block;width:15px;height:15px;border:2px solid #d5b9e8;border-top-color:var(--purple);border-radius:50%;animation:spin .7s linear infinite;vertical-align:-2px;margin-right:6px}#toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);background:#292331;color:white;padding:12px 16px;border-radius:10px;opacity:0;transition:.25s;z-index:9}#toast.show{opacity:1;transform:translate(-50%,0)}@keyframes enter{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}
