body:has(.homepage) #main.archive-scene{isolation:isolate;min-height:0;display:block;position:relative}body:has(.homepage) .pressed-herbs{z-index:-1;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0 calc(50% - 50vw);overflow:clip;container-type:size}body:has(.homepage) .pressed-herbs:before{content:"";aspect-ratio:2/3;background:var(--accent);opacity:.28;position:absolute;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}body:has(.homepage) .pressed-herbs:after{content:"";aspect-ratio:2/3;background:var(--accent);opacity:.28;position:absolute;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}body:has(.homepage) .pressed-herbs:before{height:min(38cqh,330px);bottom:10%;left:max(-4cqh,-35px);-webkit-mask-image:url(/homepage/botanical/herb-left.webp);mask-image:url(/homepage/botanical/herb-left.webp);-webkit-mask-source-type:alpha;mask-mode:alpha}body:has(.homepage) .pressed-herbs:after{height:min(64cqh,560px);top:31%;right:max(-13cqh,-114px);-webkit-mask-image:url(/homepage/botanical/herb-right-mask.webp);mask-image:url(/homepage/botanical/herb-right-mask.webp);-webkit-mask-source-type:luminance;mask-mode:luminance}:root:has(.homepage)[data-theme=moonlight] .pressed-herbs:before{opacity:.16}:root:has(.homepage)[data-theme=moonlight] .pressed-herbs:after{opacity:.16}body:has(.homepage) .archive-scene.has-query .pressed-herbs{visibility:hidden}@media (max-width:600px){body:has(.homepage) .pressed-herbs:before{height:30cqh;left:-6cqh}body:has(.homepage) .pressed-herbs:after{height:51cqh;top:36%;right:-12cqh}}body:has(.homepage) .card-constellation{position:absolute;inset:0;overflow:clip;container-type:size}body:has(.homepage) .floating-card{--card-width:clamp(95px, 12vw, 180px);--card-size:min(var(--card-width), 24cqh);--safe-x:calc(var(--card-size) * .73 + 14px);--safe-y:calc(var(--card-size) * .84 + 26px);width:var(--card-size);transform:translate(calc(clamp(var(--safe-x), var(--x), calc(100cqw - var(--safe-x))) - 50%), calc(clamp(var(--safe-y), var(--y), calc(100cqh - var(--safe-y))) - 50%)) rotate(var(--rotation)) scale(var(--card-scale,1));background:0 0;border-radius:8px;padding:0;transition:transform .55s cubic-bezier(.22,.68,.2,1),opacity .3s;position:absolute;top:0;left:0}body:has(.homepage) .floating-card:first-child{--x:14cqw;--y:25cqh;--rotation:-13deg}body:has(.homepage) .floating-card:nth-child(2){--x:48cqw;--y:20cqh;--rotation:7deg;--card-width:clamp(85px, 10vw, 150px)}body:has(.homepage) .floating-card:nth-child(3){--x:84cqw;--y:26cqh;--rotation:14deg}body:has(.homepage) .floating-card:nth-child(4){--x:23cqw;--y:76cqh;--rotation:-9deg}body:has(.homepage) .floating-card:nth-child(5){--x:53cqw;--y:79cqh;--rotation:10deg;--card-width:clamp(85px, 10vw, 150px)}body:has(.homepage) .floating-card:nth-child(6){--x:83cqw;--y:76cqh;--rotation:-12deg}body:has(.homepage) .floating-image{aspect-ratio:5/7;object-fit:contain;width:100%;height:auto;animation:8s ease-in-out infinite card-drift;animation-delay:var(--delay);border-radius:7px;transition:translate .18s ease-out;display:block;box-shadow:0 15px 24px -10px #102c324a,0 2px 5px #102c3224}:is(body:has(.homepage) .floating-card:hover,body:has(.homepage) .floating-card:focus-visible){z-index:3}:is(body:has(.homepage) .floating-card:hover .floating-image,body:has(.homepage) .floating-card:focus-visible .floating-image){animation-play-state:paused}@media (hover:hover) and (pointer:fine){body:has(.homepage) .floating-card:hover .floating-image{translate:0 -3px}}body:has(.homepage) .floating-label{z-index:10000;background:var(--paper);border:1px solid var(--line);pointer-events:none;border-radius:5px;width:max-content;max-width:min(220px,100vw - 16px);padding:7px 10px;font-size:10px;position:fixed;box-shadow:0 4px 14px #102c3220}body:has(.homepage) .floating-label[hidden]{display:none}body:has(.homepage) .archive-search{z-index:4;width:min(780px,68%);position:absolute;top:46%;left:50%;transform:translate(-50%,-25%)}body:has(.homepage) .search-form{background:var(--paper);border:1px solid var(--line);height:69px;box-shadow:0 8px 35px #253d3110, 0 0 0 8px color-mix(in srgb, var(--paper) 65%, transparent);border-radius:11px;align-items:center;gap:17px;padding:0 23px;display:flex}body:has(.homepage) .search-form:focus-within{border-color:var(--accent);box-shadow:0 8px 35px #253d3110, 0 0 0 5px color-mix(in srgb, var(--accent) 12%, transparent)}body:has(.homepage) .search-icon{width:22px;height:22px;color:var(--accent)}body:has(.homepage) #card-search{font:400 19px var(--sans);width:100%;min-width:0;color:var(--ink);background:0 0;border:none;outline:none;height:100%}body:has(.homepage) #card-search::placeholder{color:var(--muted);opacity:1}body:has(.homepage) #card-search::-webkit-search-cancel-button{display:none}body:has(.homepage) .search-shortcut{border:1px solid var(--line);width:26px;height:28px;font:13px var(--sans);color:var(--muted);border-radius:5px;flex-shrink:0;place-items:center;display:grid}body:has(.homepage) .clear-search{background:0 0;flex-shrink:0;width:30px;height:38px;font-size:25px}:is(body:has(.homepage) .clear-search[hidden],body:has(.homepage) .retry-search[hidden],body:has(.homepage) .search-pagination[hidden]){display:none}body:has(.homepage) .search-form:has(.clear-search:not([hidden])) .search-shortcut{display:none}body:has(.homepage) .search-meta{justify-content:center;align-items:center;gap:10px;min-height:37px;margin-top:3px;display:flex}body:has(.homepage) #search-status{letter-spacing:.35px;color:var(--muted);text-align:center;margin:0;font-size:10px;line-height:1.5}body:has(.homepage) .retry-search{white-space:nowrap;background:0 0;font-size:11px;text-decoration:underline}body:has(.homepage) .search-results{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}body:has(.homepage) .result-tile{min-width:0;position:relative}body:has(.homepage) .result-artwork-controls{opacity:0;pointer-events:none;align-items:center;max-width:calc(100% - 12px);transition:opacity .15s;display:flex;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}body:has(.homepage) .result-edition-dots{pointer-events:none;flex-wrap:wrap;justify-content:center;gap:5px;max-width:calc(100% - 12px);transition:opacity .15s;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}body:has(.homepage) .result-edition-dot{background:#ffffff73;border-radius:50%;width:6px;height:6px;box-shadow:0 1px 3px #0008}body:has(.homepage) .result-edition-dot.is-current{background:#fff}body:has(.homepage) .result-tile:is(:hover,:has(:focus-visible)) .result-artwork-controls{opacity:1;pointer-events:auto}body:has(.homepage) .result-tile:is(:hover,:has(:focus-visible)) .result-edition-dots{opacity:0}@media (prefers-reduced-motion:reduce){body:has(.homepage) :is(.result-artwork-controls,.result-edition-dots){transition:none}}body:has(.homepage) .result-edition-arrow{color:#ffffffb3;text-shadow:0 1px 3px #000;background:0 0;border-radius:50%;flex:0 0 38px;place-items:center;width:38px;height:38px;padding:0;font-size:30px;line-height:1;transition:background-color .15s,box-shadow .15s,color .15s;display:grid}body:has(.homepage) .result-edition-arrow:hover{color:#fff;background:#ffffff47;box-shadow:inset 0 0 0 1px #ffffff8c,0 1px 5px #0004}body:has(.homepage) .result-edition-arrow:focus-visible{outline-offset:2px;outline:2px solid #fff}body:has(.homepage) .result-card{background:0 0;border-radius:8px;width:100%;min-width:0;padding:0;animation:.2s result-arrive;display:block;position:relative;overflow:hidden}body:has(.homepage) .result-card:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:#0006;transition:opacity .15s;position:absolute;inset:0}body:has(.homepage) .result-tile:is(:hover,:has(:focus-visible)) .result-card:after{opacity:1}@media (prefers-reduced-motion:reduce){body:has(.homepage) .result-card:after{transition:none}}body:has(.homepage) .result-image{aspect-ratio:5/7;object-fit:contain;border-radius:5px;width:100%;max-height:min(44dvh,360px)}:is(body:has(.homepage) .floating-card:has(.floating-image.is-loading,.floating-image.image-unavailable),body:has(.homepage) .result-card:has(.result-image.is-loading,.result-image.image-unavailable)){background:url(/grandarchivecardback.png) 50%/contain no-repeat}:is(body:has(.homepage) .floating-image.is-loading,body:has(.homepage) .floating-image.image-unavailable,body:has(.homepage) .result-image.is-loading,body:has(.homepage) .result-image.image-unavailable){opacity:0}:is(body:has(.homepage) .result-card:hover,body:has(.homepage) .result-card:focus-visible){outline:2px solid var(--accent);outline-offset:2px}body:has(.homepage) .result-edition-count{color:#fff;text-align:center;min-width:36px;font:500 13px/1 var(--sans);font-variant-numeric:tabular-nums;letter-spacing:.04em;text-shadow:0 1px 3px #000;pointer-events:none;padding:0 3px}body:has(.homepage) .search-pagination{justify-content:center;align-items:center;gap:20px;margin-top:20px;display:flex}body:has(.homepage) .search-pagination button{border:1px solid var(--line);background:var(--paper);border-radius:5px;place-items:center;width:36px;height:32px;font-size:17px;display:grid}body:has(.homepage) .search-pagination button:disabled{opacity:.35;cursor:default}body:has(.homepage) .page-label{color:var(--muted);font-size:11px}body:has(.homepage) .has-query .floating-card:first-child{--x:7cqw;--y:20cqh}body:has(.homepage) .has-query .floating-card:nth-child(2){--y:14cqh}body:has(.homepage) .has-query .floating-card:nth-child(3){--x:94cqw;--y:19cqh}body:has(.homepage) .has-query .floating-card:nth-child(4){--x:12cqw;--y:84cqh}body:has(.homepage) .has-query .floating-card:nth-child(5){--y:90cqh}body:has(.homepage) .has-query .floating-card:nth-child(6){--x:92cqw;--y:84cqh}body:has(.homepage) .has-query .floating-card{opacity:.1;--card-scale:.75;pointer-events:none}body:has(.homepage) .has-query .archive-search{width:min(1280px,96%);top:10%;transform:translate(-50%)}body:has(.homepage) .has-query .search-form{max-width:880px;margin-inline:auto}@media (max-height:530px) and (min-width:601px){body:has(.homepage) .result-image{max-height:min(30dvh,155px)}}body:has(.homepage) .motion-paused .floating-image{animation:none}body:has(.homepage) .motion-suspended .floating-image{animation:none}body:has(.homepage):has(dialog[open]) .floating-image{animation:none}body:has(.homepage) .has-query .floating-image{animation-play-state:paused}body:has(.homepage) .motion-toggle{z-index:5;color:var(--muted);background:0 0;align-items:center;gap:7px;padding:8px 0;font-size:9px;display:flex;position:absolute;bottom:0;left:0}body:has(.homepage) .motion-toggle>span:first-child{font-size:12px}body:has(.homepage) .image-unavailable{background:var(--soft);border:1px solid var(--line);color:var(--ink);font:11px var(--sans)}body:has(.homepage) .card-preview{background:var(--paper);max-width:min(780px,92vw);max-height:90dvh;color:var(--ink);border:1px solid var(--line);border-radius:14px;margin:auto;padding:35px;position:fixed;inset:0;overflow:auto}body:has(.homepage) .card-preview[open]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:30px;display:grid}body:has(.homepage) .card-preview::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#10251dde}body:has(.homepage) .preview-close{background:0 0;padding:4px 10px;font-size:27px;position:absolute;top:9px;right:11px}body:has(.homepage) .preview-image{object-fit:contain;border-radius:9px;width:auto;max-width:100%;height:auto;max-height:75dvh}body:has(.homepage) #preview-name{font:400 31px/1.15 var(--serif);margin:10px 0 20px}body:has(.homepage) .preview-type{letter-spacing:1px;color:var(--accent);font-size:9px}body:has(.homepage) .preview-effect{white-space:pre-line;font-size:13px;line-height:1.8}body:has(.homepage) .preview-edition{color:var(--muted);margin-top:20px;font-size:11px}body:has(.homepage) .no-script{text-align:center;padding:40px}body:has(.homepage) .no-script a{text-decoration:underline}@keyframes card-drift{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes result-arrive{0%{opacity:0}to{opacity:1}}@media (min-width:1500px){body:has(.homepage) .floating-card{--card-width:min(12vw, 220px)}:is(body:has(.homepage) .floating-card:nth-child(2),body:has(.homepage) .floating-card:nth-child(5)){--card-width:min(10vw, 185px)}}@media (max-height:650px) and (min-width:601px){body:has(.homepage) .floating-card{--card-width:min(12vw, 21dvh)}:is(body:has(.homepage) .floating-card:nth-child(2),body:has(.homepage) .floating-card:nth-child(5)){--card-width:min(10vw, 18dvh)}body:has(.homepage) .search-form{height:57px}body:has(.homepage) .has-query .archive-search{top:6%}body:has(.homepage) .search-pagination{margin-top:12px}}@media (max-width:850px){body:has(.homepage) .archive-search{width:82%}body:has(.homepage) .search-form{height:61px}body:has(.homepage) #card-search{font-size:17px}body:has(.homepage) .search-results{gap:10px}body:has(.homepage) .result-card>span{font-size:9px}}@media (max-width:600px){body:has(.homepage) .page-shell{overflow:hidden}body:has(.homepage) .floating-card{--card-width:clamp(90px, 29vw, 135px)}:is(body:has(.homepage) .floating-card:nth-child(2),body:has(.homepage) .floating-card:nth-child(3),body:has(.homepage) .floating-card:nth-child(5)){display:none}body:has(.homepage) .floating-card:first-child{--x:24cqw;--y:25cqh;--rotation:-13deg}body:has(.homepage) .floating-card:nth-child(4){--x:77cqw;--y:28cqh;--rotation:12deg}body:has(.homepage) .floating-card:nth-child(6){--x:51cqw;--y:77cqh;--rotation:-7deg}body:has(.homepage) .archive-search{width:calc(100% - 4px);top:51%;transform:translate(-50%,-25%)}body:has(.homepage) .search-form{border-radius:8px;gap:11px;height:57px;padding:0 15px}body:has(.homepage) #card-search{font-size:16px}body:has(.homepage) .search-icon{width:18px;height:18px}body:has(.homepage) .search-shortcut{display:none}body:has(.homepage) #search-status{letter-spacing:0;font-size:9px}body:has(.homepage) .search-meta{min-height:38px}body:has(.homepage) .has-query .archive-search{width:calc(100% - 4px);top:5%;transform:translate(-50%)}body:has(.homepage) .search-results{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}body:has(.homepage) .result-image{max-height:min(25dvh,175px)}body:has(.homepage) .result-card>span{font-size:10px}body:has(.homepage) .search-pagination{margin-top:15px}body:has(.homepage) .motion-toggle{font-size:8px;bottom:9px}body:has(.homepage) .card-preview{width:88vw;padding:35px 20px 20px}body:has(.homepage) .card-preview[open]{grid-template-columns:1fr;gap:15px}body:has(.homepage) .preview-image{max-height:47dvh;margin:auto}body:has(.homepage) .preview-type{margin:0;font-size:8px}body:has(.homepage) #preview-name{margin:8px 0;font-size:23px}body:has(.homepage) .preview-effect{margin-bottom:0;font-size:11px;line-height:1.6}body:has(.homepage) .preview-edition{margin:10px 0 0;font-size:10px}}@media (max-height:540px) and (max-width:600px){body:has(.homepage) .floating-card{--card-width:75px}body:has(.homepage) .search-focused .archive-search{top:8%}body:has(.homepage) .result-image{max-height:20dvh}body:has(.homepage) .search-form{height:48px}body:has(.homepage) .search-meta{min-height:30px}body:has(.homepage) .search-pagination{margin-top:8px}body:has(.homepage) .motion-toggle{display:none}}@media (prefers-reduced-motion:reduce){body:has(.homepage) .floating-image{transition:none;animation:none}body:has(.homepage) .floating-card:hover .floating-image{translate:none}:is(body:has(.homepage) .floating-card,body:has(.homepage) .archive-search,body:has(.homepage) .result-image){transition:none}body:has(.homepage) .result-card{animation:none}body:has(.homepage) .motion-toggle{display:none}}@media (max-width:600px){body:has(.homepage) .page-shell{height:var(--available-height,100dvh)}body:has(.homepage) .keyboard-open .archive-search{top:8px;transform:translate(-50%)}body:has(.homepage) .keyboard-open .floating-card{opacity:.06}body:has(.homepage) .keyboard-open .search-form{height:48px}body:has(.homepage) .keyboard-open .search-meta{min-height:28px}body:has(.homepage) .keyboard-open .result-image{max-height:clamp(50px, calc((var(--available-height) - 260px) * .65), 110px)}body:has(.homepage) .keyboard-open .search-pagination{margin-top:8px}body:has(.homepage) .keyboard-open .motion-toggle{display:none}}body:has(.homepage) .preview-artwork{flex-direction:column;align-items:center;gap:14px;min-width:0;display:flex}body:has(.homepage) .preview-artwork .preview-image{max-height:calc(75dvh - 48px)}body:has(.homepage) .edition-controls{justify-content:center;align-items:center;gap:20px;display:flex}body:has(.homepage) .edition-controls[hidden]{display:none}body:has(.homepage) .edition-controls button{border:1px solid var(--line);background:var(--paper);border-radius:5px;place-items:center;width:42px;height:36px;font-size:18px;display:grid}body:has(.homepage) .edition-controls button:hover{background:var(--soft)}body:has(.homepage) .edition-count{color:var(--muted);text-align:center;min-width:42px;font-size:12px}@media (max-width:600px){body:has(.homepage) .preview-artwork .preview-image{max-height:42dvh}body:has(.homepage) .preview-artwork{gap:10px}}body:has(.homepage) .preview-artwork-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}body:has(.homepage) .flip-card{border:1px solid var(--line);background:var(--paper);border-radius:5px;min-height:36px;padding:8px 12px;font-size:12px}body:has(.homepage) .flip-card:hover{background:var(--soft)}body:has(.homepage) .flip-card[hidden]{display:none}body:has(.homepage) .result-face-toggle{z-index:2;border:1px solid color-mix(in srgb, var(--ink) 55%, transparent);background:color-mix(in srgb, var(--paper) 30%, transparent);min-width:64px;min-height:36px;color:var(--ink);font:500 12px var(--sans);border-radius:18px;padding:7px 14px;transition:background .15s,border-color .15s,box-shadow .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0002}:is(body:has(.homepage) .result-face-toggle:hover,body:has(.homepage) .result-face-toggle:focus-visible){background:color-mix(in srgb, var(--paper) 95%, transparent);border-color:color-mix(in srgb, var(--ink) 65%, transparent);box-shadow:0 2px 10px #0004}@media (prefers-reduced-motion:reduce){body:has(.homepage) .result-face-toggle{transition:none}}body:has(.homepage) .result-face-toggle[hidden]{display:none}
