:root{--cream:#fff8ed;--cream-dark:#f6ead6;--ink:#203b3a;--ink-soft:#536866;--river:#24766f;--river-deep:#15514c;--river-light:#3b968b;--terracotta:#e2764d;--terracotta-soft:#f2ad83;--gold:#e1b95c;--leaf:#4f8661;--card:#fffdf9;--border:rgba(32,59,58,.12);--shadow:0 8px 28px rgba(21,81,76,.1);--radius:16px;--font:"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;width:100%;max-width:100%;overflow-x:hidden;font-family:var(--font);color:var(--ink);background:radial-gradient(ellipse 80% 50% at 10% -10%,rgba(226,118,77,.16),transparent),radial-gradient(ellipse 60% 40% at 100% 0,rgba(36,118,111,.14),transparent),linear-gradient(165deg,#fffaf2,#f7eddc 45%,#e6f4f1)}body{line-height:1.45}.app,body{display:flex;flex-direction:column;min-height:100dvh;max-width:100%;overflow-x:hidden}.app{width:min(720px,100%);min-width:0;margin:0 auto;box-sizing:border-box;background:rgba(255,252,247,.72);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);border-left:1px solid var(--border);border-right:1px solid var(--border)}.header{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;padding:14px 18px;background:linear-gradient(180deg,rgba(255,253,249,.97),rgba(255,253,249,.9));border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo-mark{width:44px;height:44px;border-radius:12px;background:linear-gradient(145deg,var(--river-light) 0,var(--river) 60%,var(--river-deep) 100%);color:#fff8ed;display:grid;place-items:center;font-weight:700;font-size:.85rem;letter-spacing:-.02em;box-shadow:0 4px 12px rgba(15,53,51,.25);flex-shrink:0}.logo-mark span{opacity:.95}.header-text h1{font-size:1.2rem;font-weight:700;letter-spacing:-.02em;color:var(--river-deep)}.header-text p{font-size:.78rem;color:var(--ink-soft);margin-top:1px}.chat{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:18px 16px 12px;flex-direction:column;gap:14px;scroll-behavior:smooth}.chat,.msg{min-width:0;max-width:100%;display:flex;box-sizing:border-box}.msg{gap:10px;animation:rise .35s ease}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.msg.user{flex-direction:row-reverse}.avatar{width:32px;height:32px;border-radius:10px;flex-shrink:0;display:grid;place-items:center;font-size:.7rem;font-weight:700}.msg.bot .avatar{background:var(--river);color:var(--cream)}.msg.user .avatar{background:var(--cream-dark);color:var(--ink-soft)}.bubble{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:12px 14px;min-width:0;max-width:min(560px,calc(100% - 42px));box-sizing:border-box;overflow-wrap:anywhere;word-break:break-word;box-shadow:0 2px 8px rgba(15,53,51,.04)}.msg.user .bubble{background:var(--river);color:#f4f7f6;border-color:transparent}.bubble p{font-size:.92rem;overflow-wrap:anywhere;word-break:break-word}.bubble p+p{margin-top:.55rem}.typing{display:inline-flex;gap:5px;padding:4px 2px;align-items:center}.typing i{width:7px;height:7px;border-radius:50%;background:var(--river-light);opacity:.45;animation:blink 1.2s ease-in-out infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes blink{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.resources{display:flex;flex-direction:column;gap:10px;margin-top:12px}.resource,.resources{min-width:0;max-width:100%}.resource{display:block;text-decoration:none;color:inherit;background:linear-gradient(135deg,#fffefb,#f3f7f6);border:1px solid var(--border);border-radius:12px;padding:12px 13px;box-sizing:border-box;overflow-wrap:anywhere;word-break:break-word;transition:border-color .15s,transform .15s,box-shadow .15s}.resource:hover{border-color:rgba(26,79,76,.35);transform:translateY(-1px);box-shadow:0 6px 16px rgba(15,53,51,.08)}.resource-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;min-width:0;max-width:100%}.resource-top h3{min-width:0;flex:1 1;overflow-wrap:anywhere;word-break:break-word}.resource h3{font-size:.9rem;font-weight:700;color:var(--river-deep)}.resource .why{font-size:.8rem;color:var(--ink-soft);margin-top:4px}.resource .link-hint{font-size:.72rem;color:var(--terracotta);font-weight:600;white-space:nowrap;flex-shrink:0;margin-top:2px;max-width:40%;overflow:hidden;text-overflow:ellipsis}.prereqs{margin-top:12px;background:rgba(212,168,75,.12);border:1px solid rgba(212,168,75,.35);border-radius:12px;padding:11px 13px}.prereqs h4{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:#8a6520;margin-bottom:6px}.prereqs ul{margin:0;padding-left:1.1rem;font-size:.82rem;color:var(--ink)}.prereqs li+li{margin-top:3px}.meta-note{margin-top:10px;font-size:.72rem;color:var(--ink-soft);font-style:italic}.chips-wrap{padding:0 14px 8px;min-width:0;max-width:100%;box-sizing:border-box}.chips-label{font-size:.72rem;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;padding-left:2px}.chips{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.chip,.chips{max-width:100%}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(26,79,76,.22);background:var(--card);color:var(--river-deep);font:inherit;font-size:.8rem;font-weight:560;padding:8px 12px;border-radius:999px;cursor:pointer;box-sizing:border-box;white-space:normal;text-align:left;transition:background .15s,border-color .15s,transform .1s;box-shadow:0 1px 3px rgba(15,53,51,.05)}.chip:hover{background:rgba(26,79,76,.08);border-color:var(--river)}.chip:active{transform:scale(.98)}.chip:disabled{opacity:.45;cursor:default;transform:none}.composer{position:-webkit-sticky;position:sticky;bottom:0;padding:10px 14px 12px;background:linear-gradient(180deg,rgba(255,253,249,.6),rgba(255,253,249,.98));border-top:1px solid var(--border)}.composer,.composer-row{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.composer-row{display:flex;gap:8px;align-items:flex-end;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:8px 8px 8px 14px;box-shadow:0 2px 10px rgba(15,53,51,.05)}.composer-row:focus-within{border-color:rgba(26,79,76,.45);box-shadow:0 0 0 3px rgba(26,79,76,.1)}#userInput{flex:1 1;min-width:0;width:100%;border:none;outline:none;resize:none;background:transparent;font:inherit;font-size:.95rem;color:var(--ink);max-height:120px;min-height:24px;line-height:1.4;padding:6px 0;overflow-wrap:anywhere;word-break:break-word}#userInput::placeholder{color:#8a9493}#sendBtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:var(--terracotta);color:#fff;font:inherit;font-weight:650;font-size:.85rem;padding:10px 14px;border-radius:10px;cursor:pointer;transition:background .15s,transform .1s;flex-shrink:0}#sendBtn:hover{background:#cf603c}#sendBtn:active{transform:scale(.97)}#sendBtn:disabled{opacity:.5;cursor:default}.footer{padding:8px 16px 14px;text-align:center;font-size:.68rem;color:var(--ink-soft);border-top:1px dashed var(--border);background:rgba(255,248,237,.82)}@media (max-width:480px){.header{padding:12px 14px;max-width:100%;box-sizing:border-box}.bubble{max-width:calc(100% - 40px);min-width:0}.resource .link-hint{max-width:35%}.app{border-left:none;border-right:none}}