body{background-color:#f3f4f6;margin:0;padding:0}:root{--bg-color:#f0f7f4;--card-bg:#fff;--text-main:#333;--text-sub:#777;--primary:#5c88da;--primary-light:#e6f0ff;--green:#4caf50;--green-light:#e8f5e9;--red:#f44336;--red-light:#ffebee;--orange:#ff9800}body{background:linear-gradient(135deg,#a8d5ba 0%,#7db9d5 100%);justify-content:center;align-items:center;min-height:100vh;margin:0;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.mobile-container{background-color:var(--bg-color);border-radius:30px;width:100%;max-width:400px;padding-bottom:90px;position:relative;overflow:hidden;box-shadow:0 20px 40px #0003}.header{text-align:center;padding:30px 20px 20px}.header h1{color:var(--text-main);margin:0 0 5px;font-size:22px;font-weight:700}.header p{color:var(--text-sub);margin:0;font-size:14px}.card{background:var(--card-bg);border-radius:20px;margin:0 15px 15px;padding:20px;box-shadow:0 4px 15px #00000008}.card-title{color:var(--text-main);justify-content:space-between;align-items:center;margin:0 0 15px;font-size:16px;font-weight:600;display:flex}.icon-help{color:#ccc;cursor:pointer;font-size:14px}.overview-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.stat-item{flex-direction:column;align-items:center;display:flex}.stat-val{color:var(--text-main);font-size:20px;font-weight:700}.stat-val small{font-size:12px;font-weight:400}.stat-label{color:var(--text-sub);margin:4px 0 8px;font-size:12px}.tag-growth{background:var(--green-light);color:var(--green);border-radius:10px;padding:2px 6px;font-size:11px;font-weight:600}.score-display{text-align:center;margin-bottom:20px}.score-display span{color:var(--text-main);font-size:36px;font-weight:800}.score-display small{color:var(--text-sub);margin-left:5px;font-size:14px}.chart-container{width:100%;height:220px;position:relative}.word-list{margin:0;padding:0;list-style:none}.word-item{border-bottom:1px solid #f0f0f0;align-items:center;padding:10px 0;display:flex}.word-item:last-child{border-bottom:none}.word-text{flex-grow:1;font-size:16px;font-weight:500}.error-tag{background:var(--red-light);color:var(--red);border-radius:12px;margin-right:10px;padding:3px 8px;font-size:12px}.speaker-icon{color:var(--primary);cursor:pointer;font-size:18px}.bowl-note{color:var(--text-sub);border-top:1px dashed #eee;margin-top:15px;padding-top:15px;font-size:12px}.feedback-section{background:#fafafa;border-radius:12px;margin-bottom:15px;padding:15px}.fb-item{color:var(--text-main);text-align:left;margin-bottom:12px;font-size:14px;line-height:1.5}.fb-item strong{margin-bottom:3px;display:block}.hl-green{color:var(--green)}.hl-orange{color:var(--orange)}.hl-blue{color:var(--primary)}.goals-list{text-align:left;margin:0;padding:0;list-style:none}.goal-item{color:var(--text-main);align-items:center;margin-bottom:8px;font-size:14px;display:flex}.goal-item:before{content:"✅";color:#ccc;margin-right:8px;font-size:12px}.bottom-bar{background:var(--card-bg);box-sizing:border-box;border-radius:0 0 30px 30px;gap:12px;width:100%;padding:15px 20px;display:flex;position:absolute;bottom:0;left:0;box-shadow:0 -5px 15px #0000000d}.btn{text-align:center;cursor:pointer;border:none;border-radius:25px;flex:1;padding:14px 0;font-size:15px;font-weight:600}.btn-secondary{color:var(--text-main);background:#f0f0f0}.btn-primary{background:var(--primary);color:#fff}.loading,.error{text-align:center;color:var(--text-main);padding:50px;font-size:16px}