@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--paper:#f6f4eb;--ink:#233e34;--orange:#ef6339;--line:#d8dccc}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px 'DM Sans',sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:4px}[hidden]{display:none!important}header{max-width:1320px;margin:auto;padding:28px 50px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{text-decoration:none;font-weight:700;font-size:29px;letter-spacing:-1.5px}.mark{color:var(--orange);font-size:38px;vertical-align:middle;margin-right:6px}.dot{color:var(--orange)}nav{display:flex;gap:28px}.nav{border:0;background:none;font-size:14px;padding:10px 0}.nav.active{border-bottom:2px solid var(--ink)}#count{font-size:11px;background:#e6e9de;border-radius:20px;padding:3px 7px;margin-left:4px}.header-note,.eyebrow,.collection-note,.art-label{font-size:10px;font-weight:700;letter-spacing:1.8px}main{max-width:1160px;margin:auto;padding:0 20px}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;min-height:390px;gap:40px}.eyebrow{margin:24px 0;color:#68796b}h1{font-weight:400;letter-spacing:-3px;font-size:78px;line-height:.98;margin:0 0 24px}h1 em,h2{font-family:'Libre Caslon Display',Georgia,serif}h1 em{font-weight:400;color:var(--orange)}.intro{font-size:15px;line-height:1.8;color:#69756a}.art{height:340px;padding-bottom:48px;position:relative;display:flex;justify-content:center;align-items:center}.door{height:242px;width:157px;border:10px solid var(--ink);border-radius:90px 90px 0 0;transform:rotate(9deg);box-shadow:15px 12px 0 #e1e4d5;overflow:hidden;z-index:2;background:#c1d3c0}.sky{height:100%;position:relative;overflow:hidden}.sun{width:54px;height:54px;border-radius:50%;background:#f4b55b;position:absolute;top:32px;left:56px}.hill{position:absolute;width:230px;height:160px;border-radius:50%;background:#8ba78a;top:106px;left:-100px;transform:rotate(-25deg)}.h2{background:#5e8469;top:137px;left:10px}.path{position:absolute;width:40px;height:135px;background:#f1dbac;bottom:-30px;left:67px;transform:rotate(25deg);border-radius:90% 0 0 0}.orbit{position:absolute;width:325px;height:190px;border:1px solid #d2d8c6;border-radius:50%;transform:rotate(-25deg)}.orbit2{transform:rotate(55deg);width:290px;height:215px}.star{position:absolute;color:var(--orange)}.s1{font-size:67px;top:36px;right:42px}.s2{font-size:42px;left:55px;bottom:60px}.spark{position:absolute;font-size:32px;right:45px;bottom:80px}.art-label{position:absolute;left:50%;bottom:14px;transform:translateX(-50%) rotate(-5deg);font-size:8px;line-height:1.5;white-space:nowrap;z-index:3}.controls{border:1px solid var(--line);background:#fcfbf5;border-radius:14px;overflow:hidden}.tabs{display:flex;border-bottom:1px solid var(--line);padding:0 24px;gap:24px}.tabs button{border:0;background:none;padding:20px 12px;font-size:14px;color:#7a8275;border-bottom:3px solid transparent}.tabs button.selected{color:var(--ink);border-bottom-color:var(--orange)}.settings{display:grid;grid-template-columns:1.5fr 1fr;gap:50px;padding:22px 32px}.preferences p{font-size:13px;margin:0 0 14px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chips button{border:1px solid var(--line);background:transparent;border-radius:20px;padding:7px 13px;font-size:12px}.chips button.on{background:var(--ink);color:#fff;border-color:var(--ink)}.surprise{padding-top:2px}.surprise label{font-size:12px;display:flex;justify-content:space-between}.surprise label span{color:var(--orange)}input[type=range]{width:100%;margin:20px 0 8px;accent-color:var(--orange)}.range-labels{display:flex;justify-content:space-between;font-size:10px;color:#7a8275}.launch{padding:0 32px 26px;display:flex;align-items:center;gap:22px}.launch>button{background:var(--orange);border:0;color:white;padding:17px 24px;border-radius:7px;font-weight:600;box-shadow:0 3px 0 #d34e29}.launch>button span{margin-left:25px}.launch>span{font-size:11px;color:#7a8275}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:36px 0 20px}.section-heading .eyebrow{margin:0 0 7px}h2{font-size:32px;font-weight:400;letter-spacing:-.5px;margin:0}.collection-note{font-size:8px;color:#818b7a}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fcfbf5}.visual{height:136px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#f7f0d5;background:#2e5448}.visual:after{content:'';position:absolute;width:190px;height:190px;border:1px solid currentColor;border-radius:50%;opacity:.25;transform:translate(70px,40px)}.visual .glyph{font:80px Georgia,serif;transition:transform .3s}.card:hover .glyph{transform:rotate(12deg) scale(1.1)}.visual.artwork{background:#c77651}.visual.nature{background:#809c8e}.visual.science{background:#303f59}.visual.weird{background:#c3a454}.visual.history{background:#9e735b}.card-body{padding:18px}.meta{font-size:9px;text-transform:uppercase;letter-spacing:1.4px;color:#79816e}.card h3{font:25px 'Libre Caslon Display',Georgia,serif;margin:8px 0}.card p{font-size:12px;line-height:1.7;color:#74806e;min-height:42px}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:15px}.visit{font-size:11px;text-decoration:none;font-weight:700}.save{border:1px solid var(--line);background:none;border-radius:20px;padding:6px 10px;font-size:11px}.save.saved{background:var(--ink);color:white}.collection{margin-bottom:45px}footer{max-width:1220px;margin:auto;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:25px 30px;color:#7a8275;font-size:10px}.small{font-size:20px;color:var(--ink)}#result{margin-top:24px;background:#e7ecdf;border-radius:12px;padding:24px}#result h2{margin:8px 0}#result p{line-height:1.6;color:#63715f}#result .visit{display:inline-block;background:var(--ink);color:white;border-radius:5px;padding:12px 18px;margin-right:10px}#saved-view{padding-top:30px;min-height:75vh}#saved-view .cards{margin:30px 0}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;border-radius:30px;padding:12px 24px;opacity:0;pointer-events:none;transition:opacity .2s;font-size:12px}#toast.show{opacity:1}@media(min-width:1500px){.hero{min-height:450px}}@media(max-width:760px){header{padding:18px 20px}.header-note{display:none}.logo{font-size:24px}nav{gap:15px}.hero{grid-template-columns:1fr;gap:0;padding-top:25px;min-height:0}.hero h1{font-size:61px}.art{height:252px}.door{height:178px;width:120px;border-width:8px}.orbit{width:260px;height:140px}.orbit2{width:220px;height:170px}.s1{right:18%;font-size:45px;top:10px}.s2{left:18%;bottom:20px}.spark{right:18%;bottom:25px}.art-label{bottom:14px}.settings{grid-template-columns:1fr;gap:25px;padding:22px}.tabs{gap:0;padding:0 8px;justify-content:space-around}.tabs button{font-size:12px;padding:17px 6px}.launch{padding:0 22px 24px;flex-direction:column;gap:15px;align-items:stretch}.launch>span{text-align:center}.section-heading{align-items:start}.collection-note{display:none}.cards{grid-template-columns:1fr}.visual{height:160px}footer{gap:20px;flex-wrap:wrap}footer>span:last-child{display:none}.hero .eyebrow{font-size:8px}.intro{font-size:14px}.desktop{display:none}#saved-view h1{font-size:57px}}
.header-actions{display:flex;align-items:center;gap:22px}#theme-toggle{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:22px;background:transparent;padding:9px 13px;font-size:12px;white-space:nowrap}html{color-scheme:light}html[data-theme=dark]{color-scheme:dark;--paper:#141e1a;--ink:#e0e9d9;--orange:#ff926e;--line:#3b4c41}html[data-theme=dark] .controls,html[data-theme=dark] .card{background:#1c2a23}html[data-theme=dark] .intro,html[data-theme=dark] .card p,html[data-theme=dark] .eyebrow,html[data-theme=dark] .meta,html[data-theme=dark] .collection-note,html[data-theme=dark] .range-labels,html[data-theme=dark] .launch>span,html[data-theme=dark] footer,html[data-theme=dark] .tabs button{color:#adbdac}html[data-theme=dark] .tabs button.selected{color:var(--ink)}html[data-theme=dark] #count{background:#34473a}html[data-theme=dark] #result{background:#293c30}html[data-theme=dark] #result p{color:#bfccba}html[data-theme=dark] .chips button.on,html[data-theme=dark] .save.saved,html[data-theme=dark] #result .visit,html[data-theme=dark] #toast{color:#14231a}html[data-theme=dark] .launch>button{background:#e96a43;color:#fff}html[data-theme=dark] .door{border-color:#8aab8c;box-shadow:15px 12px 0 #2c3e31}html[data-theme=dark] .orbit{border-color:#3b5040}@media(max-width:760px){.header-actions{gap:0}#theme-toggle{padding:8px 10px}#theme-toggle span{display:none}header{gap:12px}nav{gap:12px}.logo{font-size:22px}.mark{font-size:29px}}
.catalog-status{font-size:11px;color:#73816f;margin:16px 3px}.instant{font-size:12px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 8px}.instant input{accent-color:var(--orange);grid-row:span 2}.instant small{font-size:10px;color:#7a8275}.secondary,.primary{font:inherit;display:inline-block;border-radius:7px;padding:10px 15px;text-decoration:none;cursor:pointer;font-size:12px}.secondary{background:transparent;border:1px solid var(--line);color:var(--ink)}.primary{background:var(--ink);color:var(--paper);border:1px solid var(--ink)}#browse-more{display:block;margin:24px auto}.card-actions{display:flex;justify-content:space-between;gap:8px;margin-top:16px;border-top:1px solid var(--line);padding-top:12px}.card-actions button{border:0;background:none;font-size:10px;padding:3px 0}.result-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}#history-view,#tools-view{padding-top:25px;min-height:75vh;padding-bottom:45px}.tool-row{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.tool-row input{flex:1;min-width:200px}input:not([type=range]):not([type=checkbox]),select,textarea{font:inherit;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:12px;border-radius:6px;max-width:100%}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}.panel{padding:26px;border:1px solid var(--line);border-radius:12px;background:#fcfbf5}.panel p,dialog p,.sources p{font-size:13px;line-height:1.7;color:#6e7d6b}.panel label,dialog label{display:flex;flex-direction:column;gap:8px;margin:18px 0;font-size:12px}.panel details{margin-top:20px;font-size:12px;line-height:1.8}summary{cursor:pointer}.space-top{margin-top:30px}.queue-row{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:16px 0}.queue-row p{overflow-wrap:anywhere;margin:5px 0}.queue-row button{margin:3px}.queue-row>div:first-child{min-width:0}.sources{margin-top:30px;font-size:12px}.import-label{font-size:12px}dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:14px;width:460px;max-width:90vw;padding:28px}dialog::backdrop{background:#07120dbb}html[data-theme=dark] .panel{background:#1c2a23}html[data-theme=dark] .panel p,html[data-theme=dark] dialog p,html[data-theme=dark] .sources p,html[data-theme=dark] .catalog-status,html[data-theme=dark] .instant small{color:#adbdac}header{flex-wrap:wrap;gap:14px}header nav{gap:20px}.header-note{display:none}#history-cards{margin-top:20px}@media(max-width:760px){header{padding:16px 20px}.header-actions{margin-left:auto}header nav{order:3;flex-basis:100%;justify-content:space-between;gap:8px}.tool-grid{grid-template-columns:1fr}.panel{padding:20px}.queue-row{align-items:start;flex-direction:column}.launch .instant{align-self:start}.hero{padding-top:15px}#tools-view h1,#history-view h1{font-size:57px}}
.check-label{flex-direction:row!important;align-items:center;line-height:1.6}.check-label input{accent-color:var(--orange)}#account-view{padding-top:25px;padding-bottom:50px;min-height:80vh}.account-heading{display:flex;align-items:center;gap:20px;margin:30px 0}.account-heading p{font-size:12px;color:#7a8275}.avatar{background:var(--ink);color:var(--paper);border-radius:50%;width:70px;height:70px;display:grid;place-items:center;font-size:30px}.badge{border:1px solid var(--line);border-radius:20px;padding:7px 12px;font-size:11px}.panel button:disabled{opacity:.55;cursor:wait}#account-content [data-sync-status]{font-size:12px;color:var(--orange)}@media(max-width:760px){header nav .nav{font-size:11px}header nav{gap:5px}#account-view h1{font-size:54px}.account-heading{gap:14px}}
.mode-explainer{padding:0 32px;margin:18px 0 0;font-size:13px;line-height:1.7;color:#68796b}.mode-badge{display:inline-block;border:1px solid var(--line);border-radius:20px;padding:5px 10px;font-size:10px;letter-spacing:.4px;margin:0 8px 10px 0;color:var(--ink)}.card .meta{display:block;line-height:1.7;overflow-wrap:anywhere}.card-body>p{min-height:64px}.why{border-top:1px solid var(--line);padding:10px 0;font-size:11px;line-height:1.6}.why summary{font-weight:600}.why p{font-size:12px;min-height:0;margin:8px 0}.discovery-actions{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.result-actions .discovery-actions{margin:0}.new-tab-hint{font-size:10px;color:#74806e}.card-bottom{flex-wrap:wrap;gap:9px}.history-time{display:flex;flex-direction:column;gap:5px;font-size:11px;line-height:1.6;margin-bottom:14px;color:#68796b;text-transform:none}.time-zone-control{display:flex;gap:10px;align-items:center;font-size:12px}.time-zone-control select{max-width:250px}.instant-note{font-size:12px!important}.trip-next{margin-top:18px}.visual.tools{background:#52686a}.visual.words{background:#866d8e}.visual.music{background:#8b624d}.visual.maps{background:#56765e}.visual.math{background:#4c5f89}.visual.learning{background:#8c7852}html[data-theme=dark] .mode-explainer,html[data-theme=dark] .new-tab-hint,html[data-theme=dark] .history-time{color:#adbdac}#result .eyebrow{line-height:1.8}@media(max-width:760px){.mode-explainer{padding:0 22px}.time-zone-control{align-items:start;flex-direction:column}.result-actions{align-items:start}.card-body>p{min-height:0}}

.release-label{font-size:11px;color:var(--ink)}.release-update{display:flex;justify-content:center;align-items:center;gap:16px;padding:12px 20px;background:var(--ink);color:var(--paper);font-size:13px}.release-update button{border-color:var(--paper);color:var(--paper)}