:root{--bg0: #1a3a32;--bg1: #234f44;--panel: #2d6a5a;--ink: #f2fff8;--muted: #b7d9cc;--accent: #7dffb3;--plumbob: #39ff8a;--warn: #ffc857;--bar: #0e221c;--done: #1e4d3f;font-family:Segoe UI,Trebuchet MS,system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(1200px 600px at 50% -10%,#3a8f74 0%,var(--bg0) 55%);color:var(--ink)}#app{max-width:440px;margin:0 auto;padding:16px 14px 28px}.hero{text-align:center;margin-bottom:14px}.plumbob{width:0;height:0;margin:8px auto 4px;border-left:18px solid transparent;border-right:18px solid transparent;border-bottom:30px solid var(--plumbob);filter:drop-shadow(0 0 10px rgba(57,255,138,.55));animation:bob 2.4s ease-in-out infinite}.plumbob:after{content:"";display:block;width:0;height:0;margin-left:-18px;margin-top:2px;border-left:18px solid transparent;border-right:18px solid transparent;border-top:30px solid #22c973}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}h1{font-size:1.35rem;margin:6px 0 2px;letter-spacing:.02em}.sub{color:var(--muted);font-size:.9rem;margin:0}.panel{background:linear-gradient(160deg,#2d6a5af2,#1a3a32eb);border:1px solid rgba(125,255,179,.25);border-radius:16px;padding:12px 12px 10px;margin-top:12px;box-shadow:0 10px 28px #00000040}.panel h2{margin:0 0 10px;font-size:.95rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.xp-row{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:6px}.meter{height:10px;background:var(--bar);border-radius:999px;overflow:hidden;margin-bottom:10px}.meter>span{display:block;height:100%;background:linear-gradient(90deg,#2bd67b,var(--plumbob));border-radius:inherit;transition:width .35s ease}.need{display:grid;grid-template-columns:64px 1fr 36px;gap:8px;align-items:center;margin-bottom:8px;font-size:.85rem}.need .bar{height:8px;background:var(--bar);border-radius:999px;overflow:hidden}.need .bar>i{display:block;height:100%;background:#5ee0a8;transition:width .35s ease}.need.low .bar>i{background:var(--warn)}.quest{display:flex;gap:10px;align-items:flex-start;padding:10px;border-radius:12px;background:#0e221c73;margin-bottom:8px;border:1px solid transparent}.quest.done{background:var(--done);opacity:.75}.quest button{flex-shrink:0;border:0;border-radius:10px;padding:8px 10px;background:var(--accent);color:#083224;font-weight:700;cursor:pointer}.quest.done button{background:#6a8f80;color:#d7efe5;cursor:default}.quest .meta{flex:1;min-width:0}.quest .title{font-size:.95rem;margin:0 0 4px}.quest .xp{font-size:.78rem;color:var(--muted)}.error{color:#ffb4b4;font-size:.85rem;margin-top:8px}.mood{display:inline-block;margin-top:6px;padding:2px 8px;border-radius:999px;background:#7dffb326;color:var(--accent);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}