#philosophyScene{position:fixed;inset:0;z-index:28;isolation:isolate;overflow:hidden;background:#9bcbc2;color:#294f46;font-family:var(--font-handwritten,'LXGW WenKai TC',serif)}
.philosophy-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:48% 35%;pointer-events:none}
.philosophy-light{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 23% 12%,#fffbd971,transparent 56%);opacity:.32;animation:philosophy-daylight 9s ease-in-out infinite alternate}
@keyframes philosophy-daylight{from{opacity:.22}to{opacity:.62}}
.philosophy-shade{position:absolute;inset:0;background:linear-gradient(180deg,#e7f7e82b 0%,transparent 35%,#265c4855 100%);pointer-events:none}
.philosophy-heading{position:absolute;top:max(22px,env(safe-area-inset-top));left:24px;max-width:70%;text-shadow:0 1px 8px #fff7de}
.philosophy-kicker{font-size:14px;letter-spacing:.06em}.philosophy-heading h2{font-weight:500;font-size:clamp(23px,3vw,32px);margin:7px 0}.philosophy-heading p{font-size:15px;line-height:1.7;margin:0}
.philosophy-exit{position:absolute;top:max(20px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));border:1px solid #fffbea;border-radius:22px;background:#fff9e9ed;color:#355b4c;padding:11px 16px;min-height:44px;font:inherit;font-size:15px}
.philosophy-card{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:22px;width:min(560px,46vw);max-height:calc(100dvh - 135px);overflow:auto;overscroll-behavior:contain;background:#fffbedf5;backdrop-filter:blur(12px);border:1px solid #fffefa;border-radius:24px;box-shadow:0 14px 50px #244a433b;padding:18px;scrollbar-width:thin}
.philosophy-body{display:grid;gap:13px}.philosophy-body h3{font-size:22px;line-height:1.5;font-weight:500;margin:0}.philosophy-topics{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.philosophy-panel button,.philosophy-panel input,.philosophy-panel textarea{font-family:inherit}.philosophy-card button{min-height:44px;border:1px solid #bacbb6;border-radius:15px;background:#f1f4e2;color:#305b49;padding:10px 13px;font-size:16px;line-height:1.5}.philosophy-card button[aria-pressed=true]{background:#d9e9d4;border-color:#659b7e;box-shadow:inset 0 0 0 1px #659b7e}.philosophy-card button.philosophy-primary{background:#d7e8c9;border-color:#8db391;font-size:17px}.philosophy-card button:disabled{opacity:.55;cursor:wait}
.philosophy-label{display:grid;gap:7px;font-size:15px}.philosophy-label input,.philosophy-label textarea{width:100%;min-height:45px;font-size:17px;line-height:1.75;border:1px solid #b7c9b4;border-radius:13px;background:#fffdf4;color:#294f46;padding:10px 12px;resize:vertical}.philosophy-label textarea{max-height:23dvh;min-height:88px}.philosophy-label input:focus,.philosophy-label textarea:focus{outline:2px solid #73a58b;outline-offset:2px}
.philosophy-note,.philosophy-status{font-size:14px;line-height:1.7;margin:0;color:#54735e}.philosophy-status:empty{display:none}.philosophy-status[role=alert]{color:#8f493c;background:#fbecdf;padding:9px 12px;border-radius:12px}
.philosophy-waiting{font-size:15px;line-height:1.8;margin:4px 10px;color:#54735e}.philosophy-connect{font-size:15px;line-height:1.7;color:#386e59;padding:8px 0;text-underline-offset:3px}
.philosophy-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center}.philosophy-toolbar h3{font-size:20px;overflow-wrap:anywhere}.philosophy-toolbar button{flex:none;font-size:14px}
.philosophy-log{position:relative;min-height:100px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;display:grid;align-content:start;gap:12px;padding:2px;scroll-padding-top:2px}.philosophy-message{padding:9px 12px;border-radius:15px;background:#eaf1df}.philosophy-user{background:#f3edde;margin-left:24px}.philosophy-message small{font-size:12px;color:#688069}.philosophy-message p,.philosophy-welcome{font-size:18px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0}.philosophy-welcome{font-size:17px;color:#56775f}
.philosophy-quote{border-left:3px solid #8cae88;margin-top:14px;padding-left:12px}.philosophy-quote blockquote{font-size:17px;line-height:1.8;margin:0 0 7px}.philosophy-quote p{font-size:13px;margin:4px 0}.philosophy-quote small{display:block;font-size:12px}.philosophy-quote a{display:inline-block;font-size:14px;line-height:1.7;padding:10px 0 4px;color:#386e59;text-underline-offset:3px}
.philosophy-choices{display:flex;gap:7px;flex-wrap:wrap}.philosophy-choices:empty{display:none}.philosophy-choices button{font-size:14px;text-align:left}.philosophy-topic-start{font-size:15px!important;background:transparent!important}
.philosophy-quote summary{cursor:pointer;font-size:14px;line-height:1.7;min-height:36px;padding:5px 0;color:#386e59}.philosophy-quote[open] summary{margin-bottom:8px}
.philosophy-composer{display:grid;grid-template-columns:minmax(0,1fr) 126px;gap:9px;align-items:end}.philosophy-composer .philosophy-label{min-width:0;font-size:13px;gap:4px}.philosophy-composer textarea{min-height:58px;max-height:90px;resize:none;line-height:1.55;padding:7px 9px}.philosophy-composer button.philosophy-primary{font-size:15px;line-height:1.45;min-height:58px;padding:8px 9px}
.philosophy-feedback{display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap;max-height:76px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.philosophy-feedback .philosophy-status{width:100%}.philosophy-feedback button{min-height:36px;padding:5px 9px;font-size:14px}.philosophy-feedback .philosophy-connect{font-size:14px;padding:5px 0}
.philosophy-panel[data-step=conversation] .philosophy-card{height:calc(100dvh - 140px);overflow:hidden}.philosophy-panel[data-step=conversation] .philosophy-body{height:100%;min-height:0;display:flex;flex-direction:column;gap:9px}.philosophy-panel[data-step=conversation] .philosophy-body> :not(.philosophy-log){flex-shrink:0}.philosophy-panel[data-step=conversation] .philosophy-log{flex:1;min-height:90px}.philosophy-panel[data-step=conversation] .philosophy-status{font-size:12px;line-height:1.4}.philosophy-panel[data-step=conversation] .philosophy-choices button{min-height:36px;padding:5px 8px}
.philosophy-panel[data-step=conversation] .philosophy-choices{max-height:124px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
@media(max-width:700px){.philosophy-art{object-position:51% 12%}.philosophy-heading{top:max(17px,env(safe-area-inset-top));left:18px;max-width:62%}.philosophy-heading h2{font-size:22px}.philosophy-heading p{font-size:14px}.philosophy-kicker{font-size:12px}.philosophy-exit{padding:9px 12px;font-size:14px}.philosophy-card{left:12px;right:12px;width:auto;max-height:59dvh;bottom:max(12px,env(safe-area-inset-bottom));padding:13px}.philosophy-body{gap:10px}.philosophy-message p{font-size:17px}.philosophy-label textarea{min-height:74px}.philosophy-heading p{max-width:190px}.philosophy-panel[data-step=conversation] .philosophy-card{height:59dvh}.philosophy-panel[data-step=conversation] .philosophy-body{gap:7px}.philosophy-composer{grid-template-columns:minmax(0,1fr) 106px;gap:7px}.philosophy-composer textarea{min-height:58px}.philosophy-toolbar h3{font-size:18px}.philosophy-toolbar button{min-height:36px;padding:6px 9px}}
@media(max-height:620px) and (min-width:701px){.philosophy-heading{top:14px}.philosophy-heading p{display:none}.philosophy-card{bottom:12px;left:16px;max-height:calc(100dvh - 102px);padding:13px}.philosophy-panel[data-step=conversation] .philosophy-card{height:calc(100dvh - 102px)}.philosophy-panel[data-step=conversation] .philosophy-body{gap:6px}.philosophy-message p{font-size:17px;line-height:1.6}.philosophy-toolbar h3{font-size:18px}.philosophy-toolbar button{min-height:36px;padding:6px 9px}.philosophy-composer textarea,.philosophy-composer button.philosophy-primary{min-height:52px}}
@media(max-height:460px){.philosophy-panel[data-step=conversation] .philosophy-body{overflow:auto}.philosophy-panel[data-step=conversation] .philosophy-log{flex:none;max-height:46dvh}.philosophy-composer{position:sticky;bottom:0;background:#fffbed;padding-top:5px;z-index:1}}
@media(prefers-reduced-motion:reduce){#philosophyScene *{scroll-behavior:auto}.philosophy-light{animation:none;opacity:.32}}