.shadow-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px 0 25px}.shadow-heading h2{font-size:clamp(25px,4vw,36px);letter-spacing:-1px;margin:6px 0}.shadow-symbol{font-size:42px;color:#7497b7;letter-spacing:5px;flex-shrink:0}.shadow-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px;align-items:start}.shadow-picker,.shadow-studio{border:1px solid #ffffffc9;border-radius:30px;background:linear-gradient(135deg,#ffffff65,#ffffff25);backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%);box-shadow:var(--glass-shadow)}.shadow-picker{padding:22px}.shadow-picker label{font-size:13px;color:#5e7486;margin-top:0}.shadow-picker input,.shadow-picker select{width:100%;font-size:13px;margin-bottom:20px}.shadow-tip{padding:16px;border:1px solid #ffffffac;border-radius:20px;background:#d6eee940;font-size:13px;color:#50796d}.shadow-tip p{margin-bottom:0;font-size:12px;line-height:1.8}.shadow-studio{padding:30px;position:relative;overflow:hidden}.shadow-meta{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#62778a}.studio-label{padding:3px 9px;background:#ffffff50;border-radius:30px;white-space:nowrap}.shadow-wave{display:flex;justify-content:center;align-items:center;gap:7px;height:84px;margin:22px 0}.shadow-wave i{height:22px;width:7px;border-radius:10px;background:linear-gradient(#96cfc0,#a1abe2);box-shadow:0 5px 12px #a0b8d315;transform:scaleY(.5);transition:transform .3s}.shadow-wave i:nth-child(2n){height:44px}.shadow-wave i:nth-child(3n){height:62px}.shadow-wave.playing i{animation:echo-wave .7s ease-in-out infinite alternate}.shadow-wave.playing i:nth-child(2n){animation-delay:-.3s}.shadow-wave.playing i:nth-child(3n){animation-delay:-.5s}.shadow-english{font:500 clamp(26px,4vw,37px)/1.55 Georgia,serif;text-align:center;color:#304f62;min-height:110px;overflow-wrap:anywhere;margin:12px 0}.shadow-chinese{text-align:center;color:#547969;margin:0 0 18px}.shadow-toggles{display:flex;justify-content:center;gap:10px;margin-bottom:24px}.shadow-toggles button{font-size:12px;padding:6px 12px;min-height:36px;border-radius:30px}.shadow-settings{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px 0;border-top:1px solid #ffffff9c}.shadow-settings label{font-size:12px;color:#64788b;margin:0}.shadow-settings select{width:100%;display:block;margin-top:5px;font-size:14px}.shadow-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.shadow-actions button{font-size:14px}.shadow-actions .primary{flex:1}.record-area{margin-top:24px;padding-top:20px;border-top:1px solid #ffffffa0}.record-area h3,.saved-word-area h3{font-size:15px;color:#4b6479;margin:0}.record-area .tiny{font-size:12px}.record-area audio{display:block;width:100%;margin-top:16px}.record-area button{font-size:13px;border-radius:30px}.saved-word-area{margin-top:25px}#saved-word-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.saved-word{border:1px solid #ffffffb0;border-radius:12px;background:#ffffff50;color:#4a6b7c;padding:6px 10px;font-size:12px}.word-token{display:inline;border:0;border-radius:5px;background:none;color:inherit;font:inherit;padding:0;min-height:0;text-align:inherit;line-height:inherit;cursor:pointer;transition:background .15s;box-shadow:none}.word-token:hover,.word-token:focus-visible{background:#a8d9cc60;text-decoration:underline;text-decoration-color:#7cbdab;text-underline-offset:5px}.word-dialog{position:fixed;inset:18px 18px 18px auto;margin:0;width:min(420px,calc(100vw - 36px));max-height:calc(100dvh - 36px);height:fit-content;max-width:none;border:1px solid #ffffffe0;border-radius:32px;padding:26px;background:linear-gradient(135deg,#f5fbffd9,#edf3ffcc);color:#30495c;backdrop-filter:blur(35px) saturate(155%);-webkit-backdrop-filter:blur(35px) saturate(155%);box-shadow:0 28px 90px #344f7940;overflow:auto}.word-dialog::backdrop{background:#30496220;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.word-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.word-dialog-top button{font-size:25px;padding:0;width:38px;min-height:38px;border-radius:50%}.word-dialog h2{font:600 38px/1.3 Georgia,serif;margin:20px 0 5px;overflow-wrap:anywhere}.word-pos{font-size:12px;color:#7a8c9b}.word-definition{font-size:19px;margin:12px 0 22px}.word-context{padding:18px;border:1px solid white;border-radius:20px;background:#ffffff50}.word-context p{font-size:18px;overflow-wrap:anywhere}.word-context p.tiny{font-size:13px}.word-context button{font-size:12px;min-height:36px;padding:6px 12px}.word-card-actions{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.word-card-actions a{text-decoration:none;display:inline-flex;align-items:center;font-size:12px}.word-card-actions button{font-size:13px}.word-dialog h3{font-size:14px;margin-top:25px}.word-related{font-size:14px;border-bottom:1px solid #ffffff9c;padding-bottom:12px}.word-related small{display:block;color:#7b8b98;font-size:12px;margin-top:5px}
@keyframes echo-wave{from{transform:scaleY(.35)}to{transform:scaleY(1)}}
@media(max-width:800px){.shadow-studio{grid-row:1}}
@media(max-width:800px){.shadow-layout{grid-template-columns:1fr}.shadow-picker{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px;padding:20px}.shadow-picker label{grid-column:1/-1;margin:0}.shadow-picker input,.shadow-picker select{grid-column:1/-1;margin-bottom:10px}.shadow-tip,.saved-word-area{grid-column:1/-1}.shadow-studio{padding:23px 20px}.shadow-heading{margin-top:23px}.shadow-heading .eyebrow{font-size:9px}.shadow-symbol{font-size:25px}.shadow-english{font-size:29px;min-height:90px}.word-dialog{inset:auto 12px 12px;margin:0;width:calc(100vw - 24px);max-height:85dvh;border-radius:28px;padding:23px}.tab{padding:10px 9px!important;font-size:12px!important}.shadow-meta{font-size:10px}}
@media(prefers-reduced-motion:reduce){.shadow-wave.playing i{animation:none;transform:scaleY(1)}}
@media(max-width:600px){.shadow-symbol{display:none}.shadow-heading h2{font-size:25px}.shadow-heading{margin-bottom:20px}}