@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes swipe-l{0%{transform:translateY(-1px)}55%{transform:translate(-12px,-1px)}to{transform:translateY(-1px)}}@keyframes swipe-r{0%{transform:translateY(-1px)}55%{transform:translate(12px,-1px)}to{transform:translateY(-1px)}}@keyframes swipe-u{0%{transform:translateY(-1px)}55%{transform:translateY(-10px)}to{transform:translateY(-1px)}}@keyframes swipe-d{0%{transform:translateY(-1px)}55%{transform:translateY(8px)}to{transform:translateY(-1px)}}.triptych-island{--bg: #F4EFE4;--surface: #FAF7F2;--border: #E0D5C2;--border-light: #EDE6D6;--text-1: #1E1915;--text-2: #6B5A47;--text-3: #9C8B79;--text-4: #BFB0A0;--text-5: #D4C8B8;--sage: #7C9A7E;--sage-dim: #A8BEA9;--sage-bg: #EBF0EB;--amber: #8B6F47;--amber-dim: #C4A882;--amber-bg: #F5EDE0;--shadow-card: 0 2px 14px rgba(30,25,21,.08);--font-display: "Lora", Georgia, serif;--font-body: "Lora", Georgia, serif;--font-mono: "DM Mono", "Courier New", monospace;background:var(--bg);color:var(--text-1);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;padding:48px 32px 64px;border-radius:24px;display:flex;flex-direction:column;align-items:center;gap:32px;width:100%;position:relative;overflow:hidden}.triptych-island:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 20% 30%,rgba(139,111,71,.025) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(139,111,71,.02) 0%,transparent 35%);z-index:0}.triptych-island .triptych{display:flex;flex-direction:column;gap:56px;width:100%;max-width:780px;margin:0 auto;position:relative;z-index:1}.triptych-island .bay{display:flex;flex-direction:column;gap:18px}.triptych-island .bay-label{display:flex;align-items:baseline;gap:12px;padding-left:4px}.triptych-island .bay-num{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;color:var(--text-4)}.triptych-island .bay-name{font-family:var(--font-display);font-size:18px;font-weight:500;letter-spacing:-.01em;color:var(--text-1)}.triptych-island .bay-name em{font-style:italic;font-weight:400;color:var(--text-3);margin-left:6px;font-size:14px;letter-spacing:0}.triptych-island .card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-card);padding:26px 24px 22px;position:relative}.triptych-island .divider{border:none;border-top:1px solid var(--border-light);margin:12px 0 10px}.triptych-island .sow-prompt{font-family:var(--font-mono);font-size:11px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin-bottom:14px;display:flex;align-items:center;gap:8px}.triptych-island .sow-prompt-dot{width:5px;height:5px;border-radius:50%;background:var(--sage-dim)}.triptych-island .sow-field{height:220px;padding:4px 0 12px;display:flex;align-items:flex-start;position:relative}.triptych-island .sow-cursor{position:absolute;top:8px;left:0;width:1px;height:20px;background:var(--sage);animation:blink 1.05s step-start infinite;transition:left .7s cubic-bezier(.4,0,.2,1),top .7s cubic-bezier(.4,0,.2,1),opacity .24s ease}.triptych-island .sow-text{font-family:var(--font-display);font-size:14.5px;line-height:1.75;color:var(--text-1);font-style:italic;letter-spacing:-.005em;text-wrap:pretty;opacity:0;transition:opacity .7s ease}.triptych-island .sow-text.show{opacity:1}.triptych-island .sow-tag-row{border-top:1px solid var(--border-light);padding-top:14px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;height:54px}.triptych-island .sow-tag-row .label{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-4);margin-right:4px}.triptych-island .sow-pill{font-family:var(--font-mono);font-size:11px;letter-spacing:.02em;color:var(--sage);background:var(--sage-bg);border-radius:99px;padding:4px 10px;opacity:0;transform:translateY(4px);transition:opacity .36s ease,transform .36s ease}.triptych-island .sow-pill:before{content:"#";opacity:.6;margin-right:1px}.triptych-island .sow-pill.show{opacity:1;transform:none}.triptych-island .sow-foot{margin-top:12px;display:flex;justify-content:flex-end}.triptych-island .sow-foot .paste{font-family:var(--font-mono);font-size:10px;color:var(--text-4);letter-spacing:.04em;font-style:italic}.triptych-island .compass{display:grid;grid-template-columns:88px 1fr 88px;grid-template-rows:40px 1fr 40px;gap:10px;align-items:center}.triptych-island .chip{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);background:var(--surface);border:1px solid var(--border);border-radius:99px;padding:8px 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:default;user-select:none;white-space:nowrap;transition:color .32s ease,background .32s ease,border-color .32s ease,box-shadow .32s ease,transform .32s ease}.triptych-island .chip .arrow{font-family:var(--font-mono);font-size:12px;line-height:1;color:var(--text-4);transition:color .32s ease}.triptych-island .chip.rest{grid-column:2;grid-row:1;justify-self:center}.triptych-island .chip.example{grid-column:1;grid-row:2;justify-self:stretch}.triptych-island .chip.extend{grid-column:3;grid-row:2;justify-self:stretch}.triptych-island .chip.challenge{grid-column:2;grid-row:3;justify-self:center}.triptych-island .chip.example .arrow{order:0}.triptych-island .chip.extend .arrow{order:2}.triptych-island .chip.active{color:var(--surface);background:var(--amber);border-color:var(--amber);box-shadow:var(--shadow-card);transform:translateY(-1px)}.triptych-island .chip.active .arrow{color:var(--surface)}.triptych-island .chip.example.active{animation:swipe-l .85s cubic-bezier(.4,0,.2,1) 1 both}.triptych-island .chip.extend.active{animation:swipe-r .85s cubic-bezier(.4,0,.2,1) 1 both}.triptych-island .chip.rest.active{animation:swipe-u .85s cubic-bezier(.4,0,.2,1) 1 both}.triptych-island .chip.challenge.active{animation:swipe-d .85s cubic-bezier(.4,0,.2,1) 1 both}.triptych-island .compass-card-wrap{grid-column:2;grid-row:2;position:relative}.triptych-island .connector{position:absolute;background:var(--amber);opacity:0;transition:opacity .36s ease;z-index:1}.triptych-island .connector.show{opacity:.55}.triptych-island .connector.left{left:-12px;right:auto;top:50%;transform:translateY(-50%);width:12px;height:1px}.triptych-island .connector.right{right:-12px;left:auto;top:50%;transform:translateY(-50%);width:12px;height:1px}.triptych-island .connector.top{top:-12px;bottom:auto;left:50%;transform:translate(-50%);height:12px;width:1px}.triptych-island .connector.bot{bottom:-12px;top:auto;left:50%;transform:translate(-50%);height:12px;width:1px}.triptych-island .compass-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-card);padding:22px 22px 18px;height:460px;display:flex;flex-direction:column;position:relative;z-index:2}.triptych-island .water-seed{font-family:var(--font-display);font-size:13.5px;line-height:1.7;color:var(--text-1);font-style:italic;letter-spacing:-.005em;text-wrap:pretty}.triptych-island .qa-block{flex:1;display:flex;flex-direction:column;gap:10px;min-height:0}.triptych-island .water-question,.triptych-island .water-response{opacity:0;transition:opacity .6s ease;text-wrap:pretty}.triptych-island .water-question.show,.triptych-island .water-response.show{opacity:1}.triptych-island .water-question{font-family:var(--font-display);font-style:italic;font-size:14px;line-height:1.62;color:var(--amber);letter-spacing:-.005em}.triptych-island .water-response{font-family:var(--font-display);font-size:13.5px;line-height:1.65;color:var(--text-1);letter-spacing:-.005em}.triptych-island .water-meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;border-top:1px solid var(--border-light)}.triptych-island .water-meta .tags{display:flex;gap:6px}.triptych-island .water-meta .pill{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.02em;color:var(--text-3);background:transparent;border:1px solid var(--border);border-radius:99px;padding:2px 8px}.triptych-island .water-meta .session{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.04em;color:var(--text-4)}.triptych-island .harvest-card{padding:24px 22px}.triptych-island .harvest-grid{display:grid;grid-template-columns:1fr 1px 1fr;gap:22px}.triptych-island .harvest-col h4{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-4);font-weight:400;margin-bottom:12px}.triptych-island .harvest-rule{background:var(--border-light);width:1px}.triptych-island .q-item{padding:8px 0;position:relative}.triptych-island .q-item+.q-item{border-top:1px dashed rgba(224,213,194,.6)}.triptych-island .q-num{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.1em;color:var(--text-4);margin-bottom:4px}.triptych-island .q-prompt{font-family:var(--font-display);font-style:italic;font-size:12.5px;line-height:1.5;color:var(--amber-dim);margin-bottom:4px}.triptych-island .q-answer{font-family:var(--font-display);font-size:12.5px;line-height:1.5;color:var(--text-2);text-wrap:pretty}.triptych-island .q-item.settled .q-prompt{opacity:.7}.triptych-island .q-item.active{background:var(--amber-bg);border-left:2px solid var(--amber);border-radius:0 6px 6px 0;margin:4px -10px 4px -12px;padding:10px 12px 12px}.triptych-island .q-item.active .q-num{color:var(--amber)}.triptych-island .q-item.active .q-prompt{color:var(--amber);font-size:13.5px;opacity:1}.triptych-island .q-item.active .q-answer-blank{font-family:var(--font-display);font-size:12.5px;line-height:1.5;color:var(--text-2);text-wrap:pretty}.triptych-island .harvest-cursor{display:inline-block;width:1px;height:1em;background:var(--amber);vertical-align:-2px;margin-left:1px;animation:blink 1.05s step-start infinite}.triptych-island .q-item.awaiting .q-prompt{color:var(--text-4)}.triptych-island .q-item.awaiting .q-answer-blank{color:var(--text-5);font-style:italic;font-size:12px}.triptych-island .brief-title{font-family:var(--font-display);font-weight:500;font-size:18px;letter-spacing:-.012em;line-height:1.25;color:var(--text-1);margin-bottom:14px;text-wrap:balance}.triptych-island .brief-section{margin-bottom:12px}.triptych-island .brief-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-4);margin-bottom:4px}.triptych-island .brief-body{font-family:var(--font-display);font-size:12.5px;line-height:1.55;color:var(--text-1);text-wrap:pretty}.triptych-island .brief-section.empty .brief-body{height:36px;border:1px dashed var(--border);border-radius:4px;display:flex;align-items:center;padding:0 10px;color:var(--text-4);font-style:italic;font-size:11.5px}.triptych-island .harvest-foot{margin-top:18px;padding-top:12px;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.triptych-island .harvest-foot .progress{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--sage)}.triptych-island .harvest-foot .download{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.04em;color:var(--sage)}@media(max-width:680px){.triptych-island{padding:24px 16px 40px;gap:20px;border-radius:16px}.triptych-island .triptych{gap:40px}.triptych-island .compass{grid-template-columns:70px 1fr 70px}.triptych-island .chip{font-size:9px;padding:7px 8px}.triptych-island .harvest-grid{grid-template-columns:1fr;gap:18px}.triptych-island .harvest-rule{display:none}}