.ma-form-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 24px 26px;margin-bottom:0}.ma-form{margin-top:4px}.ma-form-row{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}.ma-field{display:flex;flex-direction:column;gap:6px}.ma-field--gender{min-width:180px}.ma-field--submit{flex-shrink:0}.ma-field__label{font-size:13px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.ma-year-select{width:100%!important;min-width:unset!important;height:44px!important;font-size:15px!important;font-weight:600!important;border-radius:10px!important;box-sizing:border-box}.ma-form-card .csel-trigger{height:44px;font-size:15px;font-weight:600;border-radius:10px}.tienich-submit.ma-submit-big{height:44px;font-size:15px;padding:0 24px;border-radius:10px;gap:9px;background:linear-gradient(135deg,#fb7185,#e11d48);box-shadow:0 3px 12px rgb(225 29 72 / .3);transition:background 0.2s,box-shadow 0.2s,transform 0.12s}.tienich-submit.ma-submit-big:hover{background:linear-gradient(135deg,#f43f5e,#be123c);box-shadow:0 5px 18px rgb(225 29 72 / .4)}.tienich-submit.ma-submit-big:active{transform:scale(.97)}.tienich-submit.ma-submit-big i{font-size:18px}.ma-gender-toggle{display:flex;gap:8px;height:44px}.ma-gender-opt{flex:1;cursor:pointer;user-select:none}.ma-gender-opt input[type="radio"]{display:none}.ma-gender-opt span{display:flex;align-items:center;justify-content:center;height:44px;padding:0 14px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:14px;font-weight:600;transition:all .2s;background:var(--card);color:var(--muted);white-space:nowrap}.ma-gender-opt input[type="radio"]:checked+span{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.ma-result{display:flex;flex-direction:column;gap:20px;margin-top:20px}.ma-hero{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 60%,#a855f7 100%);border-radius:var(--radius);padding:26px 24px 24px;color:#fff;position:relative;overflow:hidden}.ma-hero::before{content:'';position:absolute;top:-50px;right:-50px;width:200px;height:200px;border-radius:50%;background:rgb(255 255 255 / .07);pointer-events:none}.ma-hero::after{content:'';position:absolute;bottom:-30px;left:40px;width:120px;height:120px;border-radius:50%;background:rgb(255 255 255 / .05);pointer-events:none}.ma-hero__badge{display:inline-flex;align-items:center;gap:6px;background:rgb(255 255 255 / .2);border-radius:999px;padding:5px 14px;font-size:12px;font-weight:600;letter-spacing:.3px;margin-bottom:18px}.ma-hero__top{display:flex;align-items:flex-start;gap:20px}.ma-hero__emoji{font-size:58px;line-height:1;flex-shrink:0;filter:drop-shadow(0 2px 8px rgb(0 0 0 / .2))}.ma-hero__info{flex:1;min-width:0}.ma-hero__title{font-size:19px;font-weight:700;margin-bottom:8px;line-height:1.35}.ma-hero__subtitle{font-size:14px;opacity:.9;line-height:1.75}.ma-hero__cung-type{display:inline-block;background:rgb(255 255 255 / .2);border-radius:999px;padding:2px 9px;font-size:12px;margin-left:4px;vertical-align:middle}.ma-hero__tags{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:14px}.ma-hero__tag-label{font-size:12px;opacity:.78}.ma-hero__tag{background:rgb(255 255 255 / .22);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:500}.ma-section{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.ma-section--has-select{overflow:visible}.ma-section-title{display:flex;align-items:center;gap:9px;padding:16px 20px;font-size:18px;font-weight:700;color:var(--text);border-bottom:1px solid var(--border)}.ma-section-title i{color:var(--primary);font-size:17px}.ma-section-sub{font-weight:400;color:var(--muted);font-size:13px;margin-left:2px}.ma-section-body{padding:18px 20px}.ma-group+.ma-group{border-top:1px solid var(--border)}.ma-group__header{display:flex;align-items:center;gap:9px;padding:12px 20px;font-size:13px;font-weight:700}.ma-group--great .ma-group__header{background:rgb(22 163 74 / .06);color:#15803d}.ma-group--neutral .ma-group__header{color:var(--muted)}.ma-group--avoid .ma-group__header{background:rgb(220 38 38 / .05);color:#dc2626}.ma-group__icon{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;flex-shrink:0}.ma-group__icon--great{background:#22c55e;color:#fff}.ma-group__icon--neutral{background:var(--border);color:var(--muted)}.ma-group__icon--avoid{background:#ef4444;color:#fff}.ma-group__count{margin-left:auto;font-size:12px;font-weight:400;color:var(--muted)}.ma-group__note{padding:12px 20px;font-size:13px;color:var(--muted);border-top:1px solid var(--border);display:flex;align-items:flex-start;gap:8px;line-height:1.6}.ma-ranking-list{padding:4px 0}.ma-ranking-list--compact .ma-rank-row{padding:9px 20px}.ma-rank-row{display:grid;grid-template-columns:28px 36px 1fr minmax(90px,150px) 36px 80px;align-items:center;gap:10px;padding:12px 20px;border-bottom:1px solid var(--border);transition:background .15s}.ma-rank-row:last-child{border-bottom:none}.ma-rank-row:hover{background:rgb(0 0 0 / .02)}@media (prefers-color-scheme:dark){.ma-rank-row:hover{background:rgb(255 255 255 / .03)}}.ma-rank-num{font-size:12px;font-weight:700;color:var(--muted);text-align:right}.ma-rank-row--great .ma-rank-num{color:#16a34a}.ma-rank-row--avoid .ma-rank-num{color:#dc2626}.ma-rank-emoji{font-size:24px;line-height:1;text-align:center}.ma-rank-names{display:flex;flex-direction:column;gap:3px;min-width:0}.ma-rank-chi{font-size:15px;font-weight:700;color:var(--text);white-space:nowrap}.ma-rank-animal{font-size:12px;color:var(--muted)}.ma-rank-bar-wrap{height:6px;background:var(--border);border-radius:999px;overflow:hidden}.ma-rank-bar{height:100%;border-radius:999px;transition:width .8s ease}.ma-rank-bar--great{background:linear-gradient(to right,#4ade80,#16a34a)}.ma-rank-bar--neutral{background:#94a3b8}.ma-rank-bar--avoid{background:linear-gradient(to right,#f87171,#dc2626)}.ma-rank-score{font-size:14px;font-weight:700;text-align:center;color:var(--text)}.ma-rank-rel{font-size:12px;font-weight:600;padding:3px 8px;border-radius:999px;white-space:nowrap;text-align:center}.ma-rank-rel--great{background:rgb(22 163 74 / .12);color:#15803d}.ma-rank-rel--neutral{background:var(--border);color:var(--muted)}.ma-rank-rel--avoid{background:rgb(220 38 38 / .1);color:#dc2626}.ma-rank-years{display:none}.ma-ranking-wrap .ma-rank-row{grid-template-columns:28px 36px minmax(90px,1fr) minmax(100px,160px) 36px 80px 110px;min-width:560px}.ma-ranking-wrap .ma-rank-years{display:block;font-size:12px;color:var(--muted);text-align:right;white-space:nowrap}.ma-timeline-wrap{padding:18px 20px}.ma-timeline{display:flex;gap:10px}.ma-year-card{flex:1;min-width:0;padding:16px 8px 14px;border-radius:calc(var(--radius) - 2px);border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:5px;position:relative;cursor:pointer;transition:transform .15s,box-shadow .15s;background:var(--card)}.ma-year-card:hover{transform:translateY(-3px);box-shadow:0 4px 16px rgb(0 0 0 / .1);border-color:var(--primary)}.ma-year-card.is-active{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.ma-year-card__tap{font-size:11px;color:var(--muted);opacity:.55;margin-top:2px}.ma-year-card__tap i{font-size:16px;vertical-align:middle}.ma-year-card:hover .ma-year-card__tap,.ma-year-card.is-active .ma-year-card__tap{opacity:1;color:var(--primary)}.ma-year-card--current{border-width:2px;border-color:var(--primary)}.ma-year-card--great{background:rgb(22 163 74 / .07);border-color:#22c55e}.ma-year-card--good{background:rgb(59 130 246 / .07);border-color:#3b82f6}.ma-year-card--warn{background:rgb(249 115 22 / .07);border-color:#f97316}.ma-year-card--avoid{background:rgb(220 38 38 / .06);border-color:#ef4444}.ma-year-card__year{font-size:20px;font-weight:800;color:var(--text);line-height:1}.ma-year-card__cancchi{font-size:12px;color:var(--muted);text-align:center}.ma-year-card__emoji{font-size:26px;line-height:1;margin:5px 0 3px}.ma-year-card__badge{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px}.ma-year-card__badge--great{background:rgb(22 163 74 / .15);color:#15803d}.ma-year-card__badge--good{background:rgb(59 130 246 / .15);color:#1d4ed8}.ma-year-card__badge--neutral{background:var(--border);color:var(--muted)}.ma-year-card__badge--warn{background:rgb(249 115 22 / .18);color:#c2410c}.ma-year-card__badge--avoid{background:rgb(220 38 38 / .12);color:#dc2626}.ma-year-card__note{font-size:12px;color:var(--muted);text-align:center;line-height:1.5}.ma-year-card__tuoi{font-size:11px;color:var(--muted);font-weight:700}.ma-year-card__kl{position:absolute;top:-7px;right:-7px;width:20px;height:20px;background:#f97316;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;box-shadow:0 2px 5px rgb(0 0 0 / .2)}.ma-kimlau-note{margin:0 20px 18px;padding:12px 16px;background:rgb(249 115 22 / .07);border:1px solid rgb(249 115 22 / .25);border-radius:8px;font-size:13px;color:var(--text);display:flex;align-items:flex-start;gap:10px;line-height:1.65}.ma-kimlau-note i{color:#f97316;flex-shrink:0;margin-top:2px;font-size:15px}.ma-quick-intro{font-size:14px;color:var(--muted);margin-bottom:16px;line-height:1.6}.ma-quick-form{display:flex;gap:12px;align-items:flex-end}.ma-quick-form .ma-field{flex:1}.ma-quick-form .calendar-select{height:44px}.ma-quick-form button{flex-shrink:0;height:44px;padding:0 22px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:7px;white-space:nowrap;transition:opacity .2s}.ma-quick-form button:hover{opacity:.88}.ma-quick-form button:disabled{opacity:.55;cursor:not-allowed}#ma-quick-result{margin-top:16px}.ma-qr__error{font-size:13px;color:#dc2626;padding:10px 0}.ma-qr__card{padding:16px 18px;border-radius:var(--radius);border:1px solid var(--border);display:flex;flex-direction:column;gap:12px;animation:maFadeIn .3s ease}.ma-qr__card--great{border-color:#22c55e;background:rgb(22 163 74 / .05)}.ma-qr__card--neutral{border-color:var(--border)}.ma-qr__card--avoid{border-color:#ef4444;background:rgb(220 38 38 / .04)}.ma-qr__top{display:flex;align-items:center;gap:14px}.ma-qr__emoji{font-size:36px;line-height:1;flex-shrink:0}.ma-qr__chi{font-size:17px;font-weight:700;color:var(--text);line-height:1.2}.ma-qr__cancchi{font-size:13px;color:var(--muted);margin-top:3px}.ma-qr__badges{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.ma-qr__badge{display:inline-block;padding:4px 12px;border-radius:999px;font-size:13px;font-weight:700}.ma-qr__badge--great{background:rgb(22 163 74 / .15);color:#15803d}.ma-qr__badge--neutral{background:var(--border);color:var(--muted)}.ma-qr__badge--avoid{background:rgb(220 38 38 / .12);color:#dc2626}.ma-qr__grade{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;font-size:13px;font-weight:900;flex-shrink:0}.ma-qr__grade--great{background:rgb(22 163 74 / .15);color:#15803d}.ma-qr__grade--neutral{background:var(--border);color:var(--muted)}.ma-qr__grade--avoid{background:rgb(220 38 38 / .12);color:#dc2626}.ma-qr__rel{font-size:13px;color:var(--muted)}.ma-qr__bar-wrap{height:7px;background:var(--border);border-radius:999px;overflow:hidden}.ma-qr__bar{height:100%;border-radius:999px;transition:width .6s ease}.ma-qr__bar--great{background:linear-gradient(to right,#4ade80,#16a34a)}.ma-qr__bar--neutral{background:#94a3b8}.ma-qr__bar--avoid{background:linear-gradient(to right,#f87171,#dc2626)}.ma-qr__score-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.ma-qr__score-val{font-size:14px;font-weight:700;color:var(--text)}.ma-qr__rel-desc{font-size:13px;color:var(--muted);text-align:right;line-height:1.5}.ma-qr__link{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--primary);text-decoration:none;font-weight:600;border-top:1px solid var(--border);padding-top:12px}.ma-qr__link:hover{text-decoration:underline}.ma-qr__note{margin:10px 0 8px;padding:8px 12px;background:var(--bg);border-radius:8px;border:1px solid var(--border);font-size:12px;color:var(--muted);display:flex;align-items:flex-start;gap:6px}.ma-qr__note i{flex-shrink:0;margin-top:1px;color:var(--primary)}.ma-qr__note strong{color:var(--text)}.ma-qr__cta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 16px;background:var(--primary);color:#fff;border-radius:var(--radius);text-decoration:none;font-size:13px;font-weight:700;margin-top:4px;transition:opacity .15s}.ma-qr__cta:hover{opacity:.88;color:#fff}.ma-qr__cta i:first-child{font-size:16px}.ma-qr__cta i:last-child{font-size:15px}.ma-month-card__year-note{font-size:10px;font-weight:600;color:var(--muted);margin-top:1px}.ma-advice{display:flex;flex-direction:column}.ma-advice__item{display:flex;align-items:center;gap:12px;padding:15px 20px;font-size:14px;line-height:1.75;border-bottom:1px solid var(--border);color:var(--text)}.ma-advice__item:last-child{border-bottom:none}.ma-advice__item i{font-size:17px;flex-shrink:0;margin-top:2px}.ma-advice__item--good i{color:#22c55e}.ma-advice__item--warn i{color:#f97316}.ma-advice__item--info{color:var(--muted)}.ma-advice__item--info i{color:var(--muted)}.ma-advice__item p{margin:0}.ma-error{display:flex;align-items:center;gap:9px;padding:20px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:#dc2626;font-size:14px;margin-top:16px}@keyframes maFadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ma-result{animation:maFadeIn .4s ease}@media (min-width:768px){.ma-rank-row{grid-template-columns:28px 36px 1fr minmax(100px,160px) 36px 80px 100px}.ma-rank-years{display:block;font-size:12px;color:var(--muted);text-align:right}}@media (max-width:640px){.ma-form-row{flex-direction:column;gap:12px}.ma-field--gender{min-width:unset}.ma-field--submit{width:100%}.ma-field--submit .tienich-submit{width:100%;justify-content:center}.tienich-submit.ma-submit-big{height:48px;font-size:15px}.ma-hero__top{gap:14px}.ma-hero__emoji{font-size:46px}.ma-hero__title{font-size:16px}.ma-hero__subtitle{font-size:13px}.ma-section-title{padding:14px 16px;font-size:14px}.ma-section-body{padding:16px}.ma-timeline-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border) #fff0}.ma-timeline-wrap::-webkit-scrollbar{height:4px}.ma-timeline-wrap::-webkit-scrollbar-track{background:#fff0}.ma-timeline-wrap::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.ma-timeline{min-width:max-content}.ma-year-card{flex:none;width:100px;flex-shrink:0}.ma-form-row,.ma-quick-form{align-items:normal}.ma-ranking-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border) #fff0}.ma-ranking-wrap::-webkit-scrollbar{height:4px}.ma-ranking-wrap::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.ma-rank-row{grid-template-columns:28px 36px minmax(90px,1fr) minmax(90px,150px) 36px 80px;min-width:460px;gap:5px;padding:10px!important}.ma-rank-chi{font-size:14px}.ma-quick-form{flex-direction:column}.ma-quick-form button{width:100%;justify-content:center}.ma-rank-num{text-align:center}.ma-qr__badges{flex-direction:row;align-items:center}.ma-qr__rel-desc{display:none}.ma-year-card{width:100px;padding:14px 10px 12px}.ma-year-card__year{font-size:18px}.ma-year-card__note{font-size:11px}.ma-months-panel{margin:0 0 16px}.ma-months-grid{grid-template-columns:repeat(4,1fr)}}.ma-section-hint{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:3px;opacity:.75}.ma-section-hint i{font-size:13px;color:var(--muted)}.ma-months-panel{display:none;margin:0 20px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);overflow:hidden;animation:maMonthsIn .22s ease}.ma-months-panel.is-open{display:block}@keyframes maMonthsIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.ma-months-header{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;background:var(--bg);border-bottom:1px solid var(--border);gap:8px}.ma-months-header__title{font-size:13px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:6px}.ma-months-header__title i{color:var(--primary);font-size:15px}.ma-months-close{background:none;border:none;cursor:pointer;color:var(--muted);padding:4px 6px;display:flex;align-items:center;font-size:17px;border-radius:6px;flex-shrink:0}.ma-months-close:hover{background:var(--border);color:var(--text)}.ma-months-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:14px 16px}.ma-month-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px 9px;border-radius:10px;border:1px solid var(--border);background:var(--bg);text-align:center;transition:transform .12s}.ma-month-card:hover{transform:translateY(-2px)}.ma-month-card--great{background:rgb(22 163 74 / .07);border-color:rgb(22 163 74 / .4)}.ma-month-card--good{background:rgb(59 130 246 / .07);border-color:rgb(59 130 246 / .4)}.ma-month-card--avoid{background:rgb(220 38 38 / .06);border-color:rgb(220 38 38 / .35)}.ma-month-card__name{font-size:11px;font-weight:500;color:var(--muted)}.ma-month-card__chi{font-size:15px;font-weight:700;color:var(--text)}.ma-month-card__badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:20px;background:var(--border);color:var(--muted);white-space:nowrap}.ma-month-card--great .ma-month-card__badge{background:rgb(22 163 74 / .15);color:#15803d}.ma-month-card--good .ma-month-card__badge{background:rgb(59 130 246 / .15);color:#1d4ed8}.ma-month-card--avoid .ma-month-card__badge{background:rgb(220 38 38 / .12);color:#dc2626}.ma-months-note{margin:0;padding:9px 16px;font-size:12px;color:var(--muted);border-top:1px solid var(--border);background:var(--bg);display:flex;align-items:flex-start;gap:5px}.ma-months-note i{flex-shrink:0;margin-top:1px}