.pdm-wrap{--pdm-black:#0d1b2a;--pdm-dark:#1a2236;--pdm-silver:#e7e9ee;--pdm-bezel:#0a1220;--pdm-screen:#fafbfc;--pdm-red:#c0392b;--pdm-red-soft:#fdecea;--pdm-gray-100:#f1f3f5;--pdm-gray-200:#e5e7eb;--pdm-gray-500:#6b7280;--pdm-gray-700:#374151;--pdm-gray-900:#111827;--pdm-green:#16a34a;--pdm-amber:#f59e0b;width:100%;max-width:980px;margin:0 auto;padding:1rem 0 2rem}.pdm-stage{aspect-ratio:16/9;place-items:center;width:100%;display:grid;position:relative}.pdm-laptop{z-index:2;filter:drop-shadow(0 30px 60px #0a122038);width:68%;max-width:640px;animation:6s ease-in-out infinite pdm-float-main;position:relative}.pdm-laptop-frame{background:var(--pdm-bezel);border:1px solid #ffffff14;border-radius:14px 14px 4px 4px;padding:14px 14px 10px;position:relative}.pdm-laptop-notch{background:#050810;border-radius:99px;width:38px;height:4px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.pdm-laptop-screen{background:var(--pdm-screen);aspect-ratio:16/10;border-radius:6px;flex-direction:column;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000a}.pdm-laptop-base{background:linear-gradient(#c8cdd6 0%,#9ca3b0 100%);border-radius:0 0 14px 14px;height:14px;margin:0 -26px;position:relative;box-shadow:0 3px #0000001a}.pdm-laptop-hinge{background:linear-gradient(#0003 0%,#0000000d 100%);border-radius:0 0 6px 6px;width:22%;height:5px;position:absolute;top:0;left:50%;transform:translate(-50%)}.pdm-topbar{border-bottom:1px solid var(--pdm-gray-100);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;height:32px;padding:0 14px;display:flex}.pdm-topbar-brand{color:var(--pdm-gray-900);letter-spacing:-.02em;align-items:center;gap:6px;font-size:11px;font-weight:900;display:flex}.pdm-brand-dot{background:var(--pdm-red);border-radius:4px;width:14px;height:14px;box-shadow:0 2px 4px #c0392b4d}.pdm-topbar-meta{gap:10px;font-size:9px;font-weight:700;display:flex}.pdm-streak{color:var(--pdm-amber);background:#fffbeb;border-radius:99px;align-items:center;gap:3px;padding:2px 8px;display:inline-flex}.pdm-xp{color:var(--pdm-red);background:var(--pdm-red-soft);border-radius:99px;padding:2px 8px}.pdm-main{background:var(--pdm-gray-100);flex:1;grid-template-columns:32% 1fr;min-height:0;display:grid}.pdm-sidebar{border-right:1px solid var(--pdm-gray-100);background:#fff;flex-direction:column;gap:4px;padding:14px 10px;display:flex}.pdm-side-item{color:var(--pdm-gray-500);border-radius:6px;align-items:center;gap:5px;padding:7px 10px;font-size:10px;font-weight:600;display:flex}.pdm-side-item-done{color:var(--pdm-green);opacity:.7}.pdm-side-item-done svg{color:var(--pdm-green)}.pdm-side-item-active{background:var(--pdm-red-soft);color:var(--pdm-red);box-shadow:inset 2px 0 0 var(--pdm-red);font-weight:800}.pdm-content{flex-direction:column;gap:10px;padding:16px 18px;display:flex;overflow:hidden}.pdm-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--pdm-red);font-size:9px;font-weight:800}.pdm-lesson-title{letter-spacing:-.02em;color:var(--pdm-gray-900);font-size:16px;font-weight:900;line-height:1.1}.pdm-audio-card{border:1px solid var(--pdm-gray-200);background:#fff;border-radius:10px;align-items:center;gap:10px;margin-top:4px;padding:10px 12px;display:flex;box-shadow:0 1px 3px #0000000a}.pdm-audio-btn{background:var(--pdm-red);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;transition:transform .2s;display:grid;box-shadow:0 3px 8px #c0392b59}.pdm-audio-btn:hover{transform:scale(1.08)}.pdm-audio-body{flex:1;min-width:0}.pdm-native{color:var(--pdm-gray-900);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:13px;font-weight:800;overflow:hidden}.pdm-translation{color:var(--pdm-gray-500);white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-style:italic;overflow:hidden}.pdm-slow-btn{color:var(--pdm-gray-700);background:var(--pdm-gray-100);border:1px solid var(--pdm-gray-200);cursor:pointer;border-radius:99px;flex-shrink:0;padding:4px 9px;font-size:9px;font-weight:700}.pdm-waveform{align-items:center;gap:2px;height:32px;padding:0 4px;display:flex}.pdm-waveform span{background:linear-gradient(180deg, var(--pdm-red) 0%, #c0392b66 100%);border-radius:99px;flex:1;min-height:15%;animation:1.8s ease-in-out infinite pdm-wave}.pdm-waveform span:nth-child(2n){animation-delay:.2s}.pdm-waveform span:nth-child(3n){animation-delay:.4s}.pdm-lesson-footer{align-items:center;gap:12px;margin-top:auto;padding-top:6px;display:flex}.pdm-lesson-progress{flex:1;align-items:center;gap:8px;display:flex}.pdm-progress-bar{background:var(--pdm-gray-200);border-radius:99px;flex:1;height:5px;position:relative;overflow:hidden}.pdm-progress-bar span{background:linear-gradient(90deg, var(--pdm-red) 0%, #e74c3c 100%);border-radius:99px;transition:width .5s;position:absolute;top:0;bottom:0;left:0}.pdm-progress-bar-lg{height:6px}.pdm-lesson-step{color:var(--pdm-gray-700);white-space:nowrap;font-size:9px;font-weight:800}.pdm-next-btn{background:var(--pdm-gray-900);color:#fff;cursor:pointer;letter-spacing:-.01em;border:none;border-radius:7px;padding:6px 12px;font-size:10px;font-weight:800;box-shadow:0 2px 6px #00000026}.pdm-tablet{z-index:3;filter:drop-shadow(0 24px 40px #0a122040);width:30%;max-width:270px;animation:5.5s ease-in-out infinite pdm-float-left;position:absolute;bottom:6%;left:0;transform:rotate(-6deg)}.pdm-tablet-frame{background:var(--pdm-bezel);border:1px solid #ffffff1a;border-radius:16px;padding:8px;position:relative}.pdm-tablet-screen{background:var(--pdm-screen);aspect-ratio:3/4;border-radius:9px;flex-direction:column;gap:8px;padding:10px;display:flex;overflow:hidden}.pdm-tablet-home{background:#00000040;border-radius:99px;width:40%;height:3px;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.pdm-ui-bar{border-bottom:1px solid var(--pdm-gray-100);align-items:center;gap:4px;padding-bottom:6px;display:flex}.pdm-ui-dot{border-radius:50%;width:7px;height:7px}.pdm-ui-dot-red{background:#ff5f57}.pdm-ui-dot-amber{background:#febc2e}.pdm-ui-dot-green{background:#28c840}.pdm-ui-title{color:var(--pdm-gray-700);letter-spacing:.02em;margin-left:auto;margin-right:4px;font-size:9px;font-weight:800}.pdm-vocab-grid{flex:1;grid-template-columns:1fr 1fr;align-content:start;gap:6px;display:grid}.pdm-vocab-card{border:1px solid var(--pdm-gray-200);background:#fff;border-radius:7px;padding:7px 8px;position:relative;box-shadow:0 1px 2px #00000008}.pdm-vocab-card-active{border-color:var(--pdm-red);background:var(--pdm-red-soft);transform:scale(1.03)}.pdm-vocab-word{color:var(--pdm-gray-900);white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-weight:800;line-height:1.2;overflow:hidden}.pdm-vocab-tr{color:var(--pdm-gray-500);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:7.5px;overflow:hidden}.pdm-vocab-audio{color:var(--pdm-red);opacity:.6;position:absolute;top:6px;right:6px}.pdm-vocab-card-active .pdm-vocab-audio{opacity:1}.pdm-tablet-footer{border-top:1px solid var(--pdm-gray-100);padding-top:6px}.pdm-progress-row{color:var(--pdm-gray-500);justify-content:space-between;margin-bottom:4px;font-size:8px;font-weight:600;display:flex}.pdm-progress-val{color:var(--pdm-red);font-weight:800}.pdm-phone{z-index:3;filter:drop-shadow(0 20px 40px #0a12204d);width:20%;max-width:180px;animation:6.5s ease-in-out infinite pdm-float-right;position:absolute;bottom:0;right:0;transform:rotate(8deg)}.pdm-phone-frame{background:var(--pdm-bezel);border:1px solid #ffffff1a;border-radius:28px;padding:7px;position:relative}.pdm-phone-notch{background:var(--pdm-bezel);z-index:2;border-radius:0 0 10px 10px;width:32%;height:14px;position:absolute;top:11px;left:50%;transform:translate(-50%)}.pdm-phone-screen{background:var(--pdm-screen);aspect-ratio:9/19;border-radius:22px;flex-direction:column;gap:7px;padding:20px 9px 9px;display:flex;overflow:hidden}.pdm-phone-indicator{z-index:2;background:#fff9;border-radius:99px;width:36%;height:3px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.pdm-phone-header{justify-content:space-between;align-items:center;padding:0 2px;display:flex}.pdm-phone-time{color:var(--pdm-gray-900);font-size:8px;font-weight:800}.pdm-phone-signal{align-items:flex-end;gap:1px;height:7px;display:flex}.pdm-phone-signal span{background:var(--pdm-gray-900);border-radius:1px;width:1.5px}.pdm-phone-signal span:first-child{height:3px}.pdm-phone-signal span:nth-child(2){height:4.5px}.pdm-phone-signal span:nth-child(3){height:6px}.pdm-phone-signal span:nth-child(4){height:7px}.pdm-phone-quiz-label{color:var(--pdm-red);letter-spacing:.05em;text-transform:uppercase;margin-top:4px;font-size:8px;font-weight:800}.pdm-phone-question{color:var(--pdm-gray-900);letter-spacing:-.01em;font-size:10px;font-weight:800;line-height:1.25}.pdm-phone-options{flex-direction:column;gap:4px;margin-top:4px;display:flex}.pdm-phone-option{border:1px solid var(--pdm-gray-200);color:var(--pdm-gray-700);background:#fff;border-radius:7px;align-items:center;gap:4px;padding:6px 8px;font-size:8.5px;font-weight:700;display:flex}.pdm-phone-option-correct{border-color:var(--pdm-green);color:var(--pdm-green);background:#f0fdf4}.pdm-phone-option-correct svg{color:var(--pdm-green)}.pdm-phone-correct{color:var(--pdm-green);background:#f0fdf4;border-radius:99px;align-self:flex-start;align-items:center;gap:3px;margin-top:2px;padding:3px 7px;font-size:8px;font-weight:800;display:inline-flex}.pdm-phone-dock{border-top:1px solid var(--pdm-gray-100);justify-content:space-around;margin-top:auto;padding:5px 0 3px;display:flex}.pdm-phone-dock span{background:var(--pdm-gray-200);border-radius:50%;width:6px;height:6px}.pdm-phone-dock .pdm-phone-dock-active{background:var(--pdm-red);box-shadow:0 0 0 3px var(--pdm-red-soft)}@keyframes pdm-float-main{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pdm-float-left{0%,to{transform:rotate(-6deg)translateY(0)}50%{transform:rotate(-6deg)translateY(-10px)}}@keyframes pdm-float-right{0%,to{transform:rotate(8deg)translateY(0)}50%{transform:rotate(8deg)translateY(-6px)}}@keyframes pdm-wave{0%,to{opacity:.7;transform:scaleY(1)}50%{opacity:1;transform:scaleY(.6)}}@media (prefers-reduced-motion:reduce){.pdm-laptop,.pdm-tablet,.pdm-phone,.pdm-waveform span{animation:none}}@media (max-width:768px){.pdm-wrap{padding:.5rem 0 1rem}.pdm-stage{aspect-ratio:4/3}.pdm-laptop{width:76%}.pdm-tablet{width:34%;bottom:2%}.pdm-phone{width:22%}.pdm-topbar-meta{gap:6px}.pdm-topbar-meta span{padding:1px 6px;font-size:8px}.pdm-side-item{padding:5px 7px;font-size:8.5px}.pdm-lesson-title{font-size:13px}.pdm-native{font-size:11px}}@media (max-width:480px){.pdm-stage{aspect-ratio:5/4}.pdm-laptop{width:82%}.pdm-tablet{width:36%;transform:rotate(-4deg)}.pdm-phone{width:24%;transform:rotate(6deg)}.pdm-sidebar{padding:8px 6px}.pdm-content{gap:6px;padding:10px 12px}.pdm-lesson-title{font-size:11px}.pdm-audio-card{gap:7px;padding:7px 8px}.pdm-audio-btn{width:26px;height:26px}.pdm-native{font-size:10px}.pdm-translation{font-size:8px}.pdm-slow-btn{padding:3px 6px;font-size:7.5px}.pdm-waveform{height:22px}.pdm-topbar{height:26px;padding:0 10px}.pdm-topbar-brand{font-size:9px}}
.cdm-wrap{--cdm-bg-chat:#0b141a;--cdm-bg-sidebar:#111b21;--cdm-bg-hover:#202c33;--cdm-bg-active:#2a3942;--cdm-text:#e9edef;--cdm-text-muted:#8696a0;--cdm-border:#222d34;--cdm-green:#00a884;--cdm-green-msg:#005c4b;--cdm-blue:#53bdeb;--cdm-bezel:#0a0f14;width:100%;max-width:640px;margin:0 auto}.cdm-stage{aspect-ratio:4/3;place-items:center;width:100%;display:grid;position:relative}.cdm-laptop{z-index:1;filter:drop-shadow(0 30px 60px #00000059);width:100%;max-width:540px;animation:7s ease-in-out infinite cdm-float;position:relative}.cdm-laptop-frame{background:var(--cdm-bezel);border:1px solid #ffffff14;border-radius:14px 14px 4px 4px;padding:14px 14px 10px;position:relative}.cdm-laptop-notch{background:#050810;border-radius:99px;width:38px;height:4px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.cdm-laptop-screen{background:var(--cdm-bg-chat);aspect-ratio:16/10;color:var(--cdm-text);border-radius:6px;grid-template-columns:32% 1fr;font-family:Inter,Helvetica Neue,sans-serif;display:grid;overflow:hidden}.cdm-laptop-base{background:linear-gradient(#c8cdd6 0%,#9ca3b0 100%);border-radius:0 0 14px 14px;height:14px;margin:0 -26px;position:relative;box-shadow:0 3px #0000001a}.cdm-laptop-hinge{background:linear-gradient(#0003 0%,#0000000d 100%);border-radius:0 0 6px 6px;width:22%;height:5px;position:absolute;top:0;left:50%;transform:translate(-50%)}.cdm-wa-sidebar{background:var(--cdm-bg-sidebar);border-right:1px solid var(--cdm-border);flex-direction:column;display:flex;overflow:hidden}.cdm-wa-sidebar-head{background:var(--cdm-bg-sidebar);justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.cdm-wa-avatar{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:10px;font-weight:800;display:grid}.cdm-wa-avatar-me{background:linear-gradient(135deg,#c0392b,#8b1f14)}.cdm-wa-icons{gap:8px;display:flex}.cdm-wa-icons span{background:var(--cdm-text-muted);opacity:.7;border-radius:50%;width:14px;height:14px;-webkit-mask:radial-gradient(circle,currentColor 30%,#0000 35%) 50%/4px 4px no-repeat,radial-gradient(circle at 30%,currentColor 30%,#0000 35%) 50%/4px 4px no-repeat;mask:radial-gradient(circle,currentColor 30%,#0000 35%) 50%/4px 4px no-repeat,radial-gradient(circle at 30%,currentColor 30%,#0000 35%) 50%/4px 4px no-repeat}.cdm-wa-icons span:first-child,.cdm-wa-icons span:nth-child(2),.cdm-wa-icons span:nth-child(3){background:#54656f}.cdm-wa-search{background:var(--cdm-bg-hover);color:var(--cdm-text-muted);border-radius:99px;align-items:center;gap:8px;margin:6px 10px 4px;padding:5px 10px;font-size:9px;display:flex}.cdm-wa-search svg{color:var(--cdm-text-muted);flex-shrink:0}.cdm-wa-search span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cdm-wa-channels{flex:1;margin-top:4px;overflow:hidden}.cdm-wa-channel{border-top:1px solid var(--cdm-border);align-items:center;gap:8px;padding:7px 10px;transition:background .15s;display:flex}.cdm-wa-channel-active{background:var(--cdm-bg-active)}.cdm-wa-channel-flag{background:var(--cdm-bg-hover);border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:13px;display:grid}.cdm-wa-channel-body{flex:1;min-width:0}.cdm-wa-channel-name{color:var(--cdm-text);white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;font-weight:600;overflow:hidden}.cdm-wa-channel-last{color:var(--cdm-text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:8px;overflow:hidden}.cdm-wa-channel-unread{background:var(--cdm-green);color:#fff;border-radius:99px;flex-shrink:0;place-items:center;min-width:14px;height:14px;padding:0 3px;font-size:8px;font-weight:800;display:grid}.cdm-wa-chat{background-color:var(--cdm-bg-chat);background-image:radial-gradient(circle at 20% 30%,#00a8840a 0%,#0000 40%),radial-gradient(circle at 80% 70%,#53bdeb0a 0%,#0000 40%);flex-direction:column;display:flex;overflow:hidden}.cdm-wa-chat-head{background:var(--cdm-bg-sidebar);border-bottom:1px solid var(--cdm-border);flex-shrink:0;align-items:center;gap:8px;padding:7px 12px;display:flex}.cdm-wa-avatar-group{background:var(--cdm-bg-hover);border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:13px;display:grid}.cdm-wa-chat-title{flex:1;min-width:0}.cdm-wa-chat-name{color:var(--cdm-text);white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:700;overflow:hidden}.cdm-wa-chat-meta{color:var(--cdm-text-muted);margin-top:1px;font-size:8px}.cdm-wa-messages{flex-direction:column;flex:1;gap:6px;padding:10px 14px;display:flex;overflow:hidden}.cdm-wa-msg{background:var(--cdm-bg-active);border-radius:8px 8px 8px 2px;align-self:flex-start;max-width:70%;padding:5px 9px 4px;position:relative;box-shadow:0 1px .5px #0003}.cdm-wa-msg-me{background:var(--cdm-green-msg);border-radius:8px 8px 2px;align-self:flex-end}.cdm-wa-msg-author{margin-bottom:1px;font-size:8px;font-weight:800}.cdm-wa-msg-text{color:var(--cdm-text);font-size:9px;line-height:1.35}.cdm-wa-msg-meta{color:var(--cdm-text-muted);justify-content:flex-end;align-items:center;gap:3px;margin-top:2px;font-size:7px;display:flex}.cdm-wa-read{color:var(--cdm-blue);display:inline-flex}.cdm-wa-compose{background:var(--cdm-bg-sidebar);border-top:1px solid var(--cdm-border);align-items:center;gap:10px;padding:6px 10px;display:flex}.cdm-wa-compose svg{color:var(--cdm-text-muted);flex-shrink:0}.cdm-wa-compose-input{background:var(--cdm-bg-hover);color:var(--cdm-text-muted);white-space:nowrap;text-overflow:ellipsis;border-radius:99px;flex:1;padding:5px 10px;font-size:9px;overflow:hidden}.cdm-phone{z-index:3;filter:drop-shadow(0 20px 40px #00000073);width:22%;max-width:180px;animation:6.5s ease-in-out infinite cdm-float-right;position:absolute;bottom:-4%;right:-2%;transform:rotate(6deg)}.cdm-phone-frame{background:var(--cdm-bezel);border:1px solid #ffffff1a;border-radius:26px;padding:6px;position:relative}.cdm-phone-notch{background:var(--cdm-bezel);z-index:2;border-radius:0 0 10px 10px;width:32%;height:12px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.cdm-phone-screen{aspect-ratio:9/19.5;background:#000;border-radius:20px;position:relative;overflow:hidden}.cdm-phone-image{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.cdm-phone-indicator{z-index:2;background:#fff9;border-radius:99px;width:36%;height:3px;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}@keyframes cdm-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes cdm-float-right{0%,to{transform:rotate(6deg)translateY(0)}50%{transform:rotate(6deg)translateY(-8px)}}@media (prefers-reduced-motion:reduce){.cdm-laptop,.cdm-phone{animation:none}}@media (max-width:768px){.cdm-stage{aspect-ratio:1}.cdm-laptop{width:90%;max-width:100%}.cdm-phone{width:26%;right:-4%}}@media (max-width:480px){.cdm-stage{aspect-ratio:4/3}.cdm-laptop{width:92%}.cdm-phone{width:28%;right:-5%;transform:rotate(4deg)}.cdm-wa-channel{gap:6px;padding:5px 7px}.cdm-wa-channel-flag{width:22px;height:22px;font-size:11px}.cdm-wa-channel-name{font-size:8.5px}.cdm-wa-channel-last{font-size:7px}.cdm-wa-msg-text{font-size:8px}.cdm-wa-search{padding:4px 7px;font-size:8px}}