/* 기존 남색·금색 명반의 입력·선택·작은 화면 보완 */
[hidden]{display:none!important}
.jami-editor{margin-top:14px;border:1px solid var(--line);border-radius:16px;background:var(--card);overflow:hidden}
.jami-editor>summary{padding:15px 18px;color:var(--gold);font-size:14px;cursor:pointer;line-height:1.6}
.jami-editor>summary .edit-hint{display:block;color:var(--dim);font-size:12px;padding-left:17px;font-weight:400}
.jami-editor[open]>summary{border-bottom:1px solid var(--line)}
#jami-birth-form{padding:18px}
.jami-form-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}
.jami-field{grid-column:span 2;min-width:0}
.jami-field.wide{grid-column:span 3}
.jami-field label{display:block;font-size:12px;color:var(--dim);margin-bottom:6px}
.jami-field input,.jami-field select{width:100%;padding:10px 11px;background:#100c28;color:var(--ink);border:1px solid rgba(255,255,255,.2);border-radius:8px;font:inherit;font-size:14px;min-height:43px}
.jami-field input:disabled{opacity:.4}
.jami-field select{color-scheme:dark}
.jami-checks{display:flex;flex-wrap:wrap;gap:12px 22px;margin:13px 0}
.jami-checks label{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--dim);cursor:pointer;min-height:28px}
.jami-checks input{accent-color:var(--gold);width:17px;height:17px}
.jami-input-note{font-size:12px;color:var(--dim);line-height:1.75;word-break:keep-all}
.jami-submit{display:block;width:100%;margin-top:15px;padding:12px;border:1px solid var(--gold-d);border-radius:10px;background:linear-gradient(120deg,#d4b360,#edd280);color:#1c1730;font:inherit;font-weight:700;cursor:pointer;font-size:14px}
.jami-storage-note{font-size:11px;line-height:1.7;color:var(--dim);margin-top:10px}
.jami-status{border:1px solid var(--line);border-radius:10px;margin-top:12px;padding:12px 14px;color:var(--gold);font-size:12.5px;line-height:1.8}
.jami-status.error{border-color:rgba(224,104,95,.5);background:rgba(224,104,95,.08);color:#ffd1cc}
input:focus-visible,select:focus-visible,button:focus-visible,summary:focus-visible,.jami-status:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.birth-line{font-size:12px;color:var(--dim);text-align:center;line-height:1.7;margin:-2px 0 11px;overflow-wrap:anywhere}
.summary .dstnote{margin:0 0 11px}
.summary .nm{overflow-wrap:anywhere}
.sgrid .k,.pg .gz,.pg .dh{color:var(--dim)}
.board-heading{text-align:center;font-size:17px;color:var(--gold);font-weight:500;margin-top:25px}
.board-help{text-align:center;font-size:12px;line-height:1.7;color:var(--dim);margin:7px auto 0;max-width:520px;word-break:keep-all}
.board-scroll{overflow-x:auto;padding:3px 2px 8px;scrollbar-color:var(--gold-d) var(--bg1)}
.board{min-width:0;grid-template-rows:repeat(4,minmax(142px,auto));gap:5px}
button.pg{font:inherit;color:var(--ink);text-align:left;cursor:pointer;appearance:none;transition:border-color .15s,background .15s;padding:8px 8px 7px;min-width:0;min-height:142px}
.pg .pg-top{display:flex;align-items:center;justify-content:space-between;gap:3px;margin-bottom:7px;min-height:16px}
.pg .dh,.pg .shen{position:static}
.pg .dh{font-size:10px;white-space:nowrap}
.pg .shen{font-size:9px;color:var(--gold)}
.pg .stars{row-gap:4px}
.pg .st{font-size:13px;line-height:1.5}
.pg .pal{font-size:12px}
.pg .gz{font-size:12px}
.pg:hover,.pg.selected{border-color:var(--gold);background:rgba(232,201,107,.09)}
.pg.selected{box-shadow:inset 0 0 0 1px var(--gold)}
.pg:focus-visible{z-index:1;outline-offset:1px}
.empty-star{font-size:11px;color:var(--dim);padding-top:2px}
.center{min-width:0}
.center .cg{overflow-wrap:anywhere;max-width:100%;line-height:1.6}
.legend{color:var(--dim);gap:7px 16px}
.palace-gz{font-family:inherit;font-size:12px;color:var(--dim);font-weight:400}
.palace-meaning{font-size:13px;line-height:1.85;color:var(--ink);word-break:keep-all}
.palace-detail h4{font-size:12px;color:var(--dim);font-weight:500;margin:17px 0 10px}
.palace-detail .star{margin-bottom:14px}
.empty-note{padding:11px 13px;background:rgba(232,201,107,.06);border-left:2px solid var(--gold-d);border-radius:3px;font-size:12.5px;line-height:1.9;color:var(--dim);margin-top:13px}
.empty-note b{color:var(--gold)}
.star-term{border:1px solid var(--line);border-radius:7px;background:rgba(0,0,0,.15);padding:6px 10px;cursor:pointer;font:inherit;line-height:1.5;font-size:13px}
.star-term.main{color:#ffe9a8}.star-term.aux{color:var(--aux)}.star-term.mal{color:var(--mal)}
.star-term .h4{margin-left:5px;font-size:10px;line-height:1;border-radius:3px;padding:1px 3px;color:var(--bg0);background:var(--sihua)}
.star-term .h4.권{background:var(--gold)}.star-term .h4.과{background:var(--aux)}.star-term .h4.기{background:var(--mal);color:#fff}
.other-stars{display:flex;flex-wrap:wrap;gap:7px}
.dim{color:var(--dim);font-size:12px}
.palace-relations{border-top:1px solid var(--line);margin-top:15px;padding-top:10px}
.palace-relations p{display:flex;align-items:center;flex-wrap:wrap;gap:5px 9px;margin-top:7px;font-size:12px;line-height:1.7;color:var(--dim)}
.palace-relations b{font-weight:500}
.relation-link{font:inherit;cursor:pointer;color:var(--gold);background:none;border:0;text-decoration:underline;text-underline-offset:3px;padding:4px 0}
.relation-stars{color:var(--dim)}
.reading-note{font-size:12px;color:var(--dim);line-height:1.8;margin-top:13px}
.chart-guide summary{color:var(--gold);font-size:13px;cursor:pointer;line-height:1.7}
.chart-guide p{font-size:12.5px;color:var(--dim);line-height:1.85;margin-top:13px;word-break:keep-all}
.chart-guide .knowledge-source{font-size:11px;color:var(--dim)}
.disc{color:var(--dim)}
.jami-star-dialog{margin:auto;max-width:460px;width:calc(100% - 32px);padding:24px;background:#141033;color:var(--ink);border:1px solid var(--gold-d);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.jami-star-dialog::backdrop{background:rgba(0,0,0,.65)}
.jami-star-dialog h2{font-size:19px;color:var(--gold);font-family:'Nanum Myeongjo',serif;margin-right:20px}
.jami-star-dialog p{font-size:14px;color:var(--dim);line-height:1.85;margin:16px 0}
.jami-star-dialog .dialog-close{background:rgba(232,201,107,.1);color:var(--gold);border:1px solid var(--gold-d);border-radius:8px;padding:9px 18px;font:inherit;font-size:13px;cursor:pointer}
@media(max-width:520px){.wrap{padding-left:10px;padding-right:10px}.jami-form-grid{gap:11px 9px}.jami-field{grid-column:span 2}.jami-field.wide{grid-column:span 3}.board{grid-template-rows:repeat(4,minmax(145px,auto));gap:3px}.pg .st{font-size:11px}.pg .pal{font-size:10.5px}.pg .gz{font-size:11px}button.pg{padding:6px 4px;min-height:145px}.pg .dh{font-size:9px}.pg .shen{font-size:8px;padding:0 2px}.pg .foot{gap:2px}.center{padding:7px}.center .cg{font-size:14px}.center .cl{font-size:10px}.read{padding:16px}.summary{padding:15px 13px}.sgrid .v{font-size:12px}.board-help{font-size:11.5px}}
@media(max-width:350px){.board{min-width:315px}.jami-field.wide{grid-column:span 6}.jami-form-grid{gap:10px}.pg .pg-top{flex-wrap:wrap;min-height:24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}