:root{--buncss-light:initial;--buncss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--buncss-light: ;--buncss-dark:initial}}html,[data-generated-space-root]{height:100%;min-height:100%}[data-generated-space-root]{overflow:auto;position:fixed;scrollbar-width:none;inset:0}.hatch-space-root[data-hatch-space-root]{--hatch-space-bottom-padding:calc(var(--bottom-padding,0px) + env(safe-area-inset-bottom,0px));box-sizing:border-box;min-height:calc(100% + var(--header-height,0px) + var(--hatch-space-bottom-padding));min-height:calc(100dvh + var(--header-height,0px) + var(--hatch-space-bottom-padding));padding-top:var(--header-height,0px);padding-bottom:var(--hatch-space-bottom-padding);background:var(--bg,#f4f7fb);color:var(--text,#0f172a)}@media (prefers-color-scheme:dark){.hatch-space-root[data-hatch-space-root]{background:var(--bg,#0c111b);color:var(--text,#e5eef9)}}[data-generated-space-root]::-webkit-scrollbar{display:none}:root{--bg:#f8fafc;--surface:#fff;--text:#0f172a;--text-muted:#64748b;--accent:#2563eb;--accent-light:#dbeafe;--border:#e2e8f0;--success:#059669;--warning:#d97706;--danger:#dc2626;--radius:12px;--shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--font:"Segoe UI",system-ui,-apple-system,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#0f172a;--surface:#1e293b;--text:#f1f5f9;--text-muted:#94a3b8;--accent:#60a5fa;--accent-light:#1e3a5f;--border:#334155;--shadow:0 1px 3px #0000004d;--shadow-lg:0 10px 15px -3px #0000004d}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6}.hero{color:#f1f5f9;text-align:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#1e3a5f 0%,#0f172a 50%,#1a1a2e 100%);padding:2.5rem 1.5rem 2rem}.hero:before{content:"";position:absolute;animation:pulse 8s ease-in-out infinite;background:radial-gradient(circle,#3b82f61a 0%,#0000 60%);width:200%;height:200%;top:-50%;left:-50%}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:1}}.hero h1{position:relative;margin-bottom:.25rem;font-size:2rem;font-weight:800}.hero p{opacity:.8;position:relative;font-size:1rem}.hero .subtitle{opacity:.6;position:relative;margin-top:.5rem;font-size:.85rem}.summary-bar{display:flex;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:center;gap:.75rem;padding:1rem 1.5rem}.stat-pill{display:flex;background:var(--accent-light);color:var(--accent);border-radius:999px;align-items: center;gap:.4rem;padding:.4rem .75rem;font-size:.8rem;font-weight:600}.container{max-width:1200px;margin:0 auto;padding:1.5rem}.section-title{display:flex;align-items: center;gap:.5rem;margin:2rem 0 1rem;font-size:1.3rem;font-weight:700}.cards{display:grid;grid-template-columns:1fr;gap:1.25rem}@media (min-width:768px){.cards{grid-template-columns:repeat(2,1fr)}}@media (min-width:1100px){.cards{grid-template-columns:repeat(3,1fr)}}.card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-image-wrap{display:flex;background:#f8fafc;justify-content:center;align-items: center;min-height:140px;padding:.5rem}@media (prefers-color-scheme:dark){.card-image-wrap{background:#1a2332}}.card-image{object-fit:contain;border-radius:4px;max-width:100%;max-height:180px}.card-header{position:relative;padding:1rem 1rem .5rem}.card-badge{display:inline-block;color:#fff;border-radius:999px;margin-bottom:.5rem;padding:.2rem .6rem;font-size:.7rem;font-weight:700}.card-name{font-size:1.15rem;font-weight:700;line-height:1.3}.card-year{color:var(--text-muted);font-size:.75rem}.card-price-row{display:flex;align-items:baseline;gap:.5rem;padding:.25rem 1rem .5rem}.card-price{color:var(--success);font-size:1.5rem;font-weight:800}.card-rrp{color:var(--text-muted);text-decoration:line-through;font-size:.85rem}.card-saving{color:#fff;background:var(--danger);border-radius:4px;padding:.15rem .4rem;font-size:.7rem;font-weight:700}.card-specs{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;padding:0 1rem .75rem}.spec{display:flex;align-items: center;gap:.3rem;font-size:.75rem}.spec-label{color:var(--text-muted);min-width:3rem}.spec-value{font-weight:600}.card-rating-section{border:1px solid var(--border);background:linear-gradient(135deg,var(--accent-light)0%,transparent 100%);border-radius:8px;margin:0 1rem .75rem;padding:.6rem .75rem}.rating-title{text-transform:uppercase;letter-spacing:.04em;color:var(--accent);margin-bottom:.4rem;font-size:.72rem;font-weight:700}.rating-row{display:flex;justify-content:space-between;align-items: center;padding:.15rem 0;font-size:.75rem}.rating-label{color:var(--text-muted);font-weight:500}.rating-stars{letter-spacing:-1px;font-size:.8rem}.rating-weight{color:var(--success);font-weight:700}.rating-verdict{color:var(--text);border-top:1px solid var(--border);margin-top:.35rem;padding-top:.35rem;font-size:.72rem;font-weight:600;line-height:1.35}.card-notes{color:var(--text-muted);flex-grow:1;padding:0 1rem .75rem;font-size:.78rem}.card-proscons{padding:0 1rem .75rem}.pc-title{text-transform:uppercase;letter-spacing:.05em;margin-bottom:.2rem;font-size:.7rem;font-weight:700}.pc-title.pro{color:var(--success)}.pc-title.con{color:var(--danger)}.pc-list{list-style:none;margin-bottom:.4rem;font-size:.73rem}.pc-list li{position:relative;padding:.1rem 0 .1rem 1rem}.pc-list li:before{position:absolute;left:0}.pc-list.pros li:before{content:"✅";font-size:.65rem}.pc-list.cons li:before{content:"⚠️";font-size:.65rem}.card-footer{border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items: center;padding:.75rem 1rem}.card-retailer{color:var(--text-muted);font-size:.75rem}.card-btn{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;border-radius:6px;padding:.4rem 1rem;transition:opacity .2s;font-size:.8rem;font-weight:600}.card-btn:hover{opacity:.85}.comparison-table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);margin:1.5rem 0}table{border-collapse:collapse;background:var(--surface);width:100%;min-width:700px;font-size:.78rem}th{text-align:left;background:var(--accent-light);color:var(--accent);border-bottom:2px solid var(--border);white-space:nowrap;padding:.6rem .75rem;font-weight:700}td{border-bottom:1px solid var(--border);vertical-align:top;padding:.5rem .75rem}tr:last-child td{border-bottom:none}tr:hover td{background:var(--accent-light)}.removable-yes{color:var(--success);font-weight:700}.removable-no{color:var(--danger);font-weight:700}.key-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin:1.5rem 0;padding:1.25rem}.key-box h3{display:flex;align-items: center;gap:.4rem;margin-bottom:.75rem;font-size:1rem;font-weight:700}.key-box ul{list-style:none;font-size:.85rem}.key-box li{position:relative;padding:.3rem 0 .3rem 1.5rem}.key-box li:before{content:"💡";position:absolute;font-size:.8rem;left:0}.footer-note{text-align:center;color:var(--text-muted);border-top:1px solid var(--border);margin-top:2rem;padding:2rem 1rem;font-size:.75rem}.tab-row{display:flex;background:var(--surface);border-bottom:1px solid var(--border);overflow-x:auto;gap:.5rem;padding:.75rem 1.5rem}.tab-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:.4rem 1rem;font-size:.8rem;font-weight:600}.tab-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.view{display:none}.view.active{display:block}