.four-pillars-tool{display:grid;gap:32px;margin-top:24px}.four-pillars-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.four-pillars-fields label,.pillars-place{display:grid;gap:8px;min-width:0;align-content:start}.four-pillars-fields input,.four-pillars-fields select{width:100%;min-width:0;min-height:48px;padding:10px;border:1px solid var(--line);border-radius:var(--radius-input);background:var(--paper);color:var(--ink);font:inherit;font-size:1rem}#pillars-status:empty{display:none}#pillars-result{scroll-margin-top:24px;min-width:0}#pillars-result>h2{font-size:var(--type-tile);overflow-wrap:normal}.pillar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}.pillar-card{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;padding:24px 12px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--paper)}.pillar-card h3{font-size:1rem;margin:0 0 16px}.pillar-day{border:2px solid var(--accent);background:var(--soft)}.pillar-tile{width:72px;height:72px;display:grid;place-items:center;border-radius:12px;color:#fff;font-size:40px;line-height:1;flex:none}.pillar-card .pillar-tile[lang="zh-Hant"]{font-size:40px;line-height:1}.pillar-name{font-size:1rem;line-height:1.5;margin:8px 0 20px;max-width:100%;overflow-wrap:normal;word-break:normal}.pillar-name:first-of-type{min-height:3em}.pillar-badge,.pillar-lock{font-size:1rem;line-height:1.5;margin-top:auto;max-width:100%}.pillar-badge{color:var(--accent);font-weight:600}.pillar-lock{border:1px solid var(--line);border-radius:8px;padding:8px 2px;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--muted)}.pillar-lock span{overflow-wrap:normal;word-break:normal}.pillar-unknown{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}.pillar-unknown>span{font-size:2rem}.pillar-unknown p{font-size:1rem}.pillars-explanation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.pillars-explanation h3{font-size:1.25rem;line-height:1.5}.pillars-counts{display:grid;gap:12px;margin:24px 0}.pillars-counts>div{display:grid;grid-template-columns:5em minmax(0,1fr);gap:12px;align-items:center}.pillars-counts dd{margin:0;display:flex;gap:12px;align-items:center}.pillars-bar{height:12px;flex:1;overflow:hidden;border-radius:6px;background:var(--soft)}.pillars-bar>span{display:block;height:100%;border-radius:6px}[data-element="木"]{background:#2F6B4F}[data-element="火"]{background:#B8432F}[data-element="土"]{background:#9A6B1F}[data-element="金"]{background:#6B6456}[data-element="水"]{background:#2D5F8A}.pillars-bar [data-count="0"]{width:0}.pillars-bar [data-count="1"]{width:25%}.pillars-bar [data-count="2"]{width:50%}.pillars-bar [data-count="3"]{width:75%}.pillars-bar [data-count="4"]{width:100%}.pillars-app-band .app-store-badge{margin-bottom:0}@media(max-width:600px){.four-pillars-fields,.pillars-explanation{grid-template-columns:minmax(0,1fr)}.pillar-grid{gap:8px}.pillar-card{padding:16px 3px;border-radius:12px}.pillar-tile{width:50px;height:50px;font-size:30px;border-radius:8px}.pillar-card .pillar-tile[lang="zh-Hant"]{font-size:30px}.pillar-card h3{margin-bottom:12px}.pillar-name{margin-bottom:16px}.pillar-lock{gap:4px}}@media(max-width:480px){.pillar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pillar-card{padding:16px 8px}}@media(max-width:360px){body[data-page=four-pillars] main{padding-left:12px;padding-right:12px}.pillar-grid{gap:4px}.pillar-card{padding-left:0;padding-right:0}}