:root{font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;color:#e2e8f0;background:#020617}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top right,#1e3a8a66,transparent 40%),linear-gradient(180deg,#020617,#172554 60%,#312e81);min-height:100vh}.page-shell{width:min(980px,100%);margin:0 auto;padding:28px 18px 54px}.hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.eyebrow{margin:0 0 5px;color:#67e8f9;font-weight:700;letter-spacing:.06em}.hero h1{margin:0;font-size:clamp(30px,6vw,46px)}.hero p{margin:10px 0 0;color:#cbd5e1;line-height:1.65}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.home-button{display:inline-flex;align-items:center;text-decoration:none;border:1px solid #475569;border-radius:12px;background:#0f172a;color:#f8fafc;padding:10px 14px;font-weight:700}.home-button:hover{border-color:#67e8f9;background:#164e63}button{border:1px solid #475569;border-radius:12px;background:#0f172a;color:#f8fafc;padding:10px 14px;font:inherit;font-weight:700;cursor:pointer}button:hover{border-color:#67e8f9;background:#164e63}button.primary{border-color:#22d3ee;background:#155e75}.add-phrase{background:#7c3aed;border-color:#a78bfa}.add-phrase:hover{background:#6d28d9;border-color:#c4b5fd}.sharing-control{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:22px 0 0;padding:16px;border:1px solid #475569;border-radius:16px;background:linear-gradient(135deg,#0f172ad9,#172554bf)}.sharing-control h2{margin:0;color:#e0f2fe;font-size:18px}.sharing-control p{max-width:620px;margin:7px 0 0;color:#cbd5e1;font-size:14px;line-height:1.6}.switch-control{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;color:#e0f2fe;font-weight:800;white-space:nowrap;cursor:pointer}.switch-control input{position:absolute;opacity:0;pointer-events:none}.switch-control__track{display:inline-flex;align-items:center;width:47px;height:27px;padding:3px;border:1px solid #64748b;border-radius:999px;background:#1e293b;transition:.2s}.switch-control__track span{display:block;width:19px;height:19px;border-radius:50%;background:#cbd5e1;transition:.2s}.switch-control input:checked+.switch-control__track{border-color:#2dd4bf;background:#0f766e}.switch-control input:checked+.switch-control__track span{transform:translateX(20px);background:#ecfeff}.privacy-note{margin:14px 0;padding:13px 15px;border:1px solid #334155;border-radius:14px;background:#0f172acc;color:#bae6fd;font-size:14px;line-height:1.6}.privacy-note--shared{margin-bottom:0;border-color:#0f766e;background:#042f2ecc;color:#ccfbf1}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:16px 0}.toolbar label{display:flex;align-items:center;gap:9px;font-weight:700}.toolbar input{width:min(330px,55vw);border:1px solid #475569;border-radius:10px;padding:10px;background:#020617;color:#f8fafc;font:inherit}.toolbar span{color:#c4b5fd;font-size:14px}.learning-list{display:grid;gap:18px}.learning-group{display:grid;gap:12px}.learning-group__header{padding:0 3px}.learning-group__header h2{margin:0;color:#e0f2fe;font-size:20px}.learning-group--shared .learning-group__header h2{color:#99f6e4}.learning-group__header p{margin:5px 0 0;color:#94a3b8;font-size:14px;line-height:1.5}.learning-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px 14px;align-items:start;padding:15px;border:1px solid #334155;border-radius:16px;background:#0f172ad9;box-shadow:0 12px 28px #02061744;overflow:hidden}.learning-card--shared{border-color:#115e59;background:linear-gradient(135deg,#0f172ad9,#042f2ea8)}.rank{grid-row:1/3;min-width:42px;text-align:center;color:#67e8f9;font-weight:900;font-size:18px}.line{display:flex;gap:10px;line-height:1.55;word-break:break-word}.line+.line{margin-top:7px}.lang{flex:0 0 auto;min-width:74px;font-weight:900}.line--zh .lang{color:#fbbf24}.line--foreign .lang{color:#60a5fa}.sentence{color:#f8fafc}.weight{justify-self:end;color:#c4b5fd;font-size:13px;font-weight:700}.card-actions{grid-column:2/4;display:flex;gap:8px;flex-wrap:wrap}.card-actions button{padding:7px 10px;font-size:13px}.card-actions .speak{border-color:#0369a1;color:#bae6fd}.card-actions .delete{border-color:#be123c;color:#fecdd3}.card-actions .delete:hover{background:#4c0519}.learning-group .privacy-note{margin:0}.learning-group--shared .privacy-note{border-color:#115e59;color:#ccfbf1}@media(max-width:680px){.page-shell{padding:18px 12px 42px}.hero,.sharing-control{align-items:stretch;flex-direction:column}.hero-actions{display:grid;grid-template-columns:repeat(3,1fr)}.hero-actions>*{justify-content:center;text-align:center;padding:10px 7px;font-size:14px}.switch-control{justify-content:space-between}.toolbar{align-items:stretch;flex-direction:column}.toolbar input{width:100%}.learning-card{grid-template-columns:auto minmax(0,1fr);gap:9px}.rank{grid-row:1/3}.weight{grid-column:2;justify-self:start}.card-actions{grid-column:1/-1}.line{flex-direction:column;gap:1px}.lang{min-width:0;font-size:13px}.sharing-control{padding:14px}.sharing-control h2{font-size:17px}}