:root { --bg: linear-gradient(180deg, #d6f0fd 0%, #a5d8f5 55%, #8ec9ee 100%); --accent: #0277bd; --card-border: #6aa8d8; --glow: 0 0 0 rgba(0,0,0,0);
          --panel: rgba(255,255,255,.88); --panel-2: #dff0fc; --line: #8fc1e5; --chip-bg: rgba(255,255,255,.6);
          --motif: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22800%22%20height%3D%22800%22%20viewBox%3D%220%200%20800%20800%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2300b34d%22%20stroke-width%3D%227%22%3E%3Cpath%20d%3D%22M658%20222h-14l-14%2031-29-8%204-34-17-10-10-8-30%2017-19-23%2023-26-7-17-4-13-34-4-2-30%2034-7%204-19%204-12-25-23%2017-26%2031%2015%2014-13%2011-8-7-33%2028-11%2017%2030%2019-2h14l14-31%2029%208-4%2034%2017%2010%2010%208%2030-17%2019%2023-23%2026%207%2017%204%2013%2034%204%202%2030-34%207-4%2019-4%2012%2025%2023-17%2026-31-15-14%2013-11%208%207%2033-28%2011-17-30Z%22%2F%3E%3Ccircle%20cx%3D%22655%22%20cy%3D%22105%22%20r%3D%2251%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2300b34d%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m525%20191%208%201%2011-19%2018%207-4%2021%209%207%207%206%2019-9%2011%2016-16%2014%204%2012%201%208%2022%204-1%2019-22%203-3%2012-4%207%2015%2016-12%2015-19-11-10%208-7%204%203%2021-19%206-9-20h-12l-8-1-11%2019-18-7%204-21-9-7-7-6-19%209-11-16%2016-14-4-12-1-8-22-4%201-19%2022-3%203-12%204-7-15-16%2012-15%2019%2011%2010-8%207-4-3-21%2019-6%209%2020Z%22%2F%3E%3Ccircle%20cx%3D%22520%22%20cy%3D%22265%22%20r%3D%2232%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22none%22%20stroke-opacity%3D%220%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22m720%20382-6%202-2%2016h-14l-3-16-8-3-6-2-11%2011-12-8%208-14-6-7-3-5-16%202-4-13%2014-8-1-8%201-7-14-7%204-13%2016%202%205-7%204-5-8-14%2012-9%2011%2012%209-3%206-2%202-16h14l3%2016%208%203%206%202%2011-11%2012%208-8%2014%206%207%203%205%2016-2%204%2013-14%208%201%208-1%207%2014%207-4%2013-16-2-5%207-4%205%208%2014-12%209-11-12Z%22%2F%3E%3Ccircle%20cx%3D%22705%22%20cy%3D%22330%22%20r%3D%2224%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22none%22%20stroke-opacity%3D%220%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22m394%2043%205-4-4-13%2012-5%207%2012%208-1h6l5-13%2012%202-1%2015%207%203%205%204%2012-8%208%209-9%2011%203%207%202%206%2014%201%201%2012-14%204-1%207-2%205%2011%2010-7%2010-13-5-5%205-5%204%204%2013-12%205-7-12-8%201h-6l-5%2013-12-2%201-15-7-3-5-4-12%208-8-9%209-11-3-7-2-6-14-1-1-12%2014-4%201-7%202-5-11-10%207-10%2013%205Z%22%2F%3E%3Ccircle%20cx%3D%22425%22%20cy%3D%2280%22%20r%3D%2221%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22none%22%20stroke-opacity%3D%220%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22m618%20461-3%204%206%2011-9%206-9-9-6%202-5%202-2%2012h-11l-2-13-6-1-5-2-9%208-8-6%205-11-4-5-2-5-13%202-3-10%2011-6v-11l-11-6%204-10%2012%202%204-6%203-4-6-11%209-6%209%209%206-2%205-2%202-12h11l2%2013%206%201%205%202%209-8%208%206-5%2011%204%205%202%205%2013-2%203%2010-11%206v11l11%206-4%2010-12-2Z%22%2F%3E%3Ccircle%20cx%3D%22585%22%20cy%3D%22435%22%20r%3D%2218%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22none%22%20stroke-opacity%3D%220%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22m375%20280%202%204%2011-1%202%209-9%204v6l-1%204%2010%205-3%209-11-2-3%205-3%203%205%209-8%205-7-7-6%202h-4l-2%2011h-9l-1-11-6-2-4-1-7%207-8-6%205-9-3-4-2-4-11%201-2-9%209-4v-6l1-4-10-5%203-9%2011%202%203-5%203-3-5-9%208-5%207%207%206-2h4l2-11h9l1%2011%206%202%204%201%207-7%208%206-5%209Z%22%2F%3E%3Ccircle%20cx%3D%22345%22%20cy%3D%22300%22%20r%3D%2216%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22none%22%20stroke-opacity%3D%220%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22m457%20563-2-2-9%201-3-7%208-4-1-5v-3l-8-4%202-7%209%201%202-5%202-2-4-8%206-5%206%206%205-2%203-1%201-9h8l1%209%205%201%203%201%206-7%207%204-4%208%203%204%202%202%209-1%203%207-8%204%201%205v3l8%204-2%207-9-1-2%205-2%202%204%208-6%205-6-6-5%202-3%201-1%209h-8l-1-9-5-1-3-1-6%207-7-4%204-8Z%22%2F%3E%3Ccircle%20cx%3D%22480%22%20cy%3D%22545%22%20r%3D%2213%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22none%22%20stroke-opacity%3D%220%22%20stroke-width%3D%223%22%3E%3Cpath%20d%3D%22m248%20488-3%201-1%207h-6l-1-7-4-1-3-1-4%205-6-3%203-6-2-3-2-3-7%202-2-6%206-4v-6l-7-3%202-6%207%201%202-4%202-2-4-6%205-4%206%205%203-2%203-1%201-7h6l1%207%204%201%203%201%204-5%206%203-3%206%202%203%202%203%207-2%202%206-6%204v6l7%203-2%206-7-1-2%204-2%202%204%206-5%204-6-5Z%22%2F%3E%3Ccircle%20cx%3D%22240%22%20cy%3D%22465%22%20r%3D%2211%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22none%22%20stroke-opacity%3D%220%22%20stroke-width%3D%223%22%3E%3Cpath%20d%3D%22m676%20547%202%201%205-3%204%204-4%205%201%203%201%202%206%201%201%205-6%202-1%203v2l5%204-3%205-6-2-2%202-2%201%201%206-5%203-3-6-3%201h-3l-2%206-5-1v-7l-3-1-2-1-5%203-4-4%204-5-1-3-1-2-6-1-1-5%206-2%201-3v-2l-5-4%203-5%206%202%202-2%202-1-1-6%205-3%203%206%203-1h3l2-6%205%201v7Z%22%2F%3E%3Ccircle%20cx%3D%22665%22%20cy%3D%22565%22%20r%3D%229%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22none%22%20stroke-opacity%3D%220%22%20stroke-width%3D%223%22%3E%3Cpath%20d%3D%22m162%20598%201%201%205-2%202%204-4%203%201%203v2l5%201-1%205h-5l-1%203-1%201%204%204-3%204-5-3-2%201-2%201v5l-4%201-2-5h-4l-3%204-4-2%201-5-2-2-1-1-5%202-2-4%204-3-1-3v-2l-5-1%201-5h5l1-3%201-1-4-4%203-4%205%203%202-1%202-1v-5l4-1%202%205h4l3-4%204%202-1%205Z%22%2F%3E%3Ccircle%20cx%3D%22150%22%20cy%3D%22610%22%20r%3D%227%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%2310304f%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22m560%20150-105%2065M455%20215l155%2085M610%20300l-230%2060M380%20360l125%2060M505%20420%20300%20520M300%20520l115%2065M415%20585%20205%20395%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22560%22%20cy%3D%22150%22%20r%3D%225%22%20fill%3D%22%2310304f%22%2F%3E%3Ccircle%20cx%3D%22455%22%20cy%3D%22215%22%20r%3D%225%22%20fill%3D%22%2310304f%22%2F%3E%3Ccircle%20cx%3D%22610%22%20cy%3D%22300%22%20r%3D%225%22%20fill%3D%22%2310304f%22%2F%3E%3Ccircle%20cx%3D%22380%22%20cy%3D%22360%22%20r%3D%225%22%20fill%3D%22%2310304f%22%2F%3E%3Ccircle%20cx%3D%22505%22%20cy%3D%22420%22%20r%3D%225%22%20fill%3D%22%2310304f%22%2F%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%22520%22%20r%3D%225%22%20fill%3D%22%2310304f%22%2F%3E%3Ccircle%20cx%3D%22415%22%20cy%3D%22585%22%20r%3D%225%22%20fill%3D%22%2310304f%22%2F%3E%3Ccircle%20cx%3D%22205%22%20cy%3D%22395%22%20r%3D%225%22%20fill%3D%22%2310304f%22%2F%3E%3Cpath%20fill%3D%22none%22%20d%3D%22m774%20497-29%2017-29-17v-34l29-17%2029%2017ZM413%20143l-23%2013-23-13v-26l23-13%2023%2013Z%22%2F%3E%3C%2Fsvg%3E"); --motif-repeat: no-repeat; --motif-size: min(820px, 150vw); --motif-pos: top right; --ink: #0e2a47; --ink-soft: #274b6b; --muted: #476b87; --faint: #64809c; --price: #15803d; --warn: #b45309; }
  /* Page themes (Caleb, 2026-10-16): the BASE page is a light sky blue, and
     every themed room is a stark contrast against it — dark, saturated,
     unmistakable. Themes change dressing only: background, accent, panel and
     text tones via the variables below. Layout never changes. Any element
     with a data-theme gets the shared dark-room surface/text tones first;
     each theme then overrides its own colors. */
  /* Category themes: the page starts dressing the moment a path is picked —
     gear wears the store, laptops and desktops each get their own room — then
     the mission theme takes over at the results reveal. */
  /* Setup themes (Caleb, 2026-10-16): a setup guide starts in the platform's
     plain first look, then evolves into the full OS look as the wizard
     advances — Windows setup blue deepening into Windows 11, and so on. */
  body[data-theme="store"] { --bg: linear-gradient(180deg, #d9fbe9 0%, #a7f3cf 100%); --accent: #16a34a; --card-border: #22c55e; --glow: 0 6px 22px rgba(15,42,71,.12); --motif: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22900%22%20height%3D%221400%22%20viewBox%3D%220%200%20900%201400%22%3E%3Cg%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20stroke%3D%22%23e84393%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m180.962%20105.801-9.122%2025.334-14.223%2022.51-24.566%2012.865-26.879%203.94-25.438-12.119-19.721-20.324-1.977-27.948%203.055-27.123%2017.326-19.617%2023.532-13.83%2026.949-1.941%2023.474%2013.189L171.06%2080.13Z%22%2F%3E%3Cpath%20d%3D%22m56.038%20110.164%2062.961-2.199%2060.963-2.129%22%2F%3E%3Cpath%20d%3D%22m115.836%2046.038%2014.27%207.506%2010.797%2022.637%205.08%2030.842-2.916%2031.12-9.191%2023.336-13.712%208.483%22%2F%3E%3Cpath%20d%3D%22m63.95%2078.869%2051.969-1.815%2053.967-1.885M66.114%20140.83l54.897-3.917%2051.039.218%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23e84393%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m798.27%2088.563-3.208%205.892-4.172%204.857-5.172%204.823-6.926-2.243-5.891-3.208-2.824-5.102-3.788-6.136%202.243-6.925%204.172-4.858%207.1-2.754%205.997.21%206.926%202.243%202.754%207.1ZM763.104%20121.356a18%2015%202%200%201%2035.978%201.256M740.536%20108.56l-.174%204.998-4.137%203.858-4.103%202.858-5.961-1.209-3.928-2.138-1.824-5.067-.86-4.032%201.174-4.962%203.103-2.894%204.067-1.859%203.998.14%203.928%202.138%203.892%203.138ZM714.644%20133.672a14%2011%202%200%201%2027.983.977M844.473%20112.19l-1.174%204.962-4.102%202.859-4.067%201.859-5.067%201.824-3.893-3.138-2.859-4.102.175-4.997-.825-5.032%205.102-2.823%204.067-1.86%205.067-1.824%203.893%203.138%202.858%204.102ZM818.58%20137.302a14%2011%202%200%201%2027.984.977M743.465%20110.664l13.131-3.544%2011.273-7.611M819.418%20113.316l-10.749-7.38-12.817-5.45%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%2310304f%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m589.636%2060.15%2094.003.641%202.673%2076.058-95.968-2.675Z%22%2F%3E%3Cpath%20d%3D%22m592.304%2079.2%2044.958%202.785%2047.028-1.18M605.022%2095.424%20638.035%2095l32.977%201.576M604.743%20111.422l22.997.401%2025.996.454%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%2310304f%22%20stroke-width%3D%226%22%20transform%3D%22rotate%282%2092%20441%29%22%3E%3Cpath%20d%3D%22m39%20396%20107-1%202%2024-110%202Z%22%2F%3E%3Ccircle%20cx%3D%2253%22%20cy%3D%22408%22%20r%3D%223%22%20fill%3D%22%2310304f%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22m66%20408%2036-2%2032%202M37%20427l109-1v24H37Z%22%2F%3E%3Ccircle%20cx%3D%2253%22%20cy%3D%22438%22%20r%3D%223%22%20fill%3D%22%2310304f%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22m66%20438%2036%201%2032-1M36%20458l111-1-2%2022-108-1Z%22%2F%3E%3Ccircle%20cx%3D%2253%22%20cy%3D%22468%22%20r%3D%223%22%20fill%3D%22%2310304f%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22m66%20468%2035%201%2033-1%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23e84393%22%20stroke-width%3D%226%22%20transform%3D%22rotate%28-2%20830%20402%29%22%3E%3Cpath%20d%3D%22m792%20414%202%2063a38%2012%200%200%200%2074%200v-63%22%2F%3E%3Cellipse%20cx%3D%22830%22%20cy%3D%22414%22%20rx%3D%2238%22%20ry%3D%2212%22%2F%3E%3Cpath%20d%3D%22M792%20435a38%2012%200%200%200%2076%200m-76%2025a38%2012%200%200%200%2076%200%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23e84393%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22M36.035%20727.99%20150%20725.01l6.685%2076.814-121.96%203.258ZM27.183%20818.353l67.029-.34%2070.887-4.476%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23e84393%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m126.98%20765.187-4.522%2014.85-10.343%209.646-13.166%204.543-12.888-3.452-12.852-4.451-11.714-8.414-1.475-15.06%207.45-12.748%208.344-9.715%2011.237-6.612%2012.888%203.452%2013.921%202.487%209.61%2011.343Z%22%2F%3E%3Cpath%20d%3D%22m62.019%20762.918%2032.98%201.152%2028.982%201.012%22%2F%3E%3Cpath%20d%3D%22m94.082%20733.019%206.856%204.242%204.578%2012.167%201.475%2015.06-2.522%2014.922-5.416%2011.818-7.135%203.753%22%2F%3E%3Cpath%20d%3D%22m67.54%20748.102%2023.985.837%2027.983.978M66.492%20778.083l28.018-.022%2023.95%201.837%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23e84393%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m744.036%20758.06%20117.928-4.12%204.394%2039.872-123.785%208.325ZM769.02%20757.187l-5.59-16.816-6.59-16.78%22%2F%3E%3Cpath%20d%3D%22m836.98%20754.813%205.333-19.197%204.473-15.166M756.762%20778.627l24.95-1.871%2028.017.022%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23e84393%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m794%20704%204-3%205-1h5l3%204M785%20697l7-7%2011-2%2010%204%208%205%22%2F%3E%3Ccircle%20cx%3D%22803%22%20cy%3D%22710%22%20r%3D%225%22%20fill%3D%22%23e84393%22%20stroke%3D%22none%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%2310304f%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m46.95%201064.882%2059.998%201.095.438%20102.077-62.102%201.834Z%22%2F%3E%3Cpath%20d%3D%22m69.587%201075.679%207.065-1.755%2010.924%202.383%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%2310304f%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m97.988%201117.337-4.752%207.17-3.788%206.136-5.822%205.206-8.89%203.313-5.311-8.82-9.1-2.684-2.312-8.925%206.751-7.24%201.72-8.065%207.89-3.277%207.1%202.753%207.101%202.754%208.1%202.72Z%22%2F%3E%3Cpath%20d%3D%22m60.012%201118.663%2017.989-.628%2019.987-.698%22%2F%3E%3Cpath%20d%3D%22m78.337%201099.012%204.102%202.858%203.243%206.891%201.313%208.96-.685%209.03-2.754%207.1-3.893%203.137%22%2F%3E%3Cpath%20d%3D%22m62.696%201109.564%2016.06%201.44%2015.92-2.557M63.324%201127.553l17.954-1.628%2014.026.511%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%2310304f%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m860.966%201109.92-10.761%2021.637-11.691%2019.604-22.266%207.227-22.986-.802-22.742-7.799-15.327-19.547-1.161-24.055%204.8-22.846%2017.548-15.397%2020.337-9.296%2023.16-4.194%2020.534%2013.725%2013.363%2018.477Z%22%2F%3E%3Cpath%20d%3D%22m754.032%201106.185%2053.037-.149%2050.9%203.779%22%2F%3E%3Cpath%20d%3D%22m807.815%201056.032%2011.748%207.414%207.332%2019.268%202.091%2026.089-3.906%2025.88-8.658%2018.708-12.237%206.577%22%2F%3E%3Cpath%20d%3D%22m762.934%201080.48%2043.973%201.536%2043.974%201.535M761.12%201132.449l46.041-.394%2041.905%203.465%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23e84393%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m234.971%201308.34%20132.024-1.61-1.602%2040.081-123.89%205.327Z%22%2F%3E%3Cpath%20d%3D%22m266.022%201309.256-5.555-15.815-6.625-17.78M337.978%201306.744l4.404-17.165%205.403-17.199M252.798%201331.732l28.053%201.021%2027.913-2.976%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23e84393%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m293%201256%204-3%205-2h6l2%204M284%201250l8-8%2010-2%209%203%208%206%22%2F%3E%3Ccircle%20cx%3D%22302%22%20cy%3D%221262%22%20r%3D%225%22%20fill%3D%22%23e84393%22%20stroke%3D%22none%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23e84393%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m548.67%201282.168%2098.933%204.727-4.291%2073.937-96.003-.676Z%22%2F%3E%3Cpath%20d%3D%22m548.339%201301.165%2045.958%202.803%2050.027-1.127M561.058%201317.39l33.96%202.593%2036.029-1.372M560.778%201333.387l28.031-1.51%2024.961%202.435%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23ff5da2%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22M300%20111v18M291%20120h18%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23ff5da2%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22m862%20631-1%209%201%209%22%2F%3E%3Cpath%20d%3D%22m853%20640%2010%201%208-1%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23ff5da2%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22m64%20907-1%209%201%209%22%2F%3E%3Cpath%20d%3D%22m55%20916%208-1%2010%201%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%2310304f%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22m452%201339%201%209-1%209%22%2F%3E%3Cpath%20d%3D%22m443%201348%208%201%2010-1%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23ff5da2%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22M700%201171v18M691%201180l8-1%2010%201%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23e84393%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22m180%201201%201%2010-1%208%22%2F%3E%3Cpath%20d%3D%22m171%201210%209%201%209-1%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --motif-repeat: no-repeat; --motif-size: 100% 100%; --motif-pos: center; --line: #7fcfa5; }
  body[data-theme="laptop"] { --bg: linear-gradient(180deg, #e9e2fc 0%, #fdf3d8 130%); --accent: #0284c7; --card-border: #38bdf8; --glow: 0 6px 22px rgba(15,42,71,.12); --motif: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22900%22%20height%3D%221400%22%20viewBox%3D%220%200%20900%201400%22%3E%3Cg%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20stroke%3D%22%23e84393%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m55.18%2097.062%2064.961-2.269-1.288%2049.075-63.996%201.234Z%22%2F%3E%3Cpath%20d%3D%22M117.562%20106.89a20%2014-2%201%201%20.837%2023.986M70.682%2082.512q5.648-10.204-.698-19.988m22.685%2019.22q5.647-10.203-.698-19.988%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23e8912d%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m773.692%2065.052%2055.966%201.954-13.319%2037.558-31.98-1.116ZM800.349%20104.006l.022%2028.018-1.907%2025.95M776.338%20161.203l20.023-.301%2023.95%201.837%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%230ea5a4%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m599.775%20102.879%2010.737%2036.397%2039.975%201.396%2013.25-35.56Z%22%2F%3E%3Cpath%20d%3D%22m631.756%20103.996-1.476-15.06%202.662-18.92M629.015%2067.878l-5.172%204.823-.28%207.995-7.065%201.754-6.926-2.243-4.857-4.172-.79-6.031%201.209-5.962.21-5.996%206.03-.79%205.032-.825%205.962%201.209%201.824%205.067ZM664.133%2065.102l-2.243%206.926-4.242%206.856-7.03.755-7.996-.279-4.822-5.171-3.789-6.136%201.28-7.96%204.171-4.858%204.242-6.856%208.03-.72%206.891%203.242%204.753%207.17Z%22%2F%3E%3Cpath%20d%3D%22m643.495%2054.375-2.174%204.927-3.137%203.893-5.032.825-6.066%201.79-3.858-4.138-3.823-5.136%202.208-5.927.21-5.996%206.135-3.788%205.857%204.207%204.997.174%205.926%202.208Z%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%230ea5a4%22%20stroke-width%3D%226%22%20transform%3D%22rotate%28-2%2073%20446%29%22%3E%3Cpath%20d%3D%22m36%20403%2073-6%202%2097-76-4Z%22%2F%3E%3Ccircle%20cx%3D%2244%22%20cy%3D%22416%22%20r%3D%224%22%20fill%3D%22%230ea5a4%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%2244%22%20cy%3D%22436%22%20r%3D%224%22%20fill%3D%22%230ea5a4%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%2244%22%20cy%3D%22456%22%20r%3D%224%22%20fill%3D%22%230ea5a4%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%2244%22%20cy%3D%22476%22%20r%3D%224%22%20fill%3D%22%230ea5a4%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22m60%20428%2018%201%2020-3M60%20450l20-3%2018%201M60%20472l12-3%2014%201%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23e84393%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m762.132%20474.534%2083.913-3.931%202.767%2021.917-82.95%202.896ZM772.113%20445.168l68.993-1.41-.058%2027.02-67.063-.66Z%22%2F%3E%3Cpath%20d%3D%22m780.504%20484.899%2022.952-1.802%2019.023.336%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23e8912d%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m73.732%20741.74%2021.102%202.169-17.174%2073.014-22.8-3.624Z%22%2F%3E%3Cpath%20d%3D%22m56.072%20812.57%204.38%2023.767%2015.026-18.928M70.587%20754.353l8.975%201.207%2010.43%203.632%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23e8912d%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m781.421%20747.717%2060.917-3.192%204.086%2058.867-58.71%207.082Z%22%2F%3E%3Cpath%20d%3D%22m825.505%20805.49%2018.926-21.02-19.972%201.047ZM797.448%20766.905l15.978-.838%2015.925-1.836M798.18%20780.886l13.876-2.73%2010.04.475%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23e84393%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m65.708%201080.788%2048.143-1.483-7.71%2070.694-38.79-5.037Z%22%2F%3E%3Cpath%20d%3D%22m89.36%201088.036%201.422%2011.09-2.363%206.885%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23e84393%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m769.775%201114.879%2010.737%2036.397%2039.975%201.396%2013.25-35.56Z%22%2F%3E%3Cpath%20d%3D%22m801.756%201115.996%201.592-16.955-.406-17.025M796.016%201079.773l-2.173%204.928-.28%207.995-7.96-1.279-6.03.79-3.824-5.136-4.822-5.172%201.209-5.961%204.172-4.858%205.101-2.823%206.101-2.79%203.823%205.137%203.858%204.138ZM834.133%201077.102l-.28%207.995-6.17%204.788-7.03.755-8.066%201.72-3.753-7.136-1.79-6.066-.79-6.031%202.244-6.926%206.066-1.79%207.03-.755%205.962%201.209%205.822%205.206Z%22%2F%3E%3Cpath%20d%3D%22m812.495%201066.34-.174%204.997-2.208%205.927-6.102%202.789-6.925-2.244-4.893-3.172-1.79-6.066%202.174-4.927%203.138-3.893%204.102-2.859%205.172-4.822%204.892%203.172%205.857%204.207Z%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%230ea5a4%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m248.217%201282.166%2064.96-2.269.746%2050.005-64.065-.765ZM313.562%201290.89a20%2014-2%201%201%20.837%2023.986M266.682%201266.512q5.648-10.204-.698-19.988m22.685%2019.22q5.647-10.203-.698-19.988%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23e84393%22%20stroke-width%3D%226%22%20transform%3D%22rotate%28-2%20597%201308%29%22%3E%3Cpath%20d%3D%22m561%201264%2074-1%201%2093-77-1Z%22%2F%3E%3Ccircle%20cx%3D%22568%22%20cy%3D%221278%22%20r%3D%224%22%20fill%3D%22%23e84393%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%22568%22%20cy%3D%221298%22%20r%3D%224%22%20fill%3D%22%23e84393%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%22568%22%20cy%3D%221318%22%20r%3D%224%22%20fill%3D%22%23e84393%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%22568%22%20cy%3D%221338%22%20r%3D%224%22%20fill%3D%22%23e84393%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22m584%201290%2021%201%2017-3M584%201312h19l19-2M584%201334l15-1%2011-1%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23e84393%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22M312%20101v18M303%20110h18%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%230ea5a4%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22m852%20611-1%209%201%209%22%2F%3E%3Cpath%20d%3D%22m843%20620%2010%201%208-1%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%2310304f%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22m452%201321%201%209-1%209M443%201330h18%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23e8912d%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22M120%20941v18M111%20950l8%201%2010-1%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%230ea5a4%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22m716%201167-1%209%201%209%22%2F%3E%3Cpath%20d%3D%22m707%201176%209-1%209%201%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --motif-repeat: no-repeat; --motif-size: 100% 100%; --motif-pos: center; }
  body[data-theme="desktop"] { --bg: linear-gradient(180deg, #e3e0ff 0%, #c7c2ff 100%); --accent: #4f46e5; --card-border: #818cf8; --glow: 0 6px 22px rgba(15,42,71,.12); --motif: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22900%22%20height%3D%221400%22%20viewBox%3D%220%200%20900%201400%22%3E%3Cg%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20stroke%3D%22%234f46e5%22%20stroke-width%3D%226%22%20transform%3D%22rotate%28-3%20110%20104%29%22%3E%3Cpath%20d%3D%22m164%20104-8%2022-12%2020-23%207-23%204-21-12-12-19-9-22%208-22%2014-18%2021-9%2023-3%2019%2013%2017%2016Z%22%2F%3E%3Cpath%20d%3D%22M110%20104q29-1%2034%2028M110%20104q8%2027-18%2040M110%20104q-22%2018-44-1M110%20104Q86%2089%2096%2062M110%20104q11-26%2039-20%22%2F%3E%3Ccircle%20cx%3D%22110%22%20cy%3D%22104%22%20r%3D%228%22%20fill%3D%22%234f46e5%22%20stroke%3D%22none%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%230891b2%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m794.688%2059.163%2029.209%201.968%204.352%2090.917-23.083-.39Z%22%2F%3E%3Cpath%20d%3D%22m802.648%2072.64%208.978-.627%206.983-.488M803.764%2088.602l8.908-1.625%207.053.509M804.88%20104.563l7.053.51%208.908-1.626M805.996%20120.524l6.913-1.486%209.048.37M805.236%20152.655l10.903-1.765%2011.043.23%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%2310304f%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m592.137%2064.868%2063.926%203.233-1.27%2064.995-63.855-5.232Z%22%2F%3E%3Cpath%20d%3D%22m610.497%2083.52%2031.051-.917-2.151%2032.945-28.878-4.01ZM605.129%2065.322l.174-4.997.245-6.996M602.895%20129.283l.825%205.031-1.243%206.961M592.717%2076.895l-5.996-.209-5.996-.21M656.678%2079.129l6.996.244%204.997.175M625.117%2066.02l-.79-6.032%201.209-5.961M622.883%20129.98l-1.209%205.962.79%206.031M592.02%2096.883l-6.032.79-5.961-1.209M655.98%2099.117l5.997.21%205.996.209M645.105%2066.717l-.79-6.03%201.208-5.962M642.871%20130.678l-.21%205.997-.209%205.996M591.322%20116.871l-7.031.755-4.962-1.174M655.283%20119.105l5.961%201.208%206.031-.79%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%234f46e5%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m29.3%20422.897%20107.934-3.769%203.57%2044.903L31.8%20465.836Z%22%2F%3E%3Cpath%20d%3D%22m72.007%20442.419%201.21%205.961-4.858%204.172-4.927%202.174-6.032-.79-4.067-1.86-4.137-3.858-4.172-4.857%202.789-6.101%202.823-5.102%205.927-2.208%206.031.79%204.102%202.859%205.102%202.823ZM115.98%20440.883l.21%205.997-3.858%204.137-4.892%203.172-6.066-1.789-4.068-1.86-5.101-2.823-.21-5.996-.21-5.997%203.859-4.137%204.892-3.172%205.996-.21%205.102%202.824%204.137%203.858ZM125.486%20426.543l-.511%2014.026%201.488%2013.957%22%2F%3E%3C%2Fg%3E%3Cpath%20stroke%3D%22%23e84393%22%20stroke-width%3D%226%22%20d%3D%22M770.485%20479.865c13.44-65.386%2079.036-55.94%2080.1.193%22%2F%3E%3Cg%20stroke%3D%22%23e84393%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m56.475%20734.489%2022.916%202.202-3.869%2092.925-27.015-.414Z%22%2F%3E%3Cpath%20d%3D%22m58.79%20747.628%206.938%201.365%209.04-.528M57.953%20763.606l7.937%201.417%208.041-.58M57.116%20779.584l6.99.366%208.988.471M56.278%20795.562l8.988.471%206.99.367M51.608%20827.361l9.934%201.522%2012.035-.37%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%230891b2%22%20stroke-width%3D%226%22%20transform%3D%22rotate%28-3%20806%20760%29%22%3E%3Cpath%20d%3D%22m848%20760-1%2020-15%2013-17%208-19%203-18-9-14-15-3-20%205-19%2013-15%2017-9%2020-2%2018%2010%2013%2015Z%22%2F%3E%3Cpath%20d%3D%22M806%20760q24-1%2030%2022M806%20760q6%2023-16%2034M806%20760q-20%2013-37-4M806%20760q-21-12-12-35M806%20760q9-22%2033-18%22%2F%3E%3Ccircle%20cx%3D%22806%22%20cy%3D%22760%22%20r%3D%227%22%20fill%3D%22%230891b2%22%20stroke%3D%22none%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%230891b2%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m55.135%201078.973%2062.892%204.197-4.232%2063.891-61.858-5.162Z%22%2F%3E%3Cpath%20d%3D%22m67.499%201097.415%2032.085-1.881-3.08%2030.911-30.052.952ZM65.129%201079.322l1.209-5.962-.79-6.031M62.895%201143.283l.825%205.031-1.243%206.961M52.717%201090.895l-5.996-.209-5.996-.21M116.678%201093.129l5.997.21%205.996.209M85.117%201080.02l-.755-7.031%201.174-4.962M82.883%201143.98l-.244%206.996-.175%204.997M52.02%201110.883l-6.961-1.243-5.032.824M115.98%201113.117l6.996.244%204.997.175M105.105%201080.717l-.825-5.031%201.243-6.961M102.871%201144.678l.825%205.032-1.244%206.961M51.322%201130.871l-6.996-.244-4.997-.175M115.283%201133.105l5.996.209%205.996.21%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%2310304f%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m759.229%201100.829%20104.006-1.631%201.501%2042.974-103.867%205.628Z%22%2F%3E%3Cpath%20d%3D%22m802.006%201122.349-2.824%205.102-2.823%205.101-4.962%201.174-5.927%202.208-5.102-2.823-3.172-4.893-3.173-4.892%201.79-6.066%204.892-3.173%203.858-4.137%206.031.79%205.102%202.824%204.102%202.858ZM845.98%201120.813l-2.824%205.102-2.824%205.102-4.857%204.172-6.101-2.789-4.068-1.86-6.1-2.788.79-6.031.824-5.032%203.858-4.137%203.928-2.139%205.891-3.207%204.172%204.857%206.102%202.789ZM853.486%201106.543l.454%2012.992.523%2014.99%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23e84393%22%20stroke-width%3D%226%22%20transform%3D%22rotate%282%20300%201300%29%22%3E%3Cpath%20d%3D%22m339%201300-4%2017-12%2012-14%2010h-18l-16-8-7-15-6-16%204-16%2010-14%2016-5%2017-2%2015%207%208%2014Z%22%2F%3E%3Cpath%20d%3D%22M300%201300q21-2%2027%2018M300%201300q5%2020-15%2029M300%201300q-16%2013-32-1M300%201300q-18-11-10-31M300%201300q8-19%2029-15%22%2F%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%221300%22%20r%3D%226%22%20fill%3D%22%23e84393%22%20stroke%3D%22none%22%2F%3E%3C%2Fg%3E%3Cpath%20stroke%3D%22%234f46e5%22%20stroke-width%3D%226%22%20d%3D%22M558.485%201327.865c13.44-65.386%2079.036-55.94%2080.1.193%22%2F%3E%3Cg%20stroke%3D%22%23e84393%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22m300%20111%201%209-1%209%22%2F%3E%3Cpath%20d%3D%22m291%20120%2010-1%208%201%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%230891b2%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22M862%20631v18M853%20640l9%201%209-1%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22none%22%20stroke-opacity%3D%220%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22M452%201339v18M443%201348l9%201%209-1%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%234f46e5%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22M140%20941v18M131%20950h18%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23e84393%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22M716%201171v18M707%201180h18%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --motif-repeat: no-repeat; --motif-size: 100% 100%; --motif-pos: center; }
  body[data-theme="gaming"] { --bg: linear-gradient(180deg, #3b3644 0%, #2c2540 58%, #241f33 100%); --accent: #c4a7ff; --card-border: #a78bfa; --glow: 0 8px 26px rgba(0,0,0,.5); --motif: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22900%22%20height%3D%221400%22%20viewBox%3D%220%200%20900%201400%22%3E%3Cg%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20stroke%3D%22%23a78bfa%22%20stroke-width%3D%226%22%20transform%3D%22rotate%28-6%20106%20113%29%22%3E%3Cpath%20d%3D%22m50%2086%20112-1-1%2055-109%206ZM82%20100v24m-12-12h24%22%2F%3E%3Ccircle%20cx%3D%22130%22%20cy%3D%22104%22%20r%3D%225%22%20fill%3D%22%23a78bfa%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%22142%22%20cy%3D%22118%22%20r%3D%225%22%20fill%3D%22%23a78bfa%22%20stroke%3D%22none%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%2322d3ee%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22M776.691%20131.976a38%2034%203%200%201%2075.896%203.977%22%2F%3E%3Cpath%20d%3D%22m769.121%20123.568%2017.87%202.94-1.57%2029.958-21.812-4.147ZM845.017%20127.545l18.974.995-.467%2028.014-23.125%201.792ZM851.436%20157.923q-2.835%2015.873-20.915%2016.929%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23ffd166%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m611.202%2049.113%2051.969%201.815-.559%2015.99a26%2024%202%200%201-51.968-1.814Z%22%2F%3E%3Cpath%20d%3D%22M610.993%2055.11a17.448%2013.086%202%200%200-4.905%2025.844m56.873-24.03a17.448%2013.086%202%200%201%203.09%2026.124M635.72%2091.995l-.348%209.994-.28%207.995M620.892%20115.492l13.956%201.488%2014.027-.51%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23f472b6%22%20stroke-width%3D%226%22%20transform%3D%22rotate%28-4%2077%20465%29%22%3E%3Cpath%20d%3D%22m42%20477%2069-1%202%2031-70-2Z%22%2F%3E%3Cpath%20d%3D%22m77%20478-5-16-2-20%22%2F%3E%3Cpath%20d%3D%22m80%20434-1%205-2%206-6%201h-6l-5-2-2-5-2-5%202-5%203-4%204-2%206-1%205%202%204%204Z%22%2F%3E%3Ccircle%20cx%3D%2296%22%20cy%3D%22491%22%20r%3D%224%22%20fill%3D%22%23f472b6%22%20stroke%3D%22none%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23a78bfa%22%20stroke-width%3D%226%22%20transform%3D%22rotate%28-7%20810%20456%29%22%3E%3Cpath%20d%3D%22m784%20430%2054-2-3%2053-51%206Z%22%2F%3E%3Ccircle%20cx%3D%22798%22%20cy%3D%22444%22%20r%3D%225%22%20fill%3D%22%23a78bfa%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%22822%22%20cy%3D%22444%22%20r%3D%225%22%20fill%3D%22%23a78bfa%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%22810%22%20cy%3D%22456%22%20r%3D%225%22%20fill%3D%22%23a78bfa%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%22798%22%20cy%3D%22468%22%20r%3D%225%22%20fill%3D%22%23a78bfa%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%22822%22%20cy%3D%22468%22%20r%3D%225%22%20fill%3D%22%23a78bfa%22%20stroke%3D%22none%22%2F%3E%3C%2Fg%3E%3Cpath%20stroke%3D%22%23ffd166%22%20stroke-width%3D%226%22%20d%3D%22M106.77%20750.655%2079.62%20794.87l13.966.977-8.357%2033.499%2029.285-46.07-14.963-1.046Z%22%2F%3E%3Cg%20stroke%3D%22%23f472b6%22%20stroke-width%3D%226%22%20transform%3D%22rotate%28-6%20816%20791%29%22%3E%3Cpath%20d%3D%22m761%20765%20112-5-7%2057-107-1ZM792%20778v24m-12-12h24%22%2F%3E%3Ccircle%20cx%3D%22840%22%20cy%3D%22782%22%20r%3D%225%22%20fill%3D%22%23f472b6%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%22852%22%20cy%3D%22796%22%20r%3D%225%22%20fill%3D%22%23f472b6%22%20stroke%3D%22none%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23a78bfa%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22M68.691%201143.976a38%2034%203%200%201%2075.896%203.977%22%2F%3E%3Cpath%20d%3D%22m59.176%201134.465%2021.918%202.15-3.62%2030.852-19.026.005ZM133.022%201139.336l21.865%203.149-1.413%2026.963-21.128%201.897Z%22%2F%3E%3Cpath%20d%3D%22M143.436%201169.923q-2.835%2015.873-20.915%2016.929%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%2322d3ee%22%20stroke-width%3D%226%22%20transform%3D%22rotate%28-4%20795%201135%29%22%3E%3Cpath%20d%3D%22M758%201146h77l-3%2030-72-2Z%22%2F%3E%3Cpath%20d%3D%22m795%201148-3-17-4-19%22%2F%3E%3Cpath%20d%3D%22m797%201104%202%206-4%205-6%202-6-2-5-2-5-3%201-6%202-5%203-4%204-4h6l5%203%204%204Z%22%2F%3E%3Ccircle%20cx%3D%22814%22%20cy%3D%221161%22%20r%3D%224%22%20fill%3D%22%2322d3ee%22%20stroke%3D%22none%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23f472b6%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m275.202%201265.113%2051.969%201.815-.559%2015.99a26%2024%202%200%201-51.968-1.814Z%22%2F%3E%3Cpath%20d%3D%22M274.993%201271.11a17.448%2013.086%202%200%200-4.905%2025.844m56.873-24.03a17.448%2013.086%202%200%201%203.09%2026.124M299.72%201307.995l.651%2010.029-1.278%207.96M284.892%201331.492l15.026-.476%2012.957%201.453%22%2F%3E%3C%2Fg%3E%3Cpath%20stroke%3D%22%2322d3ee%22%20stroke-width%3D%226%22%20d%3D%22m630.77%201272.655-27.15%2044.214%2013.966.977-8.357%2033.499%2029.285-46.07-14.963-1.046Z%22%2F%3E%3Cg%20stroke%3D%22%23f472b6%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22M320%2098v20M310%20108h20%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23ffd166%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22m862%20620-1%2011%201%209%22%2F%3E%3Cpath%20d%3D%22m852%20630%2011%201%209-1%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23a78bfa%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22M452%201338v20M442%201348h20%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%2322d3ee%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22M128%20950v20M118%20960l11%201%209-1%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23f472b6%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22m706%201170-1%2011%201%209M696%201180h20%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --motif-repeat: no-repeat; --motif-size: 100% 100%; --motif-pos: center; --panel: rgba(43,36,66,.94); --panel-2: #3b3358; --line: #6f639e; --ink: #f4f1ff; --ink-soft: #d9d2f2; --muted: #b3aad6; --chip-bg: rgba(255,255,255,.09); }
  body[data-theme="office"] { --bg: linear-gradient(180deg, #e6eefb 0%, #c3d4ee 100%); --accent: #2563eb; --card-border: #60a5fa; --glow: 0 6px 22px rgba(15,42,71,.12); --motif: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22900%22%20height%3D%221400%22%20viewBox%3D%220%200%20900%201400%22%3E%3Cg%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20stroke%3D%22%232563eb%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m51.118%2099.482%2082.985-1.898%205.951%2055.827-83.983%201.932Z%22%2F%3E%3Cpath%20d%3D%22m79.17%20100.503-.208-5.996a8%208%200%200%201%207.715-8.274l7.996-.28a8%208%200%200%201%208.274%207.716l.21%205.997M52.095%20127.465l42.94-2.5%2041.01-.432%22%2F%3E%3Cpath%20d%3D%22m84.761%20117.318%2018.024.372-1.51%2014.06-14.99.524Z%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%2338bdf8%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m855%20118-6%2014-8%2012-14%206-15%202-14-6-7-14-4-14v-16l11-12%2015-3%2015-2%2014%206%208%2012Z%22%2F%3E%3Cpath%20d%3D%22m820%20118%201-10-1-10M820%20118l6%203%207%203%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%2310304f%22%20stroke-width%3D%226%22%20transform%3D%22rotate%282%20628%2096%29%22%3E%3Cpath%20d%3D%22m590%2068%2073-4%202%2066-72%203Z%22%2F%3E%3Cpath%20d%3D%22M592%2084h35l37-2%22%2F%3E%3Ccircle%20cx%3D%22608%22%20cy%3D%22100%22%20r%3D%223%22%20fill%3D%22%2310304f%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%22628%22%20cy%3D%22100%22%20r%3D%223%22%20fill%3D%22%2310304f%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%22648%22%20cy%3D%22100%22%20r%3D%223%22%20fill%3D%22%2310304f%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%22608%22%20cy%3D%22118%22%20r%3D%223%22%20fill%3D%22%2310304f%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%22628%22%20cy%3D%22118%22%20r%3D%223%22%20fill%3D%22%2310304f%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%22648%22%20cy%3D%22118%22%20r%3D%223%22%20fill%3D%22%2310304f%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22m610%2058%201%207-1%207M646%2058v14%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%2338bdf8%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m34.907%20488.62%2039.906%203.394%2038.046-.672%22%2F%3E%3Cpath%20d%3D%22m45.948%20458.987%2014.026-.511-2.046%2029.947-14.096%202.51ZM69.492%20443.8l13.132-3.545-1.745%2049.97-15.026.476ZM93.106%20426.613l11.064-1.615.66%2067.064-16.99-.594Z%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%232563eb%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22M775.325%20445.338a6%206%200%200%201%205.787-6.205l21.987-.768%208.344%209.715%2033.98-1.187a6%206%200%200%201%206.205%205.787l1.186%2033.98a6%206%200%200%201-5.787%206.205l-63.96%202.234a6%206%200%200%201-6.206-5.787Z%22%2F%3E%3Cpath%20d%3D%22m779.881%20461.189%2032.98-1.152%2034.979-1.221%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23d97706%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m63.354%20759.989%2057.895-4.023-.533%2042.044-54.932%202.919Z%22%2F%3E%3Cpath%20d%3D%22M119.564%20765.03a18%2013-2%201%201%20.768%2021.987M76.822%20744.51q5.682-9.205-.628-17.99m20.616%2017.291q5.682-9.204-.628-17.989%22%2F%3E%3C%2Fg%3E%3Cpath%20stroke%3D%22none%22%20stroke-opacity%3D%220%22%20stroke-width%3D%226%22%20d%3D%22M827.312%20738.802a13%2013%200%200%201%2018.845%2012.036l-4.6%2043.76a20%2020%200%200%201-39.78-4.182l5.017-47.737a15%2015%200%200%201%2029.836%203.136l-4.39%2041.77a8%208%200%200%201-15.912-1.673l3.763-35.802%22%2F%3E%3Cg%20stroke%3D%22%2338bdf8%22%20stroke-width%3D%226%22%20transform%3D%22rotate%282%2092%201116%29%22%3E%3Cpath%20d%3D%22m57%201084%2070%205%202%2065-72-2Z%22%2F%3E%3Cpath%20d%3D%22m56%201104%2035-3%2037%201%22%2F%3E%3Ccircle%20cx%3D%2272%22%20cy%3D%221120%22%20r%3D%223%22%20fill%3D%22%2338bdf8%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%2292%22%20cy%3D%221120%22%20r%3D%223%22%20fill%3D%22%2338bdf8%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%22112%22%20cy%3D%221120%22%20r%3D%223%22%20fill%3D%22%2338bdf8%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%2272%22%20cy%3D%221138%22%20r%3D%223%22%20fill%3D%22%2338bdf8%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%2292%22%20cy%3D%221138%22%20r%3D%223%22%20fill%3D%22%2338bdf8%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%22112%22%20cy%3D%221138%22%20r%3D%223%22%20fill%3D%22%2338bdf8%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22m74%201078%201%207-1%207M110%201078l1%207-1%207%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23d97706%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m755.083%201110.482%2086.018-1.002-1.114%2054.071-83.774%207.929Z%22%2F%3E%3Cpath%20d%3D%22m783.17%201112.503-.208-5.996a8%208%200%200%201%207.715-8.274l7.996-.28a8%208%200%200%201%208.274%207.716l.21%205.997M756.095%201139.465l43.939-2.535%2040.01-.397%22%2F%3E%3Cpath%20d%3D%22m788.831%201131.317%2015.955-1.558%203.522%2014.887-17.989.628Z%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%232563eb%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m333%201312-3%2014-10%2011-13%207h-14l-13-6-9-12-4-14%204-14%206-14%2016-4h14l14%205%2010%2012Z%22%2F%3E%3Cpath%20d%3D%22m300%201312-1-9%201-11M300%201312l5%204%208%202%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22none%22%20stroke-opacity%3D%220%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m578.907%201338.62%2036.977%201.29%2040.975%201.432M591.982%201308.057l11.063-1.615-.083%2031.016-13.027.546Z%22%2F%3E%3Cpath%20d%3D%22m611.598%201290.731%2014.956%201.523-.676%2048.006-13.062%201.545ZM636.142%201275.578l10.993.384-.304%2066.03-11.993-.419Z%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%232563eb%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22m312%20101-1%209%201%209M303%20110h18%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%2338bdf8%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22m858%20611-1%209%201%209M849%20620h18%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22none%22%20stroke-opacity%3D%220%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22m452%201339%201%2010-1%208%22%2F%3E%3Cpath%20d%3D%22m443%201348%2010%201%208-1%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23d97706%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22M130%20941v18M121%20950l10-1%208%201%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%232563eb%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22m716%201171-1%2010%201%208M707%201180h18%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --motif-repeat: no-repeat; --motif-size: 100% 100%; --motif-pos: center; }
  body[data-theme="creator"] { --bg: linear-gradient(180deg, #fdeed3 0%, #fbd9a0 100%); --accent: #d97706; --card-border: #f59e0b; --glow: 0 6px 22px rgba(15,42,71,.12); --motif: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22900%22%20height%3D%221400%22%20viewBox%3D%220%200%20900%201400%22%3E%3Cg%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20stroke%3D%22%23d97706%22%20stroke-width%3D%226%22%20transform%3D%22rotate%28-4%20116%20104%29%22%3E%3Cpath%20d%3D%22M80%20122a38%2034%200%201%201%2030%2022q-12%202-10-8%201-8-8-10-22-4-24-4Z%22%2F%3E%3Ccircle%20cx%3D%22102%22%20cy%3D%2288%22%20r%3D%224%22%20fill%3D%22%23d97706%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%22128%22%20cy%3D%2284%22%20r%3D%224%22%20fill%3D%22%23d97706%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%2292%22%20cy%3D%22112%22%20r%3D%224%22%20fill%3D%22%23d97706%22%20stroke%3D%22none%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23e84393%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m798.016%20143.582%202.194-29.987%205.878-27.449%22%2F%3E%3Cpath%20d%3D%22M798.165%2085.033q4.053-21.647%2012.098-28.595%205.818%208.896%203.747%2030.821Z%22%2F%3E%3Cpath%20d%3D%22m799.156%2085.172%208.061.123%205.802%201.825%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%230ea5a4%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m605.353%2077.501%2028.946-2.037%205.59%2062.76-32.137.361ZM607.973%2064.154l18.896-1.986.26%2012.04-18.792%202.98Z%22%2F%3E%3Cpath%20d%3D%22m613.722%20118.853%207.851-1.83%2010.05-.051%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23e84393%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m40.265%20436.82%2031.93-2.35%203.706%2063.963-27.847%202.927Z%22%2F%3E%3Cpath%20d%3D%22m45.868%20423.16%2017.902-1.882%203.452%2013.715-19.995%201.096ZM51.722%20478.853l8.846-1.935%209.055.054%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23d97706%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m770.364%20429.51%2027.015-.415%204.139%2059.865-27.016.415Z%22%2F%3E%3Cpath%20d%3D%22m785.605%20433.717%2025.018-.31%204.876%2054.82-25.86%203.359Z%22%2F%3E%3Cpath%20d%3D%22m800.95%20439.923%2028.856-3.515.777%2053.032-26.122-1.635Z%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%230ea5a4%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m75.677%20740.44%2016.42%204.513-14.7%2064.35-15.858-2.348Z%22%2F%3E%3Cpath%20d%3D%22m60.77%20805.769%203.666%2021.226%2012.962-17.692M71.996%20752.949l7.826%201.663%208.803%201.871%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23e84393%22%20stroke-width%3D%226%22%20transform%3D%22rotate%28-4%20812%20786%29%22%3E%3Cpath%20d%3D%22M776%20804a38%2034%200%201%201%2030%2022q-12%202-10-8%201-8-8-10-22-4-24-4Z%22%2F%3E%3Ccircle%20cx%3D%22798%22%20cy%3D%22770%22%20r%3D%224%22%20fill%3D%22%23e84393%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%22824%22%20cy%3D%22766%22%20r%3D%224%22%20fill%3D%22%23e84393%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%22788%22%20cy%3D%22794%22%20r%3D%224%22%20fill%3D%22%23e84393%22%20stroke%3D%22none%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23d97706%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m54.016%201171.582%202.767-26.877%205.305-30.559%22%2F%3E%3Cpath%20d%3D%22M54.165%201113.033q4.053-21.647%2012.098-28.595%205.818%208.896%203.747%2030.821Z%22%2F%3E%3Cpath%20d%3D%22m55.156%201113.172%206.932.974%206.931.974%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%230ea5a4%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m760.259%201095.512%2025.123%201.687%204.138%2059.866-26.858%203.41Z%22%2F%3E%3Cpath%20d%3D%22m777.707%201103.61%2023.862-3.253%203.982%2056.87-26.91%202.41Z%22%2F%3E%3Cpath%20d%3D%22m792.738%201103.824%2024.02-.258%205.822%2053.77-26.07-.637Z%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23d97706%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m259.469%201298.705%2027.951-1.932%2010.04%2057.264-32.714%204.444ZM263.973%201284.154l19.786-3.085.26%2012.04-21.776%203.293Z%22%2F%3E%3Cpath%20d%3D%22m269.722%201338.853%209.055.054%208.846-1.935%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%230ea5a4%22%20stroke-width%3D%226%22%20transform%3D%22rotate%28-4%20610%201296%29%22%3E%3Cpath%20d%3D%22M574%201314a38%2034%200%201%201%2030%2022q-12%202-10-8%201-8-8-10-22-4-24-4Z%22%2F%3E%3Ccircle%20cx%3D%22596%22%20cy%3D%221280%22%20r%3D%224%22%20fill%3D%22%230ea5a4%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%22622%22%20cy%3D%221276%22%20r%3D%224%22%20fill%3D%22%230ea5a4%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%22586%22%20cy%3D%221304%22%20r%3D%224%22%20fill%3D%22%230ea5a4%22%20stroke%3D%22none%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23e84393%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22m312%20101%201%209-1%209M303%20110h18%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23d97706%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22m858%20611%201%209-1%209M849%20620h18%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22none%22%20stroke-opacity%3D%220%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22M452%201339v18M443%201348h18%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%230ea5a4%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22m128%20941%201%2010-1%208%22%2F%3E%3Cpath%20d%3D%22m119%20950%208-1%2010%201%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23e84393%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22m716%201171-1%208%201%2010%22%2F%3E%3Cpath%20d%3D%22m707%201180%208%201%2010-1%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --motif-repeat: no-repeat; --motif-size: 100% 100%; --motif-pos: center; }
  body[data-theme="family"] { --bg: linear-gradient(180deg, #dcf7e3 0%, #a9e8c2 100%); --accent: #059669; --card-border: #34d399; --glow: 0 6px 22px rgba(15,42,71,.12); --motif: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22900%22%20height%3D%221400%22%20viewBox%3D%220%200%20900%201400%22%3E%3Cg%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20stroke%3D%22%23059669%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m49.886%2095.468%2040.718-37.444%2043.23%2034.513%22%2F%3E%3Cpath%20d%3D%22m63.738%2090.982%2059.104%201.939-.464%2044.043-56.895%203.988Z%22%2F%3E%3Cpath%20d%3D%22m85.493%20112.236%2016.025.44-.092%2026.02-15.06-1.475Z%22%2F%3E%3C%2Fg%3E%3Cpath%20stroke%3D%22%23e84393%22%20stroke-width%3D%226%22%20d%3D%22M816.953%20133.982c-33.211-23.173-36.371-47.298-18.173-52.667%2012.132-3.578%2019.848%204.696%2019.569%2012.691.28-7.995%208.554-15.711%2020.407-11.295%2017.78%206.625%2012.944%2030.47-21.803%2051.27%22%2F%3E%3Cg%20stroke%3D%22%23e8912d%22%20stroke-width%3D%226%22%20transform%3D%22rotate%28-2%20620%2092%29%22%3E%3Cpath%20d%3D%22m610%2068-2%204-2%204-4%201-4%201-3-3-4-3%201-4-1-4%204-3%203-1h4l4%201%201%203ZM648%2068v4l-2%204-4-1-4%201h-4l-1-4-1-4-1-4%203-3%204-3%204%202%204%201%202%203Z%22%2F%3E%3Cpath%20d%3D%22m639%2080%201%2010-7%206-8%206-10-1-9-4-7-7-1-10%201-10%209-5%208-4%209-2%207%206%206%206Z%22%2F%3E%3Cpath%20d%3D%22m644%20116-1%2011-9%206-8%208-11-2-11-3-5-10-3-10%203-10%206-9%2010-4%2010-1%209%207%208%206Z%22%2F%3E%3Ccircle%20cx%3D%22612%22%20cy%3D%2278%22%20r%3D%223%22%20fill%3D%22%23e8912d%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%22628%22%20cy%3D%2278%22%20r%3D%223%22%20fill%3D%22%23e8912d%22%20stroke%3D%22none%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%2338bdf8%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m135.956%20449.675-5.673%2012.72-8.565%2010.566-12.245%204.366-12.93-1.68-12.773-4.674-5.364-12.298-3.366-12.193%201.679-12.93%209.51-9.515%2012.298-5.364%2014.033-.266%2011.67%206.62%207.413%2011.404Z%22%2F%3E%3Cpath%20d%3D%22M76.562%20436.548a34%2030%203%200%201%2055.714%206.926M92.548%20475.438a30%2030%200%200%201%2013.24-23.339%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23059669%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m781.108%20419.812%2052.87-3.697-.223%2054.148-50.806%204.555Z%22%2F%3E%3Cpath%20d%3D%22m807.023%20432.034%204.618%208.7%2010.046.3-6.495%207.47%202.693%209.837-9.327-4.36-8.63%205.615%201.298-10.115-7.47-6.495%209.905-1.695Z%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23e8912d%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m125%20772-3%209-6%205-8%204-8%201-9-2-5-8-4-9%203-9%206-7%208-5%209%203%208%202%206%208ZM131%20772l4%201%205-1M123%20791l3%204%203%202M104%20799v9M85%20791l-3%203-3%203M77%20772h-9M85%20753l-4-4-2-2M104%20745l1-4-1-5M123%20753l2-3%204-3%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23e84393%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22M813.232%20756.013c-12.341-9.575-28.332-9.016-36.117-2.74l2.024%2057.964c7.785-6.276%2023.776-6.834%2036.117%202.741%2011.644-10.413%2027.634-10.971%2035.839-5.254l-.977-27.983c-9.252-35.699-25.242-35.14-36.886-24.728%22%2F%3E%3Cpath%20d%3D%22m813.232%20756.013%201.907%2025.95.048%2030.016%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%2338bdf8%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m45.886%201107.468%2040.718-37.444%2043.23%2034.513%22%2F%3E%3Cpath%20d%3D%22m57.809%201105.05%2060.963-2.128%201.64%2046.971-58.964%202.06Z%22%2F%3E%3Cpath%20d%3D%22m80.459%201123.271%2017.024.406-.057%2027.019-16.095-2.44Z%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23059669%22%20stroke-width%3D%226%22%20transform%3D%22rotate%28-2%20806%201120%29%22%3E%3Cpath%20d%3D%22M795%201096v4l-3%204h-8l-3-2-4-2%201-4-1-4%203-3%204-2h4l4%202%202%203ZM836%201096l-1%204-4%203-3%203-4-2h-4l-3-4v-8l4-2%203-2h8l3%204Z%22%2F%3E%3Cpath%20d%3D%22m827%201108-1%2010-7%206-9%203h-8l-10-2-5-8-4-9%205-8%206-8%207-6%2010%201%208%204%205%208Z%22%2F%3E%3Cpath%20d%3D%22m830%201144-2%2011-7%207-10%205-11%201-9-5-6-9-3-10%202-10%207-9%2010-5%2010%201%209%205%207%208Z%22%2F%3E%3Ccircle%20cx%3D%22798%22%20cy%3D%221106%22%20r%3D%223%22%20fill%3D%22%23059669%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%22814%22%20cy%3D%221106%22%20r%3D%223%22%20fill%3D%22%23059669%22%20stroke%3D%22none%22%2F%3E%3C%2Fg%3E%3Cpath%20stroke%3D%22%23e84393%22%20stroke-width%3D%226%22%20d%3D%22M298.953%201341.982c-33.211-23.173-36.371-47.298-18.173-52.667%2012.132-3.578%2019.848%204.696%2019.569%2012.691.28-7.995%208.554-15.711%2020.407-11.295%2017.78%206.625%2012.944%2030.47-21.803%2051.27%22%2F%3E%3Cg%20stroke%3D%22%23059669%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m646.96%201301.518-2.677%2012.877-7.619%2011.617-13.244%204.313-13.98-.732-11.67-6.62-9.463-10.51-.266-14.033%203.676-12.825%208.565-10.566%2013.14-2.316%2012.035-.37%2011.722%205.62%208.464%2010.458Z%22%2F%3E%3Cpath%20d%3D%22M590.562%201288.548a34%2030%203%200%201%2055.714%206.926M606.548%201327.438a30%2030%200%200%201%2013.24-23.339%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23059669%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22m312%20101%201%209-1%209M303%20110h18%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23e8912d%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22M858%20611v18M849%20620h18%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22none%22%20stroke-opacity%3D%220%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22m452%201339-1%2010%201%208%22%2F%3E%3Cpath%20d%3D%22m443%201348%208%201%2010-1%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23e84393%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22m128%20941%201%2010-1%208M119%20950h18%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%2338bdf8%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22M716%201171v18M707%201180l10-1%208%201%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --motif-repeat: no-repeat; --motif-size: 100% 100%; --motif-pos: center; }
  body[data-theme="mac-classic"] { --bg: linear-gradient(180deg, #c3c7d1 0%, #a9aebd 100%); --accent: #333f8f; --card-border: #555f75; --glow: 0 6px 22px rgba(15,42,71,.12); --motif: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22900%22%20height%3D%221400%22%20viewBox%3D%220%200%20900%201400%22%3E%3Cg%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20stroke%3D%22%23333f5f%22%20stroke-width%3D%226%22%20transform%3D%22rotate%28-2%20120%20110%29%22%3E%3Cpath%20d%3D%22m92%2082%2055-4-1%2063-50%203Z%22%2F%3E%3Ccircle%20cx%3D%22110%22%20cy%3D%22102%22%20r%3D%223%22%20fill%3D%22%23333f5f%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%22130%22%20cy%3D%22102%22%20r%3D%223%22%20fill%3D%22%23333f5f%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M109%20118q11%2010%2022%200M94%20134h52%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%235a6478%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m771.61%2067.523%2057.92%203.036-3.192%2060.916-56.713-6.977Z%22%2F%3E%3Cpath%20d%3D%22m785.486%2070.253%2031.01.624-2.098%2020.919-30.905-2.621ZM778.923%2099.95l39.997%201.095-3.515%2028.856-35.846-3.881Z%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23333f5f%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m59.45%20420.624%2053.926%202.826-2.93%2055.923-57.817-5.032Z%22%2F%3E%3Cpath%20d%3D%22m72.485%20420.306%2028.066-.532-.1%2021.023-31.01-.623ZM64.766%20452.946l39.997%201.095-.257%2024.02-40.996-1.147Z%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%235a6478%22%20stroke-width%3D%226%22%20transform%3D%22rotate%28-2%20806%20460%29%22%3E%3Cpath%20d%3D%22m786%20437%2044-2-3%2054h-42Z%22%2F%3E%3Ccircle%20cx%3D%22798%22%20cy%3D%22453%22%20r%3D%223%22%20fill%3D%22%235a6478%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%22814%22%20cy%3D%22453%22%20r%3D%223%22%20fill%3D%22%235a6478%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M797%20467q11%2010%2022%200M784%20480h44%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%235a6478%22%20stroke-width%3D%226%22%20transform%3D%22rotate%28-2%20106%20810%29%22%3E%3Cpath%20d%3D%22m83%20782%2045%202%202%2053-49%201Z%22%2F%3E%3Ccircle%20cx%3D%2297%22%20cy%3D%22803%22%20r%3D%223%22%20fill%3D%22%235a6478%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%22115%22%20cy%3D%22803%22%20r%3D%223%22%20fill%3D%22%235a6478%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M96%20817q11%2010%2022%200M83%20832l23-1%2023%201%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23333f5f%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m780.454%20800.467%2058.025%201.038.013%2057.079-59.865-4.139Z%22%2F%3E%3Cpath%20d%3D%22m796.485%20800.306%2028.014.466-1.1%2020.972-28.855-3.515ZM791.866%20831.106l35.846%203.882-2.254%2023.914-35.899-2.882Z%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%235a6478%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m63.502%201089.625%2057.973%202.037-3.035%2057.92-60.864-4.19Z%22%2F%3E%3Cpath%20d%3D%22m75.538%201089.255%2029.96%201.57-2.046%2019.92-27.962-1.465ZM67.924%201119.898l40.892%203.145-3.358%2025.86-38.947-2.042Z%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23333f5f%22%20stroke-width%3D%226%22%20transform%3D%22rotate%28-2%20800%201120%29%22%3E%3Cpath%20d%3D%22m779%201092%2043%202%202%2054-49-2Z%22%2F%3E%3Ccircle%20cx%3D%22791%22%20cy%3D%221113%22%20r%3D%223%22%20fill%3D%22%23333f5f%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%22809%22%20cy%3D%221113%22%20r%3D%223%22%20fill%3D%22%23333f5f%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M790%201127q11%2010%2022%200M777%201142h46%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%235a6478%22%20stroke-width%3D%225%22%20transform%3D%22rotate%28-2%20300%201300%29%22%3E%3Cpath%20d%3D%22M277%201276h47l-3%2049-41%201Z%22%2F%3E%3Ccircle%20cx%3D%22292%22%20cy%3D%221293%22%20r%3D%223%22%20fill%3D%22%235a6478%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%22308%22%20cy%3D%221293%22%20r%3D%223%22%20fill%3D%22%235a6478%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M291%201307q11%2010%2022%200M278%201320h44%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23333f5f%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22m600.611%201277.471%2056.974%201.985-3.244%2061.915-57.816-5.033Z%22%2F%3E%3Cpath%20d%3D%22m615.538%201279.255%2030.905%202.62-1.993%2018.922-29.958-1.57ZM608.87%201310.95l39%201.042-1.414%2026.963-40.05-.097Z%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23333f5f%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22M330%2091v18M321%20100h18%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%235a6478%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22m858%20631-1%2010%201%208M849%20640h18%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --motif-repeat: no-repeat; --motif-size: 100% 100%; --motif-pos: center; --panel: #dedede; --panel-2: #c9c9c9; --line: #7a7f8c; --muted: #4a5468; --chip-bg: rgba(255,255,255,.35); }
  body[data-theme="mac-aqua"] { --bg: linear-gradient(180deg, #7cc3f7 0%, #3f8fe0 100%); --accent: #ffffff; --card-border: #bfe0ff; --glow: 0 6px 22px rgba(15,42,71,.12); --motif: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22900%22%20height%3D%221400%22%20viewBox%3D%220%200%20900%201400%22%3E%3Cg%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m-20%20178%2060%207%2060%207%2060%205%2060%204%2060%201%2060-1%2060-4%2060-5%2060-6%2060-8%2060-7%2060-6%2060-4%2060-3h60M-20%20781l60-4%2060-5%2060-6%2060-8%2060-7%2060-6%2060-4%2060-3h60l60%203%2060%204%2060%207%2060%207%2060%207%2060%207M-20%201285l60-4%2060-3h60l60%203%2060%204%2060%207%2060%207%2060%207%2060%207%2060%205%2060%203%2060%201%2060-1%2060-4%2060-6%22%2F%3E%3Ccircle%20cx%3D%22116%22%20cy%3D%22112%22%20r%3D%2226%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%224%22%2F%3E%3Cellipse%20cx%3D%22108%22%20cy%3D%2299%22%20fill%3D%22%23fff%22%20rx%3D%228%22%20ry%3D%225%22%2F%3E%3Ccircle%20cx%3D%22806%22%20cy%3D%22120%22%20r%3D%2219%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%224%22%2F%3E%3Cellipse%20cx%3D%22800%22%20cy%3D%22111%22%20fill%3D%22%23fff%22%20rx%3D%226%22%20ry%3D%223%22%2F%3E%3Cg%20stroke%3D%22%23fff%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22M799.442%20446.01c-22.476-13.224-33.56%2013.179-24.868%2032.888%207.52%2014.746%2018.617%2017.36%2026.333%209.086%208.275%207.716%2019.163%204.334%2025.636-10.901%207.297-20.267-5.603-45.833-27.101-31.073%22%2F%3E%3Cpath%20d%3D%22M801.37%20443.941q1.51-14.061%2015.432-16.548-.545%2013.027-11.399%2017.408%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%22100%22%20cy%3D%22470%22%20r%3D%2217%22%20stroke%3D%22%23fff%22%20stroke-width%3D%224%22%2F%3E%3Cellipse%20cx%3D%2295%22%20cy%3D%22462%22%20rx%3D%225%22%20ry%3D%223%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%22822%22%20cy%3D%22826%22%20r%3D%2224%22%20stroke%3D%22%23fff%22%20stroke-width%3D%224%22%2F%3E%3Cellipse%20cx%3D%22814%22%20cy%3D%22814%22%20rx%3D%228%22%20ry%3D%224%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23fff%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22M111.511%20822.009c-20.441-12.295-30.632%2011.075-22.008%2028.785%206.485%2013.782%2016.583%2016.431%2023.3%208.192%207.275%207.75%2017.164%204.404%2022.672-9.797%207.367-18.268-4.43-40.87-23.964-27.18%22%2F%3E%3Cpath%20d%3D%22M113.44%20819.94q1.51-14.061%2015.432-16.549-.545%2013.027-11.4%2017.409%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%22128%22%20cy%3D%221148%22%20r%3D%2219%22%20stroke%3D%22%23fff%22%20stroke-width%3D%224%22%2F%3E%3Cellipse%20cx%3D%22122%22%20cy%3D%221139%22%20rx%3D%226%22%20ry%3D%223%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23fff%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22M791.511%201136.009c-20.441-12.295-30.632%2011.075-22.008%2028.785%206.485%2013.782%2016.583%2016.431%2023.3%208.192%207.275%207.75%2017.164%204.404%2022.672-9.797%207.367-18.268-4.43-40.87-23.964-27.18%22%2F%3E%3Cpath%20d%3D%22M793.44%201133.94q1.51-14.061%2015.432-16.549-.545%2013.027-11.4%2017.409%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%22620%22%20cy%3D%221300%22%20r%3D%2215%22%20stroke%3D%22%23fff%22%20stroke-width%3D%224%22%2F%3E%3Cellipse%20cx%3D%22615%22%20cy%3D%221293%22%20rx%3D%225%22%20ry%3D%223%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23fff%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22M320%2087v18M311%2096l9%201%209-1%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23fff%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22m858%20631-1%209%201%209%22%2F%3E%3Cpath%20d%3D%22m849%20640%209-1%209%201%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --motif-repeat: no-repeat; --motif-size: 100% 100%; --motif-pos: center; --panel: rgba(255,255,255,.95); --panel-2: #d9ecff; --line: #7fb2e8; --ink: #ffffff; --ink-soft: #e3f0ff; --muted: #c4dcff; --chip-bg: rgba(255,255,255,.3); }
  body[data-theme="mac-modern"] { --bg: linear-gradient(150deg, #5e5ce6 0%, #bf5af2 48%, #ff6482 100%); --accent: #ffffff; --card-border: #e9d5ff; --glow: 0 6px 22px rgba(15,42,71,.12); --motif: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22900%22%20height%3D%221400%22%20viewBox%3D%220%200%20900%201400%22%3E%3Cg%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m-20%20217%2060%204%2060%201%2060-1%2060-4%2060-5%2060-6%2060-8%2060-7%2060-6%2060-4%2060-3h60l60%203%2060%204%2060%207M-20%20666l60-8%2060-7%2060-6%2060-4%2060-3h60l60%203%2060%204%2060%207%2060%207%2060%207%2060%207%2060%205%2060%203%2060%201M-20%201158l60%203%2060%204%2060%207%2060%207%2060%207%2060%207%2060%205%2060%203%2060%201%2060-1%2060-4%2060-6%2060-7%2060-7%2060-7%22%2F%3E%3Cg%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%22806%22%20cy%3D%22112%22%20r%3D%2222%22%2F%3E%3Cellipse%20cx%3D%22799%22%20cy%3D%22101%22%20rx%3D%227%22%20ry%3D%224%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%22110%22%20cy%3D%22460%22%20r%3D%2217%22%2F%3E%3Cellipse%20cx%3D%22105%22%20cy%3D%22452%22%20rx%3D%225%22%20ry%3D%223%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%22822%22%20cy%3D%22830%22%20r%3D%2226%22%2F%3E%3Cellipse%20cx%3D%22814%22%20cy%3D%22817%22%20rx%3D%228%22%20ry%3D%225%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%221150%22%20r%3D%2220%22%2F%3E%3Cellipse%20cx%3D%22114%22%20cy%3D%221140%22%20rx%3D%226%22%20ry%3D%224%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%22612%22%20cy%3D%221304%22%20r%3D%2215%22%2F%3E%3Cellipse%20cx%3D%22607%22%20cy%3D%221297%22%20rx%3D%225%22%20ry%3D%223%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23fff%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22m320%2091-1%209%201%209%22%2F%3E%3Cpath%20d%3D%22m311%20100%208%201%2010-1%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23fff%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22M858%20631v18M849%20640h18%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --motif-repeat: no-repeat; --motif-size: 100% 100%; --motif-pos: center; --panel: rgba(255,255,255,.92); --panel-2: #efe9ff; --line: #d8ccf5; --ink: #ffffff; --ink-soft: #f3e9ff; --muted: #e3d4ff; --chip-bg: rgba(255,255,255,.3); }
  body[data-theme="win98"] { --bg: linear-gradient(180deg, #12907f 0%, #0a6e62 100%); --accent: #ffd166; --card-border: #ffffff; --glow: 0 6px 22px rgba(0,40,36,.35); --motif: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22900%22%20height%3D%221400%22%20viewBox%3D%220%200%20900%201400%22%3E%3Cg%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20stroke%3D%22%23fff%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22M85%2091.807q16.558-8.879%2033.953-1.78l1.152%2021.97q-17.396-7.1-33.954%201.78ZM121.95%2089.87q16.557-8.878%2032.954-1.727l1.151%2021.97q-16.396-7.151-32.954%201.727Z%22%2F%3E%3Cpath%20d%3D%22M86.308%20116.773q16.558-8.88%2033.954-1.78l1.151%2021.97q-17.395-7.1-33.953%201.78ZM123.258%20114.836q16.558-8.879%2032.954-1.727l1.152%2021.97q-16.397-7.152-32.955%201.727Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22none%22%20d%3D%22m67.862%20108.727%205.992-.314.314%205.992-5.992.314zM54.247%20116.45l5.992-.314.314%205.992-5.992.314zM40.633%20124.173l5.992-.314.314%205.992-5.992.314z%22%2F%3E%3C%2Fg%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-width%3D%226%22%20d%3D%22M756%20106a16%2013%200%200%201%206-24%2020%2016%200%200%201%2036-4%2015%2012%200%200%201%2012%2028Z%22%2F%3E%3Cg%20stroke%3D%22%23fff%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22M770.15%20454.541q16.558-8.879%2033.953-1.78l1.152%2021.97q-17.396-7.099-33.954%201.78Z%22%2F%3E%3Cpath%20d%3D%22M802.106%20452.866q16.558-8.878%2032.955-1.727l1.151%2021.97q-16.396-7.152-32.954%201.727Z%22%2F%3E%3Cpath%20d%3D%22M771.25%20475.512q16.557-8.878%2033.952-1.78l1.152%2021.97q-17.396-7.099-33.954%201.78Z%22%2F%3E%3Cpath%20d%3D%22M803.205%20473.838q16.558-8.88%2032.955-1.728l1.151%2021.97q-16.396-7.151-32.954%201.727Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22none%22%20d%3D%22m755.851%20468.308%205.992-.314.314%205.992-5.992.314zM742.236%20476.031l5.992-.314.314%205.992-5.991.314zM728.622%20483.754l5.992-.314.314%205.992-5.992.314z%22%2F%3E%3C%2Fg%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-width%3D%226%22%20d%3D%22M65%20479a16%2013%200%200%201%206-24%2020%2016%200%200%201%2036-4%2015%2012%200%200%201%2012%2028ZM803%20838a16%2013%200%200%201%206-24%2020%2016%200%200%201%2036-4%2015%2012%200%200%201%2012%2028Z%22%2F%3E%3Cg%20stroke%3D%22%23fff%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22M82.2%20815.435q16.558-8.879%2033.953-1.78l1.151%2021.97q-17.395-7.099-33.953%201.78Z%22%2F%3E%3Cpath%20d%3D%22M111.16%20813.917q16.558-8.878%2032.955-1.727l1.151%2021.97q-16.397-7.152-32.955%201.727Z%22%2F%3E%3Cpath%20d%3D%22M83.246%20835.408q16.558-8.88%2033.954-1.78l1.151%2021.97q-17.395-7.1-33.953%201.78Z%22%2F%3E%3Cpath%20d%3D%22M112.207%20833.89q16.558-8.879%2032.954-1.727l1.152%2021.97q-16.397-7.152-32.955%201.727Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22none%22%20d%3D%22m67.848%20828.204%205.992-.314.314%205.991-5.992.314zM54.234%20835.927l5.992-.314.314%205.991-5.992.314zM40.62%20843.65l5.991-.314.314%205.992-5.992.314z%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23fff%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22M98.1%201133.647q16.558-8.879%2033.954-1.78l1.151%2021.97q-17.395-7.099-33.953%201.78Z%22%2F%3E%3Cpath%20d%3D%22M132.054%201131.868q16.558-8.88%2032.955-1.727l1.151%2021.97q-16.397-7.152-32.955%201.727Z%22%2F%3E%3Cpath%20d%3D%22M99.252%201155.617q16.558-8.879%2033.953-1.78l1.152%2021.97q-17.396-7.099-33.954%201.78Z%22%2F%3E%3Cpath%20d%3D%22M133.205%201153.838q16.558-8.88%2032.955-1.728l1.151%2021.97q-16.396-7.151-32.954%201.727Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22none%22%20d%3D%22m82.855%201148.465%205.992-.314.314%205.992-5.992.314zM69.24%201156.188l5.992-.314.314%205.992-5.991.314zM55.626%201163.911l5.992-.314.314%205.992-5.992.314z%22%2F%3E%3C%2Fg%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-width%3D%226%22%20d%3D%22M736%201150a16%2013%200%200%201%206-24%2020%2016%200%200%201%2036-4%2015%2012%200%200%201%2012%2028Z%22%2F%3E%3Cg%20stroke%3D%22%23fff%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22M592.2%201295.435q16.558-8.879%2033.953-1.78l1.151%2021.97q-17.395-7.099-33.953%201.78Z%22%2F%3E%3Cpath%20d%3D%22M621.16%201293.917q16.558-8.878%2032.955-1.727l1.151%2021.97q-16.397-7.152-32.955%201.727Z%22%2F%3E%3Cpath%20d%3D%22M593.246%201315.408q16.558-8.88%2033.954-1.78l1.151%2021.97q-17.395-7.1-33.953%201.78Z%22%2F%3E%3Cpath%20d%3D%22M622.207%201313.89q16.558-8.879%2032.954-1.727l1.152%2021.97q-16.397-7.152-32.955%201.727Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22none%22%20d%3D%22m577.848%201308.204%205.992-.314.314%205.991-5.992.314zM564.234%201315.927l5.992-.314.314%205.991-5.992.314zM550.62%201323.65l5.991-.314.314%205.992-5.992.314z%22%2F%3E%3C%2Fg%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-width%3D%225%22%20d%3D%22M266%20100a16%2013%200%200%201%206-24%2020%2016%200%200%201%2036-4%2015%2012%200%200%201%2012%2028Z%22%2F%3E%3Cg%20stroke%3D%22%23fff%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22M320%201321v18M311%201330l10%201%208-1%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23ffd166%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22M858%20631v18M849%20640l8-1%2010%201%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --motif-repeat: no-repeat; --motif-size: 100% 100%; --motif-pos: center; --panel: #d4d0c8; --panel-2: #b8c2cf; --line: #7a8699; --ink: #ffffff; --ink-soft: #e2f2ef; --muted: #bfe3dc; --faint: #8fc4ba; --chip-bg: rgba(255,255,255,.25); }
  body[data-theme="winxp"] { --bg: linear-gradient(180deg, #7ec3f7 0%, #a8d8f8 52%, #8fd07a 82%, #5da244 100%); --accent: #1d6fd1; --card-border: #38a3f8; --glow: 0 6px 22px rgba(15,42,71,.12); --motif: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22900%22%20height%3D%221400%22%20viewBox%3D%220%200%20900%201400%22%3E%3Cg%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20stroke%3D%22%231d6fd1%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22M83.184%2087.271q19.64-10.692%2035.909-3.255%201.418%2011.958.837%2023.985-17.234-6.402-36.013.257ZM123.09%2083.876q19.709-8.693%2034.05.812l-1.232%2022.057q-15.27-7.472-32.12-2.88Z%22%2F%3E%3Cpath%20d%3D%22M84.127%20114.255q18.779-6.66%2036.013-.257.418%2011.992-.197%2023.02-18.199-5.368-35.049-.777ZM123.963%20108.861q16.85-4.59%2032.12%202.88-.616%2011.029-1.266%2021.058-16.235-6.438-30.087-1.951Z%22%2F%3E%3C%2Fg%3E%3Cpath%20stroke%3D%22%231d6fd1%22%20stroke-width%3D%226%22%20d%3D%22M756%20110a16%2013%200%200%201%206-24%2020%2016%200%200%201%2036-4%2015%2012%200%200%201%2012%2028Z%22%2F%3E%3Cg%20stroke%3D%22%233d9970%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22M94%20480q2-14-5-20M105%20480q2-14%206-20M116%20480q2-14-5-20M127%20480q2-14%206-20%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%233d9970%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22M768.32%20441.094q19.64-10.692%2035.91-3.255%201.417%2011.958.837%2023.985-17.234-6.402-36.013.257Z%22%2F%3E%3Cpath%20d%3D%22M802.23%20437.909q19.709-8.693%2034.05.812l-1.232%2022.056q-15.27-7.471-32.12-2.88ZM769.124%20464.08q18.779-6.66%2036.013-.257.418%2011.993-.197%2023.021-18.199-5.368-35.049-.777Z%22%2F%3E%3Cpath%20d%3D%22M802.963%20458.896q16.85-4.59%2032.12%202.88-.615%2011.029-1.266%2021.058-16.234-6.438-30.086-1.951Z%22%2F%3E%3C%2Fg%3E%3Cpath%20stroke%3D%22none%22%20stroke-opacity%3D%220%22%20stroke-width%3D%226%22%20d%3D%22M59%20829a16%2013%200%200%201%206-24%2020%2016%200%200%201%2036-4%2015%2012%200%200%201%2012%2028Z%22%2F%3E%3Cg%20stroke%3D%22%233d9970%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22M794%20850q2-14-5-20M805%20850q2-14%206-20M816%20850q2-14-5-20M827%20850q2-14%206-20%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%231d6fd1%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22M87.252%201129.13q19.639-10.692%2035.908-3.255%201.418%2011.958.838%2023.985-17.234-6.402-36.013.257Z%22%2F%3E%3Cpath%20d%3D%22M123.195%201126.874q19.708-8.693%2034.049.813l-1.231%2022.056q-15.27-7.472-32.12-2.88ZM88.124%201154.115q18.78-6.66%2036.013-.257.419%2011.993-.197%2023.02-18.198-5.367-35.048-.776Z%22%2F%3E%3Cpath%20d%3D%22M123.963%201148.861q16.85-4.59%2032.12%202.88-.616%2011.029-1.266%2021.058-16.235-6.438-30.087-1.951Z%22%2F%3E%3C%2Fg%3E%3Cpath%20stroke%3D%22%233d9970%22%20stroke-width%3D%225%22%20d%3D%22M746%201160a16%2013%200%200%201%206-24%2020%2016%200%200%201%2036-4%2015%2012%200%200%201%2012%2028Z%22%2F%3E%3Cg%20stroke%3D%22%233d9970%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22M294%201330q2-14-5-20M305%201330q2-14%206-20M316%201330q2-14-5-20M327%201330q2-14%206-20%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%231d6fd1%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22M588.32%201281.094q19.64-10.692%2035.91-3.255%201.417%2011.958.837%2023.985-17.234-6.402-36.013.257Z%22%2F%3E%3Cpath%20d%3D%22M622.23%201277.909q19.709-8.693%2034.05.812l-1.232%2022.056q-15.27-7.471-32.12-2.88ZM589.124%201304.08q18.779-6.66%2036.013-.257.418%2011.993-.197%2023.021-18.199-5.368-35.049-.777Z%22%2F%3E%3Cpath%20d%3D%22M622.963%201298.896q16.85-4.59%2032.12%202.88-.615%2011.029-1.266%2021.058-16.234-6.438-30.086-1.951Z%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%231d6fd1%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22M330%2081v18M321%2090l10%201%208-1%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%233d9970%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22m858%20631-1%208%201%2010M849%20640h18%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --motif-repeat: no-repeat; --motif-size: 100% 100%; --motif-pos: center; }
  body[data-theme="win11"] { --bg: linear-gradient(180deg, #0d1b3e 0%, #12295c 60%, #0a1430 100%); --accent: #7cc7ff; --card-border: #4a7dc9; --glow: 0 8px 26px rgba(0,0,0,.5); --motif: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22900%22%20height%3D%221400%22%20viewBox%3D%220%200%20900%201400%22%3E%3Cg%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m-20%20147%2060%209%2060%208%2060%207%2060%204%2060%201%2060-2%2060-6%2060-7%2060-9%2060-9%2060-8%2060-7%2060-3%2060-1%2060%203M-20%20725l60-5%2060-6%2060-9%2060-9%2060-9%2060-7%2060-4%2060-2%2060%202%2060%204%2060%207%2060%209%2060%209%2060%208%2060%207M-20%201232l60-5%2060-3%2060%201%2060%203%2060%207%2060%208%2060%209%2060%209%2060%207%2060%205%2060%203%2060-1%2060-4%2060-6%2060-9%22%2F%3E%3Cpath%20d%3D%22m856%20130%201%2019-11%2015-18%205h-32l-18-5-11-15%201-19%208-15%207-14%2011-13%2018-7%2018%207%2011%2013%207%2014Z%22%2F%3E%3Cpath%20d%3D%22m837%20130%202%2011-3%2013-11%208-13-3-10-6-9-4-11-7-5-12%206-12%2011-6%208-6%2010-7%2013-1%2010%209%202%2013Z%22%2F%3E%3Cpath%20d%3D%22m824%20130%201%205%201%209-6%206-8-2-5-6-4-3-7-2-6-7%203-8%209-2%205-1%205-5%208-3%207%204v9ZM140%20480l1%2019-11%2015-18%205H80l-18-5-11-15%201-19%208-15%207-14%2011-13%2018-7%2018%207%2011%2013%207%2014Z%22%2F%3E%3Cpath%20d%3D%22m121%20480%202%2011-3%2013-11%208-13-3-10-6-9-4-11-7-5-12%206-12%2011-6%208-6%2010-7%2013-1%2010%209%202%2013Z%22%2F%3E%3Cpath%20d%3D%22m108%20480%201%205%201%209-6%206-8-2-5-6-4-3-7-2-6-7%203-8%209-2%205-1%205-5%208-3%207%204v9ZM860%20850l1%2019-11%2015-18%205h-32l-18-5-11-15%201-19%208-15%207-14%2011-13%2018-7%2018%207%2011%2013%207%2014Z%22%2F%3E%3Cpath%20d%3D%22m841%20850%202%2011-3%2013-11%208-13-3-10-6-9-4-11-7-5-12%206-12%2011-6%208-6%2010-7%2013-1%2010%209%202%2013Z%22%2F%3E%3Cpath%20d%3D%22m828%20850%201%205%201%209-6%206-8-2-5-6-4-3-7-2-6-7%203-8%209-2%205-1%205-5%208-3%207%204v9ZM164%201180l1%2019-11%2015-18%205h-32l-18-5-11-15%201-19%208-15%207-14%2011-13%2018-7%2018%207%2011%2013%207%2014Z%22%2F%3E%3Cpath%20d%3D%22m145%201180%202%2011-3%2013-11%208-13-3-10-6-9-4-11-7-5-12%206-12%2011-6%208-6%2010-7%2013-1%2010%209%202%2013Z%22%2F%3E%3Cpath%20d%3D%22m132%201180%201%205%201%209-6%206-8-2-5-6-4-3-7-2-6-7%203-8%209-2%205-1%205-5%208-3%207%204v9Z%22%2F%3E%3Cg%20stroke%3D%22%237cc7ff%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22m320%2087-1%209%201%209%22%2F%3E%3Cpath%20d%3D%22m311%2096%208%201%2010-1%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22none%22%20stroke-opacity%3D%220%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22m858%20631-1%208%201%2010%22%2F%3E%3Cpath%20d%3D%22m849%20640%208%201%2010-1%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22none%22%20stroke-opacity%3D%220%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22M452%201339v18M443%201348h18%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --motif-repeat: no-repeat; --motif-size: 100% 100%; --motif-pos: center; --panel: rgba(23,34,66,.94); --panel-2: #1d2c52; --line: #3d5a94; --ink: #f2f6ff; --ink-soft: #cfddff; --muted: #9db4e8; --chip-bg: rgba(255,255,255,.1); }
  body[data-theme="chrome-early"] { --bg: linear-gradient(180deg, #eef1f4 0%, #dde3e9 100%); --accent: #3367d6; --card-border: #9aa5b1; --glow: 0 6px 22px rgba(15,42,71,.12); --motif: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22900%22%20height%3D%221400%22%20viewBox%3D%220%200%20900%201400%22%3E%3Cg%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20stroke%3D%22%235a6478%22%20stroke-width%3D%225%22%3E%3Ccircle%20cx%3D%22118%22%20cy%3D%22112%22%20r%3D%2230%22%2F%3E%3Cpath%20fill%3D%22%23ea4335%22%20stroke%3D%22none%22%20d%3D%22M88%20108a30%2030%200%200%201%2033%200l-1%202Z%22%2F%3E%3Cpath%20fill%3D%22%23fbbc05%22%20stroke%3D%22none%22%20d%3D%22m120%20110%2026-6a30%2030%200%200%201-15%2034l-19-18Z%22%2F%3E%3Cpath%20fill%3D%22%2334a853%22%20stroke%3D%22none%22%20d%3D%22m112%20120-7%2024a30%2030%200%200%201-17-33v-3Z%22%2F%3E%3Ccircle%20cx%3D%22116%22%20cy%3D%22114%22%20r%3D%2213%22%20fill%3D%22%234285f4%22%20stroke%3D%22none%22%2F%3E%3C%2Fg%3E%3Cpath%20stroke%3D%22%235a6478%22%20stroke-width%3D%226%22%20d%3D%22m762.507%20111.038-.768-21.986a6%206%200%200%201%205.787-6.206l43.973-1.535%2010.413%2011.643.558%2015.99ZM52.507%20459.038l-.768-21.986a6%206%200%200%201%205.787-6.206l43.973-1.535%2010.413%2011.643.558%2015.99Z%22%2F%3E%3Cg%20stroke%3D%22%235a6478%22%20stroke-width%3D%225%22%3E%3Ccircle%20cx%3D%22808%22%20cy%3D%22458%22%20r%3D%2225%22%2F%3E%3Cpath%20fill%3D%22%23ea4335%22%20stroke%3D%22none%22%20d%3D%22M783%20454a25%2025%200%200%201%2028%200l-1%202Z%22%2F%3E%3Cpath%20fill%3D%22%23fbbc05%22%20stroke%3D%22none%22%20d%3D%22m810%20456%2022-6a25%2025%200%200%201-12%2029l-18-13Z%22%2F%3E%3Cpath%20fill%3D%22%2334a853%22%20stroke%3D%22none%22%20d%3D%22m802%20466-5%2019a25%2025%200%200%201-14-28v-3Z%22%2F%3E%3Ccircle%20cx%3D%22806%22%20cy%3D%22460%22%20r%3D%2210%22%20fill%3D%22%234285f4%22%20stroke%3D%22none%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%235a6478%22%20stroke-width%3D%225%22%3E%3Ccircle%20cx%3D%22104%22%20cy%3D%22812%22%20r%3D%2226%22%2F%3E%3Cpath%20fill%3D%22%23ea4335%22%20stroke%3D%22none%22%20d%3D%22M78%20808a26%2026%200%200%201%2029%200l-1%202Z%22%2F%3E%3Cpath%20fill%3D%22%23fbbc05%22%20stroke%3D%22none%22%20d%3D%22m106%20810%2022-6a26%2026%200%200%201-13%2030l-17-14Z%22%2F%3E%3Cpath%20fill%3D%22%2334a853%22%20stroke%3D%22none%22%20d%3D%22m98%20820-5%2020a26%2026%200%200%201-15-29v-3Z%22%2F%3E%3Ccircle%20cx%3D%22102%22%20cy%3D%22814%22%20r%3D%2211%22%20fill%3D%22%234285f4%22%20stroke%3D%22none%22%2F%3E%3C%2Fg%3E%3Cpath%20stroke%3D%22%235a6478%22%20stroke-width%3D%226%22%20d%3D%22m776.507%20831.038-.768-21.986a6%206%200%200%201%205.787-6.206l43.973-1.535%2010.413%2011.643.558%2015.99ZM56.507%201131.038l-.768-21.986a6%206%200%200%201%205.787-6.206l43.973-1.535%2010.413%2011.643.558%2015.99Z%22%2F%3E%3Cg%20stroke%3D%22%235a6478%22%20stroke-width%3D%225%22%3E%3Ccircle%20cx%3D%22800%22%20cy%3D%221130%22%20r%3D%2228%22%2F%3E%3Cpath%20fill%3D%22%23ea4335%22%20stroke%3D%22none%22%20d%3D%22M772%201126a28%2028%200%200%201%2031%200l-1%202Z%22%2F%3E%3Cpath%20fill%3D%22%23fbbc05%22%20stroke%3D%22none%22%20d%3D%22m802%201128%2024-6a28%2028%200%200%201-14%2032l-18-16Z%22%2F%3E%3Cpath%20fill%3D%22%2334a853%22%20stroke%3D%22none%22%20d%3D%22m794%201138-6%2022a28%2028%200%200%201-16-31v-3Z%22%2F%3E%3Ccircle%20cx%3D%22798%22%20cy%3D%221132%22%20r%3D%2212%22%20fill%3D%22%234285f4%22%20stroke%3D%22none%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%235a6478%22%20stroke-width%3D%225%22%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%221300%22%20r%3D%2222%22%2F%3E%3Cpath%20fill%3D%22%23ea4335%22%20stroke%3D%22none%22%20d%3D%22M278%201296a22%2022%200%200%201%2024%200v2Z%22%2F%3E%3Cpath%20fill%3D%22%23fbbc05%22%20stroke%3D%22none%22%20d%3D%22m302%201298%2019-6a22%2022%200%200%201-11%2025l-16-9Z%22%2F%3E%3Cpath%20fill%3D%22%2334a853%22%20stroke%3D%22none%22%20d%3D%22m294%201308-4%2016a22%2022%200%200%201-12-24v-4Z%22%2F%3E%3Ccircle%20cx%3D%22298%22%20cy%3D%221302%22%20r%3D%229%22%20fill%3D%22%234285f4%22%20stroke%3D%22none%22%2F%3E%3C%2Fg%3E%3Cpath%20stroke%3D%22none%22%20stroke-opacity%3D%220%22%20stroke-width%3D%225%22%20d%3D%22m596.507%2095.038-.768-21.986a6%206%200%200%201%205.787-6.206l43.973-1.535%2010.413%2011.643.558%2015.99Z%22%2F%3E%3Cg%20stroke%3D%22%235a6478%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22M330%2091v18M321%20100l9-1%209%201%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22none%22%20stroke-opacity%3D%220%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22m858%20631%201%209-1%209M849%20640h18%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --motif-repeat: no-repeat; --motif-size: 100% 100%; --motif-pos: center; }
  body[data-theme="chrome-mid"] { --bg: linear-gradient(180deg, #f6f8fc 0%, #e3ebf7 100%); --accent: #1a73e8; --card-border: #a8c7fa; --glow: 0 6px 22px rgba(15,42,71,.12); --motif: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22900%22%20height%3D%221400%22%20viewBox%3D%220%200%20900%201400%22%3E%3Cg%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20stroke%3D%22%23ea4335%22%20stroke-width%3D%227%22%20d%3D%22M122%2086a26%2026%200%200%201%2022%2022%22%2F%3E%3Cpath%20stroke%3D%22%23fbbc05%22%20stroke-width%3D%227%22%20d%3D%22M144%20116a26%2026%200%200%201-22%2022%22%2F%3E%3Cpath%20stroke%3D%22%2334a853%22%20stroke-width%3D%227%22%20d%3D%22M114%20138a26%2026%200%200%201-22-22%22%2F%3E%3Cpath%20stroke%3D%22%234285f4%22%20stroke-width%3D%227%22%20d%3D%22M92%20108a26%2026%200%200%201%2022-22%22%2F%3E%3Ccircle%20cx%3D%22751%22%20cy%3D%22104%22%20r%3D%228%22%20fill%3D%22%23ea4335%22%2F%3E%3Ccircle%20cx%3D%22777%22%20cy%3D%22104%22%20r%3D%228%22%20fill%3D%22%23fbbc05%22%2F%3E%3Ccircle%20cx%3D%22803%22%20cy%3D%22104%22%20r%3D%228%22%20fill%3D%22%2334a853%22%2F%3E%3Ccircle%20cx%3D%22829%22%20cy%3D%22104%22%20r%3D%228%22%20fill%3D%22%234285f4%22%2F%3E%3Ccircle%20cx%3D%2257%22%20cy%3D%22462%22%20r%3D%228%22%20fill%3D%22%23ea4335%22%2F%3E%3Ccircle%20cx%3D%2283%22%20cy%3D%22462%22%20r%3D%228%22%20fill%3D%22%23fbbc05%22%2F%3E%3Ccircle%20cx%3D%22109%22%20cy%3D%22462%22%20r%3D%228%22%20fill%3D%22%2334a853%22%2F%3E%3Ccircle%20cx%3D%22135%22%20cy%3D%22462%22%20r%3D%228%22%20fill%3D%22%234285f4%22%2F%3E%3Cpath%20stroke%3D%22%23ea4335%22%20stroke-width%3D%227%22%20d%3D%22M809%20436a22%2022%200%200%201%2019%2019%22%2F%3E%3Cpath%20stroke%3D%22%23fbbc05%22%20stroke-width%3D%227%22%20d%3D%22M828%20461a22%2022%200%200%201-19%2019%22%2F%3E%3Cpath%20stroke%3D%22%2334a853%22%20stroke-width%3D%227%22%20d%3D%22M803%20480a22%2022%200%200%201-19-19%22%2F%3E%3Cpath%20stroke%3D%22%234285f4%22%20stroke-width%3D%227%22%20d%3D%22M784%20455a22%2022%200%200%201%2019-19%22%2F%3E%3Cpath%20stroke%3D%22%23ea4335%22%20stroke-width%3D%227%22%20d%3D%22M107%20793a23%2023%200%200%201%2020%2020%22%2F%3E%3Cpath%20stroke%3D%22%23fbbc05%22%20stroke-width%3D%227%22%20d%3D%22M127%20819a23%2023%200%200%201-20%2020%22%2F%3E%3Cpath%20stroke%3D%22%2334a853%22%20stroke-width%3D%227%22%20d%3D%22M101%20839a23%2023%200%200%201-20-20%22%2F%3E%3Cpath%20stroke%3D%22%234285f4%22%20stroke-width%3D%227%22%20d%3D%22M81%20813a23%2023%200%200%201%2020-20%22%2F%3E%3Ccircle%20cx%3D%22757%22%20cy%3D%22830%22%20r%3D%228%22%20fill%3D%22%23ea4335%22%2F%3E%3Ccircle%20cx%3D%22783%22%20cy%3D%22830%22%20r%3D%228%22%20fill%3D%22%23fbbc05%22%2F%3E%3Ccircle%20cx%3D%22809%22%20cy%3D%22830%22%20r%3D%228%22%20fill%3D%22%2334a853%22%2F%3E%3Ccircle%20cx%3D%22835%22%20cy%3D%22830%22%20r%3D%228%22%20fill%3D%22%234285f4%22%2F%3E%3Ccircle%20cx%3D%2271%22%20cy%3D%221148%22%20r%3D%228%22%20fill%3D%22%23ea4335%22%2F%3E%3Ccircle%20cx%3D%2297%22%20cy%3D%221148%22%20r%3D%228%22%20fill%3D%22%23fbbc05%22%2F%3E%3Ccircle%20cx%3D%22123%22%20cy%3D%221148%22%20r%3D%228%22%20fill%3D%22%2334a853%22%2F%3E%3Ccircle%20cx%3D%22149%22%20cy%3D%221148%22%20r%3D%228%22%20fill%3D%22%234285f4%22%2F%3E%3Cpath%20stroke%3D%22%23ea4335%22%20stroke-width%3D%227%22%20d%3D%22M803%201121a25%2025%200%200%201%2022%2022%22%2F%3E%3Cpath%20stroke%3D%22%23fbbc05%22%20stroke-width%3D%227%22%20d%3D%22M825%201149a25%2025%200%200%201-22%2022%22%2F%3E%3Cpath%20stroke%3D%22%2334a853%22%20stroke-width%3D%227%22%20d%3D%22M797%201171a25%2025%200%200%201-22-22%22%2F%3E%3Cpath%20stroke%3D%22%234285f4%22%20stroke-width%3D%227%22%20d%3D%22M775%201143a25%2025%200%200%201%2022-22%22%2F%3E%3Ccircle%20cx%3D%22261%22%20cy%3D%221310%22%20r%3D%228%22%20fill%3D%22%23ea4335%22%2F%3E%3Ccircle%20cx%3D%22287%22%20cy%3D%221310%22%20r%3D%228%22%20fill%3D%22%23fbbc05%22%2F%3E%3Ccircle%20cx%3D%22313%22%20cy%3D%221310%22%20r%3D%228%22%20fill%3D%22%2334a853%22%2F%3E%3Ccircle%20cx%3D%22339%22%20cy%3D%221310%22%20r%3D%228%22%20fill%3D%22%234285f4%22%2F%3E%3Cpath%20stroke%3D%22%23ea4335%22%20stroke-width%3D%227%22%20d%3D%22M619%201276a20%2020%200%200%201%2017%2017%22%2F%3E%3Cpath%20stroke%3D%22%23fbbc05%22%20stroke-width%3D%227%22%20d%3D%22M636%201299a20%2020%200%200%201-17%2017%22%2F%3E%3Cpath%20stroke%3D%22%2334a853%22%20stroke-width%3D%227%22%20d%3D%22M613%201316a20%2020%200%200%201-17-17%22%2F%3E%3Cpath%20stroke%3D%22%234285f4%22%20stroke-width%3D%227%22%20d%3D%22M596%201293a20%2020%200%200%201%2017-17%22%2F%3E%3Cg%20stroke%3D%22%234285f4%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22M330%2091v18M321%20100l9%201%209-1%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23ea4335%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22m858%20631%201%2010-1%208M849%20640h18%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --motif-repeat: no-repeat; --motif-size: 100% 100%; --motif-pos: center; }
  body[data-theme="chromeos"] { --bg: linear-gradient(160deg, #d3e3fd 0%, #c2f0d8 100%); --accent: #1a73e8; --card-border: #4285f4; --glow: 0 6px 22px rgba(15,42,71,.12); --motif: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22900%22%20height%3D%221400%22%20viewBox%3D%220%200%20900%201400%22%3E%3Cg%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m-20%20188%2060%207%2060%207%2060%205%2060%204%2060%201%2060-1%2060-4%2060-5%2060-6%2060-8%2060-7%2060-6%2060-4%2060-3h60M-20%20741l60-4%2060-5%2060-6%2060-8%2060-7%2060-6%2060-4%2060-3h60l60%203%2060%204%2060%207%2060%207%2060%207%2060%207M-20%201225l60-4%2060-3h60l60%203%2060%204%2060%207%2060%207%2060%207%2060%207%2060%205%2060%203%2060%201%2060-1%2060-4%2060-6%22%2F%3E%3Cpath%20stroke%3D%22%23ea4335%22%20stroke-width%3D%227%22%20d%3D%22M809%2088a24%2024%200%200%201%2021%2021%22%2F%3E%3Cpath%20stroke%3D%22%23fbbc05%22%20stroke-width%3D%227%22%20d%3D%22M830%20115a24%2024%200%200%201-21%2021%22%2F%3E%3Cpath%20stroke%3D%22%2334a853%22%20stroke-width%3D%227%22%20d%3D%22M803%20136a24%2024%200%200%201-21-21%22%2F%3E%3Cpath%20stroke%3D%22%234285f4%22%20stroke-width%3D%227%22%20d%3D%22M782%20109a24%2024%200%200%201%2021-21%22%2F%3E%3Cpath%20stroke%3D%22%23ea4335%22%20stroke-width%3D%227%22%20d%3D%22M115%20438a20%2020%200%200%201%2017%2017%22%2F%3E%3Cpath%20stroke%3D%22%23fbbc05%22%20stroke-width%3D%227%22%20d%3D%22M132%20461a20%2020%200%200%201-17%2017%22%2F%3E%3Cpath%20stroke%3D%22%2334a853%22%20stroke-width%3D%227%22%20d%3D%22M109%20478a20%2020%200%200%201-17-17%22%2F%3E%3Cpath%20stroke%3D%22%234285f4%22%20stroke-width%3D%227%22%20d%3D%22M92%20455a20%2020%200%200%201%2017-17%22%2F%3E%3Cpath%20d%3D%22M820%20800a26%2026%200%200%201%2022%2022M842%20830a26%2026%200%200%201-22%2022M812%20852a26%2026%200%200%201-22-22M790%20822a26%2026%200%200%201%2022-22%22%2F%3E%3Cpath%20stroke%3D%22%23ea4335%22%20stroke-width%3D%227%22%20d%3D%22M121%201126a22%2022%200%200%201%2019%2019%22%2F%3E%3Cpath%20stroke%3D%22%23fbbc05%22%20stroke-width%3D%227%22%20d%3D%22M140%201151a22%2022%200%200%201-19%2019%22%2F%3E%3Cpath%20stroke%3D%22%2334a853%22%20stroke-width%3D%227%22%20d%3D%22M115%201170a22%2022%200%200%201-19-19%22%2F%3E%3Cpath%20stroke%3D%22%234285f4%22%20stroke-width%3D%227%22%20d%3D%22M96%201145a22%2022%200%200%201%2019-19%22%2F%3E%3Ccircle%20cx%3D%22261%22%20cy%3D%2296%22%20r%3D%228%22%20fill%3D%22%23ea4335%22%2F%3E%3Ccircle%20cx%3D%22287%22%20cy%3D%2296%22%20r%3D%228%22%20fill%3D%22%23fbbc05%22%2F%3E%3Ccircle%20cx%3D%22313%22%20cy%3D%2296%22%20r%3D%228%22%20fill%3D%22%2334a853%22%2F%3E%3Ccircle%20cx%3D%22339%22%20cy%3D%2296%22%20r%3D%228%22%20fill%3D%22%234285f4%22%2F%3E%3Ccircle%20cx%3D%22573%22%20cy%3D%221310%22%20r%3D%228%22%20fill%3D%22none%22%2F%3E%3Ccircle%20cx%3D%22599%22%20cy%3D%221310%22%20r%3D%228%22%20fill%3D%22none%22%2F%3E%3Ccircle%20cx%3D%22625%22%20cy%3D%221310%22%20r%3D%228%22%20fill%3D%22none%22%2F%3E%3Ccircle%20cx%3D%22651%22%20cy%3D%221310%22%20r%3D%228%22%20fill%3D%22none%22%2F%3E%3Cg%20stroke%3D%22%231a73e8%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22M330%201321v18M321%201330h18%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23fbbc05%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22M858%20631v18M849%20640h18%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --motif-repeat: no-repeat; --motif-size: 100% 100%; --motif-pos: center; }
  body[data-theme="screens"] { --bg: radial-gradient(600px 420px at 12% 0%, #ffd9e8 0%, rgba(255,217,232,0) 62%), radial-gradient(700px 500px at 92% 10%, #c2e4ff 0%, rgba(194,228,255,0) 62%), radial-gradient(640px 480px at 50% 52%, #e9defc 0%, rgba(233,222,252,0) 64%), radial-gradient(700px 520px at 6% 90%, #cdf3e0 0%, rgba(205,243,224,0) 62%), radial-gradient(620px 460px at 96% 96%, #ffe3c2 0%, rgba(255,227,194,0) 62%), linear-gradient(180deg, #fdf3f7 0%, #eef6ff 100%); --accent: #b0568a; --card-border: #c99fd6; --glow: 0 6px 22px rgba(120,80,140,.14); --motif: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22900%22%20height%3D%221400%22%20viewBox%3D%220%200%20900%201400%22%3E%3Cg%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20stroke%3D%22%23c2608f%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22M96%20130q10.444-24.247%2033.248-31.994-.016%2024.739-21.612%2041.46Q98.906%20137.52%2096%20130%22%2F%3E%3Cpath%20d%3D%22M99.395%20131.215q13.105-13.574%2025.727-29.088%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%238b6fc7%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22M150%2084q17.308-11.2%2035.045-7.54-10.627%2016.525-31.169%2018.263Q149.097%2090.015%20150%2084%22%2F%3E%3Cpath%20d%3D%22M152.235%2086.83q12.934-4.21%2028.079-8.752%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%234a7dc9%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m773.322%2097.129%2061.857-5.162-.463%2044.043-58.07-.974Z%22%2F%3E%3Cpath%20d%3D%22m806.663%20134.988.244%206.996.14%203.998M794.09%20147.435l13.027.546%2012.957-1.454%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%232f9e6e%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22M812%20420q21.431-11.256%2041.43-4.542-13.517%2018.064-38.596%2017.845Q810.066%20426.802%20812%20420%22%2F%3E%3Cpath%20d%3D%22M813.927%20423.047q16.45-2.527%2034.628-6.475%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23c2608f%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m63.424%20435.988%2055.826-5.952%202.256%2035.943L63.646%20471ZM92.593%20468.99l1.14%203.962-.79%206.032M80.984%20480.402l12.993-.454%2010.993-.384%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%238b6fc7%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22m848%20631%201%209-1%209%22%2F%3E%3Cpath%20d%3D%22m839%20640%209-1%209%201%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%234a7dc9%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22M90%20800q7.597-22.984%2026.647-32.046%202.825%2022.383-15.367%2039.646-7.946-1.364-11.28-7.6%22%2F%3E%3Cpath%20d%3D%22M93.503%20800.853q10.078-13.245%2020.41-28.712%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%238b6fc7%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m781.284%20791.99%2054.967-1.92%201.396%2039.976-57.035-.01Z%22%2F%3E%3Cpath%20d%3D%22m810.628%20829.989.21%205.996.14%203.998M799.02%20841.401l13.026.546%2010.959-1.383%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23c2608f%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22M806%201130q19.809-16.236%2041.744-13.619-9.673%2021.458-36.414%2027.02-5.807-6.346-5.33-13.401%22%2F%3E%3Cpath%20d%3D%22M808.519%201132.58q16.543-5.685%2034.688-14.096%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%232f9e6e%22%20stroke-width%3D%226%22%3E%3Cpath%20d%3D%22m75.389%201102.988%2056.93-2.989%201.292%2036.978-57.036-.01ZM104.593%201136.99l1.14%203.962-.79%206.032M92.984%201148.402l13.027.545%2010.959-1.383%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%238b6fc7%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22M300%201310q11.498-18.783%2029.044-23.269-1.177%2020.362-20.72%2032.197-6.499-3.126-8.324-8.928%22%2F%3E%3Cpath%20d%3D%22M303.25%201311.563q10.769-9.592%2023.241-21.443%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22none%22%20stroke-opacity%3D%220%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22M618%201300q18.42-13.444%2038.196-9.854-10.595%2018.809-33.262%2021.672-5.902-4.814-4.934-11.818%22%2F%3E%3Cpath%20d%3D%22M620.333%201302.75q14.977-5.069%2031.19-10.822%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23c2608f%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22m326%2087%201%208-1%2010%22%2F%3E%3Cpath%20d%3D%22m317%2096%208%201%2010-1%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%232f9e6e%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22m452%201339-1%208%201%2010M443%201348h18%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --motif-repeat: no-repeat; --motif-size: 100% 100%; --motif-pos: center; --panel: rgba(255,255,255,.9); --line: #d8c8e4; }
  body[data-theme="chromeos"] { --bg: linear-gradient(180deg, #e6f4ea 0%, #cfe3fc 100%); --accent: #1a73e8; --card-border: #4285f4; --glow: 0 6px 22px rgba(15,42,71,.12); --motif: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22560%22%20height%3D%22560%22%20viewBox%3D%220%200%20560%20560%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-opacity%3D%220%22%20stroke-width%3D%225%22%20transform%3D%22rotate%2812%20-250.43%20363.003%29%22%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2260%22%20r%3D%2236%22%2F%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2260%22%20r%3D%2214%22%2F%3E%3Cpath%20d%3D%22M60%2024v22m31%2032L74%2068M29%2078l17-10%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-opacity%3D%220%22%20stroke-width%3D%225%22%20transform%3D%22rotate%28-18%201112.063%20-891.769%29scale%282%29%22%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2260%22%20r%3D%2236%22%2F%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2260%22%20r%3D%2214%22%2F%3E%3Cpath%20d%3D%22M60%2024v22m31%2032L74%2068M29%2078l17-10%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-opacity%3D%220%22%20stroke-width%3D%225%22%20transform%3D%22rotate%2830%2047.058%20847.39%29%22%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2260%22%20r%3D%2236%22%2F%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2260%22%20r%3D%2214%22%2F%3E%3Cpath%20d%3D%22M60%2024v22m31%2032L74%2068M29%2078l17-10%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22150%22%20cy%3D%22430%22%20r%3D%2226%22%20fill%3D%22none%22%2F%3E%3Ccircle%20cx%3D%22470%22%20cy%3D%22430%22%20r%3D%2220%22%20fill%3D%22none%22%2F%3E%3Ccircle%20cx%3D%2290%22%20cy%3D%22200%22%20r%3D%2216%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E"); --motif-repeat: repeat; --motif-size: 560px 560px; --motif-pos: 0 0; }
  * { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
  body { font-family: -apple-system, system-ui, "Segoe UI", Roboto, sans-serif;
         margin: 0; background: var(--bg); color: var(--ink); transition: background .5s ease; min-height: 100vh; }
  /* Caleb (2026-10-16): backgrounds are pastel changing colors through the rainbow — no icons.
     A soft rainbow tint layer drifts its hue slowly over each page's own pastel wash. */
  body::before { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 0;
                 background: linear-gradient(180deg, rgba(255,170,170,.34), rgba(255,205,150,.30) 22%, rgba(255,240,160,.30) 42%, rgba(165,230,180,.30) 62%, rgba(160,205,255,.32) 82%, rgba(215,180,255,.34));
                 animation: rainbowDrift 120s linear infinite; }
  @keyframes rainbowDrift { from { filter: hue-rotate(0deg); } to { filter: hue-rotate(360deg); } }
  @media (prefers-reduced-motion: reduce) { body::before { animation: none; } }
  .wrap { position: relative; z-index: 1; }
  .wrap { max-width: 560px; margin: 0 auto; padding: 20px 16px 60px; }
  h1 { font-size: 1.7rem; margin: 8px 0 4px; }
  h1 .accent { color: var(--accent); }
  .sub { color: var(--muted); margin: 0 0 24px; font-size: .95rem; }
  .step { display: none; }
  .step.active { display: block; animation: fade .25s ease; }
  @keyframes fade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; } }
  .q { font-size: 1.25rem; font-weight: 700; margin: 0 0 16px; }

  /* Home hero cards (design pass, Caleb 2026-10-16): two big side-by-side
     doors with their own artwork — the pig for buying (kill the rental fee,
     save the money), the gear-and-wrench for setup. */
  .hero-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
  .hero-card { background: var(--panel); border: 2px solid var(--line); border-radius: 18px;
               padding: 18px 10px 14px; text-align: center; cursor: pointer; color: var(--ink);
               font-family: inherit; }
  .hero-card:active { border-color: var(--accent); background: var(--panel-2); }
  .hero-art { width: 92px; height: 92px; display: block; margin: 0 auto 8px; }
  .hero-title { display: block; font-size: 1.08rem; font-weight: 800; }
  .hero-card small { display: block; color: var(--muted); margin-top: 5px; font-size: .78rem; line-height: 1.35; }
  .opt { display: block; width: 100%; text-align: left; background: var(--panel);
         border: 2px solid var(--line); color: var(--ink); border-radius: 14px;
         padding: 16px; margin: 0 0 10px; font-size: 1rem; cursor: pointer; }
  .opt small { display: block; color: var(--muted); margin-top: 4px; font-size: .82rem; }

  /* Logo buttons (design pass): the ISP's own mark is the button graphic,
     name under it, connection type last. */

  /* Cozy desk scene + icon buttons (design pass, laptop page) */
  #scene-slot { display: none; margin: 0 0 14px; }
  #scene-slot svg, .scene svg { width: 100%; height: auto; display: block; }
  .scene { margin: 0 0 14px; }
  .opt.has-icon { display: flex; align-items: center; gap: 14px; text-align: left; }
  .opt-ic { flex: 0 0 54px; width: 54px; height: 54px; border-radius: 15px; background: var(--panel-2);
            display: flex; align-items: center; justify-content: center; }
  .opt-ic svg { width: 38px; height: 38px; display: block; }
  .opt-txt { flex: 1; }

  /* Side-by-side option grid (design pass, desktop first): big buttons,
     two per row; icon buttons stack their art over the words. */
  .opt-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 6px; }
  .opt-grid .opt { margin: 0; height: 100%; }
  .opt-grid .opt.has-icon { flex-direction: column; text-align: center; gap: 9px; padding: 16px 10px 13px; }
  .opt-grid .opt.wide { grid-column: 1 / -1; }
  .opt.has-logo { text-align: center; padding: 20px 16px 16px; }
  .opt-logo { display: block; height: 46px; max-width: 78%; object-fit: contain; margin: 0 auto 8px; }
  .opt-name { display: block; font-weight: 800; font-size: 1.05rem; }
  .opt:active { border-color: var(--accent); background: var(--panel-2); }
  .back { background: none; border: none; color: var(--faint); font-size: .9rem;
          margin-bottom: 12px; cursor: pointer; padding: 4px 0; }
  .progress { height: 6px; background: var(--line); border-radius: 3px; margin-bottom: 20px; }
  .progress i { display: block; height: 100%; background: var(--accent); border-radius: 3px;
                transition: width .3s; }
  .card { background: var(--panel); border: 1px solid var(--card-border); box-shadow: var(--glow); transition: border-color .4s ease, box-shadow .4s ease; border-radius: 14px;
          padding: 16px; margin-bottom: 12px; }
  .card .rank { display: inline-block; background: var(--accent); color: #0f172a;
                font-weight: 800; border-radius: 8px; padding: 2px 10px;
                font-size: .8rem; margin-bottom: 8px; }
  .card h3 { margin: 0 0 4px; font-size: 1.05rem; }
  .card .price { color: var(--price); font-weight: 800; font-size: 1.15rem; }
  .card .permo { color: var(--muted); font-weight: 400; font-size: .82rem; }

  /* Generation-styled step boxes: 98 dialogs, XP windows, 11 dark Settings. */
  body[data-theme="win98"] .gstep, body[data-theme="win98"] .note,
  body[data-theme="win98"] .opt, body[data-theme="win98"] .sort {
    background: #d4d0c8; color: #14213d; border: 2px solid; border-radius: 3px;
    border-color: #ffffff #404040 #404040 #ffffff; box-shadow: 3px 3px 0 rgba(0,30,26,.28); }
  body[data-theme="win98"] .gstep { flex-wrap: wrap; }
  body[data-theme="win98"] .gstep::before { content: ''; flex: 0 0 100%; height: 17px;
    margin: -14px -14px 12px; background: linear-gradient(90deg, #000080, #1084d0); }
  body[data-theme="win98"] .gstep p, body[data-theme="win98"] .note,
  body[data-theme="win98"] .opt small { color: #3d4a66; }
  body[data-theme="win98"] .stepnum { background: #000080; color: #ffffff; border-radius: 4px; }
  body[data-theme="winxp"] .gstep { flex-wrap: wrap; border: 2.5px solid #2b7cd3; }
  body[data-theme="winxp"] .gstep::before { content: ''; flex: 0 0 100%; height: 16px;
    margin: -14px -14px 12px; border-radius: 11px 11px 0 0;
    background: linear-gradient(180deg, #3c8dff, #1d5fd6); }
  body[data-theme="winxp"] .stepnum { background: #3d9970; color: #ffffff; }
  body[data-theme="win11"] .gstep { border-radius: 18px; }

  /* Mac generations: classic platinum dialogs, Aqua windows, modern frosted cards. */
  body[data-theme="mac-classic"] .gstep, body[data-theme="mac-classic"] .note,
  body[data-theme="mac-classic"] .opt, body[data-theme="mac-classic"] .sort {
    background: #dedede; color: #1c2434; border: 2px solid; border-radius: 3px;
    border-color: #ffffff #555555 #555555 #ffffff; box-shadow: 3px 3px 0 rgba(20,24,40,.25); }
  body[data-theme="mac-classic"] .gstep { flex-wrap: wrap; }
  body[data-theme="mac-classic"] .gstep::before { content: ''; flex: 0 0 100%; height: 15px;
    margin: -14px -14px 12px; border-bottom: 2px solid #555555;
    background: repeating-linear-gradient(180deg, #c8c8c8 0 2px, #ececec 2px 4px); }
  body[data-theme="mac-classic"] .gstep p, body[data-theme="mac-classic"] .note,
  body[data-theme="mac-classic"] .opt small { color: #4a5468; }
  body[data-theme="mac-classic"] .stepnum { background: #dedede; color: #1c2434;
    border: 2px solid #555555; border-radius: 3px; }
  body[data-theme="mac-aqua"] .gstep, body[data-theme="mac-aqua"] .note,
  body[data-theme="mac-aqua"] .opt { color: #14213d; }
  body[data-theme="mac-aqua"] .gstep p, body[data-theme="mac-aqua"] .note,
  body[data-theme="mac-aqua"] .opt small { color: #3d5a80; }
  body[data-theme="mac-aqua"] .gstep { flex-wrap: wrap; border: 1.5px solid #7fb2e8; border-radius: 16px; }
  body[data-theme="mac-aqua"] .gstep::before { content: ''; flex: 0 0 100%; height: 21px;
    margin: -14px -14px 12px; border-radius: 15px 15px 0 0;
    background: radial-gradient(circle at 20px 50%, #ff5f57 5.5px, rgba(0,0,0,0) 6.5px),
                radial-gradient(circle at 44px 50%, #febc2e 5.5px, rgba(0,0,0,0) 6.5px),
                radial-gradient(circle at 68px 50%, #28c840 5.5px, rgba(0,0,0,0) 6.5px),
                linear-gradient(180deg, #d9ecff, #8fc3f5); }
  body[data-theme="mac-aqua"] .stepnum { background: radial-gradient(circle at 35% 30%, #a8d8ff, #1d6fd1); color: #ffffff; }
  body[data-theme="mac-modern"] .gstep, body[data-theme="mac-modern"] .note,
  body[data-theme="mac-modern"] .opt { color: #1d2440; }
  body[data-theme="mac-modern"] .gstep p, body[data-theme="mac-modern"] .note,
  body[data-theme="mac-modern"] .opt small { color: #4a5470; }
  body[data-theme="mac-modern"] .gstep { border-radius: 20px; border: 1px solid rgba(255,255,255,.7);
    box-shadow: 0 10px 30px rgba(40,10,80,.25); }
  body[data-theme="mac-modern"] .stepnum { background: linear-gradient(135deg, #5e5ce6, #bf5af2); color: #ffffff; }
  /* Chrome generations: early plain windows, Material colors, modern soft cards. */
  body[data-theme="chrome-early"] .gstep { flex-wrap: wrap; border: 2px solid #b6bfc9; border-radius: 10px; }
  body[data-theme="chrome-early"] .gstep::before { content: ''; flex: 0 0 100%; height: 14px;
    margin: -14px -14px 12px; border-radius: 8px 8px 0 0;
    background: linear-gradient(180deg, #f4f7fa, #c3cedb); }
  body[data-theme="chrome-early"] .stepnum { background: #3367d6; color: #ffffff; }
  body[data-theme="chrome-mid"] .gstep { flex-wrap: wrap; border: 1.5px solid #dadce0; border-radius: 16px;
    box-shadow: 0 3px 12px rgba(30,50,90,.1); }
  body[data-theme="chrome-mid"] .gstep::before { content: ''; flex: 0 0 100%; height: 7px;
    margin: -14px -14px 12px; border-radius: 15px 15px 0 0;
    background: linear-gradient(90deg, #ea4335 0 25%, #fbbc05 25% 50%, #34a853 50% 75%, #4285f4 75% 100%); }
  body[data-theme="chrome-mid"] .stepnum { background: #4285f4; color: #ffffff; }
  body[data-theme="chromeos"] .gstep { border-radius: 22px; border: 1.5px solid #a8c7fa;
    box-shadow: 0 6px 20px rgba(30,80,160,.12); }
  body[data-theme="chromeos"] .stepnum { background: #1a73e8; color: #ffffff; }

  body[data-theme="win98"] .morebox summary { color: #000080; }
  body[data-theme="mac-aqua"] .morebox summary { color: #1d6fd1; }
  body[data-theme="mac-modern"] .morebox summary { color: #7c3aed; }

  .sort.pairtab { padding: 16px 6px; font-size: 1.03rem; font-weight: 700; }
  .sort.pairtab svg { width: 25px; height: 25px; }
  .opt.on { border-color: var(--accent); box-shadow: inset 0 0 0 1.5px var(--accent); }
  .pairbtn svg { width: 20px; height: 20px; vertical-align: -4px; margin-right: 5px; }
  .card h3 svg { width: 20px; height: 20px; vertical-align: -3px; margin-right: 5px; }

  /* Results redesign (Caleb, 2026-10-16): cards in a grid, three across on
     wide screens; photo top-right with the words flowing around it, then
     big fact rows underneath at full width. Six results on the first page. */
  .breakout { position: relative; left: 50%; transform: translateX(-50%);
    width: min(1120px, calc(100vw - 24px)); }
  .picks-grid { display: grid; grid-template-columns: 1fr; gap: 14px; }
  @media (min-width: 680px) { .picks-grid { grid-template-columns: repeat(2, 1fr); } }
  @media (min-width: 1024px) { .picks-grid { grid-template-columns: repeat(3, 1fr); } }
  .picks-grid .card { margin-bottom: 0; }
  .picks-grid .card.hero { grid-column: 1 / -1; }
  .card .pimg { float: right; width: 42%; aspect-ratio: 4 / 3; margin: 2px 0 10px 12px;
    border-radius: 12px; background: var(--panel-2); border: 1px solid var(--line);
    display: flex; align-items: center; justify-content: center; overflow: hidden; }
  .card .pimg svg { width: 80%; height: 80%; }
  .card.combo .pimg, .card.hero .pimg { width: 46%; background: rgba(255,255,255,.55);
    border-color: rgba(20,33,61,.3); }
  .card .pimg.gal { display: block; padding: 0; background: #ffffff; }
  .card .pimg.gal img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .galnav { position: absolute; top: 50%; transform: translateY(-50%); width: 30px; height: 30px;
    border-radius: 50%; border: 1.5px solid var(--line); background: var(--panel); color: var(--ink);
    font-size: 1.05rem; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; }
  .galnav.prev { left: 6px; } .galnav.next { right: 6px; }
  .galcount { position: absolute; right: 8px; bottom: 6px; background: rgba(15,23,42,.72);
    color: #ffffff; font-size: .68rem; font-weight: 700; padding: 2px 7px; border-radius: 99px; }
  .card .pimg { position: relative; }
  .factrows { clear: both; margin-top: 10px; border-top: 1.5px solid var(--line); }
  .factrow { display: flex; justify-content: space-between; align-items: baseline;
    gap: 12px; padding: 9px 2px; border-bottom: 1.5px solid var(--line); font-size: .95rem; }
  .factrow .fl { color: var(--muted); font-size: .78rem; font-weight: 700;
    text-transform: uppercase; letter-spacing: .05em; white-space: nowrap; }
  .factrow .fv { font-weight: 600; text-align: right; }
  .factrow .fv.left { text-align: left; }
  .sortrow { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 16px 0; }
  .sortrow:not(.bigs):not(:has(.wide)) .sort:last-child:nth-child(odd) { grid-column: 1 / -1; }
  .sortrow .sort.wide { grid-column: 1 / -1; padding: 15px 4px; font-size: .95rem; font-weight: 700; }
  .sort svg { width: 20px; height: 20px; vertical-align: -4px; margin-right: 5px; }
  .sort { flex: 1; background: var(--panel); border: 2px solid var(--line); color: var(--ink-soft);
          border-radius: 12px; padding: 10px 4px; font-size: .82rem; cursor: pointer; }
  .sort.on { border-color: var(--accent); color: var(--ink); background: var(--panel-2); }
  .sortrow.wrap { flex-wrap: wrap; }
  .sortrow.wrap .sort { flex: 1 1 42%; }
  .sortline { color: var(--muted); font-size: .82rem; margin: -6px 0 12px; }
  .more { display: block; width: 100%; background: var(--panel); border: 2px solid var(--line);
          color: var(--ink-soft); border-radius: 14px; padding: 14px; font-size: .95rem;
          cursor: pointer; margin-bottom: 4px; }
  /* Gold recommendation treatment (Caleb, 2026-10-16): the top pick is the
     biggest thing on the page, on a gold background. */
  .card.combo, .card.hero { border: 2.5px solid #d97706;
    background: linear-gradient(160deg, #fff7d6, #ffe3a3); color: #14213d; }
  .card.combo .rank, .card.hero .rank { background: #14213d; color: #ffd166; }
  .card.combo .why, .card.hero .why { color: #3d4a66; }
  .card.combo .permo, .card.hero .permo { color: #7a6420; }
  .card.combo .price, .card.hero .price { color: #166534; }
  .card.combo .blurb, .card.hero .blurb { color: #3d4a66; }
  .card.combo h3, .card.hero h3 { font-size: 1.42rem; }
  .card.combo .price, .card.hero .price { font-size: 1.55rem; }
  .card.combo .factrows, .card.hero .factrows { border-top-color: rgba(20,33,61,.28); }
  .card.combo .factrow, .card.hero .factrow { border-bottom-color: rgba(20,33,61,.28); }
  .card.combo .factrow .fl, .card.hero .factrow .fl { color: #7a6420; }
  .stepnum { display: inline-flex; align-items: center; justify-content: center;
             width: 28px; height: 28px; border-radius: 50%; background: var(--accent);
             color: #0f172a; font-weight: 800; font-size: .9rem; margin-right: 10px;
             flex-shrink: 0; }
  .gstep { display: flex; align-items: flex-start; background: var(--panel);
           border: 1px solid var(--line); border-radius: 14px; padding: 14px;
           margin-bottom: 10px; }
  .gstep h3 { margin: 0 0 4px; font-size: 1rem; }
  .gstep p { margin: 0; color: var(--muted); font-size: .88rem; }
  .have { background: #052e16; border: 1px solid #16a34a; border-radius: 12px;
          padding: 12px 14px; margin-bottom: 16px; font-size: .88rem; color: #d1fae5; }
  .have strong { color: #4ade80; }
  .bignum { font-size: 1.3rem; font-weight: 800; color: var(--accent); }
  .vid { position: relative; padding-bottom: 56.25%; height: 0; border-radius: 14px;
         overflow: hidden; margin-bottom: 12px; background: #000; }
  .vid iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
  .vid.soon { display: flex; align-items: center; justify-content: center;
              padding-bottom: 0; height: 120px; background: var(--panel);
              border: 1px dashed var(--faint); color: var(--faint); font-size: .9rem; }
  .card .why { color: var(--ink-soft); font-size: .9rem; margin: 8px 0 0; }
  .chips { margin: 8px 0 2px; }
  .chip { display: inline-block; background: var(--chip-bg); border: 1px solid var(--line);
          color: var(--ink-soft); border-radius: 999px; padding: 3px 10px;
          font-size: .76rem; margin: 0 6px 6px 0; }
  .badge { display: inline-block; background: #7c3aed; color: #fff; font-weight: 700;
           border-radius: 999px; padding: 3px 10px; font-size: .76rem; margin: 0 6px 6px 0; }
  .badge.x86 { background: var(--line); color: var(--ink-soft); }
  .warnline { color: var(--warn); font-size: .85rem; margin: 6px 0 0; }
  .setupbox { margin-top: 12px; border-top: 1px solid var(--line); padding-top: 10px; }
  .setupbox summary { cursor: pointer; color: var(--accent); font-weight: 700; font-size: .92rem; }
  .setupbox h4 { margin: 14px 0 6px; font-size: .95rem; }
  .setupbox .gstep { padding: 10px 12px; }
  .setupbox .gstep p { font-size: .84rem; }
  .setupbox ul { margin: 4px 0 8px; padding-left: 18px; color: var(--muted); font-size: .85rem; }
  .setupbox ul.whylist li { color: var(--ink-soft); margin-bottom: 5px; }
  .morebox { margin-top: 10px; border-top: 1px solid var(--line); padding-top: 8px; }
  .morebox summary { cursor: pointer; color: var(--accent); font-weight: 700; font-size: .88rem; }
  .morebox p { margin: 8px 0 0; color: var(--muted); font-size: .85rem; }
  .diagram { margin: 10px 0 2px; }
  .diagram svg { display: block; width: 100%; height: auto; background: var(--chip-bg);
                 border: 1px solid var(--line); border-radius: 12px; }
  .diagram figcaption { color: var(--faint); font-size: .75rem; margin-top: 6px; font-style: italic; }
  .phsoon { display: flex; align-items: center; justify-content: center; height: 84px;
            border: 1px dashed var(--faint); border-radius: 12px; background: var(--panel-2);
            color: var(--faint); font-size: .85rem; margin-bottom: 12px; }
  .stepfig { margin: 0 0 12px; }
  .stepfig img { display: block; width: 100%; height: auto; border-radius: 12px;
                 border: 1px solid var(--line); }
  .discbtn { display: block; margin: 18px auto 0; background: none; border: none;
             color: var(--faint); font-size: .8rem; cursor: pointer; text-decoration: underline; }
  .discbtn:hover { color: var(--muted); }
  .setupcta { margin-top: 20px; border-color: var(--accent) !important; }
  .picks-head { font-size: 1.15rem; font-weight: 700; margin: 22px 0 10px; }
  .card .blurb { color: var(--muted); font-size: .85rem; margin: 4px 0 0; font-style: italic; }
  .savings { background: #052e16; border: 1px solid #16a34a; border-radius: 14px;
             padding: 16px; margin: 20px 0; color: #d1fae5; }
  .savings strong { color: #4ade80; }
  .note { background: var(--panel); border-left: 3px solid var(--accent); padding: 10px 14px;
          font-size: .85rem; color: var(--muted); margin-bottom: 8px; border-radius: 0 8px 8px 0; }
  .restart { display: block; width: 100%; margin-top: 24px; background: var(--accent);
             color: #0f172a; font-weight: 800; border: none; border-radius: 14px;
             padding: 16px; font-size: 1rem; cursor: pointer; }
  .buildstamp { text-align: center; color: var(--faint); font-size: .75rem; margin-top: 32px; }
  .loading { text-align: center; padding: 60px 0; color: var(--muted); }
  .wizprog { color: var(--accent); font-size: .85rem; font-weight: 700; margin: 0 0 8px; }
  .wiznav { display: flex; gap: 10px; margin-top: 16px; }
  .wiznav .opt { flex: 1; text-align: center; margin: 0; }
  .wiznav .wiznext { border-color: var(--accent); background: var(--panel-2); font-weight: 700; }
  .minput { display: block; width: 100%; background: var(--panel); border: 2px solid var(--line);
            color: var(--ink); border-radius: 14px; padding: 14px 16px; font-size: 1rem;
            margin: 0 0 12px; outline: none; }
  .minput:focus { border-color: var(--accent); }
  .buylinks { margin-top: 12px; }
  .buybtn { display: block; width: 100%; background: var(--panel-2); border: 2px dashed var(--faint);
            color: var(--faint); border-radius: 12px; padding: 12px; font-size: .9rem;
            cursor: not-allowed; }
  .pairbtn { display: block; width: 100%; margin-top: 12px; background: var(--panel-2);
             border: 2px solid var(--accent); color: var(--accent); border-radius: 12px;
             padding: 12px; font-size: .92rem; font-weight: 700; cursor: pointer; }
  .pairbtn:active { background: var(--line); }
  .dockrole { display: inline-block; background: var(--line); color: var(--ink-soft);
              border-radius: 999px; padding: 3px 10px; font-size: .76rem;
              font-weight: 700; margin: 0 6px 6px 0; }
  #setupbtn-wrap { max-width: 640px; margin: 0 auto; padding: 0 16px; text-align: right; position: relative; z-index: 1; }
  #setupbtn { background: none; border: none; color: var(--accent); font-size: .88rem;
              font-weight: 700; cursor: pointer; padding: 6px 0; }
  .savebtn { display: block; width: 100%; margin-top: 10px; background: var(--panel-2);
             border: 2px solid var(--faint); color: var(--ink-soft); border-radius: 12px;
             padding: 11px; font-size: .9rem; font-weight: 700; cursor: pointer; }
  .savebtn:active { background: var(--line); }
  .setupline { margin: 6px 0; color: var(--ink); font-size: .95rem; }
  .setupactions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
  .printsheet { background: #ffffff; color: #0f172a; border-radius: 14px;
                padding: 22px; margin-top: 14px; text-align: left; }
  .printsheet h2 { color: #0f172a; margin-top: 0; }
  .printsheet p { margin: 8px 0; }
  @media print {
    #setupbtn-wrap, .discbtn, .buildstamp, .no-print { display: none !important; }
    body::before { display: none; }
    body { background: #ffffff; }
    .printsheet { border-radius: 0; padding: 0; }
  }
  .orline { text-align: center; color: var(--faint); font-size: .85rem; margin: 18px 0 10px; }
  .dots::after { content: ""; animation: dots 1s steps(3) infinite; }
  @keyframes dots { 0% { content: ""; } 33% { content: "."; } 66% { content: ".."; } 100% { content: "..."; } }
  .nophoto { color: var(--faint); font-size: .82rem; line-height: 1.45; margin: 8px 2px 0; }
  .opt.wide { grid-column: 1 / -1; }
  .big-ico { display: block; font-size: 2.4rem; line-height: 1.2; margin-bottom: 2px; }
  .sortrow.bigs { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
  .sortrow .sort.bigbtn { padding: 15px 10px; font-size: 1rem; border-radius: 14px; width: 100%; }
  .card .savebtn { margin-top: 8px; }
  .setuph { margin: 18px 0 8px; font-size: 1.15rem; }
  /* Desktop scale-up (Caleb, Build .39): phones keep the compact layout;
     bigger screens get a wider column and larger type so the page fills
     its space instead of floating in it. */
  html { font-size: 17px; }
  @media (min-width: 760px) {
    html { font-size: 19px; }
    .wrap { max-width: 840px; }
  }
  @media (min-width: 1200px) {
    html { font-size: 21px; }
    .wrap { max-width: 1100px; }
  }
  .ric { width: 1.55em; height: 1.55em; vertical-align: -0.42em; margin-right: .32em; }
  .sort.bigbtn .ric { display: block; width: 2.7em; height: 2.7em; margin: 0 auto .18em; }
  .pairbtn .ric { width: 1.9em; height: 1.9em; vertical-align: -0.55em; }
  /* Web layout for the results header (Caleb, Build .39): on wide screens
     all the header buttons sit side by side in one row so their icons can
     be as big as the start-screen art. Phones keep the 2-up grid. */
  @media (min-width: 760px) {
    .sortrow.bigs { grid-template-columns: repeat(3, 1fr); }
    .sort.bigbtn .ric { width: 3.1em; height: 3.1em; }
  }
  @media (min-width: 1200px) {
    .sortrow.bigs { grid-template-columns: repeat(4, 1fr); }
    .sortrow.bigs:has(> :nth-child(6)) { grid-template-columns: repeat(6, 1fr); }
    .sort.bigbtn .ric { width: 4.3em; height: 4.3em; }
  }
  /* Icons pop on bigger screens (Caleb, Build .39): on desktop the drawn
     icons outrank the words next to them. */
  .big-ico .ric { width: 2.7em; height: 2.7em; display: block; margin: 0; }
  @media (min-width: 760px) {
    .big-ico .ric { width: 3.5em; height: 3.5em; }
    .opt-ic { flex-basis: 84px; width: 84px; height: 84px; }
    .opt-ic svg { width: 62px; height: 62px; }
  }
  @media (min-width: 1200px) {
    .big-ico .ric { width: 4.5em; height: 4.5em; }
    .opt-ic { flex-basis: 118px; width: 118px; height: 118px; border-radius: 20px; }
    .opt-ic svg { width: 88px; height: 88px; }
  }
  .opt.flowrow { display: flex; align-items: center; gap: 20px; text-align: left; }
  .opt.flowrow .big-ico { flex: 0 0 auto; margin: 0; }
  .opt.flowrow .opt-txt { flex: 1 1 auto; }
  @media (min-width: 1200px) {
    #flow-pick .big-ico .ric { width: 5.2em; height: 5.2em; }
  }
  /* Words beside the picture, everywhere it fits (Caleb, Build .39):
     icon options and provider buttons lay out in a row — image left,
     words right — instead of stacked. */
  .opt-grid .opt.has-icon { flex-direction: row; text-align: left; align-items: center; gap: 16px; padding: 14px 16px; }
  @media (min-width: 760px) {
    .opt.has-logo { display: flex; align-items: center; gap: 18px; text-align: left; }
    .opt.has-logo .opt-logo { margin: 0; flex: 0 0 auto; height: 56px; }
    .opt.has-logo .opt-txt { flex: 1 1 auto; }
  }
  @media (min-width: 1200px) {
    .opt.has-logo .opt-logo { height: 68px; }
  }
  .sort.bigbtn > svg { display: block; width: 2.7em; height: 2.7em; margin: 0 auto .18em; }
  @media (min-width: 760px) { .sort.bigbtn > svg { width: 3.1em; height: 3.1em; } }
  @media (min-width: 1200px) { .sort.bigbtn > svg { width: 4.3em; height: 4.3em; } }

  @media (min-width: 1200px) {
    .sortrow.bigs:has(> :nth-child(3)):not(:has(> :nth-child(4))) { grid-template-columns: repeat(3, 1fr); }
  }
  /* Saved stuff lives up top now (Caleb, Build .41): a fixed pill in the
     top-right corner on every page, counting everything saved. */
  #setupbtn-wrap { position: fixed; top: 10px; right: 12px; z-index: 80; max-width: none; margin: 0; padding: 0; }
  #setupbtn { display: inline-flex; align-items: center; background: var(--panel); border: 2px solid var(--line); color: var(--ink); font-size: .92rem; font-weight: 800; border-radius: 999px; padding: 8px 15px 8px 11px; box-shadow: 0 4px 14px rgba(16,48,79,.20); cursor: pointer; }
  #setupbtn .ric { width: 1.4em; height: 1.4em; margin-right: .3em; vertical-align: 0; }