html{background:#fbfaf7}:root{--ink:#1c2831;--muted:#65727b;--paper:#fbfaf7;--warm:#f1e9dc;--sage:#37675b;--teal:#0d6e73;--coral:#d5614c;--gold:#d9a441;--line:#d9d9d2;--shadow:0 18px 40px #202c2b17}*{box-sizing:border-box}body{min-width:320px;color:var(--ink);background:var(--paper);margin:0;font-family:Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #e2ad51}button:disabled{cursor:not-allowed;opacity:.45}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:.02em}h1{font-family:Georgia,Noto Serif TC,serif}h2{margin-bottom:.35rem;font-size:clamp(1.65rem,3vw,2.25rem)}h3{margin-bottom:.45rem}label{gap:.45rem;font-weight:700;display:grid}input,textarea,select{width:100%;color:var(--ink);background:#fffdf9;border:1px solid #bfc7c2;border-radius:9px;padding:.72rem .8rem}textarea{resize:vertical;line-height:1.6}button{border:0;border-radius:9px;padding:.7rem 1rem;font-weight:750}.primary{color:#fff;background:var(--teal);box-shadow:0 3px #084d50}.primary:hover{background:#075b60}.secondary{color:var(--teal);background:#fff;border:1px solid #9db8b2}.icon-button{min-width:38px;color:var(--teal);background:#edf5f2;padding:.4rem .6rem;font-size:1.2rem}.icon-button.danger,.danger-link{color:#a33c30}.eyebrow{color:var(--teal);letter-spacing:.16em;text-transform:uppercase;margin-bottom:.55rem;font-size:.72rem;font-weight:800}.helper,.field-hint{color:var(--muted);line-height:1.7}.field-hint{font-weight:700}.home-shell{max-width:1160px;margin:auto;padding:2rem 1.5rem 4rem}.home-hero{color:#fff;background:linear-gradient(120deg,#123e42,#17676b);border-radius:22px;justify-content:space-between;align-items:center;min-height:280px;padding:3.5rem;display:flex;position:relative;overflow:hidden}.home-hero:after{content:"☰";color:#ffffff14;font-size:26rem;position:absolute;bottom:-52%;right:3%;transform:rotate(90deg)}.home-hero>*{z-index:1;position:relative}.home-hero h1{margin-bottom:.25rem;font-size:clamp(3rem,8vw,5.5rem);line-height:1}.home-hero p:not(.eyebrow){max-width:440px;font-size:1.1rem;line-height:1.8}.home-hero .eyebrow{color:#e4c77c}.hero-button{background:var(--coral);min-width:155px;box-shadow:0 3px #a53b2d}.privacy-banner{border-left:4px solid var(--gold);background:#fff4d7;border-radius:6px;gap:1rem;margin:1.5rem 0 3rem;padding:1rem 1.2rem;line-height:1.6;display:flex}.section-heading{justify-content:space-between;align-items:end;margin-bottom:1.25rem;display:flex}.section-heading h2{margin:0}.journal-cards{gap:.9rem;display:grid}.journal-item{border:1px solid var(--line);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:1.2rem;padding:1.2rem 1.4rem;display:flex}.journal-item h3{margin:.7rem 0 .35rem;font-size:1rem}.journal-item p{color:var(--muted);margin:0;font-size:.86rem}.status{color:#70520d;background:#fff2cf;border-radius:99px;padding:.2rem .5rem;font-size:.75rem;font-weight:800;display:inline-block}.status.completed{color:#206453;background:#dff1e8}.item-actions{align-items:center;gap:.5rem;display:flex}.empty-state{text-align:center;color:var(--muted);border:1px dashed #b7c2bd;border-radius:14px;padding:4rem 1rem}.empty-state span{color:var(--teal);font-size:3rem}.empty-state h3{color:var(--ink)}.home-logo{width:30%;height:auto;display:block}.app-shell{min-height:100vh}.app-header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:66px;padding:0 max(1.5rem,50vw - 640px);display:flex}.brand{color:var(--ink);background:0 0;align-items:center;gap:.6rem;padding:0;font-size:1rem;display:flex}.brand span{color:#fff;background:var(--teal);border-radius:50%;place-items:center;width:34px;height:34px;font-family:Georgia,serif;font-size:1.35rem;display:grid}.save-status{color:var(--muted);align-items:center;gap:.4rem;font-size:.8rem;display:flex}.save-status i{background:#d7a83d;border-radius:50%;width:8px;height:8px}.save-status i.saved{background:#4e9a7f}.exit-button{color:var(--muted);background:0 0;padding:.4rem}.editor-layout{grid-template-columns:220px minmax(0,830px);justify-content:center;gap:3rem;padding:2.7rem 1.5rem 5rem;display:grid}.step-nav{align-content:start;gap:.25rem;height:max-content;display:grid;position:sticky;top:1rem}.step-nav button{text-align:left;color:#5b686a;background:0 0;align-items:center;gap:.8rem;display:flex}.step-nav button span{color:#6d7777;border:1px solid #b5c0bd;border-radius:50%;place-items:center;width:27px;height:27px;font-size:.75rem;display:grid}.step-nav button.active{color:var(--teal);background:#e5f1ed}.step-nav button.active span{color:#fff;background:var(--teal);border-color:var(--teal)}.step-nav button.done span{color:#fff;background:#5f9f87;border-color:#5f9f87}.editor-main{min-width:0}.step-section{min-height:440px;padding:1rem 0 2rem}.choice-group{border:0;flex-wrap:wrap;gap:1.3rem;margin:2rem 0;padding:0;display:flex}.choice-group legend,.tag-selector legend{margin-bottom:.7rem;font-weight:800}.choice-group label,.tag-selector label{align-items:center;gap:.5rem;font-weight:600;display:flex}.choice-group input,.tag-selector input{width:auto;accent-color:var(--teal)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3rem;display:grid}.member-editor{border-top:1px solid var(--line);margin-top:2rem;padding-top:1.2rem}.member-editor>div:first-child{margin-bottom:.8rem}.member-editor h3{margin:0}.member-editor p{margin:.3rem 0 0}.inline-field{gap:.5rem;margin:.55rem 0;display:flex}.solution-list{gap:.75rem;margin:1.5rem 0;display:grid}.current-question{border-left:4px solid var(--teal);background:#edf5f2;border-radius:0 9px 9px 0;margin:1.25rem 0;padding:1rem 1.15rem}.current-question span{color:var(--teal);letter-spacing:.08em;font-size:.75rem;font-weight:800}.current-question p{white-space:pre-wrap;margin:.35rem 0 0;font-size:1.05rem;font-weight:700;line-height:1.6}.solution-row{grid-template-columns:30px minmax(0,1fr) 42px;align-items:center;gap:.65rem;display:grid}.solution-row>span{color:#fff;background:var(--coral);border-radius:50%;place-items:center;width:28px;height:28px;font-size:.78rem;font-weight:700;display:grid}.reorder{gap:.2rem;display:grid}.dice-step{grid-template-columns:minmax(0,1fr) 245px;gap:2.5rem;display:grid}.dice-roller{background:#eef5f1;border:1px solid #cadbd3;border-radius:12px;align-items:center;gap:1.1rem;margin:1.5rem 0;padding:1rem;display:flex}.die{background:var(--coral);border-radius:15px;flex:none;place-items:center;width:70px;height:70px;display:grid;box-shadow:0 5px #a94737}.die.is-rolling{animation:.45s linear infinite dice-roll}.dice-face{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:48px;height:48px;padding:4px;display:grid}.dice-face i{border-radius:50%;place-self:center;width:9px;height:9px}.dice-face i.pip{background:#fff}.dice-face.compact{width:26px;height:26px;padding:2px}.dice-face.compact i{width:5px;height:5px}.dice-entry .dice-face i.pip{background:var(--teal)}.die.is-rolling .dice-face{animation:.16s steps(2,end) infinite dice-pips}.roll-count{color:var(--muted);margin:0 0 .55rem;font-size:.85rem;font-weight:700}.roll-button{min-width:170px}.dice-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1.5rem 0;display:grid}.dice-entry{background:#fff;border:1px dashed #b9c6c0;border-radius:10px;gap:.35rem;min-height:95px;padding:.8rem;display:grid}.dice-entry.recorded{background:#f5faf7;border-color:#9bbcaf}.dice-entry span{font-size:.85rem}.dice-entry strong{min-height:28px;color:var(--teal);align-items:center;font-size:1.05rem;display:flex}.dice-entry small{color:var(--teal)}.hex-preview{text-align:center;background:#f0f4ef;border-radius:14px;align-self:start;padding:1.3rem}.hex-preview p{color:var(--muted);font-size:.85rem}.hexagram-lines{gap:9px;width:170px;margin:1.5rem auto;display:grid}.line-row{grid-template-columns:40px 1fr;align-items:center;gap:.5rem;display:grid}.line-row>span{color:var(--muted);text-align:right;font-size:.72rem}.yao{gap:14px;height:12px;display:flex}.yao i{background:#1c2831;height:100%;display:block}.yao.yang i:first-child{width:100%}.yao.yang i:last-child{display:none}.yao.yin i{width:calc(50% - 7px)}.yao.empty{border:1px dashed #afbbb5;height:12px}.yao.empty i{display:none}@keyframes dice-roll{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(.82)}to{transform:rotate(360deg)scale(1)}}@keyframes dice-pips{0%{opacity:.4}to{opacity:1}}.result-chip,.notice{background:#e2f1eb;border-radius:8px;margin:1rem 0;padding:.85rem 1rem;line-height:1.6}.notice.error{color:#8d3026;background:#fde9e5}.danger-link{background:0 0;padding:0;text-decoration:underline}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:1.75rem;display:grid}.hex-card{border:1px solid #c8d5cf;border-top:7px solid var(--teal);min-height:485px;box-shadow:var(--shadow);background:#fff;border-radius:14px;flex-direction:column;padding:1.2rem;display:flex}.hex-card:nth-child(2){border-top-color:var(--coral)}.card-topline{color:var(--muted);justify-content:space-between;font-size:.78rem;font-weight:800;display:flex}.card-content{text-align:center;flex:1;padding:1rem .2rem}.card-title{color:var(--teal);margin:.2rem 0;font-family:Georgia,Noto Serif TC,serif;font-size:2rem;font-weight:800}.card-front .hexagram-lines{margin:2.2rem auto 1.6rem;transform:scale(1.25)}.image-text{margin:1.6rem 0 .5rem;font-size:1.2rem}.quote{color:#34484a;font-family:Microsoft JhengHei,微軟正黑體,sans-serif;font-size:1.3rem;line-height:2}.tag-list{flex-wrap:wrap;justify-content:center;gap:.45rem;margin:1.5rem 0;display:flex}.tag{color:var(--teal);background:#e4f1ed;border-radius:99px;padding:.35rem .6rem;font-size:.78rem;font-weight:700}.text-button{color:var(--teal);background:0 0;padding:.3rem;text-decoration:underline}.commentary{text-align:left;color:#435657;background:#f6f3ed;border-radius:8px;padding:1rem;line-height:1.7}.full-width{width:100%}.reflection-card{border:1px solid var(--line);background:#fff;border-radius:12px;margin:1.2rem 0;padding:1.3rem}.stack-fields{gap:1.4rem;display:grid}.tag-selector{border:1px solid var(--line);border-radius:9px;flex-wrap:wrap;gap:.8rem 1.3rem;padding:1rem;display:flex}.tag-selector legend{width:100%}.step-actions{border-top:1px solid var(--line);justify-content:space-between;gap:1rem;padding-top:1.5rem;display:flex}.mobile-progress{display:none}.export-actions{gap:.75rem;margin:1.5rem 0;display:flex}.journal-preview{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:clamp(1.3rem,4vw,3rem)}.journal-preview header{border-bottom:2px solid var(--teal);padding-bottom:1.2rem}.journal-preview h1{margin:.2rem 0;font-size:2rem}.journal-preview h3{color:var(--teal);margin-top:1.5rem}.journal-preview p,.journal-preview li{white-space:pre-wrap;line-height:1.7}.journal-preview table{border-collapse:collapse;width:100%;font-size:.88rem}.journal-preview th,.journal-preview td{text-align:left;border-bottom:1px solid var(--line);padding:.55rem}.preview-hex{align-items:center;gap:1.5rem;display:flex}.preview-hex .hexagram-lines{transform-origin:0;width:125px;margin:1rem 0;transform:scale(.75)}.reflection-preview{border-bottom:1px dashed var(--line);padding:.6rem 0}.reflection-preview p{margin:.3rem 0}.journal-preview footer{color:var(--muted);border-top:1px solid var(--line);margin-top:2rem;padding-top:1rem;font-size:.75rem}.header-actions{align-items:center;gap:1rem;display:flex}.sel-link{color:var(--teal);font:inherit;text-underline-offset:3px;background:0 0;padding:.35rem .2rem;font-weight:750;text-decoration:underline}.sel-dialog-backdrop{z-index:10;background:#11242594;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.sel-dialog{background:#fffdf9;border-radius:18px;width:min(960px,100%);max-height:calc(100vh - 3rem);padding:clamp(1.25rem,3vw,2.25rem);overflow:auto;box-shadow:0 24px 80px #00000047}.sel-capability{border-top:5px solid var(--teal);background:#f4f8f5;border-radius:18px;min-height:230px;padding:1rem;box-shadow:0 24px 80px #00000047}.sel-dialog-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;gap:1rem;padding-bottom:1rem;display:flex}.sel-dialog-header h2{margin:0}.sel-definition{color:#263b3c;max-width:760px;margin:1.25rem 0 1.5rem;font-size:1.1rem;font-weight:700;line-height:1.7}.sel-capabilities{grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem;display:grid}.sel-capability{border-top:5px solid var(--teal);background:#f4f8f5;border-radius:10px;min-height:230px;padding:1rem}.sel-capability>span{color:#fff;background:var(--teal);border-radius:50%;place-items:center;width:28px;height:28px;font-size:.8rem;font-weight:800;display:inline-grid}.sel-capability h3{margin:.8rem 0 .2rem;font-size:1.02rem}.sel-capability small{color:var(--muted);font-weight:700}.sel-capability p{margin:.8rem 0 0;font-size:.88rem;line-height:1.65}.capability-2{background:#f2f8f0;border-color:#4e8a54}.capability-2>span{background:#4e8a54}.capability-3{background:#fff8e9;border-color:#bf8721}.capability-3>span{background:#bf8721}.capability-4{border-color:var(--coral);background:#fff3ee}.capability-4>span{background:var(--coral)}.capability-5{background:#f7f1fb;border-color:#75519c}.capability-5>span{background:#75519c}@media (width<=767px){.home-shell{padding:1rem 1rem 3rem}.home-hero{min-height:auto;padding:2.25rem 1.4rem;display:block}.hero-button{margin-top:.8rem}.privacy-banner{gap:.3rem;margin-bottom:2rem;display:grid}.journal-item{flex-direction:column;align-items:flex-start}.item-actions{width:100%}.item-actions .secondary{flex:1}.app-header{height:60px;padding:0 1rem}.save-status{display:none}.header-actions{gap:.35rem}.sel-link{font-size:.82rem}.editor-layout{padding:1.25rem 1rem 5.5rem;display:block}.step-nav{display:none}.mobile-progress{margin-bottom:1.5rem;display:block}.mobile-progress span{color:var(--muted);font-size:.8rem}.mobile-progress strong{margin:.2rem 0 .5rem;display:block}.mobile-progress>div{background:#dfe5df;border-radius:5px;height:5px;overflow:hidden}.mobile-progress i{background:var(--teal);height:100%;display:block}.step-section{min-height:0}.form-grid,.dice-step,.card-grid{grid-template-columns:1fr}.dice-step{gap:1.5rem}.dice-list{grid-template-columns:1fr}.hex-preview{order:-1}.hex-preview .hexagram-lines{margin:1rem auto}.step-actions{z-index:3;background:#fff;padding:.85rem 1rem;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -3px 15px #00000014}.step-actions button{flex:1}.card-grid{gap:1rem}.hex-card{min-height:420px}.home-hero:after{font-size:18rem}.preview-hex{gap:.2rem}.journal-preview{padding:1.2rem}.journal-preview table{font-size:.74rem}.journal-preview th,.journal-preview td{padding:.35rem .2rem}.export-actions{display:grid}.choice-group{gap:.7rem}.sel-dialog-backdrop{padding:.75rem}.sel-capabilities{grid-template-columns:1fr}.sel-capability{min-height:0}.sel-dialog{max-height:calc(100vh - 1.5rem)}.sel-dialog-header .icon-button{flex:none}}@media print{@page{size:A4;margin:14mm}body{background:#fff;font-size:10pt}.no-print,.app-header,.step-nav,.step-actions,.export-actions,.editor-main>.mobile-progress,.export-step>.eyebrow,.export-step>h2,.export-step>.helper{display:none!important}.app-shell,.editor-layout,.editor-main,.export-step{margin:0;padding:0;display:block}.journal-preview{box-shadow:none;border:0;padding:0}.journal-preview h1{font-size:24pt}.print-block{break-inside:avoid;page-break-inside:avoid}.hexagram-lines{break-inside:avoid}.preview-hex .hexagram-lines{margin:-.4rem 0;transform:scale(.62)}.journal-preview table{font-size:8pt}}.quote,.journal-preview .preview-hex+p{font-family:Microsoft JhengHei,Microsoft JhengHei UI,微軟正黑體,sans-serif;font-weight:700}.hexagram-lines:not(.is-labelled) .line-row{display:block}.card-front .hexagram-lines{gap:28px;width:min(245px,100%);transform:none}.hexagram-carryover{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin:0 0 1.4rem;display:grid}.hexagram-carryover article{border:1px solid var(--line);border-top:4px solid var(--teal);background:#fff;border-radius:8px;padding:1rem}.hexagram-carryover article:nth-child(2){border-top-color:var(--coral)}.hexagram-carryover span{color:var(--muted);margin-bottom:.4rem;font-size:.78rem;font-weight:800;display:block}.hexagram-carryover strong{color:var(--teal);margin-bottom:.45rem;display:block}.hexagram-carryover p{color:#34484a;margin:0;font-family:Microsoft JhengHei,Microsoft JhengHei UI,微軟正黑體,sans-serif;font-weight:700;line-height:1.75}.hexagram-carryover .trigram-images{justify-content:start;margin:.65rem 0}.hexagram-carryover .trigram-images img{width:clamp(34px,5vw,46px);max-height:70px}@media (width<=767px){.hexagram-carryover{grid-template-columns:1fr}}.fan-club-dialog-backdrop{z-index:12;background:#11242594;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.fan-club-dialog{background:#fffdf9;border-radius:12px;width:min(760px,100%);max-height:calc(100vh - 3rem);padding:1rem;overflow:auto;box-shadow:0 24px 80px #00000047}.fan-club-dialog-header{justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.8rem;display:flex}.fan-club-dialog-header h2{color:var(--teal);margin:0;font-size:1.35rem}.official-account-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.25rem;margin-top:1.25rem;display:grid}.official-account-intro{color:#24393a;grid-column:1/-1;margin:0;font-weight:700;line-height:1.7}.official-account{text-align:center;border:1px solid var(--line);background:#f6f3ed;border-radius:8px;justify-items:center;gap:.9rem;padding:1rem;display:grid}.official-account-qr{width:min(100%,180px);display:block}.official-account-qr img{border:1px solid #bfc7c2;border-radius:6px;width:100%;height:auto;display:block}.official-account-qr:hover img{border-color:var(--teal);box-shadow:0 0 0 3px #0d6e7326}.official-account-details h4{color:var(--teal);margin:0 0 .35rem;font-family:Noto Sans TC,Microsoft JhengHei,PingFang TC,sans-serif;font-size:1rem}.official-account-url{color:var(--teal);overflow-wrap:anywhere;font-weight:800;line-height:1.6}.manual-dice-entry{grid-template-columns:minmax(0,1fr) 130px auto;align-items:center;gap:.55rem;margin-top:.65rem;display:grid}.manual-dice-entry>span{color:var(--muted);font-size:.88rem;font-weight:700;line-height:1.45}.manual-dice-entry select{text-align:center;min-width:0}.manual-dice-entry button{white-space:nowrap}.manual-dice-error{color:#8d3026;margin:.45rem 0 0;font-size:.85rem;font-weight:700}.solution-builder{gap:1rem;margin:1.5rem 0;display:grid}.solution-summary,.solution-draft{background:#fffdf9;border:1.5px solid #b9c7c2;border-radius:12px;width:100%}.solution-summary{color:#102731;min-height:285px;padding:1.35rem 1.55rem;font-size:1.25rem;font-weight:650;line-height:1.9}.solution-draft{min-height:96px;padding:1.15rem 1.35rem;font-size:1.15rem}.solution-draft-label{color:#5f6a6c;gap:.55rem;font-size:1.15rem;font-weight:800;display:grid}.add-solution-button{min-width:210px;color:var(--teal);border-color:#9db8b2;border-radius:14px;justify-self:start;padding:1rem 1.45rem;font-size:1.35rem;font-weight:800}.home-hero-actions{z-index:1;justify-items:end;gap:.75rem;display:grid;position:relative}.home-primary-actions{flex-wrap:wrap;justify-content:end;gap:.75rem;display:flex}.home-info-links{flex-wrap:wrap;gap:1rem;display:flex}.home-hero .sel-link{color:#fff}.audience-selector{align-items:center;gap:.55rem;display:flex}.audience-label{white-space:nowrap;font-size:.82rem;font-weight:800}.audience-options{background:#edf5f2;border:1px solid #9db8b2;border-radius:8px;padding:2px;display:flex}.audience-options button{color:var(--teal);box-shadow:none;background:0 0;border-radius:6px;padding:.34rem .6rem;font-size:.82rem}.audience-options button.active{color:#fff;background:var(--teal)}.home-audience-selector{color:#fff}.home-audience-selector .audience-options{background:#ffffff21;border-color:#ffffff8a}.home-audience-selector .audience-options button{color:#fff}.home-audience-selector .audience-options button.active{color:var(--teal);background:#fff}.header-audience-selector{color:var(--muted)}@media (width<=767px){.home-hero-actions{justify-items:start;margin-top:1.25rem}.home-primary-actions{justify-content:start}.home-hero-actions .hero-button{margin-top:0}.app-header{flex-wrap:wrap;gap:.5rem;height:auto;min-height:60px;padding-top:.6rem;padding-bottom:.6rem}.header-actions{flex-wrap:wrap;justify-content:flex-end;width:100%}.header-audience-selector{justify-content:flex-end;width:100%}}.card-front .hexagram-lines{gap:8px;width:min(74px,30%);margin:.8rem auto;transform:none}.card-front .yao{gap:9px;height:7px}.card-front .yao.yin i{width:calc(50% - 4.5px)}.trigram-images{grid-template-columns:repeat(2,auto);justify-content:center;justify-items:center;gap:.5rem;margin:.7rem auto 1rem;display:grid}.trigram-images img{object-fit:contain;width:clamp(42px,7vw,60px);max-height:90px;display:block}.sel-slide-image{border:1px solid var(--line);border-radius:8px;width:100%;height:auto;margin:0 0 1.5rem;display:block}.untie-knot-dialog{width:min(1080px,100%)}.untie-knot-image{border:1px solid var(--line);border-radius:8px;width:100%;height:auto;margin-top:1.25rem;display:block}.class-culture-dialog{width:min(1080px,100%)}.ai-softskill-content{color:#24393a;padding-top:1.25rem}.ai-softskill-content h3{color:var(--teal);margin-bottom:.6rem;font-size:1.3rem}.ai-softskill-content>p{margin-bottom:.85rem;font-weight:700}.ai-softskill-content ol{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.ai-softskill-content li{border-left:4px solid var(--teal);background:#f4f8f5;border-radius:6px;padding:.8rem 1rem}.ai-softskill-content strong,.ai-softskill-content span{display:block}.ai-softskill-content strong{margin-bottom:.2rem}.ai-softskill-content span{line-height:1.7}.class-culture-images{gap:1.25rem;padding-top:1.25rem;display:grid}.class-culture-images img{border:1px solid var(--line);border-radius:8px;width:100%;height:auto;display:block}.step-guide-action{margin:1rem 0 0}.guide-button{font-family:Noto Sans TC,Microsoft JhengHei,PingFang TC,sans-serif}.guide-dialog-backdrop{z-index:12;background:#12304194;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.guide-dialog{isolation:isolate;color:#111;background:linear-gradient(#d9efff 0%,#fff 58%,#e4f2ff 100%);border:1px solid #6b94b273;border-radius:18px;width:min(1080px,100%);max-height:calc(100vh - 3rem);padding:clamp(1.25rem,3vw,2.5rem);position:relative;overflow:auto;box-shadow:0 24px 80px #0000004d}.guide-dialog:before,.guide-dialog:after{z-index:0;content:"";pointer-events:none;background:#ffffffb8;border-radius:50%;width:130%;height:23%;position:absolute}.guide-dialog:before{top:22%;left:-15%;transform:rotate(-4deg)}.guide-dialog:after{background:#d7ebfc99;bottom:14%;left:-10%;transform:rotate(3deg)}.guide-dialog-header,.guide-dialog-content{z-index:1;position:relative}.guide-dialog-header{border-bottom:1px solid #88a9bf8c;justify-content:space-between;align-items:start;gap:1rem;padding-bottom:1rem;display:flex}.guide-dialog-header h2{color:#1d2d37;margin:0;font-family:Noto Sans TC,Microsoft JhengHei,PingFang TC,sans-serif;font-size:clamp(1.45rem,3vw,2.15rem)}.guide-dialog-content{gap:1.3rem;padding-top:1.35rem;display:grid}.question-picker-field{gap:.45rem;font-weight:700;display:grid}.question-picker-button{justify-self:start}.question-picker-dialog-backdrop{z-index:12;background:#11242594;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.question-picker-dialog{background:#fffdf9;border-radius:12px;width:min(900px,100%);max-height:calc(100vh - 3rem);padding:clamp(1rem,2.5vw,1.75rem);overflow:auto;box-shadow:0 24px 80px #00000047}.question-picker-dialog-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;gap:1rem;padding-bottom:1rem;display:flex}.question-picker-dialog-header h2{color:var(--teal);margin:0;font-size:clamp(1.25rem,3vw,1.75rem)}.question-picker-dialog-header .eyebrow{margin-bottom:.25rem}.question-picker-list{gap:.65rem;margin:1.2rem 0 0;padding:0;list-style:none;display:grid}.question-picker-list button{text-align:left;width:100%;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:2rem minmax(0,1fr);gap:.75rem;padding:.9rem 1rem;font-weight:650;line-height:1.65;display:grid}.question-picker-list button:hover{background:#edf5f2;border-color:#9db8b2}.question-picker-list button>span:first-child{color:#fff;background:var(--teal);border-radius:50%;place-items:center;width:1.7rem;height:1.7rem;font-size:.8rem;font-weight:800;display:grid}.guide-section h3{background:linear-gradient(90deg,#f06c2f,#98221b);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 .55rem;font-family:Noto Sans TC,Microsoft JhengHei,PingFang TC,sans-serif;font-size:clamp(1.1rem,2.3vw,1.55rem);font-weight:900;line-height:1.5}.guide-section ul{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.guide-section li{grid-template-columns:1.2rem minmax(0,1fr);align-items:start;gap:.5rem;display:grid}.guide-section li:before{content:"✓";color:#d5523b;background:#fff;border:2px solid #395d9a;border-radius:3px;place-items:center;width:1.05rem;height:1.05rem;font-size:.82rem;font-weight:900;line-height:1;display:grid;box-shadow:inset 0 0 0 2px #fff}.guide-section blockquote{color:#111;margin:0;font-family:Noto Sans TC,Microsoft JhengHei,PingFang TC,sans-serif;font-size:clamp(1rem,2.2vw,1.36rem);font-weight:650;line-height:1.65}.purchase-button{color:#8d3026;border-color:#d9a199}.purchase-dialog-backdrop{z-index:12;background:#11242594;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.purchase-dialog{background:#fffdf9;border-radius:12px;width:min(940px,100%);max-height:calc(100vh - 3rem);padding:clamp(1rem,2.5vw,1.75rem);overflow:auto;box-shadow:0 24px 80px #00000047}.purchase-dialog-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.purchase-dialog-header h2{color:var(--teal);margin:0;font-family:Noto Sans TC,Microsoft JhengHei,PingFang TC,sans-serif;font-size:clamp(1.35rem,3vw,1.8rem)}.purchase-dialog-content{grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);align-items:start;gap:clamp(1rem,3vw,2rem);padding-top:1.25rem;display:grid}.purchase-dialog-content>img{border-radius:8px;width:100%;height:auto;display:block}.purchase-details{color:#24393a;font-family:Noto Sans TC,Microsoft JhengHei,PingFang TC,sans-serif;font-size:1.04rem;line-height:1.8}.purchase-price{color:#a33c30;margin-bottom:1rem;font-size:1.25rem;font-weight:900}.purchase-details dl{margin:0 0 1rem}.purchase-details dl>div{border-left:4px solid var(--teal);background:#edf5f2;padding:.85rem 1rem}.purchase-details dt{color:var(--teal);font-weight:900}.purchase-details dd{margin:0;font-weight:700}.purchase-details p{margin-bottom:0}.purchase-details a{color:var(--teal);font-weight:900}.ai-reflection-panel{gap:1rem;margin:1rem 0 1.5rem;display:grid}.ai-context h3,.ai-prompt-panel h3{color:#24393a;margin-bottom:.7rem;font-family:Noto Sans TC,Microsoft JhengHei,PingFang TC,sans-serif}.ai-context dl{gap:.7rem;margin:0;display:grid}.ai-context dl>div{border-left:4px solid var(--teal);background:#edf5f2;padding:.85rem 1rem}.ai-context dt{color:var(--teal);margin-bottom:.25rem;font-size:.84rem;font-weight:900}.ai-context dd{color:#24393a;white-space:pre-wrap;margin:0;font-weight:700;line-height:1.7}.ai-prompt-panel{border:1px solid var(--line);background:#f6f3ed;border-radius:8px;padding:1rem}.ai-prompt-panel>p{color:var(--muted);margin-bottom:.8rem;line-height:1.65}.ai-prompt-text{background:#fff;min-height:290px;font-family:Noto Sans TC,Microsoft JhengHei,PingFang TC,sans-serif;font-size:.9rem;line-height:1.65}.ai-prompt-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.9rem;display:flex}.ai-prompt-actions-top{margin:0 0 .9rem}.copy-status{color:var(--teal);margin:0;font-size:.9rem;font-weight:700}.preview-hex .trigram-images{justify-content:start;margin:.45rem 0}.preview-hex .trigram-images img{width:42px;max-height:64px}.journal-preview.pdf-capture{width:830px;max-width:none;padding:3rem}.journal-media-block img{border:1px solid var(--line);border-radius:8px;width:100%;max-width:760px;height:auto;margin-top:.75rem;display:block}.journal-media-block .official-account-links{max-width:760px}.journal-media-block .official-account-qr img{width:100%;max-width:none;margin:0}@media print{.pdf-page-break-before{break-before:page;page-break-before:always}}@media (width<=767px){.manual-dice-entry{grid-template-columns:130px auto}.manual-dice-entry>span{grid-column:1/-1}.fan-club-dialog-backdrop{padding:.75rem}.fan-club-dialog{max-height:calc(100vh - 1.5rem);padding:.75rem}.official-account-links{grid-template-columns:1fr;gap:1.25rem}.official-account{text-align:left;grid-template-columns:130px minmax(0,1fr);place-items:center start}.official-account-qr{width:130px}.solution-summary{min-height:230px;padding:1rem;font-size:1.05rem}.add-solution-button{width:100%;min-width:0;font-size:1.15rem}.guide-dialog-backdrop{padding:.75rem}.guide-dialog{border-radius:12px;max-height:calc(100vh - 1.5rem);padding:1rem}.guide-dialog-content{gap:1.05rem;padding-top:1rem}.guide-section li{grid-template-columns:1rem minmax(0,1fr);gap:.4rem}.guide-section li:before{width:.9rem;height:.9rem;font-size:.7rem}.purchase-dialog-backdrop{padding:.75rem}.purchase-dialog{max-height:calc(100vh - 1.5rem);padding:1rem}.purchase-dialog-content{grid-template-columns:1fr;gap:1rem;padding-top:1rem}.purchase-details{font-size:.98rem}.ai-prompt-panel{padding:.85rem}.ai-prompt-text{min-height:260px;font-size:.85rem}}.user-guide-dialog{width:min(880px,100%)}.user-guide-content{gap:1.3rem;padding-top:1.3rem;display:grid}.user-guide-intro{color:#263b3c;margin:0;font-weight:700;line-height:1.75}.user-guide-section{border-top:1px solid var(--line);padding-top:1rem}.user-guide-section h3{color:var(--teal);margin-bottom:.65rem;font-size:1.1rem}.user-guide-section ol{gap:.45rem;margin:0;padding-left:1.35rem;display:grid}.user-guide-section li{line-height:1.7}@media (width<=767px){.user-guide-content{gap:1rem;padding-top:1rem}}.hero-resources{color:#fff;background:#ffffff1f;border-left:4px solid #e4c77c;border-radius:8px;max-width:440px;margin-top:1.5rem;padding:1rem 1.2rem}.hero-resources p{color:#e4c77c;margin:0 0 .5rem}.hero-resources ol{margin:0;padding-left:1.4rem;line-height:1.9}.hero-resources a{color:#fff;text-underline-offset:3px;font-weight:700;text-decoration:underline}.hero-resources a:hover,.hero-resources a:focus-visible{color:#ffe6a3}.hero-resources a:visited{color:#e6d9ff}