:root{--paper:#f4eedf;--ink:#40372b;--muted:#827766;--line:#dfd5c2;--gold:#a47c45;--olive:#5a624c;--white:#fffcf5}*{box-sizing:border-box}body{margin:0;background:#d9d7cb;color:var(--ink);font:14px/1.75 -apple-system,BlinkMacSystemFont,"PingFang TC","Microsoft JhengHei",sans-serif}button,input{font:inherit}button{cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:"Songti TC","Noto Serif TC",serif;font-weight:500}h1{font-size:30px;letter-spacing:.08em}h2{font-size:22px}h3{font-size:19px}.app-shell{max-width:480px;min-height:100dvh;margin:0 auto;background:var(--paper);box-shadow:0 0 80px #514d3b15;position:relative}.app-header{height:82px;padding:22px 24px 12px;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;color:inherit;font-size:26px;letter-spacing:.16em;display:flex;align-items:baseline;gap:12px}.brand span{font:10px sans-serif;letter-spacing:.12em;color:var(--muted)}.icon-button{border:1px solid var(--line);border-radius:50%;background:transparent;width:32px;height:32px;display:grid;place-content:center;font-size:18px;padding:0}.screen{padding:20px 24px 110px}.page-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.eyebrow{font-size:9px;letter-spacing:.18em;color:var(--gold);margin-bottom:5px}.pill{font-size:10px;white-space:nowrap;color:var(--muted);border:1px solid var(--line);border-radius:20px;padding:3px 9px}.intro{color:var(--muted);font-size:13px;line-height:1.9;margin:14px 0 25px}.spread-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);margin-bottom:13px}.text-button{border:0;background:transparent;color:var(--olive);padding:5px 0;font-size:12px;text-decoration:underline;text-underline-offset:4px}.spread-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,auto);gap:12px 13px;padding:14px 10px 20px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(ellipse at center,#ebe2cc,transparent 70%),#f8f3e8;position:relative}.spread-position{min-width:0;text-align:center;display:flex;flex-direction:column;align-items:center;position:relative}.pos-cause{grid-area:1/2}.pos-origin{grid-area:2/1}.pos-advice{grid-area:2/2}.pos-risk{grid-area:2/3}.pos-answer{grid-area:3/2}.position-label{font-size:11px;line-height:1.4;min-height:28px;display:flex;align-items:flex-end;justify-content:center;margin:0 0 7px;max-width:108px}.position-label em{font-style:normal;display:inline-flex;font-size:9px;border:1px solid #c7bda8;border-radius:50%;width:16px;height:16px;justify-content:center;align-items:center;flex-shrink:0;margin-right:4px}.card-button{display:block;width:100%;max-width:112px;padding:0;border:0;border-radius:7px;background:transparent;aspect-ratio:7/12;box-shadow:0 5px 10px #59462621;position:relative;overflow:hidden}.card-button img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .35s}.is-reversed{transform:rotate(180deg)}.card-back{height:100%;width:100%;border:5px double #ad915c;border-radius:7px;background:repeating-linear-gradient(45deg,transparent 0 9px,#9e875217 9px 10px),#ded0ae;display:grid;place-content:center;color:#8c703f}.card-back:before{content:"✦";position:absolute;top:15%;left:0;right:0;font-size:13px}.card-back span{font:20px "Songti TC",serif;writing-mode:vertical-rl;letter-spacing:.15em;border:1px solid #aa8d575c;border-radius:50%;padding:17px 9px}.card-button:not(:disabled):hover{filter:brightness(1.04)}.card-caption{font-size:10px;line-height:1.6;margin-top:7px;color:var(--muted);min-height:16px}.orientation{display:inline-block;font-size:9px;margin-left:4px;color:var(--olive)}.orientation.reverse{color:#9a614c}.draw-controls{margin:22px auto 0;text-align:center}.primary,.secondary{width:100%;border-radius:30px;padding:13px 20px;border:1px solid var(--olive);font-size:14px;letter-spacing:.06em}.primary{background:var(--olive);color:var(--white);display:flex;justify-content:center;gap:25px}.secondary{background:transparent;margin-top:10px}.small-note{font-size:11px;color:var(--muted);line-height:1.7;margin-top:11px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,480px);display:grid;grid-template-columns:repeat(3,1fr);padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#fcf9f0f5;backdrop-filter:blur(14px);border-top:1px solid var(--line);z-index:5}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:1px;background:none;border:0;color:#9b927f;font-size:10px;padding:3px}.bottom-nav span{font-size:23px;line-height:1.25}.bottom-nav .active{color:var(--olive)}.section-title{display:flex;align-items:center;justify-content:space-between;margin:34px 0 14px}.connection-note{background:#e8e9dc;border:1px solid #d8dcc5;border-radius:14px;padding:17px;font-size:13px;line-height:1.95;margin-bottom:16px}.connection-note p+p{margin-top:10px}.reading-card{background:var(--white);border:1px solid var(--line);border-radius:14px;margin:12px 0;padding:17px}.reading-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.reading-card .role{font-size:10px;color:var(--gold)}.reading-card h3{font-size:19px;margin-top:3px}.reading-card p{font-size:13px;margin-top:8px;line-height:1.9}.reading-card .lead{font-size:11px;color:var(--muted)}.reading-card button{background:none;border:0;padding:0}.reading-card img{width:44px;border-radius:4px;display:block}.reading-card details{margin-top:12px;border-top:1px solid var(--line);padding-top:8px;font-size:11px}.reading-card summary{cursor:pointer;color:var(--muted)}.reading-limit{color:var(--muted);font-size:11px;margin:22px 0 0}.deck-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 13px;margin-top:22px}.deck-item{background:none;border:0;padding:0;text-align:left;min-width:0}.deck-item img{width:100%;border-radius:7px;display:block}.deck-item strong{display:block;font-size:12px;margin-top:7px;font-weight:400}.deck-item small{font-size:9px;color:var(--muted)}input{width:100%;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:12px 14px;color:var(--ink)}.empty-state{text-align:center;padding:70px 12px;color:var(--muted)}.empty-state span{font-size:40px;color:#b8aa8d;display:block;margin-bottom:12px}.history-item{background:var(--white);border:1px solid var(--line);border-radius:15px;padding:16px;margin-top:16px}.history-item time{font-size:11px;color:var(--muted)}.history-cards{display:flex;gap:7px;margin:12px 0}.history-cards img{width:calc((100% - 28px)/5);border-radius:4px}.history-item button{border:0;background:none;padding:4px 0;color:var(--olive);font-size:12px}dialog{padding:22px;border:0;border-radius:22px;color:var(--ink);background:var(--white);width:min(440px,calc(100% - 28px));max-height:88dvh;overflow:auto;box-shadow:0 20px 80px #0003}dialog::backdrop{background:#2c2a235c;backdrop-filter:blur(3px)}.sheet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:10px}.sheet-header h2{font-size:22px}.sheet-image{width:135px;margin:8px auto 20px;display:block;border-radius:9px}.sheet-tabs{display:flex;background:#eee9dc;padding:4px;border-radius:25px;gap:4px;margin:15px 0}.sheet-tabs button{flex:1;border:0;border-radius:22px;background:none;padding:8px;font-size:13px}.sheet-tabs button.active{background:var(--olive);color:var(--white)}.sheet-section{padding:15px 0;border-top:1px solid var(--line)}.sheet-section h3{font-size:15px;margin-bottom:8px}.sheet-section p{font-size:13px}.guide-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:22px 0}.guide-layout span{border:1px solid var(--line);background:var(--paper);padding:10px 5px;border-radius:8px;font-size:11px;text-align:center;display:grid;place-content:center}.guide-layout .g1{grid-area:1/2}.guide-layout .g2{grid-area:2/1}.guide-layout .g3{grid-area:2/2}.guide-layout .g4{grid-area:2/3}.guide-layout .g5{grid-area:3/2}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}[hidden]{display:none!important}@media(min-width:600px){body{padding:26px 0}.app-shell{border-radius:32px;overflow:hidden;border:1px solid #c8c3b2}.bottom-nav{bottom:0;border-radius:18px 18px 0 0}}@media(max-width:360px){.screen{padding-left:16px;padding-right:16px}.app-header{padding-left:16px;padding-right:16px}.spread-board{gap:10px 8px;padding:10px 7px 16px}.position-label{font-size:10px}.pill{font-size:9px}.brand{font-size:24px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Keep all five positions and the primary action within a typical phone screen. */
.app-header{height:64px;padding-top:16px}.screen{padding:12px 20px 110px}.page-title h1{line-height:1.4;font-size:28px}.intro{margin:10px 0 16px;font-size:12px}.spread-board{gap:8px 10px;padding:10px 8px 12px}.position-label{min-height:20px;margin-bottom:5px;font-size:10px}.position-label em{font-size:8px;width:14px;height:14px;margin-right:3px}.card-button{height:clamp(84px,11.5dvh,112px);width:auto;aspect-ratio:7/12;max-width:100%}.card-caption{margin-top:5px;font-size:9px;min-height:15px;line-height:1.5}.orientation{font-size:9px}.card-back{border-width:4px}.card-back span{font-size:16px;padding:12px 7px}.draw-controls{margin-top:16px}.draw-controls .small-note{font-size:10px}.brand{font-size:24px}

.connection-note h3{font-size:20px;line-height:1.6;margin-bottom:12px}.one-sentence{font-family:"Songti TC",serif;font-size:17px;line-height:2.05}.integration-details{margin-top:15px;padding-top:12px;border-top:1px solid #cdd2bc;font-size:12px}.integration-details summary{cursor:pointer;color:var(--olive)}.integration-details p{font-size:12px;line-height:1.9}

.bottom-nav{grid-template-columns:repeat(4,1fr)}select,textarea{width:100%;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:12px;color:var(--ink);font:inherit}label{display:block;font-size:12px;margin:16px 0 8px}.review-pager{display:flex;justify-content:space-between;margin:8px 0 20px}.review-pager button:disabled{opacity:.4;cursor:default}.review-title{font-size:23px;margin:8px 0 16px;line-height:1.5}.review-five{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:16px 0 20px}.review-five img{width:100%;display:block;border-radius:5px}.review-five small{font-size:9px;display:block;line-height:1.6;margin-top:7px;color:var(--muted);overflow-wrap:anywhere}.review-compare{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.review-compare summary{font-size:12px;cursor:pointer;color:var(--muted)}.review-compare p{font-size:12px;line-height:1.9;margin-top:12px}.review-explanation{border:1px solid var(--line);border-radius:14px;padding:16px;margin:16px 0;background:var(--white)}.review-explanation h3{font-size:17px;margin-bottom:10px}.review-explanation p{font-size:13px;line-height:1.9}.review-feedback{border-top:1px solid var(--line);padding-top:22px;margin-top:30px}.review-feedback h2{font-size:21px}.review-decisions{display:flex;gap:7px;margin:16px 0}.review-decisions button{border:1px solid var(--line);background:transparent;border-radius:20px;font-size:12px;padding:8px 12px;flex:1;white-space:nowrap}.review-decisions button.active{background:var(--olive);color:var(--white);border-color:var(--olive)}textarea{resize:vertical;min-height:110px}.review-badge{color:var(--muted);font-size:11px}.review-action{margin-top:14px}.review-progress-note{color:var(--olive);font-size:12px}

select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}

.question-box{margin:0 0 20px}.question-box label{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:13px}.question-box label span{font-size:10px;color:var(--muted);border:1px solid var(--line);border-radius:12px;padding:0 7px}.question-box textarea{min-height:76px;max-height:200px;display:block;font-size:14px;line-height:1.7}.question-meta{display:flex;align-items:flex-start;gap:12px;justify-content:space-between;margin-top:7px;color:var(--muted);font-size:10px}.question-meta p{flex:1}.question-meta span{flex-shrink:0}.reading-question{border-left:3px solid var(--gold);padding:10px 13px;margin:0 0 18px;background:#fffcf580;border-radius:0 10px 10px 0}.reading-question p:last-child,.history-question{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.8}.history-question{margin-top:8px;color:var(--olive)}

.summary-part{padding:13px 0;border-top:1px solid #d1d6c1}.summary-part:first-child{border-top:0;padding-top:0}.summary-part:last-child{padding-bottom:0}.summary-part-heading{display:flex;gap:12px;align-items:baseline;justify-content:space-between}.summary-part-heading h4{font:600 13px/1.7 -apple-system,BlinkMacSystemFont,"PingFang TC",sans-serif;margin:0;color:var(--olive)}.summary-part-heading span{font-size:10px;color:var(--muted);flex-shrink:0}.summary-part p{font-size:15px;line-height:1.95;margin-top:6px;overflow-wrap:anywhere}.summary-advice h4{color:#725630}.summary-original{border-top:1px solid #cdd2bc;padding-top:12px;margin-top:16px}.summary-original summary{font-size:12px;color:var(--olive);cursor:pointer}.summary-original p{font-size:13px;line-height:1.9;margin-top:10px}

.background-panel{margin:14px 0 7px;border-top:1px solid var(--line);padding-top:12px}.background-panel>summary{cursor:pointer;font-size:12px;color:var(--olive)}.background-panel>summary span{font-size:10px;color:var(--muted);margin-left:5px}.background-panel label{margin-top:12px}.background-panel textarea{min-height:98px}.background-actions{display:flex;justify-content:space-between;gap:12px}.background-used{font-size:12px;color:var(--muted);margin-top:12px}.background-used p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;margin-top:8px}.context-lens{font-size:11px;color:var(--olive);margin:0 0 8px}.context-intro{font-size:13px;line-height:1.9;margin-bottom:16px!important;white-space:pre-wrap;overflow-wrap:anywhere}.context-clarification{font-size:15px;line-height:1.9;padding:12px 0}.question-box #reinterpret{font-size:12px;padding:10px;margin-top:9px}

.bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.diary-editor{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:17px}.diary-editor label:first-child{margin-top:0}.diary-permission{display:flex;align-items:center;gap:9px;font-size:12px}.diary-permission input{width:17px;height:17px;flex-shrink:0;accent-color:var(--olive)}.diary-form-actions{display:flex;align-items:center;gap:12px;margin-top:16px}.diary-form-actions .primary{flex:1}.diary-entry{border:1px solid var(--line);border-radius:15px;padding:17px;background:var(--white);margin-top:18px}.diary-entry-meta{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted)}.diary-entry h3{margin:9px 0;font-size:20px}.diary-entry>p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.9}.diary-entry-actions{display:flex;justify-content:space-between;margin-top:13px}.diary-trashed{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}#diary-trash{margin-top:25px;font-size:13px;color:var(--muted)}.direct-answer{padding:0 0 18px;margin-bottom:7px;border-bottom:1px solid #cdd2bc}.direct-answer>p:last-child{font:17px/1.95 "Songti TC",serif;margin-top:8px;overflow-wrap:anywhere}.answer-demo-link{margin:12px 0 20px}

.model-connection{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-4px 0 20px;font-size:12px;color:var(--muted,#6b6c5e)}.setup-return{display:inline-block;text-align:center;text-decoration:none}#setup-state{padding:14px;background:#ebe8d9;border-radius:10px}#model-form input[type=password]{width:100%;padding:12px;border:1px solid #d4cfbd;border-radius:8px;font:inherit;background:#fffdf8}button:disabled{opacity:.6}

.model-reference{margin:18px 0}.model-reference>summary{cursor:pointer;padding:16px;border:1px solid #d4cfbd;border-radius:12px;font-weight:600;color:#545942}.model-reference[open]>summary{margin-bottom:14px}.model-reference .reading-card{margin-top:12px}

/* Approved v6: wood border, four upward staggered paws, lower-right clear of ring. */
.card-back{border:0;background:#a96b2d url('assets/card-back-v6.webp') center/100% 100% no-repeat;border-radius:7px}.card-back::before{content:none}.card-back span{display:none}