/* Native SVG, CSS depth and progressive disclosure; no remote rendering runtime. */
.matching-input-steps{grid-column:1/-1}.matching-input-steps .scene-tabs{margin:0 0 11px}.matching-input-steps .field-note{margin-bottom:0}[data-tool=matching] .calculator-form form{display:block!important}.matching-input-steps button{font-size:.75rem;padding-inline:22px}
.calculator-result{container-type:inline-size}.chart-interactive-layout{min-width:0}.chart-control-stack{min-width:0}@container(min-width:620px){.chart-interactive-layout{display:grid;grid-template-columns:minmax(200px,1.1fr) minmax(210px,1fr);gap:17px;align-items:center}.chart-interactive-layout .kundli-diagram{max-width:100%;width:100%;margin:12px 0}.calculator-result .chart-interactive-layout .house-picker{grid-template-columns:repeat(3,1fr);margin-top:0}.chart-control-stack .house-explanation{padding:14px}.chart-control-stack .house-explanation h3{font-size:1.2rem}}
@media(max-width:700px){.house-picker button>span{display:none}.calculator-result .house-picker{grid-template-columns:repeat(6,1fr)!important}.workspace-dialog .chart-guide p{display:none}.workspace-dialog .chart-guide{padding:10px 12px}.workspace-dialog .calculator-result .kundli-diagram{max-width:230px}.workspace-dialog .calculator-result .chart-legend{font-size:.56rem}}
:root{--header-height:64px}html{scroll-padding-top:78px}.header-inner{min-height:64px;gap:23px;transition:min-height .2s}.site-header .brand img{width:29px;height:33px}.site-header .wordmark{font-size:1.25rem}.site-header .desktop-nav{gap:21px;font-size:.75rem}.site-header .header-actions>.button{padding:10px 19px;font-size:.71rem;min-height:40px}.site-header .language-toggle{padding:9px 12px;font-size:.7rem}.site-header.is-scrolled .header-inner{min-height:51px}.site-header.is-scrolled .brand img{width:25px;height:29px}.site-header.is-scrolled .wordmark{font-size:1.13rem}.site-header.is-scrolled .desktop-nav>a,.site-header.is-scrolled .nav-tools>summary{padding-block:11px}.site-header.is-scrolled .language-toggle{padding:6px 10px}.site-header.is-scrolled .header-actions>.button{padding:8px 17px;min-height:36px}.page-heading{padding-top:25px;padding-bottom:29px}.page-heading h1{font-size:clamp(2.2rem,3.6vw,3.1rem)}.page-heading>p{margin-top:17px}.breadcrumbs{padding-top:17px}.mobile-nav{top:64px}.is-scrolled .mobile-nav{top:51px}
.tool-workbench{margin-bottom:40px;scroll-margin-top:66px}.workbench-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:0 0 13px}.focus-workspace,.workspace-views button{font-size:.68rem;border:1px solid var(--line);border-radius:9px;padding:10px 14px;min-height:42px;color:var(--ind);background:white}.focus-workspace:hover{border-color:var(--gold-ink)}.workspace-views{display:none}.calculator-layout{margin-bottom:0}.calculator-form>h2{font-size:1.6rem;margin:12px 0 22px}.calculator-form,.calculator-result{padding:23px}.calculator-result .result-head{margin-bottom:16px}.calculator-result .result-head h2{font-size:1.75rem}.calculator-result .result-head .eyebrow{font-size:.59rem;margin-bottom:9px}.calculator-result .result-head>p{font-size:.72rem;margin-top:9px}.calculation-transcript{margin-top:21px;border-top:1px solid var(--line);padding-top:5px}.calculation-transcript>summary{font-size:.74rem;cursor:pointer;padding:15px 0;font-weight:500}.calculation-transcript[open]{padding-bottom:10px}.calculation-transcript>.result-cards{margin-top:15px}.calculator-result .tool-experience{margin-block:15px}.calculator-result .dasha-orbit,.calculator-result .lunar-map,.calculator-result .connection-map,.calculator-result .factor-flower,.calculator-result .mercury-year-map{max-width:260px}.calculator-result .kundli-diagram{max-width:330px}.calculator-result .square-stage{max-width:270px;margin-bottom:24px}.calculator-result .daylight-scene{padding:17px 16px 13px}.calculator-result .daylight-scene svg{max-height:170px}.calculator-result .scene-detail{padding:16px;margin-top:13px}.calculator-result .scene-detail>strong{font-size:1.3rem}.calculator-result .scene-detail p{font-size:.73rem;margin-top:7px}.calculator-result .interaction-hint{font-size:.69rem;margin-bottom:13px}.calculator-result .house-picker{grid-template-columns:repeat(6,1fr);gap:5px;margin:12px 0}.calculator-result .house-picker button{font-size:.62rem;padding:6px 2px}.calculator-result .chart-guide{margin:12px 0;padding:13px 16px}.calculator-result .chart-guide strong{font-size:.76rem}.calculator-result .chart-guide p{font-size:.64rem}.calculator-result .chart-legend{font-size:.61rem;margin:9px 0;gap:9px}.calculator-result .house-explanation{padding:17px}.calculator-result .house-explanation h3{font-size:1.3rem}.calculator-result .house-explanation p{font-size:.72rem}.calculator-result .house-grahas{margin:10px 0 8px}.calculator-result .era-slider-label{margin:12px 0}.calculator-result .era-stops{margin-block:12px}.calculator-result .era-stops button{padding:8px 10px}.calculator-result .panchang-parts button{min-height:79px;padding:11px}.calculator-result .panchang-parts button strong{font-size:1rem}.calculator-result .sound-tile{max-height:235px}.calculator-result .sound-deck{gap:10px}.calculator-result .sound-cover strong{font-size:3rem}.calculator-result .sound-cover em{font-size:.58rem}.calculator-result .number-seal{width:150px;height:150px}.calculator-result .number-seal strong{font-size:4.5rem}.calculator-result .scene-tabs{margin:12px 0 17px}.calculator-result .tool-experience .scene-small{font-size:.62rem;margin-top:12px}
.workspace-dialog{max-width:none;max-height:none;width:100vw;height:100dvh;margin:0;padding:0 24px 12px;background:var(--paper);color:var(--ind);border:0;overflow:hidden}.workspace-dialog::backdrop{background:#1b1440b3}.workspace-dialog-header{height:55px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);margin-bottom:9px}.workspace-dialog-header>strong{font:1.3rem var(--serif);min-width:0}.workspace-dialog-header button{border:1px solid var(--line);border-radius:8px;background:white;color:var(--ind);font-size:.72rem;padding:10px 15px;min-height:42px;flex-shrink:0}.workspace-dialog .tool-workbench{margin:0;height:calc(100dvh - 77px);display:flex;flex-direction:column}.workspace-dialog .workbench-toolbar{flex-shrink:0;padding-bottom:8px}.workspace-dialog .focus-workspace{display:none}.workspace-dialog .calculator-layout{flex:1;min-height:0;grid-template-columns:minmax(290px,.8fr) minmax(0,1.2fr);gap:18px}.workspace-dialog .calculator-form,.workspace-dialog .calculator-result{overflow:auto;max-height:100%;position:static;margin:0;padding:20px;max-width:none}.workspace-dialog [data-tool=matching] .calculator-form form{display:block}.workspace-dialog [data-tool=matching] .calculator-result{padding:20px}.workspace-dialog .calculator-result .kundli-diagram{max-width:clamp(210px,34dvh,300px)}.workspace-dialog .calculator-result .tool-experience svg{max-height:clamp(190px,33dvh,260px)}.workspace-dialog .calculator-result .tool-experience .daylight-scene svg{max-height:130px}.workspace-is-open{overflow:hidden}
@media(max-width:700px){.header-inner{min-height:57px;gap:12px}.site-header .wordmark{font-size:1.14rem}.site-header .brand img{width:25px;height:29px}.site-header .language-toggle{font-size:.62rem;padding:7px 8px}.site-header.is-scrolled .header-inner{min-height:48px}.site-header.is-scrolled .wordmark{font-size:1.05rem}.mobile-nav{top:57px}.is-scrolled .mobile-nav{top:48px}.tool-workbench{scroll-margin-top:58px}.workbench-toolbar{justify-content:space-between;gap:6px;flex-wrap:wrap}.workspace-views{display:flex;gap:5px}.workspace-views button{padding:9px 10px;font-size:.64rem}.workspace-views button[aria-pressed=true]{background:var(--ind);color:var(--ivo)}.focus-workspace{font-size:.62rem;padding:9px 10px}.tool-workbench[data-workspace-view=input] .calculator-result{display:none}.tool-workbench[data-workspace-view=result] .calculator-form{display:none}.calculator-result .kundli-diagram{max-width:310px}.calculator-result .house-picker{grid-template-columns:repeat(4,1fr)}.calculator-result .tool-experience .scene-small{font-size:.64rem}.workspace-dialog{padding-inline:12px}.workspace-dialog-header>strong{font-size:1.05rem}.workspace-dialog .calculator-layout{grid-template-columns:1fr}.workspace-dialog .workspace-views{display:flex}.workspace-dialog .calculator-form,.workspace-dialog .calculator-result{padding:18px}.workspace-dialog .tool-workbench{height:calc(100dvh - 78px)}}
.wheel-area{perspective:1000px}.wheel svg{touch-action:pan-y;user-select:none}.wheel-ring{transform-origin:230px 230px;transition:transform .7s cubic-bezier(.2,.65,.2,1)}.wheel-ring.is-dragging{transition:none}.upright-sign{transition:transform .7s cubic-bezier(.2,.65,.2,1)}.is-dragging .upright-sign{transition:none}.rashi-sector{fill:#2a1f5c55;stroke:#d9ae5b60;stroke-width:.6;transition:fill .25s,stroke .25s}.rashi-group:hover .rashi-sector,.rashi-group:focus-visible .rashi-sector{fill:#d9ae5b30;stroke:var(--gold)}.rashi-group[aria-pressed=true] .rashi-sector{fill:var(--gold);stroke:var(--ivo)}.rashi-group .rashi-label{fill:var(--ivo);font-size:11px}.rashi-english{fill:#d9ae5b;font-size:6.5px;pointer-events:none}.rashi-group[aria-pressed=true] .rashi-label,.rashi-group[aria-pressed=true] .rashi-english{fill:var(--ind)}.wheel-center{pointer-events:none}.wheel-constellation{fill:var(--gold);stroke:var(--gold);stroke-width:.7}.wheel-constellation path{fill:none;stroke-opacity:.5;stroke-dasharray:250;animation:draw-day 1s both}.wheel-explorer{max-width:440px;margin:23px auto 0;text-align:center}.wheel-instruction{font-size:.68rem;color:var(--muted);line-height:1.8}.wheel-actions{display:flex;justify-content:center;gap:9px;margin:12px 0 15px}.wheel-actions button{background:white;border:1px solid var(--line);color:var(--ind);border-radius:30px;min-height:43px;padding:9px 18px;font-size:.68rem}.wheel-actions [data-wheel-play][aria-pressed=true]{background:var(--ind);color:var(--ivo)}.wheel-actions button:hover{border-color:var(--gold-ink)}.wheel-sign-detail{min-height:62px}.wheel-sign-detail>span{font-size:.69rem;color:var(--gold-ink);font-weight:600}.wheel-sign-detail>p{font-size:.73rem;color:var(--muted);line-height:1.7;margin-top:4px}.wheel-find-link{font-size:.68rem;color:var(--gold-ink);text-decoration:underline;text-underline-offset:4px}.wheel-name-change{animation:scene-arrive .3s both}
.experience-intro{padding:20px 18px 36px;text-align:center;overflow:hidden}.experience-intro>svg{display:block;width:min(90%,330px);height:auto;color:var(--gold-ink);margin:0 auto 18px;filter:drop-shadow(0 16px 20px #1b14400a);animation:scene-arrive .7s both}.experience-intro .eyebrow{font-size:.62rem}.experience-intro h2{font-size:2.25rem;max-width:430px;margin:15px auto}.experience-intro>p{font-size:.82rem;color:var(--muted);line-height:1.85;max-width:410px;margin:auto}.intro-moon{background:var(--ind);color:var(--ivo);border-radius:17px}.intro-moon p{color:#d4cde3}.intro-moon svg{color:var(--gold)}.intro-sounds svg{transform:perspective(700px) rotateX(12deg) rotateY(-10deg)}.intro-square svg{transform:perspective(650px) rotateX(25deg) rotateZ(-9deg)}.intro-numbers svg{filter:drop-shadow(8px 17px 0 #d9ae5b12)}
.tool-experience{margin:24px 0 30px;min-width:0;isolation:isolate}.interaction-hint{display:flex;align-items:flex-start;gap:9px;font-size:.75rem;font-weight:500;line-height:1.8;color:var(--ind);margin:0 0 20px}.interaction-hint>span{color:var(--gold-ink);font-size:1.2rem}.scene-small{font-size:.67rem;color:var(--muted);line-height:1.8;margin-top:16px}.scene-detail{background:white;border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:0 13px 13px 0;padding:21px;margin-top:18px;animation:scene-arrive .3s both}.scene-detail>strong{font-family:var(--serif);font-size:1.5rem;font-weight:500;line-height:1.3;display:block}.scene-detail p{font-size:.78rem;line-height:1.85;color:var(--muted);margin-top:10px}.scene-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0 22px}.scene-tabs button,.era-stops button,.factor-choice-list button,.line-controls button,.month-pills button{border:1px solid var(--line);background:white;color:var(--ind);padding:11px 14px;border-radius:10px;min-height:44px;font-size:.72rem;transition:background .2s,color .2s,transform .2s}.scene-tabs button[aria-pressed=true],.era-stops button[aria-pressed=true],.factor-choice-list button[aria-pressed=true],.line-controls button[aria-pressed=true],.month-pills button[aria-pressed=true]{background:var(--ind);color:var(--ivo);border-color:var(--ind)}.scene-tabs button:hover,.line-controls button:hover,.era-stops button:hover{border-color:var(--gold-ink);transform:translateY(-2px)}[data-depth]{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .2s}
/* Birth chart: the whole house is the target, not an invisible circle. */
.chart-guide{border-radius:12px;background:var(--ind);color:var(--ivo);padding:17px 20px;margin:20px 0}.chart-guide strong{font-size:.88rem;display:block}.chart-guide p{font-size:.69rem;color:#d8d0e8;margin:6px 0 0}.chart-legend{display:flex;gap:15px;flex-wrap:wrap;font-size:.67rem;color:var(--muted);margin:12px 0}.chart-legend b{color:var(--gold-ink)}.kundli-diagram{background:#fffcf4;border:1px solid var(--line);border-radius:16px;max-width:620px;margin:18px auto;overflow:visible;box-shadow:0 16px 28px #1b144008}.kundli-diagram svg{width:100%;height:auto;display:block;overflow:visible}.kundli-house{cursor:pointer;outline:none}.kundli-house .house-hit{fill:#f4eedc20;stroke:#d9ae5b44;stroke-width:.5;transition:fill .2s}.kundli-house:hover .house-hit,.kundli-house:focus-visible .house-hit{fill:#d9ae5b40;stroke:var(--gold-ink);stroke-width:1.4}.kundli-house[aria-pressed=true] .house-hit{fill:var(--ind);stroke:var(--gold);stroke-width:1}.kundli-house[aria-pressed=true] text{fill:var(--ivo)}.kundli-house .house-number{font-size:8px;fill:var(--gold-ink)}.kundli-house .house-sign{font-size:5.8px;fill:var(--muted)}.kundli-house .house-planets{font-size:8px;fill:var(--ind);font-weight:600}.house-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:15px 0}.house-picker button{border:1px solid var(--line);border-radius:9px;background:white;color:var(--ind);min-height:44px;padding:8px 4px;font-size:.69rem}.house-picker button[aria-pressed=true]{background:var(--ind);color:var(--ivo)}.house-explanation{border-left:3px solid var(--gold);background:white;padding:23px;border-radius:0 14px 14px 0}.house-explanation h3{font-size:1.55rem}.house-explanation .house-grahas{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0 10px}.house-grahas span{padding:7px 12px;border-radius:30px;background:var(--ivo);font-size:.7rem}.house-explanation p{font-size:.78rem;line-height:1.8;color:var(--muted)}
/* Numbers: arithmetic -> seal -> inspectable matrix. */
.digit-stream{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.digit-stream>span{display:grid;place-items:center;width:36px;height:47px;background:white;border:1px solid var(--line);border-radius:8px;font-size:1.15rem;box-shadow:0 4px 0 #d9ae5b25;animation:digit-drop .5s calc(var(--order)*45ms) both}.sum-trail{display:flex;gap:13px;align-items:center;justify-content:center;flex-wrap:wrap;margin:26px 0;color:var(--gold-ink)}.sum-trail span{font-family:var(--serif);font-size:2rem;color:var(--ind)}.number-seal{border-radius:50%;width:185px;height:185px;margin:22px auto;background:var(--ind);color:var(--ivo);border:7px double var(--gold);display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:8px 12px 0 #1b14401c,0 28px 45px #1b144015;animation:seal-arrive .6s both}.number-seal small{font-size:.7rem;color:var(--gold)}.number-seal strong{font-size:5.5rem;line-height:1.2;font-family:var(--serif);font-weight:500}.letter-tiles{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;padding:20px 0}.letter-tiles>div{width:54px;background:white;display:grid;text-align:center;border:1px solid var(--line);border-radius:10px;overflow:hidden;animation:digit-drop .4s calc(var(--order)*25ms) both}.letter-tiles strong{font:1.8rem var(--serif);padding:7px}.letter-tiles span{background:var(--ind);color:var(--ivo);font-size:.72rem;padding:6px}.interactive-lo-shu{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;max-width:350px;margin:auto}.interactive-lo-shu button{min-width:0;min-height:100px;background:white;color:var(--ind);border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:transform .2s,background .2s}.interactive-lo-shu button small{font-size:.64rem;color:var(--muted)}.interactive-lo-shu button strong{font-family:var(--serif);font-size:1.8rem;max-width:100%;overflow-wrap:anywhere}.interactive-lo-shu button>span{font-size:.6rem;color:var(--muted)}.interactive-lo-shu button[aria-pressed=true]{background:var(--ind);color:var(--ivo);transform:translateY(-4px);box-shadow:0 8px 0 #d9ae5b50}.interactive-lo-shu button[aria-pressed=true] small,.interactive-lo-shu button[aria-pressed=true]>span{color:var(--gold)}
/* Naming is a four-tile tactile experience. */
.sound-constellation{display:flex;gap:20px;align-items:center;justify-content:center;color:var(--gold-ink);margin:24px 0}.sound-constellation span:nth-child(2){font:1.8rem var(--serif);color:var(--ind);text-align:center}.sound-deck{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;perspective:1000px}.sound-tile{border:0;padding:0;background:transparent;color:var(--ind);min-width:0;aspect-ratio:.8;perspective:800px}.sound-flipper{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.65,.25,1)}.sound-tile.revealed .sound-flipper{transform:rotateY(180deg)}.sound-cover,.sound-front{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;backface-visibility:hidden;border:1px solid var(--gold);border-radius:15px;padding:12px;background:var(--ind);color:var(--ivo);box-shadow:4px 7px 0 #1b14401c}.sound-cover:after{content:'';position:absolute;inset:7px;border:1px solid #d9ae5b50;border-radius:10px;pointer-events:none}.sound-cover strong{font-family:var(--serif);font-size:3.8rem;font-weight:500;color:var(--gold)}.sound-cover small,.sound-front small{font-size:.69rem}.sound-cover em{font-style:normal;font-size:.63rem;margin-top:10px}.sound-front{transform:rotateY(180deg);background:var(--ivo);color:var(--ind)}.sound-front strong{font-family:var(--hindi,var(--sans));font-size:2.8rem;line-height:1.8}.sound-front>span{font:1.5rem var(--serif);margin-bottom:13px}
/* The square lets people prove its property. */
.square-stage{max-width:365px;margin:15px auto 35px;perspective:900px}.trace-square{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;transform:rotateX(10deg);padding:14px;background:var(--ind);border:1px solid var(--gold);border-radius:17px;box-shadow:8px 14px 0 #1b14402a,0 23px 35px #1b144012}.trace-square button{aspect-ratio:1;border:1px solid #d9ae5b50;background:#2a1f5c;color:var(--ivo);border-radius:8px;font:1.8rem var(--serif);min-width:0;transition:background .25s,transform .25s;animation:digit-drop .5s calc(var(--order)*25ms) both}.trace-square button.on-trace{background:var(--gold);color:var(--ind);border-color:var(--gold);transform:translateY(-5px);box-shadow:0 5px 0 #8a6829}.line-controls{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap}.line-controls>span{width:100%;font-size:.67rem;text-align:center;margin-top:5px}.line-controls button{min-width:44px}.line-proof{margin-top:22px;text-align:center;background:white;padding:20px;border:1px solid var(--line);border-radius:12px}.line-proof strong{font:1.45rem var(--serif)}.line-proof strong span{color:var(--gold-ink)}.line-proof p{font-size:.68rem;color:var(--muted);margin-top:7px}
/* Matching: separate factor petals, never a made-up certainty dial. */
.matching-pair{display:flex;gap:20px;justify-content:center;align-items:center;margin:15px auto 22px}.matching-pair>span{display:grid;place-items:center;width:64px;height:64px;background:var(--ind);color:var(--ivo);font:1.8rem var(--serif);border-radius:50%;border:3px double var(--gold)}.matching-pair i{font-style:normal;color:var(--gold-ink)}.factor-flower{max-width:350px;margin:auto}.factor-flower svg{display:block;width:100%}.factor-flower path{fill:#f4eedc;stroke:#d3c4a2;stroke-width:1;transition:fill .25s}.factor-flower text{text-anchor:middle;fill:var(--ind);font-size:14px;font-family:var(--serif);pointer-events:none}.factor-flower .factor-mini{font-family:var(--sans);font-size:8px}.factor-flower .flower-score{font-size:43px}.factor-flower g[role=button]{cursor:pointer}.factor-flower [aria-pressed=true] path,.factor-flower g:hover path{fill:var(--ind);stroke:var(--gold)}.factor-flower [aria-pressed=true] text,.factor-flower g:hover text{fill:var(--ivo)}.factor-choice-list{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.factor-choice-list button{padding:9px 6px;font-size:.65rem}.score-working{font-size:.7rem;margin-top:12px;color:var(--gold-ink)}
/* Dasha: a labelled clock plus an actual date slider. */
.dasha-orbit,.mercury-year-map{max-width:340px;margin:auto}.dasha-orbit svg,.mercury-year-map svg{width:100%;display:block;fill:none;stroke:#cfc5ad;stroke-width:1}.dasha-arc{fill:#f4eedc;stroke:#d9ae5b88;transition:fill .25s}.dasha-arc.selected{fill:var(--ind);stroke:var(--gold)}.dasha-orbit text{text-anchor:middle;stroke:none;fill:var(--ind);font-size:14px}.dasha-orbit .era-lord{font:23px var(--serif)}.era-hand{stroke:var(--gold-ink);stroke-width:2;transition:transform .15s}.era-stops{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:18px 0}.era-stops button{font-size:.67rem;padding:10px}.era-slider-label{display:block;font-size:.73rem;color:var(--muted);margin:20px 0}.era-slider-label input[type=range]{display:block;accent-color:var(--gold-ink);width:100%;min-height:42px;cursor:ew-resize;margin:6px 0}.period-timeline button{min-height:40px;position:relative}.period-timeline button:hover{filter:brightness(1.3)}
/* Moon: three divisions of the very same longitude. */
.lunar-map{max-width:340px;margin:auto;border-radius:50%;background:var(--ind);box-shadow:0 12px 0 #1b144015,0 20px 40px #1b144018}.lunar-map svg{display:block;width:100%;fill:none;stroke:#d9ae5b55;stroke-width:1}.moon-sign-arc{fill:#2a1f5c;transition:fill .35s}.nak-arc{fill:#1b1440;transition:fill .35s}.moon-sign-arc.selected{fill:var(--gold)}[data-moon-step="1"] .nak-arc.selected,[data-moon-step="2"] .nak-arc.selected{fill:var(--gold)}.moon-ray{stroke:#d9ae5b;stroke-width:1;stroke-dasharray:3 5}.moon-position{fill:var(--gold);stroke:var(--ivo);stroke-width:2;animation:scene-arrive .7s both}.lunar-disc{fill:#2a1f5c}.moon-crescent{fill:var(--ivo);stroke:none}.moon-steps{justify-content:center;margin-top:28px}
/* Two signs, two directions, with an inclusive count. */
.connection-map{max-width:350px;margin:auto}.connection-map svg{width:100%;display:block;fill:none;stroke:#cfc5ad}.connection-map g path{fill:#f4eedc;transition:fill .3s}.connection-map g.selected path{fill:var(--ind);stroke:var(--gold)}.connection-map text{text-anchor:middle;stroke:none;fill:var(--ind);font-size:12px}.connection-map g.selected text{fill:var(--ivo)}.connection-map .connection-count{font:38px var(--serif)}.connection-chord{stroke:var(--gold-ink);stroke-width:2;stroke-dasharray:4 4}
/* Mercury uses a calendar ring, explicitly not a physical orbit model. */
.mercury-year-map .year-phase{fill:#f4eedc;stroke:none}.mercury-year-map .year-phase.retro{fill:var(--gold)}.mercury-year-map text{text-anchor:middle;stroke:none;fill:var(--ind);font-size:10px}.mercury-year-map .mercury-glyph{font-size:45px;fill:var(--ivo)}.mercury-core{fill:var(--ind)}.year-marker{fill:var(--ind);stroke:var(--ivo);stroke-width:2;transition:transform .15s}.is-retrograde .mercury-core{fill:var(--gold-ink)}
/* Five factors under a daylight arc. */
.daylight-scene{background:var(--ind);color:var(--gold);padding:27px 20px 20px;border-radius:18px;margin-bottom:24px}.daylight-scene svg{width:100%;display:block;fill:none;stroke:currentColor;stroke-width:1.5}.daylight-arc{stroke-dasharray:600;animation:draw-day .9s both}.daylight-horizon{stroke-opacity:.4}.daylight-sun{fill:var(--gold);stroke:none}.daylight-scene text{stroke:none;fill:var(--ivo);font:12px var(--sans)}.sunrise-label{text-align:center;font-size:.66rem;color:var(--ivo);margin-top:10px}.panchang-parts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.panchang-parts button{display:flex;align-items:flex-start;flex-direction:column;gap:9px;min-height:92px;border:1px solid var(--line);background:white;border-radius:12px;padding:14px;color:var(--ind);text-align:left;min-width:0;transition:transform .2s}.panchang-parts button small{font-size:.63rem;color:var(--muted)}.panchang-parts button strong{font:1.1rem var(--serif);overflow-wrap:anywhere;max-width:100%}.panchang-parts button[aria-pressed=true]{background:var(--ind);color:var(--ivo);transform:translateY(-3px)}.panchang-parts button[aria-pressed=true] small{color:var(--gold)}
/* Daily reading is a folio, rather than another results table. */
.daily-folio{perspective:1200px}.folio-leaf{border:1px solid #d3c4a2;border-radius:13px;background:#f4eedc;margin-top:10px;box-shadow:4px 5px 0 #1b144010;overflow:hidden}.folio-leaf summary{display:flex;align-items:center;gap:15px;padding:22px 20px;cursor:pointer;list-style:none;min-height:70px}.folio-leaf summary>span{font:1.2rem var(--serif);color:var(--gold-ink)}.folio-leaf summary>strong{font-size:.82rem;flex:1}.folio-leaf summary>b{font-weight:400;color:var(--gold-ink);transition:transform .3s}.folio-leaf[open] summary>b{transform:rotate(45deg)}.folio-content{padding:8px 24px 30px;transform-origin:top center;animation:folio-open .5s both}.folio-content small{font-size:.65rem;color:var(--gold-ink)}.folio-content h3{font-size:1.8rem;margin:13px 0}.folio-content p{font-size:.86rem;line-height:1.9;color:var(--muted)}
/* Distinct input experiences, synchronized with accessible native fields. */
.input-experience{margin:0 0 27px;min-width:0}.sign-input-stage fieldset{border:0;padding:0;margin:0 0 23px;min-width:0}.sign-input-stage legend{font-size:.72rem;font-weight:600;margin:0 0 12px}.sign-chip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.sign-chip-grid button{background:var(--paper);border:1px solid var(--line);color:var(--ind);border-radius:11px;padding:10px 5px;min-height:66px;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:transform .2s}.sign-chip-grid button>span{font-size:1.5rem;line-height:1;color:var(--gold-ink)}.sign-chip-grid strong{font-size:.59rem;font-weight:500;max-width:100%;overflow-wrap:anywhere}.sign-chip-grid [aria-pressed=true]{background:var(--ind);border-color:var(--ind);color:var(--ivo);transform:translateY(-2px);box-shadow:0 4px 0 #d9ae5b55}.sign-chip-grid [aria-pressed=true]>span{color:var(--gold)}
.calendar-head h3{font-size:1.9rem;margin:14px 0 20px}.calendar-head .eyebrow{font-size:.6rem}.month-pills{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-bottom:24px}.month-pills button{padding:9px 6px;font-size:.66rem}.month-pills small{display:block;font-size:.54rem;opacity:.65;margin-top:2px}.calendar-month h4{font:1.8rem var(--serif);margin:0 0 10px}.calendar-key{font-size:.64rem;color:var(--muted);margin-bottom:20px}.calendar-key>span{color:var(--gold-ink);margin-right:7px}.calendar-week,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.calendar-week{margin-bottom:8px}.calendar-week span{text-align:center;font-size:.6rem;color:var(--muted)}.calendar-days button{min-height:54px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ind);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;transition:transform .2s,background .2s}.calendar-days button strong{font-size:.83rem;font-weight:500}.calendar-days button>span{font-size:.6rem;color:var(--gold-ink)}.calendar-days button:has(>span){border-color:#d9ae5b;background:var(--ivo)}.calendar-days button[aria-pressed=true]{background:var(--ind);color:var(--ivo);border-color:var(--ind);transform:translateY(-2px)}.calendar-days button[aria-pressed=true]>span{color:var(--gold)}.calendar-days button:hover{border-color:var(--gold-ink)}.calendar-day-detail .scene-detail{padding:15px}.calendar-day-detail .scene-detail>strong{font-size:1.2rem}.calendar-day-detail .scene-detail p{font-size:.7rem}
.sources-disclosure{border:1px solid var(--line);background:#fff;border-radius:16px;margin:25px 0;padding:0 22px}.sources-disclosure>summary{cursor:pointer;font-size:.83rem;font-weight:600;padding:20px 0;color:var(--ind)}.source-cards{display:grid;gap:13px;padding-bottom:25px}.source-cards a{display:block;border:1px solid var(--line);border-radius:12px;padding:17px;color:var(--ind);text-decoration:none}.source-cards a strong{font-size:.82rem;display:block}.source-cards a span{font-size:.72rem;display:block;line-height:1.8;color:var(--muted);margin-top:6px}.source-cards a small{display:block;color:var(--gold-ink);font-size:.65rem;margin-top:8px}.source-cards a:hover{border-color:var(--gold-ink)}
/* Wider, different compositions where the task benefits. */
@media(min-width:1000px){[data-tool=kundli]{grid-template-columns:minmax(300px,.8fr) minmax(0,1.4fr)}[data-tool=matching]{grid-template-columns:1fr}[data-tool=matching] .calculator-form form{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px}[data-tool=matching] .form-privacy,[data-tool=matching] #calculate-button,[data-tool=matching] #tool-error{grid-column:1/-1;justify-self:start}[data-tool=matching] .calculator-result{max-width:850px;width:100%;margin:auto;padding:40px 65px}[data-tool=namkaran]{grid-template-columns:minmax(260px,.65fr) minmax(0,1.5fr)}[data-tool=mercury]{grid-template-columns:minmax(250px,.65fr) minmax(0,1.4fr)}[data-tool=festivals]{grid-template-columns:1.1fr 1fr;align-items:start}[data-tool=festivals] .calculator-result{position:sticky;top:110px;max-height:calc(100vh - 130px);overflow:auto}}
@keyframes scene-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes digit-drop{from{opacity:0;translate:0 -12px;rotate:-6deg}to{opacity:1;translate:0 0;rotate:0deg}}@keyframes seal-arrive{from{opacity:0;rotate:18deg;scale:.85}to{opacity:1;rotate:0deg;scale:1}}@keyframes draw-day{from{stroke-dashoffset:600}to{stroke-dashoffset:0}}@keyframes folio-open{from{opacity:0;transform:rotateX(-18deg)}to{opacity:1;transform:rotateX(0)}}
@media(max-width:620px){.calculator-form,.calculator-result{padding:22px 17px}.experience-intro{padding:5px 5px 20px}.experience-intro>svg{max-width:250px}.experience-intro h2{font-size:1.9rem}.experience-intro>p{font-size:.76rem}.tool-experience{margin:20px 0}.sound-deck{grid-template-columns:repeat(2,1fr);gap:14px}.sound-tile{aspect-ratio:.9}.sound-cover strong{font-size:3.2rem}.sound-cover em{font-size:.6rem}.sound-front strong{font-size:2.6rem}.sound-constellation{gap:12px}.sound-constellation span:nth-child(2){font-size:1.5rem}.factor-choice-list{grid-template-columns:repeat(2,1fr)}.panchang-parts{grid-template-columns:repeat(2,1fr)}.panchang-parts button:last-child{grid-column:1/-1}.scene-tabs button{padding:10px 9px;font-size:.65rem}.scene-detail{padding:18px}.scene-detail>strong{font-size:1.35rem}.scene-detail p{font-size:.74rem}.sign-chip-grid{grid-template-columns:repeat(3,1fr)}.sign-chip-grid strong{font-size:.61rem}.month-pills{grid-template-columns:repeat(4,1fr)}.calendar-days{gap:4px}.calendar-days button{min-height:43px;border-radius:7px}.calendar-days button strong{font-size:.75rem}.calendar-week span{font-size:.52rem}.calendar-head h3{font-size:1.7rem}.trace-square{gap:5px;padding:9px}.trace-square button{font-size:1.45rem}.line-proof strong{font-size:1.18rem}.house-picker{grid-template-columns:repeat(4,1fr)}.house-explanation{padding:19px}.chart-guide{padding:15px}.chart-guide p{font-size:.65rem}.chart-legend{font-size:.62rem}.folio-leaf summary{padding:19px 14px}.folio-leaf summary>strong{font-size:.76rem}.folio-content{padding:6px 18px 25px}.folio-content h3{font-size:1.6rem}.folio-content p{font-size:.8rem}.sources-disclosure{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){.tool-experience *,.experience-intro *,.input-experience *,.kundli-diagram *{animation:none!important;transition:none!important;scroll-behavior:auto!important}[data-depth]{transform:none!important}}
@media print{.tool-experience button,.tool-experience input,.interaction-hint,.line-controls,.input-experience,.house-picker{display:none!important}.trace-square button{display:block!important}.trace-square{box-shadow:none;transform:none}.tool-experience{break-inside:avoid}}
.wheel-explorer{min-height:170px}
/* Keep chart labels readable: use available panel width instead of shrinking the map twice. */
.kundli-house .house-number{font-size:9px;fill:var(--ind)}.kundli-house .house-sign{font-size:7.2px}.kundli-house .house-planets{font-size:9px}.kundli-house[aria-pressed=true] .house-sign,.kundli-house[aria-pressed=true] .house-planets{fill:var(--ivo)}.kundli-house[aria-pressed=true] .house-number{fill:var(--gold)}.workspace-dialog .chart-guide p{display:none}.workspace-dialog .calculator-result .chart-guide{padding:10px 13px}.workspace-dialog .calculation-transcript{margin-top:12px}
@container(min-width:620px){.workspace-dialog .calculator-result .chart-interactive-layout .kundli-diagram{max-width:100%;width:100%}}
@media(max-width:700px){.calculator-result .panchang-parts{grid-template-columns:repeat(3,minmax(0,1fr))}.calculator-result .panchang-parts button{min-height:75px;padding:10px 8px;gap:7px}.calculator-result .panchang-parts button:last-child{grid-column:auto}.calculator-result .panchang-parts button strong{font-size:.97rem}.calculator-result .panchang-parts button small{font-size:.55rem}.workspace-dialog .calculator-result .daylight-scene{padding:12px 12px 10px;margin-bottom:16px}.workspace-dialog .calculator-result .daylight-scene svg{max-height:110px}.workspace-dialog .calculator-result .scene-detail{padding:13px}.workspace-dialog .calculator-result .scene-detail>strong{font-size:1.16rem}.workspace-dialog .calculator-result .scene-detail p{font-size:.7rem;line-height:1.8}.workspace-dialog .calculator-result .interaction-hint{font-size:.65rem;margin-bottom:12px}.workspace-dialog .calculator-result .result-head h2{font-size:1.5rem}.workspace-dialog .calculator-result .result-head{margin-bottom:12px}}
.workspace-dialog .sound-constellation,.workspace-dialog .matching-pair{display:none}
@media(max-width:700px){.workspace-dialog .factor-choice-list{grid-template-columns:repeat(4,minmax(0,1fr))}.workspace-dialog .factor-choice-list button{font-size:.58rem;padding:7px 3px;min-height:44px}.workspace-dialog .era-stops{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.workspace-dialog .era-stops button{font-size:.61rem;padding:7px 3px;min-height:44px}.workspace-dialog .calculator-result .dasha-orbit,.workspace-dialog .calculator-result .connection-map{max-width:220px}.workspace-dialog .calculator-result .square-stage{max-width:240px}.workspace-dialog [data-tool=festivals] .calculator-form>h2,.workspace-dialog [data-tool=festivals] .calculator-form>.eyebrow,.workspace-dialog [data-tool=festivals] .calendar-head,.workspace-dialog [data-tool=festivals] .calendar-day-detail,.workspace-dialog [data-tool=festivals] .form-privacy,.workspace-dialog [data-tool=festivals] #calculate-button{display:none}.calculator-form:has(.festival-calendar) .field:has(#day-date){display:none}.workspace-dialog .festival-calendar .month-pills{gap:5px;margin-bottom:18px}.workspace-dialog .festival-calendar .calendar-month h4{font-size:1.5rem}.workspace-dialog .festival-calendar .calendar-days button{min-height:42px}.workspace-dialog .festival-calendar .calendar-key{font-size:.59rem}}
@media(max-width:700px){.workspace-dialog .calculator-result .factor-flower{max-width:210px}.workspace-dialog .calculator-result .factor-inspector .scene-detail p{font-size:.68rem;line-height:1.65}.workspace-dialog .calculator-result .result-head>p{font-size:.66rem;line-height:1.65}.workspace-dialog .score-working{font-size:.64rem;margin-top:9px}}
.workspace-dialog [data-tool=kundli] .calculator-result{padding-block:15px}.workspace-dialog [data-tool=kundli] .chart-legend{margin-block:7px}
/* First screen: align the copy with the wheel, not with the wheel plus its controls. */
.hero{padding:28px 0 34px}.hero-grid{align-items:start;gap:38px}.hero-copy{padding-top:22px}.hero h1{margin-top:17px}.hero-lede{margin-top:21px}.hero-actions{margin-top:23px}.hero-assurance{margin-top:17px}.hero-grid>.hero-copy+div{min-width:0}.hero .wheel-area{max-width:clamp(300px,min(35vw,calc(100dvh - 270px)),440px);margin-inline:auto}.hero .wheel-explorer{min-height:150px;margin-top:18px}.hero .wheel-actions{margin:9px 0 10px}.hero .wheel-sign-detail{min-height:55px}
@media(min-width:851px) and (max-height:760px){.hero{padding-block:23px}.hero-copy{padding-top:12px}.hero h1{font-size:clamp(2.6rem,4.2vw,3.5rem)}.hero .wheel-area{max-width:clamp(280px,calc(100dvh - 285px),400px)}}
@media(max-width:850px){.hero-grid{align-items:start}.hero-copy{padding-top:0}.hero .wheel-area{max-width:350px}.hero .wheel-explorer{min-height:145px}.hero{padding-top:28px}}
@media(max-width:620px){.hero{padding:25px 0 30px}.hero-grid{gap:25px}.hero .wheel-area{max-width:300px}.hero h1{margin-top:14px}.hero .wheel-explorer{margin-top:17px}}