.iching-app{--jade:#174b43;--jade-dark:#0d2926;--iching-gold:#b9934d;background:radial-gradient(circle at 75% 13%,rgba(34,105,89,.18),transparent 28rem),#f3eee1}.iching-main{width:min(1180px,calc(100% - 40px));flex:1;margin:0 auto}.iching-entry{min-height:calc(100vh - 160px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr);align-items:center;gap:clamp(44px,8vw,104px);padding:52px 0 76px}.iching-copy h1,.iching-result-hero h1{margin:0;color:var(--jade-dark);font:400 clamp(48px,5.5vw,74px)/1.07 Georgia,Th Sarabun New,serif;letter-spacing:-.03em}.iching-copy>p:not(.eyebrow){max-width:520px;color:var(--muted);font-size:16px;line-height:1.9}.iching-copy ol{list-style:none;padding:0;margin:34px 0 0;display:grid;gap:14px;color:#53625a;font-size:14px}.iching-copy li{display:flex;align-items:center;gap:15px}.iching-copy li span{color:var(--iching-gold);font:12px Georgia,serif}.casting-panel{position:relative;overflow:hidden;padding:50px;border:1px solid rgba(22,75,67,.22);border-radius:50% 50% 24px 24px/18% 18% 24px 24px;background:linear-gradient(155deg,rgba(255,252,241,.94),rgba(225,233,219,.8));box-shadow:0 28px 70px rgba(18,55,49,.15);text-align:center}.casting-panel:before{content:"";position:absolute;inset:18px;border:1px solid rgba(185,147,77,.28);border-radius:inherit;pointer-events:none}.casting-panel h2{margin:25px 0 7px;color:var(--jade-dark);font:400 31px Georgia,Th Sarabun New,serif}.casting-panel>p{color:var(--muted);font-size:13px;line-height:1.8}.casting-panel .primary-action,.casting-panel .secondary-action{position:relative;width:min(100%,360px)}.casting-panel .secondary-action{margin-top:10px}.coin-stage{height:210px;display:flex;align-items:center;justify-content:center;gap:18px;perspective:600px}.coin-stage i{width:92px;height:92px;display:grid;place-items:center;border:3px double #9b793d;border-radius:50%;background:radial-gradient(circle at 35% 28%,#f5dc95,#bb9149 52%,#785923);color:#173b35;font:normal 42px serif;box-shadow:0 10px 18px rgba(70,50,20,.28)}.coin-stage i:nth-child(2){transform:translateY(-34px)}.coin-stage.has-result{height:150px}.coin-stage.has-result i{width:76px;height:76px;color:#173b35;font:700 13px Arial,sans-serif}.coin-stage.is-casting i{animation:coin-cast .72s ease-in-out infinite alternate}.coin-stage.is-casting i:nth-child(2){animation-delay:.12s}.coin-stage.is-casting i:nth-child(3){animation-delay:.24s}@keyframes coin-cast{to{transform:translateY(-34px) rotateY(540deg) rotateX(24deg)}}.casting-progress{position:relative;width:min(100%,360px);margin:20px auto;color:#63736b;font-size:11px}.casting-progress>div{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:9px}.casting-progress i{height:4px;border-radius:99px;background:rgba(23,75,67,.14)}.casting-progress i.is-complete{background:var(--iching-gold);box-shadow:0 0 8px rgba(185,147,77,.35)}.casting-lines{position:relative;width:min(100%,390px);margin:0 auto 20px;padding:18px;border-radius:17px;background:rgba(255,252,241,.66);text-align:left}.casting-lines .hexagram-lines{max-width:260px;margin:0 auto 16px}.casting-lines>ol:last-child{list-style:none;padding:0;margin:0;display:grid;gap:5px}.casting-lines>ol:last-child li{display:grid;grid-template-columns:60px 1fr 32px;gap:8px;color:#68776f;font-size:10px}.casting-lines>ol:last-child b{color:#40554e;font-weight:400}.casting-lines>ol:last-child strong{color:#896523;text-align:right}.iching-result{max-width:1040px;margin:0 auto;padding:52px 0 84px}.iching-result-hero{text-align:center;padding:20px 0 52px}.hexagram-symbol{display:block;color:var(--jade);font:150px/1 serif;text-shadow:0 15px 40px rgba(18,68,58,.18)}.iching-result-hero h1{font-size:clamp(42px,5vw,64px)}.iching-result-hero>p:last-child{color:var(--muted);letter-spacing:.06em}.iching-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.coin-proof,.hexagram-proof{padding:30px;border:1px solid rgba(24,73,63,.18);border-radius:22px;background:rgba(255,251,240,.7)}.changing-lines h2,.coin-proof h2,.hexagram-proof h2{margin:0 0 24px;color:var(--jade-dark);font:400 25px Georgia,Th Sarabun New,serif}.hexagram-proof>p{margin:22px 0 0;color:var(--muted);font-size:11px;line-height:1.6}.hexagram-lines{list-style:none;padding:0;margin:0;display:grid;gap:11px}.hexagram-lines li{display:grid;grid-template-columns:28px 1fr 44px;align-items:center;gap:10px}.line-number,.line-value{color:#78857e;font-size:11px;text-align:center}.hexagram-lines .is-changing .line-value{color:#8e6421;font-weight:700}.yao{height:17px;display:flex;gap:14%}.yao i{display:block;flex:1;border-radius:2px;background:var(--jade-dark);box-shadow:0 2px 4px rgba(10,35,31,.18)}.coin-proof ol{list-style:none;padding:0;margin:0;display:grid;gap:8px}.coin-proof li{display:grid;grid-template-columns:55px 1fr 38px;gap:10px;padding:9px 0;border-bottom:1px solid rgba(20,68,58,.1);font-size:12px}.coin-proof li span{color:var(--muted)}.coin-proof li b{color:#485b54;font-weight:400}.coin-proof li strong{color:#896523;text-align:right}.iching-meaning{margin-top:32px;padding:clamp(28px,5vw,56px);border:1px solid rgba(24,73,63,.18);border-radius:24px;background:rgba(255,251,240,.78)}.iching-meaning h2{margin:0;color:var(--jade-dark);font:400 clamp(34px,4vw,50px) Georgia,Th Sarabun New,serif}.hexagram-name{color:#7b694a;font-size:13px;letter-spacing:.05em}.meaning-summary{margin:30px 0;color:#293d37;font:400 clamp(20px,2.4vw,27px)/1.75 Georgia,Th Sarabun New,serif}.meaning-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.meaning-grid article{padding:22px;border-radius:16px;background:rgba(25,75,65,.055)}.iching-meaning aside span,.meaning-grid span{color:#8a682b;font-size:12px;font-weight:700}.iching-meaning aside p,.meaning-grid p{margin:10px 0 0;font-size:14px;line-height:1.85}.iching-meaning aside{margin-top:18px;padding:20px 22px;border-left:2px solid var(--iching-gold);background:rgba(185,147,77,.08)}.changing-lines{margin:32px 0;padding:32px;border-radius:22px;color:#dce8df;background:linear-gradient(135deg,var(--jade-dark),#173d37)}.changing-lines h2{color:#f0dcae}.changing-lines>div{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.changing-lines article{padding:16px;border:1px solid rgba(235,215,166,.18);border-radius:13px}.changing-lines article b{color:#e7c878;font-size:12px}.changing-lines article p{margin:12px 0 0;font-size:13px;line-height:1.75}.changing-lines blockquote{margin:17px 0 0;color:#fff4d5;font:400 24px/1.6 Georgia,"Noto Serif TC",serif}.changing-lines p span{display:block;margin-bottom:4px;color:#d2b66f;font-size:10px;font-weight:700;letter-spacing:.04em}.changing-lines .legge-translation{color:#c6d4cc}.changing-lines .line-role{padding-top:12px;border-top:1px solid rgba(235,215,166,.13);color:#e6ede8}.changing-lines small{display:block;margin-top:20px;color:#9fb4aa;line-height:1.7}.changing-lines .supplementary-line{margin-top:16px;border-color:rgba(231,200,120,.45);background:rgba(231,200,120,.07)}.changing-lines .thai-interpretation{color:#f4eee0;font-size:15px}.changing-lines .legge-details{margin-top:12px;color:#aebfb6;font-size:11px}.changing-lines .legge-details summary{cursor:pointer}.changing-lines .legge-details .legge-translation{font-family:Georgia,serif;font-size:12px}.changing-lines.no-change{text-align:center}.changing-lines.no-change p{margin:0}.iching-about{margin:28px 0;padding:0 20px;border:1px solid var(--line);border-radius:15px;background:rgba(255,251,240,.6)}.iching-about summary{padding:16px 0;cursor:pointer;color:var(--jade-dark);font-size:13px}.iching-about p{color:var(--muted);font-size:12px;line-height:1.75}.iching-about a{color:var(--jade)}.iching-ai-panel{margin:36px 0 46px;padding:clamp(24px,5vw,40px);border:1px solid rgba(185,147,77,.34);border-radius:24px;background:radial-gradient(circle at 92% 8%,rgba(185,147,77,.14),transparent 18rem),linear-gradient(145deg,rgba(255,251,240,.88),rgba(229,237,224,.78));box-shadow:0 16px 46px rgba(20,60,52,.09)}.iching-ai-panel>h2{margin:0 0 10px;color:var(--jade-dark);font:400 34px Georgia,Th Sarabun New,serif}.iching-ai-panel>p:not(.eyebrow,.fortune-cookie-cost-note){color:var(--muted);font-size:13px;line-height:1.8}.iching-ai-panel>.primary-action,.iching-ai-panel>.secondary-action{width:100%;min-height:48px;margin-top:14px}.iching-ai-sections{display:grid;gap:12px;margin-top:20px}.iching-ai-sections article{padding:20px 22px;border-radius:16px;background:rgba(25,75,65,.07)}.iching-ai-sections h3{margin:0 0 8px;color:#7c5d25;font-size:17px}.iching-ai-sections p{margin:0;color:#33453f;font-size:14px;line-height:1.85}.iching-ai-note{margin-top:16px;color:#77847d;font-size:11px}.iching-ai-error{color:#8a382d;font-size:13px;line-height:1.7}.iching-analysis-input{margin:22px 0}.iching-analysis-input label{display:block;margin-bottom:10px;color:var(--jade-dark);font-size:14px}.iching-analysis-input label span{color:var(--muted);font-size:12px}.iching-analysis-input select{display:block;width:100%;min-height:48px;padding:10px 42px 10px 14px;border:1px solid rgba(25,75,65,.42);border-radius:12px;background:rgba(255,252,243,.9);color:var(--ink);font:inherit;font-size:16px;line-height:1.5;cursor:pointer}.iching-analysis-input select:focus-visible{outline:2px solid var(--jade);outline-offset:2px}.iching-analysis-input select:disabled{background:rgba(255,252,243,.45);color:var(--muted);cursor:default;opacity:1}.concern-multi-select{position:relative;min-width:0}.concern-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:48px;padding:10px 14px;border:1px solid rgba(25,75,65,.42);border-radius:12px;background:rgba(255,252,243,.9);color:var(--ink);font:inherit;font-size:16px;line-height:1.5;text-align:left;cursor:pointer}.concern-select-trigger span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.concern-select-trigger:focus-visible{outline:2px solid var(--jade);outline-offset:2px}.concern-select-trigger:disabled{background:rgba(255,252,243,.45);color:var(--muted);cursor:default}.concern-select-menu{position:fixed;z-index:1000;display:grid;gap:2px;margin:0;padding:9px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;border-radius:14px;box-sizing:border-box}.concern-select-menu label{display:flex;align-items:center;gap:10px;margin:0;padding:9px 10px;border-radius:9px;cursor:pointer}.concern-select-menu label.is-disabled{opacity:.45;cursor:not-allowed}.concern-select-menu input{width:17px;height:17px}.concern-select-menu p{margin:5px 8px 2px;color:#65746e;font-size:11px}.concern-select-menu--iching{border:1px solid rgba(25,75,65,.42);color:#293d37;background:#fffdf6;box-shadow:0 18px 36px rgba(20,60,52,.17)}.concern-select-menu--iching label:hover{background:rgba(25,75,65,.07)}.concern-select-menu--iching input{accent-color:#194b41}.iching-actions{max-width:620px;margin:16px auto}@media(max-width:820px){.iching-entry{grid-template-columns:1fr}.iching-copy{text-align:center}.iching-copy ol,.iching-copy>p:not(.eyebrow){margin-inline:auto}.iching-copy ol{width:max-content;max-width:100%;text-align:left}.iching-result-grid{grid-template-columns:1fr}.changing-lines>div{grid-template-columns:1fr 1fr}}@media(max-width:600px){.iching-main{width:min(100% - 28px,1180px)}.casting-panel{padding:34px 18px}.coin-stage{height:170px;gap:10px}.coin-stage i{width:72px;height:72px;font-size:34px}.coin-proof,.hexagram-proof{padding:23px 17px}.changing-lines>div,.meaning-grid{grid-template-columns:1fr}.iching-meaning{padding:28px 20px}.method-navigation{overflow-x:auto;padding-bottom:4px}.method-navigation a{flex:0 0 auto}}@media(prefers-reduced-motion:reduce){.coin-stage.is-casting i{animation:none}}