:root{--ink: #20201e;--paper: #ffffff;--soft: #f5f2ea;--coral: #ff6b5e;--teal: #00a896;--gold: #ffd166;--mint: #b7e4c7;--sky: #90dbf4;--pink: #f9c2d2;--line: #d8d3c8;--muted: #6f6b62;--shadow: 4px 4px 0 var(--ink);--shadow-sm: 2px 2px 0 var(--ink);font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:linear-gradient(90deg,rgba(0,168,150,.08) 1px,transparent 1px),linear-gradient(rgba(0,168,150,.08) 1px,transparent 1px),var(--paper);background-size:24px 24px;min-height:100vh}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}.app-shell{max-width:1180px;margin:0 auto;padding:20px}.topbar{display:flex;align-items:center;gap:14px;padding:12px 14px;border:2px solid var(--ink);background:var(--paper);box-shadow:var(--shadow);margin-bottom:22px;position:sticky;top:12px;z-index:20}.brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:20px;letter-spacing:0;white-space:nowrap}.brand-mark{width:28px;height:28px;background:var(--coral);border:2px solid var(--ink);box-shadow:var(--shadow-sm)}.nav{display:flex;gap:6px;margin-left:8px;flex-wrap:wrap}.nav button{display:inline-flex;align-items:center;gap:6px;border:2px solid transparent;background:transparent;padding:8px 10px;font-weight:700;border-radius:8px}.nav button:hover,.nav button.active{background:var(--soft);border-color:var(--ink);box-shadow:var(--shadow-sm)}.user-chip{margin-left:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:6px;border:2px solid var(--ink);background:var(--mint);padding:5px 9px;font-weight:800;box-shadow:var(--shadow-sm);border-radius:8px;white-space:nowrap}.pill.gold{background:var(--gold)}.pill.sky{background:var(--sky)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.main-panel{min-width:0}.side-panel{position:sticky;top:92px;display:grid;gap:18px}.panel{border:2px solid var(--ink);background:var(--paper);box-shadow:var(--shadow);padding:18px;border-radius:8px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;font-size:18px;font-weight:800}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.section-head h2{margin:0;font-size:22px;letter-spacing:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:2px solid var(--ink);background:var(--paper);padding:9px 14px;font-weight:800;border-radius:8px;box-shadow:var(--shadow-sm);text-decoration:none;transition:transform .08s ease,box-shadow .08s ease}.button:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}.button.primary{background:var(--coral);color:#fff}.button.teal{background:var(--teal);color:#fff}.button.gold{background:var(--gold)}.button.sky{background:var(--sky)}.button.ghost{background:transparent;box-shadow:none}.button.small{padding:6px 9px;font-size:13px}.button.icon-only{width:38px;height:38px;padding:0}.icon-button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--ink);background:var(--paper);border-radius:8px;box-shadow:var(--shadow-sm)}.input,.textarea,.select{width:100%;border:2px solid var(--ink);background:#fff;padding:10px 12px;border-radius:8px;outline:none}.textarea{min-height:96px;resize:vertical;line-height:1.55}.field{display:grid;gap:6px;margin-bottom:14px}.field label{font-weight:800;font-size:14px}.field .hint{color:var(--muted);font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.card-list{display:grid;gap:12px}.task-card{border:2px solid var(--ink);background:#fff;padding:14px;border-radius:8px;box-shadow:var(--shadow-sm);display:grid;gap:8px}.task-card.passed{background:var(--mint)}.task-card.failed{background:#ffe4e1}.task-card .task-head{display:flex;align-items:flex-start;gap:10px;justify-content:space-between}.task-card h3{margin:0;font-size:16px}.task-meta{display:flex;gap:6px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:4px;border:1.5px solid var(--ink);padding:2px 7px;font-size:12px;font-weight:800;background:var(--soft);border-radius:8px}.badge.coral{background:var(--coral);color:#fff}.badge.teal{background:var(--teal);color:#fff}.badge.gold{background:var(--gold)}.progress-track{height:14px;border:2px solid var(--ink);background:#fff;border-radius:8px;overflow:hidden}.progress-fill{height:100%;background:repeating-linear-gradient(-45deg,var(--teal),var(--teal) 6px,#fff 6px,#fff 12px);transition:width .3s ease}.empty-state{border:2px dashed var(--line);background:var(--soft);padding:22px;text-align:center;color:var(--muted);border-radius:8px}.cat-banner{border:2px solid var(--ink);background:var(--paper);box-shadow:var(--shadow);border-radius:8px;padding:14px;display:flex;align-items:center;gap:14px}.cat-banner canvas{image-rendering:pixelated;width:96px;height:96px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stat-box{border:2px solid var(--ink);background:var(--soft);padding:10px;border-radius:8px;text-align:center}.stat-box strong{display:block;font-size:20px;margin-top:4px}.event-list{display:grid;gap:10px;max-height:300px;overflow:auto}.event-item{border-left:4px solid var(--teal);background:var(--soft);padding:9px 11px;border-radius:8px;font-size:13px;line-height:1.45}.event-item time{display:block;color:var(--muted);font-size:11px;margin-top:4px}.toast-stack{position:fixed;right:18px;bottom:18px;display:grid;gap:10px;z-index:50}.toast{border:2px solid var(--ink);background:#fff;box-shadow:var(--shadow);padding:12px 14px;max-width:340px;border-radius:8px;font-weight:700;animation:pop-in .18s ease}.chat-shell{border:2px solid var(--ink);background:var(--paper);box-shadow:var(--shadow);border-radius:8px;display:grid;grid-template-rows:minmax(360px,520px) auto auto;overflow:hidden}.chat-list{overflow:auto;padding:18px;display:grid;gap:14px;align-content:start;background:linear-gradient(90deg,rgba(0,168,150,.05) 1px,transparent 1px),linear-gradient(rgba(0,168,150,.05) 1px,transparent 1px),var(--paper);background-size:22px 22px}.chat-row{display:flex;gap:10px;max-width:86%}.chat-row.user{align-self:flex-end;flex-direction:row-reverse}.chat-avatar{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border:2px solid var(--ink);background:var(--gold);font-weight:900;border-radius:8px;box-shadow:var(--shadow-sm)}.chat-bubble{border:2px solid var(--ink);background:#fff;padding:11px 13px;border-radius:8px;box-shadow:var(--shadow-sm);font-size:14px;display:grid;gap:10px;min-width:0}.chat-row.user .chat-bubble{background:var(--mint)}.plan-draft-card{border:2px solid var(--ink);background:var(--soft);border-radius:8px;padding:12px;display:grid;gap:8px}.plan-draft-card h4{margin:0}.search-snippet{display:flex;gap:7px;align-items:flex-start;border:1.5px solid var(--ink);background:var(--sky);padding:7px 9px;border-radius:8px;font-size:12px;line-height:1.45}.question-tags{display:flex;gap:6px;flex-wrap:wrap}.chat-input-row{display:flex;gap:8px;padding:10px 12px;border-top:2px solid var(--ink);flex-wrap:wrap}.chat-input-row .input{flex:1;min-width:180px}.chat-about{margin:0;padding-left:18px;display:grid;gap:8px;color:var(--muted);font-size:13px;line-height:1.55}.thought-card{border:2px solid var(--ink);background:#fff;border-radius:8px;padding:14px;box-shadow:var(--shadow-sm);display:grid;gap:10px}.thought-author{display:flex;align-items:center;gap:10px}.thought-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.thought-images img{width:100%;aspect-ratio:1;object-fit:cover;border:2px solid var(--ink);border-radius:8px;image-rendering:auto}.thought-comments{border-top:2px dashed var(--line);padding-top:10px;display:grid;gap:8px}.thought-comments .chat-row{max-width:92%}.thought-footer{display:flex;justify-content:flex-end;border-top:1px dashed var(--line);padding-top:8px}.date-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.date-controls .input{width:180px;min-width:160px}.clock-display{font-family:Consolas,Courier New,monospace;font-size:22px;font-weight:800;letter-spacing:0;border:2px solid var(--ink);background:var(--soft);border-radius:8px;padding:12px;text-align:center;box-shadow:var(--shadow-sm)}.auth-wrap{min-height:70vh;display:grid;place-items:center}.auth-card{width:min(420px,100%)}.input-icon{position:relative;display:flex;align-items:center}.input-icon>svg{position:absolute;left:10px;color:var(--muted)}.input-icon .input{padding-left:34px}@keyframes pop-in{0%{transform:translateY(8px);opacity:0}}.plan-grid{display:grid;gap:12px}.plan-card{border:2px solid var(--ink);background:#fff;box-shadow:var(--shadow-sm);padding:14px;border-radius:8px;text-decoration:none;color:inherit;display:grid;gap:8px;transition:transform .1s ease}.plan-card:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}.plan-card h3{margin:0}.task-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.evidence-row{display:grid;gap:8px}.file-input{border:2px dashed var(--ink);padding:12px;border-radius:8px;background:var(--soft);text-align:center;color:var(--muted)}.file-list{display:flex;gap:8px;flex-wrap:wrap}.file-chip{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--ink);padding:4px 8px;border-radius:8px;background:var(--sky);font-size:12px;font-weight:700}.store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.item-card{border:2px solid var(--ink);background:#fff;padding:12px;border-radius:8px;box-shadow:var(--shadow-sm);display:grid;gap:8px;min-height:150px}.item-icon{width:46px;height:46px;border:2px solid var(--ink);background:var(--soft);display:grid;place-items:center;border-radius:8px;box-shadow:var(--shadow-sm);font-size:24px}.item-card h3{margin:0;font-size:15px}.item-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.4}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#20201e8c;display:grid;place-items:center;padding:20px;z-index:40}.modal{width:min(620px,100%);max-height:88vh;overflow:auto;background:var(--paper);border:2px solid var(--ink);box-shadow:8px 8px #20201e59;border-radius:8px;padding:20px}.modal-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.modal-title h2{margin:0}.score-ring{width:72px;height:72px;border:3px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:20px;font-weight:900;background:var(--gold);box-shadow:var(--shadow-sm)}.evaluation-panel{border:2px solid var(--ink);background:#fff;border-radius:8px;padding:14px;display:grid;gap:10px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.metric{border:1.5px solid var(--ink);background:var(--soft);padding:8px;text-align:center;border-radius:8px}.metric strong{display:block;font-size:16px}.metric span{font-size:11px;color:var(--muted)}.transaction-list{display:grid;gap:8px}.transaction{display:flex;justify-content:space-between;align-items:center;border:1.5px solid var(--ink);background:var(--soft);padding:9px 11px;border-radius:8px}.amount.positive{color:var(--teal);font-weight:900}.amount.negative{color:var(--coral);font-weight:900}.pet-page{min-height:calc(100vh - 40px);border:2px solid var(--ink);background:#fdf9ef;box-shadow:var(--shadow);border-radius:8px;display:grid;grid-template-columns:minmax(0,1fr) 340px;overflow:hidden}.pet-stage{position:relative;min-height:560px;display:grid;place-items:center;background:radial-gradient(circle at 20% 18%,rgba(255,209,102,.4),transparent 18%),radial-gradient(circle at 80% 10%,rgba(144,219,244,.5),transparent 20%),linear-gradient(180deg,#fdf9ef,#f1e4c7 78%,#b7e4c7)}.pet-stage canvas{image-rendering:pixelated;width:min(420px,80vw);height:auto}.pet-actions{position:absolute;left:18px;bottom:18px;display:flex;gap:10px}.pet-panel{border-left:2px solid var(--ink);padding:18px;display:grid;gap:16px;align-content:start;background:#fff;overflow:auto}.pet-task{border:1.5px solid var(--ink);padding:10px;border-radius:8px;background:var(--soft)}.pet-task h4{margin:0 0 4px}.speech-bubble{position:absolute;top:26px;right:26px;max-width:280px;border:2px solid var(--ink);background:#fff;box-shadow:var(--shadow-sm);padding:12px 14px;border-radius:8px;font-weight:700}@media(max-width:900px){.layout,.pet-page{grid-template-columns:1fr}.side-panel{position:static}.form-grid,.stat-grid,.metrics-grid{grid-template-columns:1fr 1fr}.pet-stage{min-height:480px}.pet-panel{border-left:0;border-top:2px solid var(--ink)}}@media(max-width:560px){.app-shell{padding:10px}.topbar{flex-wrap:wrap}.user-chip{margin-left:0;width:100%}.form-grid,.stat-grid,.metrics-grid{grid-template-columns:1fr}.nav{order:3;width:100%}}