:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fbf7f2;--surface:#fff;--border:#e6ddd2;--text:#2a2118;--muted:#8a7a68;--accent:#7a1f2b;--accent-soft:#f3e2c8;--today:#fff2a8;--tet:#f6c7a1;--sunday:#b5342f;--saturday:#2f6b3a;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);min-height:100vh;margin:0}#app{flex-direction:column;gap:.75rem;max-width:640px;margin:0 auto;padding:.75rem;display:flex}.header{background:var(--surface);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.header button{color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.4rem .6rem;font-size:1.1rem}.header button:hover{background:var(--accent-soft)}.header .title{text-align:center;cursor:pointer;font-size:1.05rem;font-weight:700}.header .title .year-canchi{color:var(--muted);font-size:.75rem;font-weight:400;display:block}.lookup{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.5rem .75rem;display:flex}.lookup input{border:1px solid var(--border);border-radius:8px;width:4.5rem;padding:.35rem .4rem;font-size:.95rem}.lookup input[name=yyyy]{width:5.5rem}.lookup button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.4rem .8rem;font-size:.9rem}.lookup .hint{color:var(--muted);flex-basis:100%;font-size:.75rem}.lookup .error{color:var(--sunday);flex-basis:100%;font-size:.8rem}.grid{background:var(--border);border:1px solid var(--border);border-radius:12px;grid-template-columns:repeat(7,1fr);gap:3px;display:grid;overflow:hidden}.weekday{background:var(--accent-soft);text-align:center;color:var(--accent);padding:.35rem 0;font-size:.75rem;font-weight:600}.cell{background:var(--surface);cursor:pointer;min-height:3.2rem;font:inherit;color:inherit;text-align:right;border:none;flex-direction:column;align-items:flex-end;padding:.25rem .3rem;display:flex}.cell:disabled{cursor:default;color:var(--muted);opacity:.4}.cell.today{background:var(--today)}.cell.tet{background:var(--tet)}.cell .solar-day{font-size:1rem}.cell.sunday .solar-day{color:var(--sunday)}.cell.saturday .solar-day{color:var(--saturday)}.cell .lunar-day{color:var(--accent);font-size:.65rem}.cell.leap .lunar-day{color:#1c5f8a}.detail{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.4rem;padding:.9rem 1rem;display:flex}.detail h2{margin:0 0 .2rem;font-size:1.1rem}.detail dl{grid-template-columns:auto 1fr;gap:.25rem .75rem;margin:0;font-size:.9rem;display:grid}.detail dt{color:var(--muted)}.detail dd{margin:0}.detail .actions{gap:.5rem;margin-top:.4rem;display:flex}.detail .actions button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;padding:.35rem .7rem;font-size:.85rem}.detail .actions button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1b1712;--surface:#262019;--border:#3a3226;--text:#f1e9dd;--muted:#a99a86;--accent:#e0a45c;--accent-soft:#3a2c1c;--today:#4a3d1a;--tet:#4a2e1a;--sunday:#e07a72;--saturday:#7bc98a}.lookup button,.detail .actions button.primary{color:#1b1712}}