:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#1d1726;--muted:#6d647b;--paper:#fff;--line:#ded8ea;--soft:#f7f2fb;--violet:#6d4bd8;--teal:#147d73;--gold:#b8852f}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--ink);background:linear-gradient(#fbf9ff 0,#f6f3fb 42%,#f8f7f3 100%),repeating-linear-gradient(90deg,#6d4bd809 0 1px,#0000 1px 72px);margin:0}a{color:inherit}.miaoApp{min-height:100vh}.heroSection{background-image:linear-gradient(90deg,#fbf6effa 0%,#fbf6efe6 27%,#fbf6ef70 53%,#fbf6ef0f 100%),url(../assets/miao-hero.avif);background-position:100%;background-size:cover;border-bottom:1px solid #4b375f24;min-height:76vh;position:relative}.heroContent{flex-direction:column;min-height:76vh;display:flex}.topNav{padding:18px 0}.brandWord{letter-spacing:0;font-size:22px}.heroCopy{flex-direction:column;flex:1;justify-content:center;max-width:680px;padding:42px 0 72px;display:flex}.heroTitle{letter-spacing:0;max-width:760px;margin-top:18px;font-size:clamp(38px,5.6vw,64px);line-height:1.08}.heroLead{color:#4c425f;max-width:620px;margin-top:18px;font-size:18px;line-height:1.85}.controlPanel,.emptyMiaoPanel,.resultHeader,.drawnMiaoCard,.sharePanel,.deckCard,.sourceRow{border-color:var(--line);border-radius:8px}.miaoSpread{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:124px;padding:12px;transition:border-color .16s,background .16s,transform .16s}.miaoSpread:hover{background:#fbf8ff;border-color:#6d4bd885;transform:translateY(-1px)}.miaoSpread.isActive{border-color:var(--violet);background:#f2edff}.readingFlowStatus{border:1px solid var(--line);background:linear-gradient(#fffffffa,#f9f6fffa),linear-gradient(135deg,#6d4bd814,#147d730f);border-radius:8px;padding:12px}.flowStep{background:#fff;border:1px solid #6d4bd81f;border-radius:8px;grid-template-rows:auto 1fr;grid-template-columns:auto 1fr;align-items:start;gap:3px 8px;min-height:72px;padding:9px;display:grid}.flowStep span{width:24px;height:24px;color:var(--muted);background:#f0edf7;border-radius:999px;grid-row:1/3;place-items:center;font-size:12px;font-weight:800;display:grid}.flowStep strong{font-size:13px;line-height:1.2}.flowStep small{color:var(--muted);font-size:11px;line-height:1.35}.flowStep.isActive{background:#fbf8ff;border-color:#6d4bd857}.flowStep.isActive span{background:var(--violet);color:#fff}.spreadPreview{border:1px solid var(--line);background:#fff;border-radius:8px;margin-top:10px;padding:12px}.spreadPreviewGrid{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:8px;margin-top:10px;display:grid}.spreadPosition{background:#fbfbfd;border:1px solid #1d17261a;border-radius:8px;min-height:92px;padding:9px}.spreadPosition span{color:var(--violet);font-size:11px;font-weight:850}.spreadPosition strong{margin-top:4px;font-size:13px;line-height:1.2;display:block}.spreadPosition small{color:var(--muted);margin-top:5px;font-size:11px;line-height:1.45;display:block}.resultHeader{background:linear-gradient(135deg,#fffffff5,#f8f3fff5),linear-gradient(90deg,#6d4bd814,#147d7314)}.resultTitle{letter-spacing:0;font-size:clamp(24px,4vw,42px);line-height:1.13}.resultSummary{line-height:1.75}.drawnMiaoCard{background:linear-gradient(#fffffffa,#fbf9fffa),linear-gradient(135deg,#6d4bd81a,#b8852f14);min-height:430px}.drawnMiaoCard .miaoCardArt{width:min(320px,100%);margin-inline:auto}.drawnCardsGrid[data-count="1"]{width:min(520px,100%);margin-inline:auto}.miaoCardArt{--card-a:#efe8ff;--card-b:#d9f5ef;aspect-ratio:5/7;background:radial-gradient(circle at 50% 24%, #ffffffdb, #ffffff38 28%, transparent 29%), linear-gradient(145deg, var(--card-a), var(--card-b));border:1px solid #2c223b29;border-radius:8px;width:100%;min-height:210px;padding:14px;box-shadow:inset 0 0 0 1px #ffffff94}.miaoCardArt.isLarge{max-width:340px;margin:0 auto}.miaoCardInner{border:1px solid #ffffffc7;border-radius:6px;grid-template-rows:auto 1fr auto auto;place-items:center;height:100%;padding:12px;transition:transform .42s;display:grid;position:relative;overflow:hidden}.miaoCardArt.isReversed .miaoGeneratedImage,.miaoCardArt.isReversed .miaoStatePicture{transform:rotate(180deg)}.miaoCardSigil{color:#fff;background:#1d1726b8;border-radius:999px;place-items:center;min-width:32px;height:32px;font-size:12px;font-weight:800;display:grid;position:absolute;top:12px;left:12px}.miaoStatePicture{--scene-a:#ffffffc2;--scene-b:#6d4bd833;--scene-c:#147d7324;--floor:#1d172621;--cat:#fff8ef;--cat-line:#1d172638;aspect-ratio:4/3;background:radial-gradient(circle at 28% 22%, #ffffffd1, transparent 28%), linear-gradient(145deg, var(--scene-a), var(--scene-b) 58%, var(--scene-c));border:1px solid #1d17261f;border-radius:8px;place-self:center;width:min(182px,88%);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff7a,0 12px 22px #1d172614}.miaoStatePicture.isCompact{aspect-ratio:16/10;width:100%;max-width:330px}.miaoGeneratedImage{aspect-ratio:1;object-fit:cover;border:1px solid #1d172624;border-radius:8px;place-self:center;width:min(196px,92%);display:block;box-shadow:0 12px 28px #1d172624}.miaoGeneratedImage.isCompact{width:min(300px,100%);max-width:100%}.miaoPictureSky,.miaoPictureFloor{pointer-events:none;position:absolute}.miaoPictureSky{background:radial-gradient(circle at 70% 24%,#ffffff80,#0000 18%),repeating-linear-gradient(90deg,#ffffff1f 0 1px,#0000 1px 24px);inset:0}.miaoPictureFloor{background:var(--floor);filter:blur(1px);border-radius:999px;height:10px;bottom:22%;left:10%;right:10%}.miaoPictureProp{color:#1d1726b8;text-align:center;z-index:3;background:#ffffffc7;border:1px solid #1d172621;border-radius:999px;place-items:center;min-width:48px;max-width:74px;min-height:28px;padding:3px 7px;font-size:11px;font-weight:850;line-height:1.1;display:grid;position:absolute;top:9px;right:9px}.miaoPictureProp:before{content:"";border-radius:inherit;border:1px dashed #1d172629;position:absolute;inset:5px}.miaoPictureProp span{z-index:1;position:relative}.miaoPictureCat{transform-origin:50% 62%;z-index:2;width:96px;height:74px;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)}.miaoBody{border:1px solid var(--cat-line);background:var(--cat);border-radius:44% 48% 42% 46%;width:62px;height:42px;position:absolute;bottom:8px;left:18px;box-shadow:inset -10px -6px #1d17260d}.miaoHead{border:1px solid var(--cat-line);background:var(--cat);border-radius:47% 47% 42% 42%;width:48px;height:42px;position:absolute;top:7px;left:24px}.miaoHead:before,.miaoHead:after{content:"";border:1px solid var(--cat-line);background:var(--cat);clip-path:polygon(50% 0,0 100%,100% 100%);width:18px;height:22px;position:absolute;top:-11px}.miaoHead:before{left:4px;transform:rotate(-18deg)}.miaoHead:after{right:4px;transform:rotate(18deg)}.miaoHead i{background:#1d1726b8;border-radius:999px;width:6px;height:6px;position:absolute;top:17px;left:14px;box-shadow:18px 0 #1d1726b8}.miaoHead i:after{content:"";background:#1d172647;border-radius:999px;width:9px;height:5px;position:absolute;top:10px;left:8px}.miaoTail{border-top:8px solid var(--cat);border-right:8px solid var(--cat);width:30px;height:28px;filter:drop-shadow(0 0 0 var(--cat-line));border-radius:0 28px 0 0;position:absolute;bottom:24px;right:6px;transform:rotate(12deg)}.miaoPictureLine{z-index:3;color:#1d1726c7;text-align:center;background:#ffffffb8;border:1px solid #ffffff94;border-radius:8px;place-items:center;min-height:28px;padding:4px 8px;font-size:11px;font-weight:780;line-height:1.25;display:grid;position:absolute;bottom:8px;left:9px;right:9px}.scene-night,.scene-dark,.scene-upside{--scene-a:#23233a;--scene-b:#59608a;--scene-c:#9689c5;--floor:#fff3;--cat:#fbf8ff}.scene-sunspot,.scene-bright,.scene-window{--scene-a:#fff8d8;--scene-b:#ffdba5;--scene-c:#f7b9c4;--floor:#b8852f33}.scene-desk,.scene-counter,.scene-table,.scene-kitchen{--scene-a:#f5f1ff;--scene-b:#cfd9ff;--scene-c:#c4efe6;--floor:#1d172629}.scene-box,.scene-recycle,.scene-blanket,.scene-sofa{--scene-a:#fff2dc;--scene-b:#dfc79e;--scene-c:#f4dfc0;--floor:#53391c2e}.scene-cabinet,.scene-doorway,.scene-hallway,.scene-living{--scene-a:#f5eeff;--scene-b:#d5ccff;--scene-c:#bfeee2}.scene-ritual,.scene-water,.scene-catnip,.scene-lap{--scene-a:#edf8f3;--scene-b:#bbe8da;--scene-c:#f6d4e4}.pose-pounce .miaoPictureCat{transform:translate(-50%,-54%)rotate(-11deg)}.pose-reach .miaoPictureCat{transform:translate(-47%,-52%)rotate(5deg)}.pose-watch .miaoPictureCat{transform:translate(-50%,-52%)scale(.92)}.pose-loaf .miaoPictureCat{transform:translate(-50%,-48%)scaleX(1.14)scaleY(.86)}.pose-guard .miaoPictureCat{transform:translate(-50%,-52%)scale(1.02)}.pose-ritual .miaoPictureCat{transform:translate(-50%,-50%)rotate(2deg)}.pose-bite .miaoPictureCat{transform:translate(-50%,-52%)rotate(-3deg)}.pose-sprint .miaoPictureCat{transform:translate(-46%,-53%)skew(-10deg)}.pose-paw .miaoPictureCat{transform:translate(-50%,-52%)scale(.98)}.pose-hide .miaoPictureCat{transform:translate(-50%,-48%)scale(.84)}.pose-glitch .miaoPictureCat{transform:translate(-50%,-52%)rotate(8deg)skew(8deg)}.pose-judge .miaoPictureCat{transform:translate(-50%,-52%)scale(.96)}.pose-hang .miaoPictureCat{top:46%;transform:translate(-50%,-50%)rotate(180deg)}.pose-leave .miaoPictureCat{transform:translate(-42%,-52%)rotate(-4deg)}.pose-mix .miaoPictureCat{transform:translate(-51%,-52%)rotate(4deg)}.pose-spin .miaoPictureCat{transform:translate(-50%,-52%)rotate(14deg)}.pose-push .miaoPictureCat{transform:translate(-47%,-53%)rotate(-6deg)}.pose-glow .miaoPictureCat{filter:drop-shadow(0 0 12px #ffffffdb);transform:translate(-50%,-52%)scale(1.03)}.pose-hiss .miaoPictureCat{transform:translate(-50%,-52%)scaleX(.92)scaleY(1.08)}.pose-belly .miaoPictureCat{transform:translate(-50%,-48%)rotate(180deg)scaleX(1.08)}.pose-awake .miaoPictureCat{transform:translate(-50%,-53%)scale(1.04)}.pose-liquid .miaoPictureCat{transform:translate(-50%,-45%)scaleX(1.26)scaleY(.78)}.catMark{align-self:center;width:116px;height:94px;position:relative}.catMark:before{content:"";background:#ffffffdb;border:1px solid #1d172629;border-radius:48% 48% 42% 42%;width:82px;height:68px;position:absolute;top:13px;left:17px}.catMark:after{content:"";background:#1d172647;border-radius:50%;width:18px;height:10px;position:absolute;top:49px;left:48px}.catMark span{background:#ffffffdb;border:1px solid #1d172624;width:32px;height:42px;position:absolute;top:3px}.catMark span:first-child{clip-path:polygon(50% 0,0 100%,100% 100%);left:22px;transform:rotate(-22deg)}.catMark span:nth-child(2){clip-path:polygon(50% 0,0 100%,100% 100%);right:22px;transform:rotate(22deg)}.catMark i{border-left:8px solid #1d17266b;border-right:8px solid #1d17266b;width:54px;height:12px;position:absolute;top:39px;left:31px}.miaoCardName{text-align:center;font-size:18px;font-weight:850;line-height:1.25}.miaoCardArchetype{text-align:center;color:#1d1726a8;margin-top:4px;font-size:12px;line-height:1.45}.palette-violet{--card-a:#efe7ff;--card-b:#d8ccff}.palette-grape{--card-a:#f4e2ff;--card-b:#d9b8ff}.palette-indigo{--card-a:#e8edff;--card-b:#c8d3ff}.palette-pink{--card-a:#ffe7f1;--card-b:#ffd3df}.palette-red{--card-a:#ffe2de;--card-b:#ffc7bd}.palette-blue{--card-a:#e3f0ff;--card-b:#bedbff}.palette-orange{--card-a:#fff0d6;--card-b:#ffd69a}.palette-cyan{--card-a:#daf8ff;--card-b:#b5ecf5}.palette-teal{--card-a:#ddf8f0;--card-b:#b9eadb}.palette-lime{--card-a:#edf8d6;--card-b:#d6eda3}.palette-yellow{--card-a:#fff7cf;--card-b:#ffe58a}.palette-rose{--card-a:#ffe5ec;--card-b:#ffc2d2}.palette-dark{--card-a:#ddd7ea;--card-b:#a9a1ba}.palette-gray{--card-a:#f0eef4;--card-b:#dad6e2}.miaoCaption{font-weight:780;line-height:1.55}.miaoMeaning{color:#4f465d;line-height:1.7}.miaoMeaningSummary{border-top:1px solid var(--line);padding-top:10px}.tarotMeaningDetails{border-top:1px solid var(--line);margin-top:auto;padding-top:8px}.tarotMeaningDetails summary{cursor:pointer;width:fit-content;color:var(--violet);font-size:12px;font-weight:800}.tarotMeaningDetails.isCompact{border-top-style:dashed;margin-top:8px}.tarotMeaningLayers{padding-top:8px}.tarotMeaningLayers>div+div{border-top:1px dashed #1d17261f;padding-top:8px}.sharePanel{background:linear-gradient(#fffffff5,#fbf8fff5),linear-gradient(135deg,#6d4bd814,#b8852f14)}.shareCard{background:linear-gradient(135deg,#ffffffed,#f5edffeb),radial-gradient(circle at 100% 0,#6d4bd829,#0000 44%);border:1px solid #1d17262e;border-radius:8px;max-width:520px;min-height:290px;padding:24px}.sharePoster{aspect-ratio:9/16;flex-direction:column;width:min(420px,100%);max-width:420px;min-height:0;display:flex}.shareCardTop{justify-content:space-between;align-items:center;display:flex}.shareCardTitle{margin-top:26px;font-size:clamp(26px,5vw,44px);line-height:1.1}.sharePosterArt{width:min(280px,82%);margin:18px 0 4px}.shareCardCaption{color:#4f465d;margin-top:14px;font-size:18px;line-height:1.65}.sharePosterCards{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:8px;display:grid}.sharePosterCard{background:#ffffffb8;border:1px solid #1d17261f;border-radius:8px;padding:10px}.sharePosterFooter{grid-template-columns:minmax(0,1fr) 112px;align-items:end;gap:16px;margin-top:auto;padding-top:22px;display:grid}.sharePosterUrl{overflow-wrap:anywhere;color:#1f172a;margin-top:6px}.shareQr{color:#7a7088;background:#fff;border:1px solid #1d172624;border-radius:8px;place-items:center;width:112px;height:112px;padding:8px;font-weight:800;display:grid}.shareQr img{width:100%;height:100%;display:block}.shareExportPreview{border:1px solid var(--line);background:#fff;border-radius:8px;max-width:320px;margin-top:12px;padding:8px}.shareExportPreview img{border-radius:6px;width:100%;height:auto;display:block}.deckCard{min-height:560px}.deckMeaningBlock,.deckActionLine{background:#fbfbfd;border:1px solid #1d17261a;border-radius:8px;margin-top:12px;padding:10px}.deckMeaningBlock{min-height:112px}.deckActionLine{min-height:76px}.sourceRow{background:#fff}.themeLabPanel,.themeLabResult,.themeLabCard,.themeLabEmpty,.themeSummary{border-color:var(--line);border-radius:8px}.themeLabPanel,.themeLabResult{background:linear-gradient(#fffffffa,#f9f7fdfa),linear-gradient(135deg,#6d4bd814,#147d730f)}.themeSummary{background:#fff}.themeLabCard{min-height:360px}.themeLabEmpty{flex-direction:column;justify-content:center;min-height:360px;display:flex}.themeCardArt{min-height:190px}.themeCardMark{color:#1d17269e;background:#ffffffc2;border:1px solid #1d172624;border-radius:999px;align-self:center;place-items:center;width:112px;height:96px;display:grid}.historyItem{border:1px solid var(--line);text-align:left;background:#fff;border-radius:8px;width:100%;padding:12px}.historyItem:hover{background:#fbf8ff}.codeBlock,.jsonBlock{white-space:pre-wrap;word-break:break-word;margin:16px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.6}.codeBlock{border:1px solid var(--line);background:#f8f7fb;border-radius:8px;padding:14px}.jsonBlock{padding:12px}.payloadArea{border:1px solid var(--line);background:#fbfbfd;border-radius:8px}.promptText textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.6}.aiEmptyState{border-color:var(--line);background:#fbfbfd;border-radius:8px;flex-direction:column;justify-content:center;min-height:240px;display:flex}.llmResult{white-space:pre-wrap;line-height:1.75}.structuredResultCard{border-color:var(--line);background:#fff;border-radius:8px}.interactiveDrawTable{border-color:var(--line);background:linear-gradient(#fffffffa,#f9f7fdfa),linear-gradient(135deg,#6d4bd814,#147d730f);border-radius:8px;overflow:hidden}.drawTableHeader{min-height:72px}.drawTableTitle{letter-spacing:0;font-size:clamp(24px,4vw,38px);line-height:1.15}.drawSetupControls{align-items:end}.reversalControl{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;min-height:58px;padding:8px 10px;display:flex}.quickQuestionRow{min-height:30px}.shuffleButton{width:min(320px,100%)}.shuffleStage{text-align:center;align-content:center;place-items:center;min-height:360px;padding:36px 0 18px;display:grid}.shuffleStack{perspective:900px;width:132px;height:231px;position:relative}.shuffleStackCard{transform-origin:50% 100%;position:absolute;inset:0}.interactiveCardBack{background:#2d174d;border:1px solid #3e2a524d;border-radius:8px;width:100%;height:100%;overflow:hidden;box-shadow:inset 0 0 0 2px #1d172633,0 10px 24px #1d17262e}.interactiveCardBack img{object-fit:cover;width:100%;height:100%;display:block}.interactiveCardBack.isCompact{border-radius:7px;box-shadow:inset 0 0 0 1px #1d172633,0 5px 12px #1d172624}.selectionStage{min-height:330px}.hiddenDeckViewport{overscroll-behavior-inline:contain;border:1px solid var(--line);scrollbar-width:thin;background:#ffffffc2;border-radius:8px;padding:14px 10px 18px;overflow-x:auto}.hiddenDeckGrid{grid-template-rows:repeat(2,122px);grid-auto-columns:68px;grid-auto-flow:column;justify-content:center;gap:8px;width:max-content;min-width:100%;display:grid}.hiddenDeckCard{cursor:pointer;appearance:none;background:0 0;border:0;border-radius:8px;width:68px;height:119px;padding:0;position:relative}.hiddenDeckCard:focus-visible{outline-offset:3px;outline:3px solid #6d4bd88f}.hiddenDeckCard:disabled{cursor:not-allowed;opacity:.48}.hiddenDeckCard.isSelected,.hiddenDeckCard.isSelected:disabled{opacity:1}.selectionOrder{color:#fff;background:var(--teal);border:2px solid #fff;border-radius:50%;place-items:center;width:25px;height:25px;font-size:12px;font-weight:850;display:grid;position:absolute;top:-7px;right:-7px;box-shadow:0 4px 10px #1d172638}.revealStage{min-height:390px}.revealGrid{margin-inline:auto;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:start;gap:16px;max-width:1120px;margin-top:18px;display:grid}.revealSlot{min-width:0}.flipCardButton{aspect-ratio:4/7;cursor:pointer;appearance:none;width:min(100%,220px);transform-style:preserve-3d;perspective:1100px;background:0 0;border:0;border-radius:8px;margin-inline:auto;padding:0;display:block;position:relative}.flipCardButton:disabled{cursor:default;opacity:1}.flipCardButton:focus-visible{outline-offset:4px;outline:3px solid #6d4bd88f}.flipCardFace{backface-visibility:hidden;border-radius:8px;position:absolute;inset:0;overflow:hidden}.flipCardBackFace{place-items:stretch stretch;display:grid}.flipCardFrontFace{background:#fff;border:1px solid #1d172633;transform:rotateY(180deg)}.flipHint{color:#fff;white-space:nowrap;background:#1d1726b8;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.interactiveCardFront{--card-a:#efe7ff;--card-b:#d8ccff;width:100%;height:100%;color:var(--ink);background:linear-gradient(150deg, var(--card-a), var(--card-b));grid-template-rows:minmax(0,1fr) auto auto;gap:7px;padding:9px;transition:transform .42s;display:grid}.interactiveCardFront img.isReversed{transform:rotate(180deg)}.interactiveCardFront img{object-fit:cover;border:1px solid #1d172624;border-radius:6px;width:100%;height:100%;min-height:0;transition:transform .42s}.interactiveCardFront strong{font-size:14px;line-height:1.25}.interactiveCardFront small{color:#1d1726ad;font-size:10px;line-height:1.3}.revealCaption{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:118px;margin-top:10px;padding:10px}.instantReward{max-width:900px;margin-inline:auto}.completedReading{margin-top:18px;scroll-margin-top:16px}.footer{border-top:1px solid var(--line);padding-top:16px}.siteCounter{width:fit-content;color:var(--teal);font-variant-numeric:tabular-nums}@media (width<=760px){.heroSection{background-image:linear-gradient(#fbf6effa 0%,#fbf6efd1 58%,#fbf6ef70 100%),url(../assets/miao-hero.avif);background-position:65%;min-height:78vh}.heroContent{min-height:78vh}.topNav{align-items:flex-start}.heroCopy{padding:32px 0 56px}.heroLead{font-size:16px;line-height:1.75}.miaoCardArt.isLarge{max-width:260px}.drawTableHeader{min-height:0}.quickQuestionRow{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.quickQuestionRow .mantine-Button-root{flex:none}.hiddenDeckGrid{justify-content:start;min-width:828px}.flipCardButton{width:min(68vw,230px)}.revealGrid{grid-template-columns:1fr}.revealCaption{min-height:0}}