:root{--bg-deep: #1a1a2e;--bg-panel: #1e1e35;--bg-inset: #151528;--border: #3a3654;--border-light: #4a4568;--text: #d4cec4;--text-dim: #8a8498;--text-faint: #5a5470;--accent-warm: #c4956a;--accent-gold: #b89a6a;--accent-teal: #6a9a9e;--accent-rose: #9e6a7a;--accent-cream: #e8dcc8;--line-yang: #c4956a;--line-yin: #6a9a9e}*{margin:0;padding:0;box-sizing:border-box}body{font-family:IBM Plex Sans,Helvetica Neue,sans-serif;font-weight:300;line-height:1.6;color:var(--text);background:var(--bg-deep);min-height:100vh;font-size:16px}.container{max-width:1200px;margin:0 auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:24px 32px;background:var(--bg-panel);border:1px solid var(--border);position:relative}header:after{content:"";position:absolute;bottom:0;left:32px;right:32px;height:1px;background:linear-gradient(90deg,var(--accent-warm),var(--accent-teal));opacity:.3}header h1{font-family:Cormorant Garamond,Georgia,serif;font-weight:600;font-size:2.2em;color:var(--accent-cream);letter-spacing:12px;text-transform:uppercase}#wallet-status{display:flex;align-items:center;gap:14px}#address-display{font-family:Space Mono,monospace;font-size:.75em;color:var(--text-dim);letter-spacing:.5px}#connect-btn,#submit-btn{padding:10px 22px;background:transparent;color:var(--accent-teal);border:1px solid var(--accent-teal);cursor:pointer;font-family:Space Mono,monospace;font-size:.7em;letter-spacing:2px;text-transform:uppercase;transition:color .3s,border-color .3s,background .3s}#connect-btn:hover,#submit-btn:hover{background:var(--accent-teal);color:var(--bg-deep)}#submit-btn{border-color:var(--accent-warm);color:var(--accent-warm);margin-top:24px;width:100%}#submit-btn:hover{background:var(--accent-warm);color:var(--bg-deep)}#submit-btn:disabled{border-color:var(--border);color:var(--text-faint);cursor:not-allowed}#submit-btn:disabled:hover{background:transparent;color:var(--text-faint)}main{display:grid;grid-template-columns:1fr 1fr;gap:32px}section{background:var(--bg-panel);padding:28px;border:1px solid var(--border);position:relative}h2{font-family:Cormorant Garamond,Georgia,serif;font-weight:600;font-size:1.05em;margin-bottom:20px;color:var(--accent-gold);border-bottom:1px solid var(--border);padding-bottom:12px;letter-spacing:4px;text-transform:uppercase}.hexagram{margin:16px 0;min-height:200px;border:1px solid var(--border);padding:16px;display:flex;flex-direction:column-reverse;background:var(--bg-inset)}.line-placeholder{text-align:center;padding:20px;color:var(--text-faint);font-style:italic;font-size:.9em}.hexagram-line{height:20px;margin:5px 0;display:flex;align-items:center}.solid-line{background:var(--line-yang);width:100%;height:6px;opacity:.85}.broken-line{display:flex;width:100%;justify-content:space-between}.broken-line-part{background:var(--line-yin);height:6px;width:46%;opacity:.85}.hexagram-label{text-align:center;margin-top:12px;font-family:Space Mono,monospace;font-size:.65em;color:var(--text-dim);letter-spacing:3px;text-transform:uppercase}.hexagram-number{text-align:center;font-family:Cormorant Garamond,Georgia,serif;font-size:2em;font-weight:700;color:var(--accent-cream);margin-bottom:4px}.record-instructions{color:var(--text-dim);font-size:.85em;margin-bottom:16px;font-style:italic}#record-lines{display:flex;flex-direction:column-reverse;gap:6px;padding:8px 0}.record-row{display:flex;align-items:center;gap:14px}.record-line-label{width:16px;font-family:Space Mono,monospace;font-size:.7em;color:var(--text-faint);text-align:right}.record-circle{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Space Mono,monospace;font-size:.85em;color:var(--accent-cream);cursor:pointer;transition:all .25s ease;-webkit-user-select:none;user-select:none}.record-circle:hover{transform:scale(1.1)}.record-circle:active{transform:scale(.95)}.record-circle.stable{background:var(--bg-inset);border:1px solid var(--accent-teal)}.record-circle.stable:hover{background:#1a2a30;border-color:var(--accent-cream)}.record-circle.changing{background:var(--bg-inset);border:1px solid var(--accent-warm)}.record-circle.changing:hover{background:#2a2018;border-color:var(--accent-cream)}.record-type-label{font-size:.8em;color:var(--text-faint);font-style:italic}#right-panel{display:flex;flex-direction:column;gap:32px}#hexagram-display{display:flex;gap:20px}#hexagram-display .hexagram{flex:1;margin:0}#history ul{list-style-type:none}.history-item{padding:14px 16px;margin-bottom:8px;border-left:2px solid var(--accent-warm);background:var(--bg-inset);transition:border-color .3s}.history-item:hover{border-left-color:var(--accent-teal)}.history-date{font-family:Space Mono,monospace;font-size:.7em;color:var(--text-faint);letter-spacing:.5px}.history-hexagrams{display:flex;align-items:center;gap:12px;margin:8px 0}.history-arrow{color:var(--text-faint);font-size:1.1em}.mini-hexagram-group{display:flex;flex-direction:column;align-items:center}.mini-hexagram-number{font-family:Cormorant Garamond,Georgia,serif;font-size:.95em;font-weight:700;color:var(--accent-cream);margin-bottom:3px}.history-raw{font-family:Space Mono,monospace;font-size:.75em;color:var(--text-faint);letter-spacing:2px;align-self:center}.mini-hexagram{display:flex;flex-direction:column-reverse;gap:3px;padding:4px}.mini-line.solid{height:4px;width:44px;background:var(--line-yang);opacity:.8}.mini-line.broken{display:flex;justify-content:space-between;width:44px;height:4px}.mini-line.broken span{display:block;height:4px;width:44%;background:var(--line-yin);opacity:.8}.history-item small{color:var(--text-faint);font-family:Space Mono,monospace;font-size:.7em}@media(max-width:768px){main{grid-template-columns:1fr}header{flex-direction:column;gap:16px}header h1{font-size:1.6em;letter-spacing:8px}#hexagram-display{flex-direction:column}}