.wb-root{--ink:#1a1208;--parchment:#f5efe0;--parchment-dark:#ede4cc;--gold:#b8922a;--gold-light:#d4aa50;--rust:#8b3a1a;--sage:#4a5e44;--cream:#faf6ec;--shadow:#1a120826;background-color:var(--ink);box-sizing:border-box;background-image:radial-gradient(at 20% 20%,#b8922a14 0%,#0000 60%),radial-gradient(at 80% 80%,#8b3a1a0f 0%,#0000 60%);flex-direction:column;align-items:center;height:100dvh;padding:1.2rem 1rem .5rem;font-family:Crimson Pro,Georgia,serif;display:flex;overflow:hidden}.wb-header{text-align:center;flex-shrink:0;width:100%;max-width:720px;margin-bottom:.8rem;animation:.7s both wbFadeDown}.wb-header-rule{justify-content:center;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.wb-rule-line{background:linear-gradient(to right, transparent, var(--gold));width:50px;height:1px}.wb-rule-line.right{background:linear-gradient(to left, transparent, var(--gold))}.wb-rule-diamond{background:var(--gold);width:5px;height:5px;transform:rotate(45deg)}.wb-header h1{color:var(--gold-light);font-family:Playfair Display,serif;font-size:clamp(1.4rem,3.5vw,2.2rem);font-weight:700;line-height:1.1}.wb-header .subtitle{color:var(--parchment-dark);opacity:.75;margin-top:.2rem;font-size:.88rem;font-style:italic}.workbench{background:var(--cream);width:100%;max-width:720px;min-height:0;box-shadow:0 2px 4px var(--shadow), 0 8px 32px #1a120866, inset 0 0 0 1px #b8922a33;border-radius:2px;flex-direction:column;flex:1;animation:.7s .15s both wbFadeUp;display:flex;position:relative;overflow:hidden}.workbench:before{content:"";z-index:1;background:linear-gradient(to right, var(--rust), var(--gold), var(--gold-light), var(--gold), var(--rust));height:3px;position:absolute;top:0;left:0;right:0}.chat-area{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;background:repeating-linear-gradient(#0000,#0000 31px,#b8922a12 31px 32px) 0 8px/100% 32px;flex:1;min-height:0;padding:1.5rem 1.5rem 1rem;overflow-y:auto}.chat-area::-webkit-scrollbar{width:5px}.chat-area::-webkit-scrollbar-track{background:var(--parchment)}.chat-area::-webkit-scrollbar-thumb{background:var(--gold);border-radius:3px}.message{margin-bottom:1.2rem;animation:.35s both wbMsgIn}@keyframes wbMsgIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.message.app{align-items:flex-start;gap:.65rem;display:flex}.message.user{justify-content:flex-end;display:flex}.app-icon{background:linear-gradient(135deg, var(--gold), var(--rust));width:30px;min-width:30px;height:30px;color:var(--cream);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Playfair Display,serif;font-size:.68rem;font-weight:700;display:flex;box-shadow:0 2px 6px #b8922a4d}.app-bubble{max-width:90%;box-shadow:0 2px 6px var(--shadow);background:#fff;border:1px solid #b8922a33;border-radius:0 12px 12px;padding:.8rem 1rem}.app-bubble p{color:var(--ink);margin:0;font-size:1rem;line-height:1.65}.app-bubble p+p{margin-top:.5rem}.app-bubble strong{color:var(--rust);font-weight:600}.user-bubble{background:linear-gradient(135deg, var(--sage), #3a4e34);border-radius:12px 12px 0;max-width:85%;padding:.8rem 1rem;box-shadow:0 2px 6px #4a5e444d}.user-bubble p{color:var(--cream);margin:0;font-size:1rem;line-height:1.65}.typing-row{align-items:center;gap:.65rem;margin-bottom:1.2rem;display:flex}.typing-dots{background:#fff;border:1px solid #b8922a33;border-radius:0 12px 12px;align-items:center;gap:4px;padding:.65rem .9rem;display:flex}.typing-dots span{background:var(--gold);border-radius:50%;width:6px;height:6px;animation:1.2s infinite wbBounce}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes wbBounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.framework-card{background:var(--parchment);border:1px solid var(--gold);box-shadow:0 2px 10px var(--shadow);border-radius:4px;margin-top:.5rem;padding:1.2rem 1.4rem}.framework-card h3{color:var(--rust);border-bottom:1px solid #b8922a4d;margin-bottom:.7rem;padding-bottom:.45rem;font-family:Playfair Display,serif;font-size:1.05rem}.framework-section{margin-bottom:.85rem}.framework-section h4{text-transform:uppercase;letter-spacing:.1em;color:var(--gold);margin-bottom:.28rem;font-family:Libre Baskerville,serif;font-size:.72rem}.framework-section p{color:var(--ink);margin:0;font-size:.95rem;line-height:1.6}.framework-actions{flex-wrap:wrap;gap:.45rem;margin-top:1rem;display:flex}.action-btn{background:var(--gold);color:var(--ink);cursor:pointer;border:none;border-radius:2px;align-items:center;gap:.35rem;padding:.45rem 1rem;font-family:Crimson Pro,serif;font-size:.88rem;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.action-btn:hover{background:var(--gold-light)}.action-btn.secondary{border:1px solid var(--gold);color:var(--rust);background:0 0}.action-btn.secondary:hover{background:#b8922a1a}.verse-card{background:linear-gradient(135deg, var(--ink), #2a1e0e);border:1px solid var(--gold);text-align:center;border-radius:4px;margin-top:.5rem;padding:1.2rem 1.4rem;position:relative;overflow:hidden;box-shadow:0 3px 12px #1a12084d}.verse-card:before{content:"“";color:#b8922a1f;pointer-events:none;font-family:Playfair Display,serif;font-size:4.5rem;line-height:1;position:absolute;top:-.5rem;left:.8rem}.verse-ref{text-transform:uppercase;letter-spacing:.15em;color:var(--gold);margin-bottom:.6rem;font-family:Libre Baskerville,serif;font-size:.72rem}.verse-text{color:var(--parchment);margin-bottom:.65rem;font-family:Playfair Display,serif;font-size:1rem;font-style:italic;line-height:1.7}.verse-note{color:var(--gold-light);opacity:.85;font-size:.88rem}.ks-cta{background:linear-gradient(135deg,#1a1208,#2a1a08);border:1px solid #b8922a66;border-radius:4px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin-top:.5rem;padding:1rem 1.2rem;display:flex}.ks-cta p{color:var(--parchment-dark);opacity:.85;margin:0;font-size:.92rem;line-height:1.5}.ks-cta p strong{color:var(--gold-light);font-weight:600}.ks-cta a{background:var(--gold);color:var(--ink);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;border-radius:2px;padding:.45rem .9rem;font-family:Libre Baskerville,serif;font-size:.75rem;font-weight:700;text-decoration:none;transition:background .2s;display:inline-block}.ks-cta a:hover{background:var(--gold-light)}.input-area{background:var(--parchment);border-top:1px solid #b8922a33;flex-shrink:0;align-items:flex-end;gap:.65rem;padding:.9rem 1.25rem;display:flex}.wb-textarea{min-height:46px;max-height:130px;color:var(--ink);resize:none;background:#fff;border:1px solid #b8922a4d;border-radius:4px;outline:none;flex:1;padding:.6rem .85rem;font-family:Crimson Pro,serif;font-size:1rem;line-height:1.5;transition:border-color .2s}.wb-textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #b8922a1a}.wb-textarea::placeholder{color:#1a120859;font-style:italic}.send-btn{background:linear-gradient(135deg, var(--gold), var(--rust));cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;width:46px;min-width:46px;height:46px;transition:opacity .2s,transform .15s;display:flex;box-shadow:0 2px 8px #b8922a4d}.send-btn:hover{opacity:.9;transform:translateY(-1px)}.send-btn:active{transform:none}.send-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.send-btn svg{fill:#fff;width:18px;height:18px}.restart-bar{text-align:center;background:var(--parchment-dark);border-top:1px solid #b8922a26;flex-shrink:0;padding:.55rem}.restart-btn{color:var(--gold);cursor:pointer;background:0 0;border:1px solid #b8922a59;border-radius:2px;padding:.28rem .85rem;font-family:Crimson Pro,serif;font-size:.82rem;transition:all .2s}.restart-btn:hover{background:#b8922a1a}.wb-footer{text-align:center;flex-shrink:0;width:100%;max-width:720px;padding:.45rem 0 .2rem;animation:.7s .4s both wbFadeUp}.wb-footer p{color:#f5efe047;letter-spacing:.04em;font-size:.74rem}.wb-footer a{color:#b8922a80;font-style:italic;text-decoration:none}.wb-footer a:hover{color:var(--gold)}.welcome-overlay{z-index:200;background:#1a1208ed;justify-content:center;align-items:center;padding:1.5rem;animation:.4s both wbFadeIn;display:flex;position:fixed;inset:0}.welcome-modal{background:var(--cream);border-radius:4px;width:100%;max-width:540px;max-height:90vh;animation:.45s .1s both wbRiseUp;overflow-y:auto;box-shadow:0 12px 60px #1a120899}.welcome-top{background:linear-gradient(135deg, var(--ink), #2a1a08);border-bottom:2px solid var(--gold);text-align:center;padding:1.8rem 1.8rem 1.4rem}.wm-rule{justify-content:center;align-items:center;gap:.7rem;margin-bottom:.8rem;display:flex}.wm-rule span{background:linear-gradient(to right, transparent, var(--gold));width:36px;height:1px;display:block}.wm-rule span.r{background:linear-gradient(to left, transparent, var(--gold))}.wm-rule i{background:var(--gold);width:5px;height:5px;font-style:normal;display:block;transform:rotate(45deg)}.welcome-top h2{color:var(--gold-light);margin-bottom:.3rem;font-family:Playfair Display,serif;font-size:1.35rem;font-weight:700}.welcome-top p{color:var(--parchment-dark);opacity:.72;margin:0;font-size:.88rem;font-style:italic}.welcome-body{padding:1.6rem 1.8rem}.welcome-notice{border-left:3px solid var(--rust);background:#8b3a1a12;border-radius:0 4px 4px 0;margin-bottom:1.2rem;padding:.9rem 1rem}.welcome-notice h4{text-transform:uppercase;letter-spacing:.12em;color:var(--rust);margin-bottom:.4rem;font-family:Libre Baskerville,serif;font-size:.7rem}.welcome-notice p{color:var(--ink);margin:0;font-size:.98rem;line-height:1.62}.welcome-notice strong{color:var(--rust);font-weight:600}.welcome-statement{color:var(--ink);opacity:.87;margin-bottom:1.4rem;font-size:1rem;line-height:1.72}.welcome-statement strong{color:var(--rust);font-weight:600}.welcome-cta{background:linear-gradient(135deg, var(--gold), var(--rust));color:#fff;cursor:pointer;letter-spacing:.02em;border:none;border-radius:2px;width:100%;padding:.85rem 1.4rem;font-family:Playfair Display,serif;font-size:1rem;font-weight:600;transition:opacity .2s,transform .15s;box-shadow:0 4px 14px #b8922a40}.welcome-cta:hover{opacity:.91;transform:translateY(-1px)}.welcome-cta:active{transform:none}.welcome-footer-bar{text-align:center;background:var(--parchment-dark);border-top:1px solid #b8922a26;padding:.75rem}.welcome-footer-bar p{color:#1a120861;letter-spacing:.04em;margin:0;font-size:.76rem}.welcome-footer-bar a{color:#b8922aa6;text-decoration:none}.welcome-footer-bar a:hover{color:var(--gold)}.modal-overlay{z-index:300;background:#1a1208bf;justify-content:center;align-items:center;padding:1rem;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}.modal{background:var(--cream);border-top:3px solid var(--gold);border-radius:4px;width:100%;max-width:460px;padding:1.6rem;position:relative;box-shadow:0 8px 40px #1a120880}.modal h3{color:var(--rust);margin-bottom:.45rem;font-family:Playfair Display,serif;font-size:1.1rem}.modal p{color:var(--ink);opacity:.68;margin-bottom:.9rem;font-size:.92rem;line-height:1.5}.share-url-box{gap:.45rem;margin-bottom:.9rem;display:flex}.share-url-box input{color:var(--ink);background:#fff;border:1px solid #b8922a66;border-radius:2px;outline:none;flex:1;padding:.55rem .75rem;font-family:Crimson Pro,serif;font-size:.83rem}.modal-close{color:var(--ink);opacity:.38;cursor:pointer;background:0 0;border:none;font-size:1.35rem;line-height:1;position:absolute;top:.75rem;right:.9rem}.modal-close:hover{opacity:.75}.print-header{text-align:center;border-bottom:2px solid var(--gold);margin-bottom:1.5rem;padding-bottom:1rem;display:none}.print-header h2{color:var(--rust);margin:0;font-family:Playfair Display,serif;font-size:1.4rem}.print-header p{color:#666;margin-top:.2rem;font-size:.82rem}@keyframes wbFadeDown{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}@keyframes wbFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes wbFadeIn{0%{opacity:0}to{opacity:1}}@keyframes wbRiseUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media print{html,body{height:auto;display:block;overflow:auto}.wb-root{background:#fff;height:auto;padding:0;display:block;overflow:visible}.wb-header,.input-area,.restart-bar,.wb-footer,.modal-overlay,.welcome-overlay,.ks-cta{display:none!important}.workbench{box-shadow:none;border-radius:0;max-width:100%;height:auto;display:block}.workbench:before{display:none}.chat-area{background:0 0;height:auto;display:block;overflow:visible}.message{display:none}.message.framework-message{display:block!important}.framework-card{box-shadow:none;border:1px solid #ccc}.framework-actions{display:none}.print-header{display:block!important}}@media (max-width:500px){.wb-root{padding:.7rem .5rem .3rem}.chat-area{padding:1rem .9rem .8rem}.input-area{padding:.7rem .9rem}}