:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--theme-text-color, #2c3e50);background-color:var(--theme-background, #E6E6FA);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--theme-background: #E6E6FA;--theme-panel-background: #FFFFFF;--theme-panel-border: #D8BFD8;--theme-title-color: #4B0082;--theme-text-color: #2c3e50;--theme-button-background: #9370DB;--theme-button-hover: #7B68EE;--theme-hover-background: #F0E6FF;--theme-shadow: rgba(123, 104, 238, .15);--theme-changed-panel-background: #F5F0FF;--theme-changed-panel-border: #DDA0DD;--theme-changed-shadow: rgba(221, 160, 221, .2);--theme-help-background: #F8F8FF;--theme-help-border: #E6E6FA;--theme-help-shadow: rgba(230, 230, 250, .15);--theme-help-text-color: #4B0082}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}.iching-root{padding:40px 16px;max-width:800px;margin:0 auto;font-family:Arial,sans-serif;background:var(--theme-background);min-height:100vh;box-sizing:border-box}@media (max-width: 600px){.iching-root{padding:16px 4px;max-width:100vw}.iching-panel,.iching-help,.iching-changed-panel{padding:12px 6px;border-radius:6px;margin-bottom:12px}.iching-title{font-size:26px;margin-bottom:18px}.iching-panel-header-title,.iching-changed-title{font-size:18px}.iching-info-main{font-size:15px}}.iching-title{text-align:center;color:var(--theme-title-color);margin-bottom:30px;text-shadow:1px 1px 2px rgba(75,0,130,.1);font-weight:600}.hexagram-result{line-height:1.8;margin-top:20px;margin-bottom:0;font-size:20px}.iching-info-page{font-size:14px;color:#555;margin-top:2px;display:inline-block}html,body{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif;background:var(--theme-background);min-height:100vh;width:100vw}#root{display:flex;flex-direction:column;align-items:center;min-height:100vh;width:100vw;max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.App{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}@media (max-width: 600px){html,body{padding:0;min-width:100vw;font-size:15px}#root{padding:0;min-width:100vw;max-width:100vw}}*{box-sizing:border-box}