: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{margin-bottom:.875rem}.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:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.history-item-top>div{flex:1;min-width:0}.history-date,.history-summary span,.history-hexagrams span{display:block;color:var(--color-muted);font-size:.8125rem}.history-question{display:grid;gap:.375rem;margin-top:.5rem}.history-question span{color:var(--color-muted);font-size:.8125rem}.history-question input{width:100%;min-height:2.25rem;border:1px solid var(--color-border);border-radius:.75rem;background:#0d1420;color:var(--color-fg);font:inherit;padding:.5rem .625rem}.history-summary{display:grid;grid-template-columns:repeat(3,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-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-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}.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{display:grid;min-width:920px;overflow:hidden;border:1px solid var(--color-border);border-radius:.75rem}.divination-row{display:grid;grid-template-columns:3rem 4rem 4.5rem 5.5rem 4.5rem 3.5rem 6.5rem 4.5rem 5.5rem 4.5rem 3.5rem 3.5rem;align-items:center;width:100%;border:0;border-top:1px solid var(--color-border);background:#0d1420;color:var(--color-fg);cursor:pointer;font:inherit;font-size:.8125rem;padding:0;text-align:left}.divination-row:first-child{border-top:0}.divination-row span{display:flex;min-height:2.25rem;align-items:center;border-left:1px solid var(--color-border);padding:.25rem .5rem}.divination-row span:first-child{border-left:0}.divination-row.table-head{background:#00a9e014;color:var(--color-muted);cursor:default}.divination-row.selected{background:#00a9e021}.divination-row.changing{background:#ff69b41f}.divination-row.selected.changing{background:linear-gradient(90deg,#00a9e021,#ff69b421)}.divination-row.void-hit:not(.selected):not(.changing){background:#ffbe5c14}.divination-row .void-branch{color:#ffd18a}.divination-row .void-branch:after{content:" 空";color:#ffd18a;font-size:.75rem}.divination-row .table-line-mark{display:flex;min-height:2.25rem;align-items:center;border-left:0;justify-content:center;gap:.375rem;padding:.25rem .5rem}.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}.selected-line-summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem;border:1px solid var(--color-border);border-radius:.5rem;background:#0d1420;padding:.5rem}.selected-line-summary span{color:var(--color-muted);font-size:.75rem}.selected-line-summary strong{font-size:.9375rem;font-weight:400}.strength-box{margin-bottom:1rem}.strength-score{display:flex;align-items:center;justify-content:space-between;gap:.5rem;border:1px solid var(--color-border);border-radius:.5rem;background:#0d1420;padding:.5rem}.strength-score strong{font-size:.875rem;font-weight:400}.strength-score span{color:var(--color-muted);font-size:.8125rem}.strength-score.strong{border-color:#00a9e08c}.strength-score.weak{border-color:#ff69b48c}.strength-score.balanced{border-color:#ffd18a66}.strength-reasons{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem}.strength-reasons span{border:1px solid var(--color-border);border-radius:.375rem;color:var(--color-muted);font-size:.75rem;padding:.125rem .375rem}.strength-reasons span.positive{border-color:#00a9e066;color:#8fdcff}.strength-reasons span.negative{border-color:#ff69b473;color:#ff9bbd}.branch-relation-box{margin-bottom:1rem}.branch-relation-list{display:flex;flex-wrap:wrap;gap:.375rem}.branch-relation-list span{border:1px solid var(--color-border);border-radius:.375rem;color:var(--color-muted);font-size:.75rem;padding:.125rem .375rem}.branch-relation-list span.he{border-color:#00a9e066;color:#8fdcff}.branch-relation-list span.chong{border-color:#ff69b473;color:#ff9bbd}.branch-relation-list span.hai{border-color:#ffd18a73;color:#ffd18a}.yongshen-box{margin-bottom:1rem}.yongshen-list{display:grid;gap:.5rem}.yongshen-list article{border:1px solid var(--color-border);border-radius:.5rem;background:#0d1420;padding:.5rem}.yongshen-list article.active{border-color:var(--color-accent);box-shadow:0 0 0 2px #00a9e02e}.yongshen-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.375rem}.yongshen-head strong{font-size:.875rem;font-weight:400}.yongshen-head span,.yongshen-items span{color:var(--color-muted);font-size:.75rem}.yongshen-items{display:flex;flex-wrap:wrap;gap:.375rem}.yongshen-items span{border:1px solid var(--color-border);border-radius:.375rem;padding:.125rem .375rem}.yongshen-items .void-branch{border-color:#ffd18a73;color:#ffd18a}.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}.summary-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.summary-card{border:1px solid var(--color-border);border-radius:.75rem;padding:.75rem}.summary-card span{color:var(--color-muted);font-size:.75rem}.summary-card h2{margin:.125rem 0 .25rem}.summary-card p{margin-bottom:0;color:var(--color-muted);font-size:.875rem}.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,.summary-panel{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))}}