*{margin:0;padding:0;box-sizing:border-box}body{font-family:Scheherazade New,Times New Roman,serif;background:#1a1a2e;color:#fff;min-height:100vh;padding:100px 20px 40px}.calendar-page{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:32px}.panel{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px}.cal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cal-title{display:none}.cal-controls{display:flex;gap:8px;align-items:center}.cal-select{background:#ffffff0f;border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:10px;padding:6px 10px}.cal-nav{display:flex;gap:8px}.cal-btn{background:#f093fb26;border:1px solid rgba(240,147,251,.35);color:#fff;border-radius:10px;padding:8px 12px;cursor:pointer;transition:all .2s}.cal-btn:hover{background:#f093fb40;transform:translateY(-1px)}.weekdays,.days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.weekday{text-align:center;color:#ffffffb3;font-size:.9rem;padding:8px 0}.day{position:relative;border-radius:10px;padding:10px;min-height:62px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .2s}.day:hover{background:#f093fb14;border-color:#f093fb59}.day.out{opacity:.35}.day .greg{font-weight:700;margin-bottom:6px}.day .lunar{font-size:.8rem;color:#ffffffbf}.day.today{outline:2px solid rgba(255,62,165,.85);box-shadow:0 0 0 2px #ff3ea559 inset;border-color:#ff3ea599}.day.selected{background:#f093fb1f;border-color:#f093fb99;box-shadow:0 0 0 2px #f093fb40 inset}.detail{display:flex;flex-direction:column;gap:14px;padding-right:140px}.detail h3{font-size:1.2rem;color:#f093fb}.detail-row{display:grid;grid-template-columns:140px 1fr;gap:8px;align-items:start}.k{color:#ffffffb3}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;justify-items:center;padding-top:8px}.pillar{display:flex;flex-direction:column;align-items:center;gap:8px}.pillar-label{font-size:1rem;color:#fffc;margin-bottom:4px;letter-spacing:2px}.pillar-table{display:flex;flex-direction:column;align-items:center;gap:3px;background:none}.pillar-cell{font-size:clamp(2.2rem,4vw,3.2rem);color:#ff4d4f;font-family:inherit;padding:2px 18px;text-align:center;border-radius:8px;transition:background .2s,color .2s;background:#ffffff08}.pillar-cell:empty{background:none}.pillars-outer-grid{display:grid;grid-template-columns:1fr 20px 1fr 20px 1fr;gap:0;justify-items:center;align-items:start;max-width:none;width:100%;margin:12px 0 0;position:relative}.pillar-col{display:flex;flex-direction:column;align-items:center}.pillar-gap{min-width:30px;width:30px;display:flex;align-items:center;justify-content:center}.pillar-grid{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:80px}.pillar-label{font-size:1rem;color:#fffc;letter-spacing:2px;margin-bottom:2px}.pillar-main-vert{display:flex;flex-direction:column;gap:0px;align-items:center;justify-content:flex-start}.pillar-cell{font-size:2.2rem;font-weight:600;color:#ff4d4f;margin:0;text-align:center;line-height:1.1;background:#ffffff08;border-radius:8px;min-width:38px;padding:3px 0;border:1px solid transparent}.canggan-vert{margin-top:7px;display:flex;flex-direction:column;align-items:center;gap:0px}.canggan-cell{font-size:1.18rem;margin:0 0 3px;color:#ffe36b;line-height:1.08;text-align:center;min-width:28px;font-weight:600;opacity:1;background:#ffffff0d;border-radius:7px;transition:background .2s,color .2s;border:1px solid transparent}.canggan-cell:last-child{margin-bottom:0}.gong-char{font-size:1.4rem;opacity:.7;padding:2px 6px;border-radius:6px;background:#ffffff0a}.relation-overlay{position:absolute;left:0;top:0;pointer-events:none}.detail{position:relative}#compassWrap{position:absolute;right:8px;top:8px}#directionCompass{width:120px;height:120px;display:block}.relations{margin-top:14px;display:flex;flex-direction:column;gap:6px}.rel-item{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:8px}.rel-type{font-size:12px;padding:2px 6px;border-radius:999px;background:#ffffff1f}.rel-text{font-size:14px;color:#ffffffe6}.relations-legend{margin-top:10px;font-size:12px;color:#ffffffbf;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 10px}.pillar-cell.selected{box-shadow:0 0 0 2px #fff6 inset}@media(max-width:900px){.calendar-page{grid-template-columns:1fr}}.tabs{display:flex;gap:10px;border-bottom:1px solid rgba(255,255,255,.12);margin:-4px -4px 12px;padding:0 4px 8px}.tab-btn{background:transparent;border:none;color:#ffffffd9;padding:6px 10px;cursor:pointer;font-weight:600;border-radius:6px}.tab-btn:hover{background:#ffffff0f}.tab-btn.active{color:#f093fb;box-shadow:inset 0 -2px #f093fb}.tab-content{display:none}.tab-content.active{display:block}.power-section{margin-top:12px}.wx-title{margin-bottom:10px;color:#f093fb;font-weight:700}.wx-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.wx-label{width:30px;font-size:1rem;font-weight:600}.wx-bar-bg{position:relative;flex:1;height:22px;background:#ffffff14;border-radius:12px;overflow:hidden}.wx-bar-fill{height:100%;border-radius:12px;box-shadow:0 0 8px #ffffff40;transition:width .4s ease}.wx-bar-value{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:.85rem;color:#ffffffe6;font-weight:600}.wx-empty{color:#fff9;font-size:.9rem;padding:10px;text-align:center}.flow-row{display:flex;align-items:center;gap:8px;padding:8px 10px;margin-bottom:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px}.flow-end{font-weight:600;font-size:.95rem}.flow-arrow{font-size:1.1rem}.flow-type{font-size:.75rem;padding:2px 8px;border-radius:999px;font-weight:700}.flow-power{margin-left:auto;color:#ffffffbf;font-size:.85rem;font-weight:600}.analysis-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:12px}.analysis-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px}.analysis-label{font-size:.8rem;color:#ffffffb3;margin-bottom:4px}.analysis-value{font-size:1.4rem;font-weight:800}.analysis-sub{font-size:.85rem;color:#ffffffb3;margin-top:4px}.balance-box{padding:12px;background:#ffffff0f;border:2px solid #54e6a5;border-radius:10px}.balance-head{display:flex;justify-content:space-between;align-items:center;font-weight:700}.balance-bar{margin-top:8px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.balance-fill{height:100%;width:0;transition:width .4s ease}.balance-sub{margin-top:8px;font-size:.85rem;color:#ffffffb3}.modal-overlay{position:fixed;left:0;top:0;right:0;bottom:0;background:#0a0a1499;display:none;align-items:center;justify-content:center;z-index:1000}.modal-card{background:#1a1a2efa;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:20px;max-width:420px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px #00000080}.modal-title{color:#f093fb;margin-bottom:12px;font-size:1.2rem}.modal-info{margin-top:10px;padding:10px;background:#ffffff0d;border-radius:8px}.modal-close{margin-top:14px;padding:10px;background:#f093fb;border:none;border-radius:8px;color:#fff;cursor:pointer;width:100%;font-weight:700}.canggan-wrapper{display:flex;align-items:center;gap:6px;margin-bottom:6px}.canggan-ratio-indicator{height:4px;border-radius:2px;opacity:.8}@media(max-width:900px){.analysis-grid{grid-template-columns:1fr}}