:root{--paper:#f7f1e7;--paper2:#fffaf1;--ink:#26251f;--muted:#817c70;--gold:#ac7b28;--line:#dccba7;--rose:#b57a75;--sage:#66705d;--shadow:0 18px 45px rgba(86,62,26,.10)}
*{box-sizing:border-box}html{background:#e9e2d7}body{margin:0;color:var(--ink);font-family:"Songti SC","STSong","Noto Serif SC",serif;background:radial-gradient(circle at 50% 0,#fbf6ed 0,#e9e2d7 68%);min-height:100vh}button,textarea{font:inherit}.app-shell{position:relative;width:min(100%,480px);min-height:100vh;margin:auto;background:var(--paper);box-shadow:0 0 70px rgba(35,30,22,.14);padding-bottom:118px;overflow:hidden}.app-shell:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}.brand{position:relative;text-align:center;padding:42px 22px 28px;background:linear-gradient(180deg,#fffaf2,#f7f1e7)}.brand p{margin:0;color:var(--gold);font:600 12px/1 Arial,sans-serif;letter-spacing:7px}.brand h1{margin:13px 0 8px;font-size:34px;font-weight:600;letter-spacing:6px}.brand h2{margin:13px 0 0;color:#696359;font-size:14px;font-weight:400;letter-spacing:3px}.ornament{display:flex;align-items:center;justify-content:center;gap:12px;color:#c39649}.ornament span{width:64px;height:1px;background:linear-gradient(90deg,transparent,#caa96d)}.ornament span:last-child{transform:scaleX(-1)}.ornament b{font-size:8px}.page{position:relative;display:none;padding:0 20px 28px}.page.active{display:block}.hero-card{padding:28px 25px;margin:0 0 24px;border:1px solid var(--line);border-radius:5px;background:linear-gradient(145deg,rgba(255,252,246,.94),rgba(239,229,210,.66));box-shadow:var(--shadow)}.eyebrow,.section-title small,.page-heading small,.dialogue-title small{color:var(--gold);font:600 11px/1.4 Arial,sans-serif;letter-spacing:2.5px}.hero-card blockquote{margin:19px 0 20px;font-size:22px;line-height:1.75;letter-spacing:1px}.text-action,.see-all{padding:0;border:0;background:none;color:#7f5a20}.text-action span{margin-left:8px}.section-block{padding:22px 0}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:15px}.section-title h3,.dialogue-title h3{margin:7px 0 0;font-size:21px;font-weight:500}.leaf{color:var(--sage);font-size:30px}.need-list{border-top:1px solid var(--line)}.need-list button{display:grid;grid-template-columns:36px 1fr 15px;gap:10px;align-items:center;width:100%;padding:17px 2px;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;color:var(--ink)}.need-list i{color:var(--gold);font:11px Arial,sans-serif}.need-list b{display:block;font-size:16px;font-weight:500}.need-list em{display:block;margin-top:5px;color:var(--muted);font-size:12px;font-style:normal}.need-list strong{font-size:24px;font-weight:300;color:#a99c86}.topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.topic-grid button,.all-topics button{border:1px solid var(--line);background:rgba(255,251,244,.72);color:var(--ink);text-align:left}.topic-grid button{min-height:130px;padding:19px;border-radius:4px}.topic-grid span{display:block;color:var(--rose);font-size:25px}.topic-grid b{display:block;margin:13px 0 6px;font-size:15px;font-weight:500}.topic-grid small{color:var(--muted)}.page-heading{padding:24px 4px 22px}.page-heading h2{margin:10px 0;font-size:27px;font-weight:500}.page-heading p{color:var(--muted);font-size:14px;line-height:1.8}.all-topics{display:grid;gap:9px}.all-topics button{display:flex;align-items:center;justify-content:space-between;padding:18px;border-radius:4px;font-size:16px}.all-topics em{color:var(--muted);font-size:12px;font-style:normal}.practice-card{margin-bottom:14px;padding:24px;border:1px solid var(--line);background:#fbf5e9;box-shadow:var(--shadow)}.practice-card.muted{background:#eef0e8}.practice-card span{color:var(--gold);font-size:11px;letter-spacing:2px}.practice-card h3{font-size:24px;margin:14px 0}.practice-card p{color:#625e55;line-height:1.9}.practice-card button{border:0;border-bottom:1px solid var(--gold);background:none;color:#79551c;padding:5px 0}.privacy-card{display:flex;align-items:center;gap:14px;padding:20px;border:1px solid var(--line);background:#fffaf1}.privacy-card>span{font-size:27px;color:var(--sage)}.privacy-card div{flex:1}.privacy-card p{margin:5px 0 0;color:var(--muted);font-size:12px}.privacy-card button{border:0;background:none;color:var(--rose)}.privacy-note{margin-top:15px;padding:22px;background:#e9eadf}.privacy-note p{line-height:1.9;color:#605e55;font-size:14px}.floating-chat{position:fixed;z-index:8;bottom:82px;left:50%;transform:translateX(-50%);width:min(300px,calc(100% - 90px));padding:13px;border:1px solid #d3b97d;border-radius:30px;background:#27261f;color:#fff7e8;box-shadow:0 12px 30px rgba(25,22,17,.25);letter-spacing:1px}.floating-chat span{color:#e2b45c;margin-right:7px}.bottom-nav{position:fixed;z-index:7;bottom:0;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,1fr);width:min(100%,480px);height:72px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);background:rgba(250,245,235,.96);backdrop-filter:blur(12px)}.bottom-nav button{border:0;background:none;color:#837e73;font-size:12px}.bottom-nav span{display:block;font-size:22px;margin-bottom:4px}.bottom-nav button.active{color:var(--gold)}.dialogue{position:fixed;z-index:20;left:50%;bottom:0;transform:translate(-50%,105%);width:min(100%,480px);height:min(84vh,760px);padding:20px 20px calc(24px + env(safe-area-inset-bottom));background:#f8f1e5;box-shadow:0 -20px 70px rgba(38,32,23,.28);transition:transform .35s ease;display:flex;flex-direction:column}.dialogue.open{transform:translate(-50%,0)}.dialogue-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px}.dialogue-title button{border:0;background:none;font-size:27px;color:var(--muted)}.messages{flex:1;overflow:auto;padding:16px 0}.message{max-width:88%;margin:0 0 12px;padding:13px 15px;border-radius:14px;line-height:1.75;font-size:14px;white-space:pre-wrap}.message.user{margin-left:auto;background:#ded8ca}.message.assistant{background:#fffaf1;border:1px solid var(--line)}.message.error{color:#8f403b}.composer{border:1px solid var(--line);background:#fffaf1;padding:12px}.composer textarea{width:100%;resize:none;border:0;outline:0;background:transparent;color:var(--ink);line-height:1.6}.mode-row{display:flex;gap:7px;align-items:center}.mode-row button{border:1px solid var(--line);background:transparent;color:#746e63;border-radius:18px;padding:7px 11px;font-size:12px}.mode-row .mode.active{border-color:#b48b46;color:#7f5a20;background:#f5ead5}.mode-row #send-message{margin-left:auto;border-radius:50%;width:35px;height:35px;padding:0;background:#29271f;color:white;font-size:19px}.ai-note{text-align:center;color:#9a9488;font-size:10px;margin-bottom:0}@media(min-width:700px){.app-shell{margin-top:24px;margin-bottom:24px;min-height:calc(100vh - 48px);border-radius:9px}.bottom-nav,.floating-chat{bottom:24px}.floating-chat{bottom:100px}}