.expansion-intro{padding:35px;border-radius:16px;background:#ece7ef;margin-bottom:25px}.expansion-intro p{max-width:600px}.subfilter{display:flex;align-items:center;gap:10px;font-size:12px;padding:0 10px}.subfilter select,.field-label select,.field-label input{border:1px solid var(--line);background:white;border-radius:10px;padding:12px;color:var(--ink);font:inherit;max-width:100%}.field-label{display:grid;gap:8px;margin:20px 0;font-size:13px}.field-label textarea{font:inherit}.draw-choices{display:flex;flex-wrap:wrap;gap:8px}.learning-path{background:white;border:1px solid var(--line);border-radius:16px;padding:25px;margin-bottom:25px}.path-cover{display:flex;gap:25px;align-items:center;margin-bottom:25px}.path-cover>img{width:140px;height:140px;border-radius:12px;object-fit:cover}.path-cover progress{accent-color:#72618b;width:100%;height:10px}.path-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:15px}.path-step{background:#f8f7f2;border-radius:10px;overflow:hidden}.path-step button,.history-cards button{border:0;background:none;padding:0;color:inherit;width:100%;text-align:left}.path-step img{width:100%;height:115px;object-fit:cover}.path-step span{display:block;padding:10px}.path-step label{display:block;padding:10px;font-size:12px;border-top:1px solid var(--line)}.history-list{display:grid;gap:20px;margin-top:25px}.history-list>article{background:white;padding:25px;border-radius:16px;border:1px solid var(--line)}.history-head{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:12px}.history-cards{display:flex;gap:15px;overflow:auto}.history-cards button{max-width:120px;flex-shrink:0}.history-cards img{width:100%;height:180px;object-fit:contain;background:#f0ece5}.history-cards span{font-size:12px;display:block;margin-top:8px}.calculator-panel{display:grid;grid-template-columns:1fr 1.3fr;background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden}.calculator-panel>div img{width:100%;height:100%;object-fit:cover}.calculator-panel form{padding:35px}.lunar-header{display:flex;align-items:center;justify-content:space-between;gap:15px;text-transform:capitalize}.moon-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:25px 0}.moon-calendar button{display:flex;flex-direction:column;align-items:center;border:1px solid var(--line);border-radius:10px;background:white;padding:14px 5px;min-height:130px;color:var(--ink);gap:6px}.moon-calendar button:hover{background:#eee7f3}.moon-calendar b{font-size:30px;color:#79658d}.moon-calendar small{font-size:11px}.moon-calendar em{font-size:10px;font-style:normal;color:#7e8177}.weekday{text-align:center;font-size:12px}.moon-large{font-size:90px;text-align:center;color:#79658d}header nav{gap:20px}@media(max-width:700px){.calculator-panel{grid-template-columns:1fr}.calculator-panel>div img{height:160px}.calculator-panel form{padding:22px}.path-cover>img{width:80px;height:100px}.path-cover{gap:16px;align-items:start}.path-cover h2{font-size:28px}.learning-path{padding:18px}.path-steps{grid-template-columns:repeat(2,1fr)}.moon-calendar{gap:4px}.moon-calendar button{min-height:105px;padding:9px 2px}.moon-calendar small{font-size:8px;line-height:1.3}.moon-calendar b{font-size:24px}.lunar-header h2{font-size:27px}header nav{overflow:auto;gap:16px;justify-content:flex-start}header nav button{white-space:nowrap}.history-list>article{padding:17px}}
.draw-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.draw-grid button{width:100%;min-width:0}.draw-grid img{height:190px}.draw-grid span{line-height:1.4}@media(max-width:500px){.draw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.draw-grid img{height:180px}}
.zodiac-symbol{position:absolute;bottom:14px;left:14px;width:48px;height:48px;border-radius:50%;background:#fffef0e8;color:#72618b;display:grid;place-items:center;font-size:32px;box-shadow:0 2px 14px #0001}