:root{--color-bg: #0b0f14;--color-fg: #e6edf3;--color-muted: #9fb3c8;--color-surface: #111722;--color-border: #1b2536;--color-border-strong: rgba(0, 169, 224, .35);--color-accent: #00a9e0;color:var(--color-fg);background:var(--color-bg);font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic UI,Yu Gothic,Meiryo,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--color-bg)}button{font:inherit}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-accent)}.app-shell{width:min(1180px,calc(100vw - 24px));margin:0 auto;padding:1rem 0 2rem}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.view-tabs{display:flex;gap:.5rem}.view-tabs button{min-height:2.25rem;border:1px solid var(--color-border);border-radius:.75rem;background:var(--color-surface);color:var(--color-muted);cursor:pointer;padding:.375rem .75rem}.view-tabs button.active,.view-tabs button:hover{border-color:var(--color-accent);color:var(--color-fg)}h1,h2,h3,p,dl,dd{margin-top:0}h1{margin-bottom:0;font-size:1.125rem;font-weight:400}h2,h3{font-weight:400}h2{margin-bottom:0;font-size:1rem}h3{margin-bottom:.5rem;color:var(--color-accent);font-size:.875rem}.layout-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:1rem;align-items:start}.panel{border:1px solid var(--color-border-strong);border-radius:1rem;background:var(--color-surface);padding:1rem}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.875rem}.copy-data-button{min-height:2rem;border:1px solid var(--color-border);border-radius:.5rem;background:#0d1420;color:var(--color-muted);cursor:pointer;font-size:.75rem;padding:.3125rem .625rem;white-space:nowrap}.copy-data-button:hover{border-color:#00a9e073;color:var(--color-fg)}.copy-data-button.copied{border-color:#00a9e073;color:#8fdcff}.copy-data-button.failed{border-color:#ff69b473;color:#ff9bbd}.table-calendar-summary{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.375rem}.table-calendar-summary span{border:1px solid var(--color-border);border-radius:.375rem;background:#0d1420;color:var(--color-muted);font-size:.75rem;padding:.125rem .375rem;white-space:nowrap}.history-panel{margin-top:1rem}.history-list{display:grid;gap:.75rem}.history-item{border:1px solid var(--color-border);border-radius:.75rem;padding:.75rem;background:#0d1420f2}.history-item-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.history-item-top>div{min-width:0}.history-date,.history-method,.history-summary span,.history-hexagrams span{display:block;color:var(--color-muted);font-size:.8125rem}.history-meta-row{display:flex;flex:1;flex-wrap:wrap;align-items:center;gap:.5rem .875rem}.history-meta-row p{margin-bottom:0}.history-question{display:grid;gap:.375rem;margin-bottom:.75rem}.history-question span{color:var(--color-muted);font-size:.8125rem}.history-question textarea{width:100%;min-height:3.25rem;border:1px solid var(--color-border);border-radius:.75rem;background:#0d1420;color:var(--color-fg);font:inherit;padding:.5rem .625rem;resize:vertical;overflow-wrap:anywhere;white-space:pre-wrap}.history-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-bottom:.75rem}.history-hexagrams{display:grid;gap:.5rem;margin-bottom:.75rem}.history-memo{display:grid;gap:.375rem}.history-memo span{color:var(--color-muted);font-size:.8125rem}.history-memo textarea{width:100%;min-height:5rem;resize:vertical;border:1px solid var(--color-border);border-radius:.75rem;background:#0d1420;color:var(--color-fg);font:inherit;padding:.625rem}.history-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.history-open,.history-delete{min-height:2.25rem;border:1px solid var(--color-border);border-radius:.75rem;background:transparent;color:var(--color-muted);cursor:pointer;padding:.5rem .75rem}.history-open{border-color:#00a9e059;color:var(--color-fg)}.history-open:hover,.history-delete:hover{border-color:var(--color-accent);color:var(--color-fg)}.history-empty{margin-bottom:0;color:var(--color-muted)}.casting-panel.collapsed .panel-header{margin-bottom:0}.casting-panel-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.collapse-toggle{display:inline-grid;place-items:center;width:2.25rem;height:2.25rem;border:1px solid var(--color-border);border-radius:.5rem;background:#0d1420;color:var(--color-muted);cursor:pointer;padding:0}.collapse-toggle:hover,.collapse-toggle:focus-visible{border-color:var(--color-accent);color:var(--color-fg)}.collapse-toggle span{width:.625rem;height:.625rem;border-top:2px solid currentColor;border-left:2px solid currentColor;transform:translateY(.125rem) rotate(45deg)}.collapse-toggle.collapsed span{transform:translateY(-.125rem) rotate(225deg)}.casting-body{display:grid;gap:.875rem}.casting-body[hidden]{display:none}.eyebrow{margin-bottom:.125rem;color:var(--color-muted);font-size:.8125rem}.divination-stack{display:grid;gap:1rem}.context-bar{display:grid;grid-template-columns:minmax(8rem,.8fr) minmax(13rem,1.1fr) minmax(7rem,.65fr) minmax(12rem,1fr);gap:.5rem}.context-bar>div,.context-input{border:1px solid var(--color-border);border-radius:.75rem;background:var(--color-surface);padding:.5rem .625rem}.context-bar span,.context-bar strong,.context-input{display:block}.context-bar span{color:var(--color-muted);font-size:.75rem}.context-bar strong{font-size:.875rem;font-weight:400}.context-box{display:grid;gap:.375rem}.context-box select,.context-input input{width:100%;min-height:2rem;border:1px solid rgba(0,169,224,.3);border-radius:.5rem;background:#0d1420;color:var(--color-fg);font:inherit;font-size:.875rem;padding:.25rem .5rem}.manual-save-row{display:flex;justify-content:flex-end}.manual-save-row button{min-height:2.375rem;border:1px solid rgba(0,169,224,.35);border-radius:.75rem;background:#0d1420;color:var(--color-fg);cursor:pointer;padding:.5rem .875rem}.manual-save-row button:hover{border-color:var(--color-accent)}.context-ganzhi-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.375rem}.context-input{display:grid;gap:.25rem}.context-purpose-input{grid-column:1 / -1}.hexagram-selectors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.hexagram-selectors label{display:grid;gap:.375rem;border:1px solid var(--color-border);border-radius:.75rem;background:var(--color-surface);padding:.625rem}.hexagram-selectors span{color:var(--color-muted);font-size:.75rem}.hexagram-selectors select{width:100%;min-height:2.5rem;border:1px solid rgba(0,169,224,.3);border-radius:.5rem;background:#0d1420;color:var(--color-fg);font:inherit;padding:.375rem .5rem}.segmented{display:flex;flex-wrap:wrap;gap:.625rem}.segmented button{min-height:2.5rem;border:1px solid var(--color-border);border-radius:.75rem;background:var(--color-surface);color:var(--color-muted);cursor:pointer;padding:.5rem .875rem}.segmented button.active,.segmented button:hover{border-color:var(--color-accent);color:var(--color-fg)}.coin-grid,.dice-grid{display:grid;gap:.75rem}.coin-row{display:grid;grid-template-columns:3.25rem 3rem 1fr;align-items:center;gap:.375rem}.line-name{color:var(--color-muted);font-size:.875rem;white-space:nowrap}.coin-line-mark{--line-color: var(--color-accent);display:block;width:2.25rem;height:.375rem;border-radius:1px;background:var(--line-color)}.coin-line-mark.empty{background:transparent}.coin-line-mark.changing{--line-color: #ff69b4}.coin-line-mark.yin{background:linear-gradient(to right,var(--line-color) 0 38%,transparent 38% 62%,var(--line-color) 62% 100%)}.choice-row{display:grid;grid-template-columns:repeat(4,3.75rem);gap:.375rem;justify-content:start;width:max-content;max-width:100%}.choice,.trigram-option{min-width:0;min-height:2.5rem;border:1px solid var(--color-border);border-radius:.5rem;background:#0d1420;color:var(--color-muted);cursor:pointer}.choice{padding:.375rem .5rem;white-space:nowrap}.choice:hover,.trigram-option:hover{border-color:var(--color-accent);color:var(--color-fg)}.segmented button.active,.choice.selected,.trigram-option.selected{border-color:var(--color-accent);background:#00a9e024;box-shadow:0 0 0 2px #00a9e033;color:var(--color-fg)}.actions{display:flex;flex-wrap:wrap;gap:.625rem}.actions button{min-height:2.5rem;border:1px solid var(--color-border);border-radius:.75rem;background:#0d1420;color:var(--color-fg);cursor:pointer;padding:.5rem .875rem}.actions button.primary{border-color:transparent;background:var(--color-accent);color:#fff}.trigram-radio-group{min-width:0;margin:0;padding:0 0 .75rem;border:0;border-bottom:1px solid var(--color-border)}.trigram-radio-group:last-of-type{border-bottom:0;padding-bottom:0}.trigram-radio-group legend{margin-bottom:.5rem;color:var(--color-muted);font-size:.875rem}.trigram-options{display:grid;grid-template-columns:repeat(8,4.5rem);gap:.5rem;justify-content:start;width:max-content;max-width:100%}.trigram-option{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;border-color:#00a9e04d;background:#0d1420db;font-size:.875rem;padding:.25rem .5rem}.trigram-option:has(input:focus-visible){border-color:var(--color-accent);box-shadow:0 0 0 3px #00a9e059}.trigram-option input{position:absolute;opacity:0;pointer-events:none}.trigram-symbol{font-family:"Noto Sans Symbols 2",Segoe UI Symbol,Symbola,Apple Symbols,sans-serif;font-size:1.35rem;line-height:1}.error-text{margin-bottom:0;color:#ff9bbd;font-size:.875rem}.changing-line-controls{display:flex;align-items:center;gap:.75rem;border:1px solid var(--color-border);border-radius:.75rem;background:var(--color-surface);padding:.625rem}.changing-line-controls>span{color:var(--color-muted);font-size:.75rem}.changing-line-controls div{display:flex;flex-wrap:wrap;gap:.5rem}.changing-line-controls label{display:inline-flex;min-height:2rem;align-items:center;gap:.375rem;border:1px solid rgba(0,169,224,.3);border-radius:.5rem;background:#0d1420;color:var(--color-muted);cursor:pointer;font-size:.875rem;padding:.25rem .5rem}.changing-line-controls label.checked{border-color:var(--color-accent);background:#00a9e024;color:var(--color-fg)}.divination-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:1rem;align-items:start}.divination-table-panel{overflow-x:auto}.divination-table{--hidden-line-column-width: clamp(7.5rem, 11vw, 9rem);width:max-content;min-width:calc(41.25rem + var(--hidden-line-column-width));overflow:hidden;position:relative;border:1px solid var(--color-border);border-radius:.75rem;border-collapse:separate;border-spacing:0;table-layout:fixed;background:#0d1420;color:var(--color-fg);font-size:.8125rem}.divination-table th,.divination-table td{height:2.25rem;border-top:1px solid var(--color-border);border-left:1px solid var(--color-border);padding:.25rem .5rem;text-align:left;vertical-align:middle;white-space:nowrap}.divination-table .line-position-column{width:2.75rem}.divination-table .six-spirit-column{width:3.5rem}.divination-table .line-mark-column,.divination-table .changed-line-mark-column{width:4rem}.divination-table .spirit-role-column,.divination-table .relation-column,.divination-table .changed-relation-column{width:4.5rem}.divination-table .branch-column,.divination-table .changed-branch-column{width:3.75rem}.divination-table .shi-ying-column,.divination-table .changing-column{width:3rem}.divination-table .hidden-line-column{width:var(--hidden-line-column-width)}.divination-table thead tr:first-child th{border-top:0}.divination-table th:first-child,.divination-table td:first-child{border-left:0}.divination-table tbody tr{background:#0d1420}.divination-table tbody tr:first-child td{border-top:0}.divination-table td{line-height:1.35}.divination-table td>.table-line-mark{display:flex;min-height:2.25rem;align-items:center;justify-content:center}.divination-table .table-head{background:#111d2b;color:var(--color-fg);font-weight:600}.divination-table .table-head th{border-bottom:2px solid rgba(0,169,224,.24);text-align:center}.divination-table .table-group-head{background:linear-gradient(90deg,#00a9e02e,#00a9e014);color:var(--color-fg)}.divination-table .table-group-head th{height:2rem;border-bottom:1px solid rgba(0,169,224,.24);border-left-color:#00a9e02e;font-size:.8125rem;text-align:center}.divination-table .table-head th:nth-child(n+3):nth-child(-n+8){background:#00a9e01a}.divination-table .table-head th:nth-child(9){background:#00a9e00f}.divination-table .table-head th:nth-child(n+10){background:#00a9e01a}.divination-table .common-group-head{color:var(--color-muted)}.divination-table .hexagram-group-head{font-weight:600}.divination-table .main-hexagram-group-head,.divination-table .changed-hexagram-group-head{background:#00a9e021}.divination-table .change-group-head{background:#00a9e00f}.divination-table .main-hexagram-group-head,.divination-table .change-group-head,.divination-table .changed-hexagram-group-head,.divination-table .table-head th:nth-child(3),.divination-table .table-head th:nth-child(9),.divination-table .table-head th:nth-child(10),.divination-table tbody td:nth-child(3),.divination-table tbody td:nth-child(9),.divination-table tbody td:nth-child(10){border-left-color:#00a9e03d}.divination-table tbody tr.changing{background:#ff69b41f}.divination-table tbody tr.void-hit:not(.changing){background:#ffbe5c14}.divination-table tbody tr:not(.changing) td:nth-child(n+10){color:var(--color-muted);opacity:.45}.divination-table tbody tr:not(.changing) td:nth-child(n+10) .table-line-mark i{background:#d9f3ff59;box-shadow:0 0 0 1px #e6edf31f}.divination-table .spirit-role-cell{color:inherit;font-weight:400}.divination-table .yongshen-role-cell{color:#45e0ff;font-weight:600}.divination-table .hidden-spirit-role-cell{color:inherit}.divination-table .hidden-yongshen-cell{color:#45e0ff;font-weight:600}.divination-table .void-branch{color:#ffd18a}.divination-table .void-branch:after{content:" 空";color:#ffd18a;font-size:.75rem}.table-line-mark i{display:block;width:1.875rem;height:.25rem;border-radius:1px;background:#d9f3ff;box-shadow:0 0 0 1px #00a9e040}.table-line-mark.yin i{width:.75rem}.yongshen-box,.shi-ying-box,.support-notes-box{margin-bottom:1rem}.support-select{display:grid;gap:.375rem;margin-bottom:.75rem}.support-select span{color:var(--color-muted);font-size:.75rem}.support-select select{width:100%;border:1px solid var(--color-border);border-radius:.5rem;background:#0d1420;color:var(--color-fg);font:inherit;padding:.5rem}.support-empty{margin:0;color:var(--color-muted);font-size:.8125rem}.target-status-card,.moving-effects-card{border:1px solid var(--color-border);border-radius:.5rem;background:#0d1420;padding:.5rem}.moving-effects-card{margin-top:.5rem}.target-status-head{display:grid;gap:.125rem;margin-bottom:.5rem}.target-status-head span{color:var(--color-muted);font-size:.75rem}.target-status-head strong{font-size:.875rem;font-weight:400}.target-status-tags,.moving-effect-list,.support-note-list{display:flex;flex-wrap:wrap;gap:.375rem}.target-status-tags span,.moving-effect-item,.moving-effect-calendar span,.support-note-list span{border:1px solid var(--color-border);border-radius:.375rem;color:var(--color-muted);font-size:.75rem;padding:.125rem .375rem}.target-strength-details{margin-top:.5rem;border-top:1px solid rgba(148,163,184,.16);padding-top:.5rem}.target-strength-details>span{display:block;margin-bottom:.25rem;color:var(--color-muted);font-size:.75rem}.target-strength-details ul{display:grid;gap:.1875rem;margin:0;padding-left:1rem}.target-strength-details li{color:var(--color-muted);font-size:.75rem}.target-strength-details li.positive{color:#8fdcff}.target-strength-details li.negative{color:#ff9bbd}.moving-effect-list{align-items:flex-start}.moving-effect-item{display:grid;gap:.25rem;padding:.375rem .5rem}.moving-effect-main{color:inherit}.moving-effect-calendar{display:flex;flex-wrap:wrap;gap:.25rem}.moving-effect-calendar span{font-size:.6875rem;padding:.0625rem .3125rem}.target-status-tags span.positive,.moving-effect-item.positive,.moving-effect-calendar span.positive,.support-note-list span.positive{border-color:#00a9e066;color:#8fdcff}.target-status-tags span.negative,.moving-effect-item.negative,.moving-effect-calendar span.negative,.support-note-list span.negative{border-color:#ff69b473;color:#ff9bbd}.target-status-tags span.subtle,.moving-effect-item.subtle,.moving-effect-calendar span.subtle,.support-note-list span.subtle{border-color:#94a3b82e;color:#94a3b8b8}.target-change-note{margin:.5rem 0 0;color:var(--color-muted);font-size:.75rem}.shi-ying-box details{border:1px solid var(--color-border);border-radius:.5rem;background:#0d1420;padding:.5rem}.shi-ying-box details+details{margin-top:.5rem}.shi-ying-box summary{cursor:pointer;color:var(--color-fg);font-size:.875rem}.shi-ying-box details[open] summary{margin-bottom:.5rem}.memo-box textarea{width:100%;min-height:10rem;resize:vertical;border:1px solid var(--color-border);border-radius:.75rem;background:#0d1420;color:var(--color-fg);font:inherit;padding:.75rem}.hexagram-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.5rem}.hexagram-card{display:grid;gap:.125rem;min-height:3.25rem;align-content:center;border:1px solid var(--color-border);border-radius:.75rem;background:#0d1420;color:var(--color-muted);cursor:pointer;padding:.5rem;text-align:left}.hexagram-card:hover,.hexagram-card.selected{border-color:var(--color-accent);color:var(--color-fg)}.hexagram-card.selected{box-shadow:0 0 0 2px #00a9e033}.hexagram-card span{font-size:.75rem}.hexagram-card strong{color:var(--color-fg);font-size:.875rem;font-weight:400}.meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-bottom:1rem}.meta-grid div{border:1px solid var(--color-border);border-radius:.5rem;padding:.5rem}.meta-grid dt{color:var(--color-muted);font-size:.75rem}.meta-grid dd{margin-bottom:0}.detail-section{margin-top:1rem}.line-table{display:grid;gap:.25rem}.line-table-head,.line-row{display:grid;grid-template-columns:3rem 1fr 1fr;gap:.5rem;align-items:center;font-size:.875rem}.line-table-head{color:var(--color-muted)}.line-row{border-top:1px solid var(--color-border);padding-top:.25rem}.empty-text{margin-bottom:0;color:var(--color-muted);font-size:.875rem}@media(max-width:820px){.app-header{align-items:stretch;flex-direction:column}.layout-grid,.context-bar,.hexagram-selectors,.divination-layout{grid-template-columns:1fr}.coin-row{grid-template-columns:3.25rem 2.75rem minmax(0,1fr)}.choice-row,.trigram-options{grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.hexagram-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.history-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}