.pl{margin-top:28px}.pl h3{margin-bottom:6px;font-size:22px}.pl-tag{border-radius:var(--pill);color:var(--gold);vertical-align:middle;background:#e2c58f24;margin-left:8px;padding:1px 8px;font-size:12px;font-weight:400}.pl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.pl-item{background:var(--panel);padding:14px 16px}.pl-wide{grid-column:1/-1}.pl-item h4{color:var(--gold);margin:0 0 4px;font-size:16px}.pl-item p{margin:0;font-size:15px;line-height:1.65}.pl-item small{color:var(--muted);margin-top:6px;font-size:13px;line-height:1.5;display:block}.pl .legend{color:var(--muted);margin:10px 0 0;font-size:13px}.panel-plain{font-size:15px;line-height:1.6}.cycle[data-period]{cursor:pointer}@media (width<=760px){.pl-grid{grid-template-columns:minmax(0,1fr)}}.top{flex-direction:column;gap:10px;padding-block:32px 24px;display:flex}.crumb{color:var(--muted);font-size:14px}.crumb a{text-decoration:none}.top h1{letter-spacing:-.03em;font-size:clamp(40px,3.8vw,64px)}.lead{color:var(--muted);max-width:36em;font-size:19px}.tool{grid-template-columns:340px minmax(0,1fr) 340px;align-items:start;gap:32px;padding-block-end:64px;display:grid}.form{background:var(--panel);border-radius:var(--radius);flex-direction:column;gap:16px;padding:24px;display:flex}.hint{color:var(--muted);margin-top:6px;font-size:14px;line-height:1.4}.error{color:var(--alert);font-size:16px}.error:empty{display:none}.form .btn{justify-content:center;gap:10px}.result{flex-direction:column;gap:10px;min-width:0;display:flex;container-type:inline-size}.you{letter-spacing:-.03em;margin-bottom:14px;font-size:clamp(32px,3vw,52px)}.note{background:color-mix(in srgb, var(--alert) 14%, transparent);margin-bottom:12px;padding:12px 14px;font-size:16px}.pillars{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.pillar{background:var(--panel);text-align:center;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:20px 8px;display:flex}.pillar.me{background:var(--raise)}.pos{color:var(--muted);font-size:16px}.god{min-height:36px;text-decoration:underline;text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-underline-offset:4px;color:var(--gold);font:17px var(--font-body);cursor:pointer;background:0 0;border:0;padding:0 2px}.pillar.me .god{color:var(--brand)}.char{color:inherit;font-size:clamp(52px,5.4vw,92px);line-height:1.1;text-decoration:none}.sub{border-top:1px solid var(--line);flex-direction:column;align-items:center;gap:2px;width:100%;padding-top:10px;display:flex}.sub-t,.stars-note{color:var(--muted);font-size:14px}.hid{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.hid a{color:var(--gold);font-size:20px;text-decoration:none}.hid .god,.sub .god,.cycle .god{min-height:28px;font-size:14px}.cycle .god{white-space:normal;max-width:100%;padding-inline:4px;font-size:13px;line-height:1.2}.stars-note{margin:12px 0 0}.years{margin-top:32px}.years h3{margin-bottom:6px;font-size:22px}.years .muted{margin-bottom:12px}.char.branch{color:var(--gold)}.gloss{min-height:2.6em;font-size:15px;line-height:1.3}.dash{color:var(--muted);margin-block:auto;font-size:60px}.share{margin-top:24px}.share [hidden]{display:none}.share h3{margin:16px 0 10px;font-size:18px}.share-open{border:1px solid var(--line);border-radius:var(--pill);min-height:44px;color:var(--gold);font:15px var(--font-body);cursor:pointer;background:0 0;padding:0 20px}.share-open:hover{background:var(--raise)}.share-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.share-options button{border-radius:var(--radius);background:var(--panel);color:var(--muted);font:14px var(--font-body);cursor:pointer;border:2px solid #0000;flex-direction:column;gap:6px;padding:6px;display:flex}.share-options button[aria-pressed=true]{border-color:var(--brand);color:var(--text)}.share-options canvas{border-radius:8px;width:100%;height:auto;display:block}.share-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}@media (width<=620px){.share-options{grid-template-columns:repeat(2,minmax(0,1fr))}}.lower{grid-template-columns:minmax(240px,1fr) minmax(0,2fr);gap:40px;margin-top:32px;display:grid}.lower h3{margin-bottom:12px;font-size:22px}.lower section{min-width:0}.el{align-items:center;gap:10px;margin-bottom:8px;font-size:16px;display:flex}.el-name{width:56px}.bar{flex:1;gap:4px;height:12px;display:flex}.bar span{background:var(--raise);flex:1}.bar span.on{background:var(--gold)}.scroll{margin-top:8px;overflow-x:auto}.cycles{grid-template-columns:repeat(8,minmax(66px,1fr));gap:6px;display:grid}.cycle,.age{white-space:nowrap}@container (width<=900px){.lower{grid-template-columns:minmax(0,1fr);gap:28px}}.cycle{background:var(--panel);flex-direction:column;align-items:center;gap:2px;padding:12px 2px;font-size:clamp(20px,1.4vw,26px);display:flex}.cycle.now{background:var(--raise)}.age{color:var(--muted);font-size:14px}.cycle.now .age{color:var(--brand)}.panel{background:var(--panel);border-radius:var(--radius);flex-direction:column;gap:10px;padding:24px;display:flex;position:sticky;top:92px}.panel-zh{color:var(--gold);font-size:40px;line-height:1.2}.panel h2{font-size:24px}.panel p{font-size:16px;line-height:1.5}.panel p.hint{font-size:14px}@media (width<=1280px){.tool{grid-template-columns:320px minmax(0,1fr)}.panel{grid-column:2;position:static}}@media (width<=860px){.tool{grid-template-columns:minmax(0,1fr)}.panel{grid-column:auto}.lower{grid-template-columns:minmax(0,1fr)}.pillar{padding:12px 2px}.cycles{width:max-content}.god,.gloss{font-size:13px}}.cycles.ten{grid-template-columns:repeat(5,minmax(0,1fr));width:auto}@media (width<=620px){.cycle .god{padding-inline:0;font-size:11.5px}}