@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff)format("woff-variations");font-weight:300 900;font-style:normal;font-stretch:75% 100%}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff)format("woff-variations");font-weight:300 900;font-style:italic;font-stretch:75% 100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CM0Nmq_button{color:#fff;cursor:pointer;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#00a8b0 0%,#006d70 50%,#004d50 100%);border:none;border-radius:50px;padding:14px 32px;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 15px #00838866,0 0 20px #00a8b033,inset 0 1px #fff3}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CM0Nmq_button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;animation:3s infinite CM0Nmq_shimmer;position:absolute;top:0;left:-100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CM0Nmq_button:after{content:"";z-index:-1;opacity:0;background:linear-gradient(135deg,#00d4de,#008388,#00d4de);border-radius:52px;transition:opacity .3s;animation:2s ease-in-out infinite CM0Nmq_glowPulse;position:absolute;inset:-2px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CM0Nmq_button:hover{background:linear-gradient(135deg,#00bcc6 0%,#008388 50%,#005d60 100%);transform:scale(1.02);box-shadow:0 8px 25px #00838880,0 0 30px #00a8b04d,inset 0 1px #ffffff4d}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CM0Nmq_button:hover:after{opacity:.6}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CM0Nmq_button:active{transform:translateY(0)scale(.98);box-shadow:0 2px 10px #00838866,0 0 15px #00a8b033,inset 0 2px 4px #0003}@keyframes CM0Nmq_shimmer{0%{left:-100%}50%,to{left:100%}}@keyframes CM0Nmq_glowPulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:.3;transform:scale(1.02)}}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff)format("woff-variations");font-weight:300 900;font-style:normal;font-stretch:75% 100%}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff)format("woff-variations");font-weight:300 900;font-style:italic;font-stretch:75% 100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .t2JVBW_startScreen{z-index:1;box-sizing:border-box;color:#fff;background:radial-gradient(circle closest-corner at 0%,#fff87036 0%,#00f0 100%),radial-gradient(circle at 50% 100%,#3f7d78 0% 0%,#0a0943 50%,#000305 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-family:Yle Next,Arial,Helvetica,sans-serif;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .t2JVBW_content{text-align:center;z-index:3;background:linear-gradient(#0000 0%,#000 10% 90%,#0000 100%);flex-direction:column;align-items:center;gap:20px;width:100%;padding:30px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .t2JVBW_title{min-height:1.2em;font-size:1.8rem}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .t2JVBW_cursor{font-weight:300;animation:.7s infinite t2JVBW_blink}@keyframes t2JVBW_blink{0%,50%{opacity:1}51%,to{opacity:0}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .t2JVBW_disclaimer{flex-direction:column;align-items:center;margin-top:10px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .t2JVBW_disclaimerToggle{color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:8px 12px;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:13px;transition:color .2s;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .t2JVBW_disclaimerToggle:hover{color:#fff}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .t2JVBW_plusIcon{border:1px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:14px;font-weight:300;transition:transform .3s,border-color .2s;display:inline-flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .t2JVBW_plusIcon.t2JVBW_open{transform:rotate(45deg)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .t2JVBW_disclaimerToggle:hover .t2JVBW_plusIcon{border-color:#fff}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .t2JVBW_disclaimerContent{color:#fff;margin-top:4px;font-size:12px;line-height:1.4;animation:.3s t2JVBW_fadeIn}@keyframes t2JVBW_fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .pixel-blast-container{width:100%;height:100%;position:relative;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .I2wNIW_meter{z-index:100;background:linear-gradient(#1a1a2e 0%,#16213e 100%);border:1px solid #ffffff1a;border-radius:12px;width:100%;height:24px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0006,0 1px 2px #ffffff1a}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .I2wNIW_meter.I2wNIW_danger{border-color:#f9731666;box-shadow:inset 0 2px 4px #0006,0 0 10px #f973164d}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .I2wNIW_meter.I2wNIW_critical{border-color:#ef444499;animation:.5s ease-in-out infinite I2wNIW_criticalPulse;box-shadow:inset 0 2px 4px #0006,0 0 15px #ef444480,0 0 30px #ef44444d}@keyframes I2wNIW_criticalPulse{0%,to{box-shadow:inset 0 2px 4px #0006,0 0 15px #ef444480,0 0 30px #ef44444d}50%{box-shadow:inset 0 2px 4px #0006,0 0 20px #ef4444b3,0 0 40px #ef444466}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .I2wNIW_meterBg{pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 8px,#ffffff08 8px 9px);position:absolute;inset:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .I2wNIW_meterGlow{filter:blur(8px);opacity:.5;pointer-events:none;z-index:1;width:0%;height:100%;position:absolute;top:0;left:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .I2wNIW_meterFill{transform-origin:0;z-index:2;border-radius:11px;width:0%;height:100%;position:relative;box-shadow:inset 0 -2px 4px #0003,inset 0 2px 4px #fff3}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .I2wNIW_meterFill:after{content:"";background:linear-gradient(90deg,#0000,#fff6);border-radius:0 11px 11px 0;width:4px;position:absolute;top:0;bottom:0;right:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .I2wNIW_meterShine{pointer-events:none;z-index:3;background:linear-gradient(#ffffff40 0%,#fff0 100%);border-radius:8px 8px 0 0;height:6px;position:absolute;top:2px;left:4px;right:4px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .I2wNIW_tickMarks{pointer-events:none;z-index:4;position:absolute;inset:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .I2wNIW_tick{background:#ffffff26;width:1px;position:absolute;top:0;bottom:0;transform:translate(-50%)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .I2wNIW_dangerZone{pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000,#ef444433);animation:1s ease-in-out infinite I2wNIW_dangerPulse;position:absolute;top:0;bottom:0}@keyframes I2wNIW_dangerPulse{0%,to{opacity:.5}50%{opacity:1}}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff)format("woff-variations");font-weight:300 900;font-style:normal;font-stretch:75% 100%}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff)format("woff-variations");font-weight:300 900;font-style:italic;font-stretch:75% 100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_infoScreen{color:#fff;background:radial-gradient(circle closest-corner at 0%,#fff87036 0%,#00f0 100%),radial-gradient(circle at 50% 100%,#3f7d78 0% 0%,#0a0943 50%,#000305 100%);flex-direction:column;height:100%;padding:0;display:flex;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_tabs{background:#0000001a;border-bottom:1px solid #ffffff1a;display:flex;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_tab,[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_activeTab{color:#ffffffb3;cursor:pointer;background:0 0;border:none;flex:1;padding:12px 8px;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:.9rem;transition:color .2s,background .2s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_tab:hover,[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_activeTab:hover{color:#fff;background:#ffffff0d}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_activeTab{color:#fff;background:#ffffff1a}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_tabIndicator{background:linear-gradient(90deg,#4caf50,#81c784);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:0;box-shadow:0 0 8px #4caf5080}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_content{scrollbar-width:none;-ms-overflow-style:none;flex:1;padding:16px 20px;overflow-y:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_content::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_checklist{flex-direction:column;gap:12px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_progressHeader{text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:20px;padding:16px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_progressTitle{color:#fff;margin-bottom:12px;font-size:1.2rem;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_progressBar{background:#ffffff1a;border-radius:4px;width:100%;height:8px;margin-bottom:10px;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_progressFill{background:linear-gradient(90deg,#4caf50,#2196f3);border-radius:4px;height:100%;transition:width .3s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_progressStatus{color:#4caf50;font-size:.9rem;font-weight:500}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_checklistItem{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:flex-start;gap:12px;padding:16px;transition:all .2s;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_checklistItem.qCwOwG_completed{background:#4caf501a;border-color:#4caf504d}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_checkIcon{text-align:center;min-width:32px;font-size:1.5rem}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_stepContent{flex:1}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_stepTitle{color:#fff;margin:0 0 8px;font-size:1.1rem;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_stepDescription{opacity:.9;margin:0;font-size:.9rem;line-height:1.4}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_tips{flex-direction:column;gap:16px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_tip{background:#ffffff0d;border-left:4px solid #2196f3;border-radius:12px;padding:16px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_tip h3{color:#2196f3;margin:0 0 8px;font-size:1.1rem}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_tip p{opacity:.9;margin:0;line-height:1.5}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_credits{flex-direction:column;gap:12px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_gameInfo{text-align:center;background:#ffffff0d;border-radius:12px;padding:12px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_gameInfo p{opacity:.9;margin:0 0 12px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_version{color:#4caf50;background:#4caf5033;border-radius:16px;padding:4px 12px;font-size:.8rem;font-weight:700;display:inline-block}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_team{background:#ffffff0d;border-radius:12px;padding:16px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_team p{opacity:.9;margin:0;line-height:1.5}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_gameTitle{-webkit-text-fill-color:transparent;background:linear-gradient(45deg,#4caf50,#2196f3);-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:1.5rem;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_teamTitle{text-align:center;-webkit-text-fill-color:transparent;background:linear-gradient(45deg,#4caf50,#2196f3);-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-size:1.25rem;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_teamDescription{text-align:center;font-size:1rem}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_footer{text-align:center;border-top:1px solid #ffffff1a;margin-top:8px;padding:16px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_copyright{opacity:.7;margin-bottom:8px;font-size:.9rem}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_buildInfo{opacity:.6;font-size:.8rem;font-style:italic}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_feedbackSection{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%) padding-box padding-box;border:2px solid #0000;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff1a}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_feedbackSection:before{content:"";z-index:-1;opacity:.6;background:linear-gradient(135deg,#4caf50,#2196f3,#9c27b0);border-radius:22px;transition:opacity .3s;position:absolute;inset:-2px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_feedbackSection:hover:before{opacity:1}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_feedbackToggle{color:#fff;cursor:pointer;text-shadow:0 2px 4px #0000004d;background:linear-gradient(90deg,#4caf5033 0%,#2196f333 100%);border:none;justify-content:space-between;align-items:center;width:100%;padding:20px 24px;font-family:inherit;font-size:1.1rem;font-weight:700;transition:all .3s;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_feedbackToggle:hover{background:linear-gradient(90deg,#4caf5059 0%,#2196f359 100%)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_feedbackToggle:active{transform:scale(.98)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_feedbackEmoji{filter:drop-shadow(0 2px 4px #0000004d);margin-right:12px;font-size:1.4rem}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_arrow{color:#fff9;font-size:.9rem;transition:transform .3s,color .3s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_arrow.qCwOwG_open{color:#4caf50;transform:rotate(180deg)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_feedbackContent{background:#0000004d;border-top:1px solid #ffffff26;padding:10px;animation:.4s ease-out qCwOwG_slideDown}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qCwOwG_feedbackHint{color:#ffffffb3;text-align:center;background:#ffffff0d;border-left:3px solid #4caf50;border-radius:8px;margin-bottom:20px;padding:12px;font-size:.9rem}@keyframes qCwOwG_slideDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff)format("woff-variations");font-weight:300 900;font-style:normal;font-stretch:75% 100%}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff)format("woff-variations");font-weight:300 900;font-style:italic;font-stretch:75% 100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .B42b6a_appBackButton{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;font-size:20px;transition:opacity .2s;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .B42b6a_appBackButton:hover{opacity:.7}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .B42b6a_appBackButton:active{opacity:.5}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .B42b6a_white{color:#fff}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .B42b6a_black{color:#000}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff)format("woff-variations");font-weight:300 900;font-style:normal;font-stretch:75% 100%}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff)format("woff-variations");font-weight:300 900;font-style:italic;font-stretch:75% 100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .RIMAeW_header{background:#0003;border-bottom:1px solid #ffffff1a;flex-direction:row;align-items:center;gap:12px;padding:5px 20px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .RIMAeW_headerBack{flex-shrink:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .RIMAeW_headerContent{flex:1;align-items:center;gap:8px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .RIMAeW_headerIcon{flex-shrink:0;font-size:1.5rem;line-height:1}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .RIMAeW_header h1,[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .RIMAeW_header p{margin:8px 0;font-size:medium}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .RIMAeW_header p{margin:8px 0;font-size:larger}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .RIMAeW_headerLeft{text-align:left}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .RIMAeW_headerCenter{text-align:center;width:100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .RIMAeW_headerRight{text-align:right}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .bqvpkW_infoPanel{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:12px;align-items:flex-start;gap:6px;padding:10px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .bqvpkW_infoIcon{min-width:32px;font-size:1.5rem}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .bqvpkW_infoContent{flex:1}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .bqvpkW_infoContent h3{color:#ffd54f;margin:0 0 8px;font-size:1rem}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .bqvpkW_infoContent p{opacity:.9;margin:0;font-size:.9rem;line-height:1.4}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .bqvpkW_infoContentBody{opacity:.9;font-size:.9rem;line-height:1.4}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .a9xV0a_errorContainer{background:#f0f2f5;flex-direction:column;height:100%;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .a9xV0a_content{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .a9xV0a_errorIcon{margin-bottom:24px;font-size:80px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .a9xV0a_errorTitle{color:#050505;margin:0 0 16px;font-size:24px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .a9xV0a_errorMessage{color:#65676b;max-width:400px;margin:0;font-size:16px;line-height:1.5}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff)format("woff-variations");font-weight:300 900;font-style:normal;font-stretch:75% 100%}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff)format("woff-variations");font-weight:300 900;font-style:italic;font-stretch:75% 100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_storeScreen{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex-direction:column;height:100%;display:flex;overflow:hidden}@media (max-width:500px){[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_storeHeader{display:none}}@media (max-height:700px){[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_storeHeader{display:none}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_featured{background:#0000001a;padding:16px 20px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_featured h2{margin:0 0 12px;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:1.2rem}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_featuredApps{gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_featuredApp{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;align-items:center;gap:12px;min-width:280px;padding:12px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_featuredIcon{text-align:center;min-width:60px;font-size:2.5rem}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_featuredInfo{flex:1}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_featuredInfo h3{margin:0 0 4px;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:1.1rem}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_featuredInfo p{opacity:.9;margin:0 0 8px;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:.8rem;line-height:1.3}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_installBtn{color:#fff;cursor:pointer;background:linear-gradient(45deg,#4caf50,#45a049);border:none;border-radius:20px;padding:8px 16px;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:.8rem;font-weight:700;transition:all .2s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_installBtn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0003}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_categories{scrollbar-width:none;-ms-overflow-style:none;background:#0000001a;gap:8px;padding:12px 20px;display:flex;overflow-x:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_categories::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_categoryBtn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;flex-direction:column;align-items:center;gap:4px;min-width:70px;padding:8px 12px;transition:all .2s;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_categoryBtn:hover,[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_categoryBtn.EB2rHG_active{background:#fff3;border-color:#fff6;transform:translateY(-1px)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_categoryIcon{font-size:1.2rem}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_categoryName{text-align:center;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:.7rem}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_content{scrollbar-width:none;-ms-overflow-style:none;flex:1;padding:16px 20px;overflow-y:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_content::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_sectionHeader{margin-bottom:16px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_sectionHeader h2{opacity:.9;margin:0;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:1.1rem}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_appsGrid{flex-direction:column;gap:12px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_appCard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;padding:16px;transition:all .3s;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_appCard:hover{background:#ffffff26;transform:translateY(-2px);box-shadow:0 4px 12px #0003}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_appCardSuccess{background:#4caf504d;border-color:#4caf5080;animation:.8s .2s forwards EB2rHG_fadeOutSlide}@keyframes EB2rHG_fadeOutSlide{0%{opacity:1;max-height:120px;transform:translate(0)}70%{opacity:0;max-height:120px;transform:translate(20px)}to{opacity:0;max-height:0;margin:0;padding:0;overflow:hidden;transform:translate(20px)}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_appIcon{text-align:center;min-width:60px;font-size:2.5rem}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_appInfo{flex:1}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_appName{margin:0 0 4px;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:1.1rem;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_appDescription{opacity:.8;margin:0 0 8px;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:.9rem;line-height:1.3}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_appMeta{gap:12px;font-size:.8rem;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_category{background:#fff3;border-radius:10px;padding:2px 8px;font-family:Yle Next,Arial,Helvetica,sans-serif}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_installButton{color:#fff;cursor:pointer;background:linear-gradient(45deg,#4caf50,#45a049);border:none;border-radius:20px;min-width:80px;padding:10px 20px;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:700;transition:all .2s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_installButton:hover:not(:disabled){background:linear-gradient(45deg,#45a049,#4caf50);transform:translateY(-1px);box-shadow:0 4px 8px #0003}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_installButton:active:not(:disabled){transform:translateY(0)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_installButton:disabled{opacity:.6;cursor:not-allowed}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_installStatus{justify-content:center;align-items:center;min-width:80px;height:40px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_spinner{border:3px solid #ffffff4d;border-top-color:#4caf50;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite EB2rHG_spin}@keyframes EB2rHG_spin{to{transform:rotate(360deg)}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_successIcon{color:#fff;background:linear-gradient(45deg,#4caf50,#45a049);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.2rem;font-weight:700;animation:.3s EB2rHG_popIn;display:flex}@keyframes EB2rHG_popIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_emptyState{text-align:center;padding:40px 20px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_emptyState .EB2rHG_emptyIcon{opacity:.6;margin-bottom:16px;font-size:3rem}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_emptyState h3{margin:0 0 8px;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:1.2rem}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_emptyState p{opacity:.8;margin:0;font-family:Yle Next,Arial,Helvetica,sans-serif;line-height:1.4}@media (max-width:480px){[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_featuredApp{min-width:250px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_appCard{padding:12px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_appIcon{min-width:50px;font-size:2rem}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_categories{padding:8px 16px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .EB2rHG_content{padding:12px 16px}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .-gzY6a_settingsGroup{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:20px;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .-gzY6a_groupHeader{background:#ffffff1a;border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;padding:5px 16px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .-gzY6a_groupIcon{font-size:1.5rem}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .-gzY6a_groupTitle{margin:0;font-size:medium;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .-gzY6a_settingsList{flex-direction:column;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .BKSDqW_settingItem{border-bottom:1px solid #ffffff0d;align-items:center;gap:16px;padding:16px 20px;transition:background-color .2s;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .BKSDqW_settingItem:hover{background:#ffffff0d}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .BKSDqW_settingItem:last-child{border-bottom:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .BKSDqW_settingIcon{text-align:center;min-width:32px;font-size:1.5rem}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .BKSDqW_settingContent{flex:1}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .BKSDqW_settingTitle{color:#fff;margin:0 0 4px;font-size:1rem;font-weight:500}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .BKSDqW_settingDescription{opacity:.8;margin:0;font-size:.85rem;line-height:1.3}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .BKSDqW_settingControl{justify-content:flex-end;min-width:60px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .BKSDqW_settingsButton{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;transition:all .2s;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .BKSDqW_settingsButton:hover{background:#fff3;transform:translate(2px)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .BKSDqW_settingsButton:active{transform:translate(4px)}@media (max-width:480px){[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .BKSDqW_settingItem{gap:12px;padding:12px 16px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .BKSDqW_settingIcon{min-width:28px;font-size:1.3rem}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Nurnzq_toggleContainer{align-items:center;gap:8px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Nurnzq_switch{width:50px;height:28px;display:inline-block;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Nurnzq_switch input{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Nurnzq_slider{cursor:pointer;background-color:#fff3;border:1px solid #ffffff4d;border-radius:28px;transition:all .4s;position:absolute;inset:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Nurnzq_slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .4s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0003}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] input:checked+.Nurnzq_slider{background:linear-gradient(45deg,#4caf50,#45a049);border-color:#4caf50}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] input:checked+.Nurnzq_slider:before{transform:translate(22px)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Nurnzq_statusText{text-align:center;min-width:12px;font-size:12px;font-weight:700;transition:color .3s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Nurnzq_statusText.Nurnzq_on{color:#4caf50}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Nurnzq_statusText.Nurnzq_off{color:#ffffff80}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff)format("woff-variations");font-weight:300 900;font-style:normal;font-stretch:75% 100%}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff)format("woff-variations");font-weight:300 900;font-style:italic;font-stretch:75% 100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .yI41Ua_notificationsSettings{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex-direction:column;height:100%;display:flex;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .yI41Ua_subtitle{opacity:.8;margin:0;font-size:.9rem}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .yI41Ua_content{-ms-overflow-style:none;scrollbar-width:none;flex:1;padding:16px 20px;overflow-y:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .yI41Ua_content::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .yI41Ua_emptyState{text-align:center;opacity:.7;padding:40px 20px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .yI41Ua_emptyState p{margin:0;font-size:.9rem}@media (max-width:480px){[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .yI41Ua_content{padding:12px 16px}}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff)format("woff-variations");font-weight:300 900;font-style:normal;font-stretch:75% 100%}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff)format("woff-variations");font-weight:300 900;font-style:italic;font-stretch:75% 100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .PC1_ja_screenTimeSettings{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex-direction:column;height:100%;display:flex;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .PC1_ja_content{-ms-overflow-style:none;scrollbar-width:none;flex:1;padding:16px 20px;overflow-y:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .PC1_ja_content::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .PC1_ja_statsSection{margin-top:20px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .PC1_ja_totalTimeCard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#ffffff26;border:1px solid #fff3;border-radius:16px;margin-bottom:20px;padding:24px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .PC1_ja_totalTimeLabel{opacity:.9;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.85rem}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .PC1_ja_totalTimeValue{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#e0e0ff 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.2rem;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .PC1_ja_topAppsSection{margin-top:24px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .PC1_ja_sectionTitle{opacity:.9;align-items:center;gap:8px;margin-bottom:12px;font-size:.9rem;font-weight:600;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .PC1_ja_topAppsList{flex-direction:column;gap:10px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .PC1_ja_topAppItem{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #ffffff26;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .PC1_ja_appRank{background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .PC1_ja_appRank.PC1_ja_rank1{color:#333;background:linear-gradient(135deg,gold 0%,#ffb700 100%)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .PC1_ja_appRank.PC1_ja_rank2{color:#333;background:linear-gradient(135deg,silver 0%,#a0a0a0 100%)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .PC1_ja_appRank.PC1_ja_rank3{color:#fff;background:linear-gradient(135deg,#cd7f32 0%,#b06820 100%)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .PC1_ja_appIcon{flex-shrink:0;font-size:1.5rem}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .PC1_ja_appName{white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:.95rem;font-weight:600;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .PC1_ja_emptyState{text-align:center;opacity:.7;padding:40px 20px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .PC1_ja_emptyState p{margin:0;font-size:.9rem}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .PC1_ja_disabledState{text-align:center;background:#ffffff1a;border-radius:16px;margin-top:20px;padding:32px 20px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .PC1_ja_disabledState .PC1_ja_disabledIcon{margin-bottom:12px;font-size:2.5rem}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .PC1_ja_disabledState .PC1_ja_disabledText{opacity:.8;margin:0;font-size:.9rem;line-height:1.5}@media (max-width:480px){[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .PC1_ja_content{padding:12px 16px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .PC1_ja_totalTimeCard{padding:20px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .PC1_ja_totalTimeValue{font-size:1.8rem}}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff)format("woff-variations");font-weight:300 900;font-style:normal;font-stretch:75% 100%}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff)format("woff-variations");font-weight:300 900;font-style:italic;font-stretch:75% 100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .JAbF4W_settingsScreen{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex-direction:column;height:100%;display:flex;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .JAbF4W_content{scrollbar-width:none;-ms-overflow-style:none;flex:1;padding:16px 20px;overflow-y:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .JAbF4W_content::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .JAbF4W_resetSection{text-align:center;border-top:1px solid #ffffff1a;margin-top:20px;padding:20px 0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .JAbF4W_resetButton{color:#fff;cursor:pointer;background:#ff572233;border:1px solid #ff57224d;border-radius:20px;padding:12px 24px;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:.9rem;transition:all .2s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .JAbF4W_resetButton:hover{background:#ff57224d;transform:translateY(-1px)}@media (max-width:480px){[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .JAbF4W_content{padding:12px 16px}}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff)format("woff-variations");font-weight:300 900;font-style:normal;font-stretch:75% 100%}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff)format("woff-variations");font-weight:300 900;font-style:italic;font-stretch:75% 100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .VHw16W_container{color:#fff;scrollbar-width:none;-ms-overflow-style:none;background:#000;width:100%;height:100%;overflow-y:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .VHw16W_container::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .VHw16W_header{z-index:10;background:#000;border-bottom:1px solid #262626;justify-content:space-between;align-items:center;padding:8px 16px;display:flex;position:sticky;top:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .VHw16W_headerLeft{align-items:center;gap:12px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .VHw16W_logo{font-size:18px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .VHw16W_headerIcons{font-size:24px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .VHw16W_storiesBar{background:#000;border-bottom:1px solid #262626;padding:8px 0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .VHw16W_storiesContainer{gap:12px;padding:0 16px;display:flex;overflow-x:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .VHw16W_storiesContainer::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .VHw16W_storyItem{cursor:pointer;flex-direction:column;align-items:center;min-width:60px;display:flex;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .VHw16W_storyAvatar{margin-bottom:4px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .VHw16W_storyRing{background:#000;border:2px solid #ff3040;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .VHw16W_storyRing.VHw16W_viewed{border-color:#555}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .VHw16W_avatarEmoji{font-size:24px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .VHw16W_storyAvatarImage{object-fit:cover;width:100%;height:100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .VHw16W_storyUsername{color:#fff;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:60px;font-size:12px;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .VHw16W_unviewedBadge{color:#fff;background:#ff3040;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:12px;display:flex;position:absolute;top:-4px;right:8px}@media (max-width:480px){[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .VHw16W_contentEmoji,[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .VHw16W_postContent{font-size:60px}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .VHw16W_bottomNav{z-index:10;background:#000;border-top:1px solid #262626;justify-content:space-around;padding:8px 0;display:flex;position:absolute;bottom:0;left:0;right:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .VHw16W_navBtn{color:#8e8e8e;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:8px;font-size:24px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .VHw16W_navBtn.VHw16W_active,[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .VHw16W_navBtn:hover{color:#fff}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .VHw16W_bottomSpace{height:80px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .k5j33a_feed{padding-bottom:60px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .k5j33a_post{border-bottom:1px solid #262626;margin-bottom:15px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .k5j33a_postHeader{justify-content:space-between;align-items:center;padding:8px 16px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .k5j33a_userInfo{align-items:center;gap:8px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .k5j33a_avatar{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;display:flex;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .k5j33a_avatarImage{object-fit:cover;width:100%;height:100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .k5j33a_userDetails{flex-direction:column;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .k5j33a_username{color:#fff;cursor:pointer;font-size:14px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .k5j33a_postActions{align-items:center;gap:8px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .k5j33a_moreBtn{color:#fff;cursor:pointer;font-size:20px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .k5j33a_postContent{aspect-ratio:1;background:#111;justify-content:center;align-items:center;margin-bottom:8px;font-size:80px;display:flex;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .k5j33a_contentEmoji{font-size:80px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .k5j33a_contentImage{object-fit:cover;width:100%;height:100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .k5j33a_videoIndicator{background:#000000b3;border-radius:4px;padding:4px 8px;font-size:12px;position:absolute;bottom:12px;right:12px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .k5j33a_postActions{justify-content:space-between;align-items:center;padding:0 16px 4px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .k5j33a_actionButtons{gap:16px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .k5j33a_likeSection{align-items:center;gap:8px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .k5j33a_actionBtn{cursor:pointer;color:#fff;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:24px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .k5j33a_actionBtn.k5j33a_liked,[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .k5j33a_likedIcon{color:#ff3040}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .k5j33a_saveBtn{cursor:pointer;color:#fff;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:24px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .k5j33a_saveBtn.k5j33a_saved{color:#fff}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .k5j33a_likesCount{color:#fff;font-size:14px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .k5j33a_caption{margin-bottom:15px;padding:0 16px 4px;font-size:14px;line-height:1.3}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .k5j33a_caption .k5j33a_username{margin-right:4px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .k5j33a_caption .k5j33a_captionText{color:#fff}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .c-iwQG_followBtn{color:#fff;cursor:pointer;background:#000;border:1px solid #fff;border-radius:4px;padding:6px 16px;font-size:14px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .c-iwQG_followBtn:hover{background:#262626}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .IWa2fq_suggestionsInFeed{background:#111;border:1px solid #262626;border-radius:8px;margin:16px;padding:16px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .IWa2fq_suggestionsContent{flex-direction:column;gap:12px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .IWa2fq_suggestionItem{justify-content:space-between;align-items:center;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .IWa2fq_suggestionUser{align-items:center;gap:12px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .IWa2fq_suggestionAvatar{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:32px;display:flex;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .IWa2fq_suggestionAvatar:hover{opacity:.8}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .IWa2fq_avatarImage{object-fit:cover;width:100%;height:100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .IWa2fq_suggestionInfo{flex-direction:column;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .IWa2fq_suggestionUsername{color:#fff;cursor:pointer;font-size:14px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .IWa2fq_suggestionUsername:hover{opacity:.8}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .IWa2fq_suggestionFollowers{color:#8e8e8e;font-size:12px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .IWa2fq_suggestionsHeader{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .IWa2fq_suggestionsTitle{color:#8e8e8e;font-size:14px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .o6KQeG_overlay{z-index:1000;background:#0009;justify-content:center;align-items:flex-end;animation:.2s ease-out o6KQeG_fadeIn;display:flex;position:absolute;inset:0}@keyframes o6KQeG_fadeIn{0%{opacity:0}to{opacity:1}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .o6KQeG_modal{scrollbar-width:none;-ms-overflow-style:none;background:#262626;border-radius:12px 12px 0 0;width:100%;max-height:85%;animation:.3s ease-out o6KQeG_slideUp;overflow-y:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .o6KQeG_modal::-webkit-scrollbar{display:none}@keyframes o6KQeG_slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .o6KQeG_handle{background:#ffffff4d;border-radius:3px;width:36px;height:5px;margin:8px auto 4px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .o6KQeG_content{padding:8px 16px 32px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .o6KQeG_actionButtons{gap:12px;margin-bottom:16px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .o6KQeG_actionButton{cursor:pointer;color:#fff;background:#363636;border:none;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:8px;padding:16px 12px;font-size:13px;font-weight:500;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .o6KQeG_actionButton:active{background:#444}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .o6KQeG_actionIcon{color:#fff;font-size:24px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .o6KQeG_menuItems{background:#363636;border-radius:12px;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .o6KQeG_menuItem{cursor:pointer;color:#fff;text-align:left;background:0 0;border:none;border-bottom:1px solid #444;align-items:center;gap:12px;width:100%;padding:14px 16px;font-size:16px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .o6KQeG_menuItem:last-child{border-bottom:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .o6KQeG_menuItem:active{background:#444}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .o6KQeG_menuItem.o6KQeG_reportItem,[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .o6KQeG_menuItem.o6KQeG_reportItem .o6KQeG_menuIcon{color:#ff3b30}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .o6KQeG_menuIcon{color:#fff;font-size:22px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .o6KQeG_reportTitle{text-align:center;color:#fff;border-bottom:1px solid #444;margin:0 0 16px;padding-bottom:12px;font-size:16px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .o6KQeG_reportHeader{margin-bottom:16px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .o6KQeG_reportHeader h3{color:#fff;margin:0 0 8px;font-size:20px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .o6KQeG_reportSubtitle{color:#a8a8a8;margin:0;font-size:14px;line-height:1.4}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .o6KQeG_reportReasons{background:#363636;border-radius:12px;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .o6KQeG_reportReasonItem{cursor:pointer;color:#fff;text-align:left;background:0 0;border:none;border-bottom:1px solid #444;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;font-size:16px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .o6KQeG_reportReasonItem:last-child{border-bottom:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .o6KQeG_reportReasonItem:active{background:#444}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .o6KQeG_chevron{color:#666;font-size:20px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .o6KQeG_thanksContent{text-align:center;flex-direction:column;align-items:center;padding:40px 20px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .o6KQeG_checkmarkCircle{background:#363636;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .o6KQeG_checkmarkIcon{color:#fff;font-size:40px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .o6KQeG_thanksTitle{color:#fff;margin:0 0 12px;font-size:22px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .o6KQeG_thanksSubtitle{color:#a8a8a8;max-width:280px;margin:0;font-size:15px;line-height:1.4}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .o6KQeG_doneButton{color:#fff;cursor:pointer;background:#0095f6;border:none;border-radius:12px;width:100%;margin-top:20px;padding:16px;font-size:17px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .o6KQeG_doneButton:active{background:#07c}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._94btgG_profile{padding:16px 16px 80px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._94btgG_profileHeader{margin-bottom:24px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._94btgG_profileInfo{align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._94btgG_profilePicture{background:#262626;border:2px solid #333;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:60px;display:flex;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._94btgG_profileImage{object-fit:cover;width:100%;height:100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._94btgG_profileStats{flex:1}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._94btgG_profileName h2{color:#fff;margin:0 0 8px;font-size:20px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._94btgG_stats{text-align:center;justify-content:space-around;gap:8px;font-size:14px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._94btgG_stats span{color:#fff;flex-direction:column;align-items:center;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._94btgG_stats span strong{font-size:16px;font-weight:600;display:block}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._94btgG_clickable{cursor:pointer;transition:opacity .2s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._94btgG_clickable:hover{opacity:.7}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._94btgG_clickable:active{opacity:.5}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._94btgG_bio{color:#fff;font-size:14px;line-height:1.4}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._94btgG_profileTabs{border-top:1px solid #262626;justify-content:center;margin-bottom:16px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._94btgG_tab{color:#fff;letter-spacing:1px;border-bottom:1px solid #fff;padding:16px;font-size:12px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._94btgG_postsGrid{grid-template-columns:repeat(3,1fr);gap:2px;display:grid}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._94btgG_gridPost{aspect-ratio:1;cursor:pointer;background:#111;justify-content:center;align-items:center;display:flex;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._94btgG_gridContent{font-size:40px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._94btgG_gridImage{object-fit:cover;width:100%;height:100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._94btgG_privateIcon{opacity:.7;margin-left:8px;font-size:12px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._94btgG_privateMessage{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 32px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._94btgG_privateMessage ._94btgG_privateIcon{opacity:.5;margin-bottom:16px;font-size:64px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._94btgG_privateMessage h3{color:#fff;margin:0 0 8px;font-size:20px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._94btgG_privateMessage p{color:#8e8e8e;margin:0;font-size:14px;line-height:1.4}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._94btgG_profileName{align-items:center;gap:12px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._94btgG_username{margin:0;font-size:1.5em;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._WNC0W_overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;animation:.2s _WNC0W_fadeIn;display:flex;position:absolute;inset:0}@keyframes _WNC0W_fadeIn{0%{opacity:0}to{opacity:1}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._WNC0W_modal{background:#262626;border-radius:12px;flex-direction:column;width:90%;max-width:400px;max-height:70vh;animation:.2s _WNC0W_slideUp;display:flex}@keyframes _WNC0W_slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._WNC0W_header{border-bottom:1px solid #363636;justify-content:space-between;align-items:center;padding:16px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._WNC0W_header h2{color:#fff;margin:0;font-size:16px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._WNC0W_closeButton{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;padding:4px 8px;font-size:18px;transition:opacity .2s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._WNC0W_closeButton:hover{opacity:1}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._WNC0W_userList{scrollbar-width:none;-ms-overflow-style:none;padding:8px 0;overflow-y:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._WNC0W_userList::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._WNC0W_emptyState{text-align:center;color:#8e8e8e;padding:32px;font-size:14px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._WNC0W_userItem{justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._WNC0W_userItem:hover{background:#1a1a1a}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._WNC0W_userInfo{flex:1;align-items:center;gap:12px;min-width:0;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._WNC0W_profilePicture{background:#363636;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;display:flex;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._WNC0W_profileImage{object-fit:cover;width:100%;height:100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._WNC0W_userDetails{flex-direction:column;min-width:0;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._WNC0W_username{color:#fff;font-size:14px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._WNC0W_bio{color:#8e8e8e;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._WNC0W_unfollowButton{color:#fff;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #363636;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:600;transition:background .2s,border-color .2s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._WNC0W_unfollowButton:hover{background:#363636;border-color:#484848}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._WNC0W_unfollowButton:active{background:#262626}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .aQj-yG_container{z-index:100;background:#000;flex-direction:column;display:flex;position:absolute;inset:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .aQj-yG_progressBars{z-index:10;gap:4px;padding:8px 12px;display:flex;position:absolute;top:0;left:0;right:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .aQj-yG_progressBarContainer{background:#ffffff4d;border-radius:2px;flex:1;height:3px;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .aQj-yG_progressBar{background:#fff;border-radius:2px;height:100%;transition:width .1s linear}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .aQj-yG_header{z-index:10;justify-content:space-between;align-items:center;padding:16px 12px 8px;display:flex;position:absolute;top:16px;left:0;right:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .aQj-yG_userInfo{align-items:center;gap:10px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .aQj-yG_avatar{background:#333;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .aQj-yG_avatarImage{object-fit:cover;width:100%;height:100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .aQj-yG_username{color:#fff;font-size:14px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .aQj-yG_closeButton{color:#fff;cursor:pointer;z-index:100;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .aQj-yG_closeButton:hover{background:#000000b3}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .aQj-yG_closeButton:active{background:#000c}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .aQj-yG_storyContent{cursor:pointer;flex:1;justify-content:center;align-items:center;min-height:0;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .aQj-yG_mediaContainer{background:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .aQj-yG_storyImage,[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .aQj-yG_storyVideo{object-fit:cover;width:100%;height:100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .aQj-yG_emojiContent{background:linear-gradient(135deg,#833ab4 0%,#fd1d1d 50%,#fcb045 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:120px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .aQj-yG_storyTextOverlay{color:#fff;text-align:center;z-index:10;background:#0009;border-radius:8px;max-width:80%;padding:12px 20px;font-size:16px;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .aQj-yG_emptyState{color:#fff;flex:1;justify-content:center;align-items:center;font-size:16px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .emwCQW_container{color:#fff;background:#000;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .emwCQW_header{z-index:10;background:#000;border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .emwCQW_logo{font-size:18px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .emwCQW_headerIcons{cursor:pointer;gap:16px;font-size:20px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Zqj-Ja_wrapper{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Zqj-Ja_backButtonContainer{z-index:10;position:absolute;top:16px;left:16px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Zqj-Ja_videoScrollContainer{scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex:1;min-height:0;position:relative;overflow-y:scroll}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Zqj-Ja_videoScrollContainer::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Zqj-Ja_videoItem{scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;flex-shrink:0;height:100%;display:flex;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Zqj-Ja_videoArea{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Zqj-Ja_videoArea:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 0%,#000000b3 100%);height:50%;position:absolute;bottom:0;left:0;right:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Zqj-Ja_videoEmoji{z-index:1;font-size:120px;position:absolute}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Zqj-Ja_videoElement{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Zqj-Ja_videoInfo{z-index:2;color:#fff;position:absolute;bottom:80px;left:16px;right:80px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Zqj-Ja_authorInfo{align-items:center;gap:12px;margin-bottom:12px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Zqj-Ja_authorAvatar{cursor:pointer;background:#333;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Zqj-Ja_avatarImage{object-fit:cover;width:100%;height:100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Zqj-Ja_authorName{flex-direction:column;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Zqj-Ja_username{cursor:pointer;font-size:16px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Zqj-Ja_username:hover{text-decoration:underline}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Zqj-Ja_description{max-width:80%;font-size:16px;line-height:1.4}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Zqj-Ja_sideActions{z-index:2;flex-direction:column;gap:24px;display:flex;position:absolute;bottom:120px;right:16px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Zqj-Ja_actionBtn{color:#fff;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:8px;transition:transform .2s;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Zqj-Ja_actionBtn:hover{transform:scale(1.1)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Zqj-Ja_actionBtn.Zqj-Ja_liked .Zqj-Ja_actionIcon{filter:drop-shadow(0 0 8px #f00c)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Zqj-Ja_actionBtn.Zqj-Ja_shared .Zqj-Ja_actionIcon{filter:drop-shadow(0 0 8px #00d4ffcc)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Zqj-Ja_actionIcon{font-size:32px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Zqj-Ja_likedIcon{color:#ff3040}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Zqj-Ja_sharedIcon{color:#00d4ff}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Zqj-Ja_actionCount{font-size:12px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Zqj-Ja_empty{color:#fff;justify-content:center;align-items:center;height:100%;font-size:18px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Tr5U-G_container{color:#fff;background:#000;flex-direction:column;height:100%;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Tr5U-G_header{z-index:10;background:#000;border-bottom:1px solid #333;align-items:center;gap:8px;padding:10px 12px;display:flex;position:sticky;top:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Tr5U-G_title{margin:0;font-size:16px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Tr5U-G_headerTitle{font-size:16px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Tr5U-G_commentsList{scrollbar-width:none;-ms-overflow-style:none;flex:1;padding:8px 12px;overflow-y:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Tr5U-G_commentsList::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Tr5U-G_empty{color:#666;justify-content:center;align-items:center;height:100%;font-size:16px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Tr5U-G_commentItem{border-bottom:1px solid #222;align-items:flex-start;gap:12px;padding:14px 0;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Tr5U-G_commentAvatar{background:#333;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Tr5U-G_avatarImage{object-fit:cover;width:100%;height:100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Tr5U-G_commentContent{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Tr5U-G_commentHeader{align-items:center;gap:8px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Tr5U-G_commentUsername{font-size:16px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Tr5U-G_commentTime{color:#666;font-size:12px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Tr5U-G_commentText{color:#fff;font-size:16px;line-height:1.4}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Tr5U-G_likeBtn{color:#888;cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;margin-left:auto;padding:4px;font-size:16px;transition:opacity .2s;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Tr5U-G_likeBtn:hover{opacity:.7}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Tr5U-G_likeCount{color:#888;font-size:12px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Tr5U-G_likedIcon{color:#ff3040}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .XDdPia_profile{color:#fff;scrollbar-width:none;-ms-overflow-style:none;background:#000;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .XDdPia_profile::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .XDdPia_backButtonContainer{z-index:10;position:relative;top:16px;left:16px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .XDdPia_profileHeader{border-bottom:1px solid #333;padding:20px 16px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .XDdPia_profileInfo{gap:16px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .XDdPia_profilePicture{background:#333;border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:40px;display:flex;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .XDdPia_profileImage{object-fit:cover;width:100%;height:100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .XDdPia_profileStats{flex-direction:column;flex:1;gap:12px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .XDdPia_profileName{align-items:center;gap:12px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .XDdPia_username{margin:0;font-size:20px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .XDdPia_stats{gap:24px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .XDdPia_statItem{flex-direction:column;gap:4px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .XDdPia_statItem strong{font-size:18px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .XDdPia_statItem span{color:#999;font-size:12px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .XDdPia_bio{color:#ccc;font-size:14px;line-height:1.5}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .XDdPia_followButton{cursor:pointer;color:#fff;background:#fe2c55;border:none;border-radius:4px;margin-top:12px;padding:10px 24px;font-size:14px;font-weight:700;transition:all .2s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .XDdPia_followButton:hover{opacity:.9}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .XDdPia_followButton.XDdPia_following{color:#fff;background:#333;border:1px solid #555}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .XDdPia_profileTabs{border-bottom:1px solid #333;padding:0 16px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .XDdPia_tab{border-bottom:2px solid #fff;padding:16px 0;font-size:16px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .XDdPia_videosGrid{grid-template-columns:repeat(3,1fr);gap:2px;padding:2px;display:grid}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .XDdPia_videoGridItem{aspect-ratio:9/16;background:#111;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .XDdPia_videoThumbnail{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .XDdPia_videoEmoji{font-size:48px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .XDdPia_videoOverlay{color:#fff;align-items:center;gap:8px;font-size:12px;display:flex;position:absolute;bottom:8px;left:8px;right:8px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .XDdPia_videoLikes{align-items:center;gap:4px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .XDdPia_emptyState{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .XDdPia_emptyIcon{opacity:.5;margin-bottom:16px;font-size:64px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .XDdPia_emptyState h3{margin:0 0 8px;font-size:18px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .XDdPia_emptyState p{color:#999;margin:0;font-size:14px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .XDdPia_error{text-align:center;color:#999;padding:40px 20px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .bxYnuW_container{color:#fff;background:#0f0f0f;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .bxYnuW_header{z-index:10;background:#0f0f0f;border-bottom:1px solid #2f2f2f;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .bxYnuW_headerLeft{align-items:center;gap:12px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .bxYnuW_logo{color:#fff;font-size:20px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .bxYnuW_headerIcons{cursor:pointer;gap:16px;font-size:24px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .HvXkXq_wrapper{color:#fff;scrollbar-width:none;-ms-overflow-style:none;background:#0f0f0f;width:100%;height:100%;position:relative;overflow-y:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .HvXkXq_wrapper::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .HvXkXq_wrapper.HvXkXq_modalOpen{overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .HvXkXq_backButtonContainer{z-index:10;position:absolute;top:12px;left:12px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .HvXkXq_videoGrid{flex-direction:column;gap:16px;padding:8px 16px 16px;display:flex}@media (max-width:768px){[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .HvXkXq_videoGrid{gap:12px;padding:8px 12px 12px}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .HvXkXq_videoCard{cursor:pointer;background:#1f1f1f;border-radius:8px;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .HvXkXq_thumbnail{aspect-ratio:16/9;background:#000;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .HvXkXq_thumbnailEmoji{font-size:80px}@media (max-width:768px){[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .HvXkXq_thumbnailEmoji{font-size:60px}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .HvXkXq_thumbnailImage{object-fit:cover;width:100%;height:100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .HvXkXq_playButton{background:#ff0000e6;border-radius:12px;justify-content:center;align-items:center;width:68px;height:48px;transition:background .2s,transform .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .HvXkXq_videoCard:hover .HvXkXq_playButton{background:red;transform:translate(-50%,-50%)scale(1.1)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .HvXkXq_playIcon{color:#fff;margin-left:3px;font-size:22px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .HvXkXq_videoInfo{padding:12px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .HvXkXq_authorInfo{align-items:flex-start;gap:10px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .HvXkXq_authorAvatar{background:#2f2f2f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-top:2px;font-size:20px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .HvXkXq_authorDetails{flex:1;min-width:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .HvXkXq_authorName{color:#aaa;margin-bottom:2px;font-size:13px;font-weight:400}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .HvXkXq_videoHeader{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:14px;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .HvXkXq_views{color:#aaa;font-size:12px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .HvXkXq_optionsButton{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;margin-left:auto;padding:8px;font-size:24px;line-height:1;transition:background .2s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .HvXkXq_optionsButton:hover{background:#ffffff1a}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .HvXkXq_optionsButton:active{background:#fff3}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .HvXkXq_empty{color:#aaa;justify-content:center;align-items:center;height:100%;font-size:16px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .nKHwwq_fullScreenVideo{z-index:1000;background:#000;flex-direction:column;display:flex;position:absolute;inset:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .nKHwwq_backButtonContainer{z-index:10;position:absolute;top:12px;left:12px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .nKHwwq_videoArea{flex:1;width:100%;height:100%;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .nKHwwq_videoPlayer{object-fit:cover;width:100%;height:100%;display:block}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .nKHwwq_simpleProgress{color:#fff;text-align:center;background:#000c;border-radius:6px;min-width:200px;padding:8px 16px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .nKHwwq_timeInfo{margin-bottom:4px;font-size:12px;font-weight:500}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .nKHwwq_progressBar{background:#ffffff4d;border-radius:2px;width:200px;height:3px;margin:0 auto;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .nKHwwq_progressFill{background:red;height:100%;transition:width .1s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .nKHwwq_skipAdContainer{position:absolute;bottom:80px;right:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .nKHwwq_skipAdCountdown{color:#aaa;background:#000c;border-radius:4px 0 0 4px;padding:10px 16px;font-size:13px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .nKHwwq_skipAdButton{color:#fff;cursor:pointer;background:#000c;border:1px solid #fff;border-radius:4px 0 0 4px;padding:10px 16px;font-size:14px;font-weight:500;transition:background .2s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .nKHwwq_skipAdButton:hover{background:#fff3}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ce_4rW_overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:flex-end;animation:.2s ease-out ce_4rW_fadeIn;display:flex;position:absolute;inset:0}@keyframes ce_4rW_fadeIn{0%{opacity:0}to{opacity:1}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ce_4rW_modal{scrollbar-width:none;-ms-overflow-style:none;background:#212121;border-radius:12px 12px 0 0;width:100%;max-height:85%;animation:.3s ease-out ce_4rW_slideUp;overflow-y:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ce_4rW_modal::-webkit-scrollbar{display:none}@keyframes ce_4rW_slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ce_4rW_handle{background:#fff3;border-radius:3px;width:36px;height:5px;margin:8px auto 4px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ce_4rW_content{padding:8px 16px 32px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ce_4rW_menuItems{background:#282828;border-radius:12px;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ce_4rW_menuItem{cursor:pointer;color:#fff;text-align:left;background:0 0;border:none;border-bottom:1px solid #3f3f3f;align-items:center;gap:16px;width:100%;padding:16px;font-size:15px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ce_4rW_menuItem:last-child{border-bottom:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ce_4rW_menuItem:active{background:#3a3a3a}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ce_4rW_menuItem.ce_4rW_reportItem,[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ce_4rW_menuItem.ce_4rW_reportItem .ce_4rW_menuIcon{color:#f44}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ce_4rW_menuIcon{color:#fff;font-size:24px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ce_4rW_reportTitle{text-align:center;color:#fff;border-bottom:1px solid #3f3f3f;margin:0 0 16px;padding-bottom:12px;font-size:16px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ce_4rW_reportHeader{margin-bottom:16px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ce_4rW_reportHeader h3{color:#fff;margin:0 0 8px;font-size:18px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ce_4rW_reportSubtitle{color:#aaa;margin:0;font-size:14px;line-height:1.4}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ce_4rW_reportReasons{background:#282828;border-radius:12px;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ce_4rW_reportReasonItem{cursor:pointer;color:#fff;text-align:left;background:0 0;border:none;border-bottom:1px solid #3f3f3f;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;font-size:15px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ce_4rW_reportReasonItem:last-child{border-bottom:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ce_4rW_reportReasonItem:active{background:#3a3a3a}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ce_4rW_chevron{color:#666;font-size:20px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ce_4rW_thanksContent{text-align:center;flex-direction:column;align-items:center;padding:40px 20px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ce_4rW_checkmarkCircle{background:#282828;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ce_4rW_checkmarkIcon{color:#fff;font-size:40px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ce_4rW_thanksTitle{color:#fff;margin:0 0 12px;font-size:20px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ce_4rW_thanksSubtitle{color:#aaa;max-width:280px;margin:0;font-size:14px;line-height:1.4}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ce_4rW_doneButton{color:#fff;cursor:pointer;background:#c00;border:none;border-radius:20px;width:100%;margin-top:20px;padding:14px;font-size:15px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ce_4rW_doneButton:active{background:#a00}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .eqt2Na_container{color:#000;background:#e5ddd5;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .eqt2Na_header{color:#fff;z-index:10;background:#075e54;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .eqt2Na_headerLeft{align-items:center;gap:12px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .eqt2Na_logo{font-size:18px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .eqt2Na_headerIcons{cursor:pointer;gap:16px;font-size:20px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .eqt2Na_content{flex-direction:column;flex:1;min-height:0;padding-bottom:60px;display:flex;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .eqt2Na_tabContent{scrollbar-width:none;-ms-overflow-style:none;flex:1;overflow-y:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .eqt2Na_tabContent::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .eqt2Na_placeholder{text-align:center;color:#666;padding:20px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .eqt2Na_bottomNav{z-index:10;background:#fff;border-top:1px solid #ddd;justify-content:space-around;padding:8px 0;display:flex;position:absolute;bottom:0;left:0;right:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .eqt2Na_navBtn{cursor:pointer;color:#666;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:8px;transition:color .2s;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .eqt2Na_navBtn.eqt2Na_active,[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .eqt2Na_navBtn:hover{color:#075e54}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .eqt2Na_navIcon{font-size:24px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .eqt2Na_navLabel{font-size:12px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .-TOXxG_conversationsList{background:#fff;flex:1;min-height:100%;padding-bottom:20px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .-TOXxG_conversationItem{cursor:pointer;border-bottom:1px solid #e5ddd5;align-items:center;padding:12px 16px;transition:background .2s;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .-TOXxG_conversationItem:hover{background:#f5f5f5}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .-TOXxG_conversationItem:active{background:#e5e5e5}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .-TOXxG_avatar{background:#075e54;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;margin-right:12px;font-size:24px;display:flex;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .-TOXxG_avatarImage{object-fit:cover;width:100%;height:100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .-TOXxG_conversationInfo{flex:1;min-width:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .-TOXxG_contactName{color:#000;margin-bottom:4px;font-size:16px;font-weight:500}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .-TOXxG_lastMessage{color:#666;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .-TOXxG_conversationItem.-TOXxG_unread{background:#f0fdf4}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .-TOXxG_unreadName{color:#000;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .-TOXxG_unreadMessage{color:#333;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .-TOXxG_unreadDot{background:#25d366;border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-left:8px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .dKL1GW_callContainer{background:#fff;flex-direction:column;height:100%;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .dKL1GW_callHeader{border-bottom:1px solid #e0e0e0;padding:12px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .dKL1GW_backButton{color:#075e54;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:8px;font-size:16px;transition:background .2s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .dKL1GW_backButton:hover{background:#f0f0f0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .dKL1GW_callContent{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;padding:32px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .dKL1GW_avatar{background:#e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;font-size:64px;display:flex;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .dKL1GW_avatarImage{object-fit:cover;width:100%;height:100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .dKL1GW_contactName{color:#333;font-size:24px;font-weight:500}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .dKL1GW_callStatus{color:#666;font-size:18px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .dKL1GW_callActions{justify-content:center;padding:32px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .dKL1GW_endCallButton{cursor:pointer;background:#e53935;border:none;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:background .2s,transform .1s;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .dKL1GW_endCallButton svg{color:#fff;font-size:28px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .dKL1GW_endCallButton:hover{background:#c62828}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .dKL1GW_endCallButton:active{transform:scale(.95)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CBct7a_callsList{background:#fff;flex-direction:column;padding:0 0 60px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CBct7a_callItem{cursor:pointer;border-bottom:1px solid #f0f0f0;align-items:center;gap:12px;padding:12px 16px;transition:background .15s;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CBct7a_callItem:hover{background:#f5f5f5}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CBct7a_callItem:active{background:#ebebeb}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CBct7a_callItem:last-child{border-bottom:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CBct7a_avatar{background:#dfe5e7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;display:flex;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CBct7a_avatarImage{object-fit:cover;width:100%;height:100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CBct7a_callInfo{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CBct7a_contactName{color:#000;font-size:17px;font-weight:500}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CBct7a_callStatus{color:#667781;align-items:center;gap:4px;font-size:14px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CBct7a_callTypeIcon{font-size:14px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CBct7a_callTypeIcon.CBct7a_incoming{color:#25d366}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CBct7a_callTypeIcon.CBct7a_outgoing{color:#667781}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CBct7a_callButton{color:#fff;background:#25d366;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;transition:background .15s,transform .15s;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CBct7a_callButton:hover{background:#20bd5a}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CBct7a_callButton:active{background:#1da851;transform:scale(.95)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lDqoeW_chatContainer{background:#e5ddd5;flex-direction:column;height:100%;min-height:0;display:flex;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lDqoeW_chatHeader{color:#fff;z-index:10;background:#075e54;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lDqoeW_contactInfo{flex:1;align-items:center;gap:12px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lDqoeW_avatar{background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lDqoeW_avatarImage{object-fit:cover;width:100%;height:100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lDqoeW_contactName{font-size:16px;font-weight:500}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lDqoeW_headerActions{gap:16px;font-size:20px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lDqoeW_callButton{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;font-size:22px;transition:background .15s;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lDqoeW_callButton:hover{background:#ffffff1a}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lDqoeW_callButton:active{background:#fff3}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lDqoeW_messagesContainer{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;gap:8px;padding:16px 16px 30px;display:flex;overflow-y:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lDqoeW_messagesContainer::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lDqoeW_messageGroup{flex-direction:column;gap:2px;max-width:70%;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lDqoeW_messageGroup.lDqoeW_sent{align-self:flex-end;align-items:flex-end}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lDqoeW_messageGroup.lDqoeW_received{align-self:flex-start;align-items:flex-start}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lDqoeW_message{word-wrap:break-word;border-radius:8px;padding:8px 12px;font-size:14px;line-height:1.4}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lDqoeW_message.lDqoeW_lastInGroup{border-bottom-right-radius:8px;border-bottom-left-radius:8px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lDqoeW_message:not(.lDqoeW_lastInGroup){border-bottom-right-radius:2px;border-bottom-left-radius:2px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lDqoeW_messageGroup.lDqoeW_sent .lDqoeW_message{background:#dcf8c6}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lDqoeW_messageGroup.lDqoeW_sent .lDqoeW_message.lDqoeW_lastInGroup{border-bottom-right-radius:8px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lDqoeW_messageGroup.lDqoeW_sent .lDqoeW_message:not(.lDqoeW_lastInGroup){border-bottom-right-radius:2px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lDqoeW_messageGroup.lDqoeW_received .lDqoeW_message{background:#fff}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lDqoeW_messageGroup.lDqoeW_received .lDqoeW_message.lDqoeW_lastInGroup{border-bottom-left-radius:8px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lDqoeW_messageGroup.lDqoeW_received .lDqoeW_message:not(.lDqoeW_lastInGroup){border-bottom-left-radius:2px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lDqoeW_error{color:#666;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:20px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lDqoeW_error button{color:#fff;cursor:pointer;background:#075e54;border:none;border-radius:4px;margin-top:16px;padding:8px 16px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lDqoeW_error button:hover{background:#064e46}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GchivG_settingsContainer{-ms-overflow-style:none;scrollbar-width:none;background:#fff;padding:16px;overflow-y:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GchivG_settingsContainer::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GchivG_settingsSection{margin-bottom:24px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GchivG_sectionTitle{color:#000;margin-bottom:16px;font-size:18px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GchivG_settingItem{border-bottom:1px solid #e5ddd5;justify-content:space-between;align-items:center;padding:12px 0;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GchivG_settingInfo{flex-direction:column;flex:1;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GchivG_settingLabel{color:#000;margin-bottom:4px;font-size:16px;font-weight:500}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GchivG_settingDescription{color:#666;font-size:14px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GchivG_toggle{width:50px;height:28px;margin-left:16px;display:inline-block;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GchivG_toggle input{opacity:0;width:0;height:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GchivG_toggleSlider{cursor:pointer;background-color:#ccc;border-radius:28px;transition:all .3s;position:absolute;inset:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GchivG_toggleSlider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:4px;left:4px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GchivG_toggle input:checked+.GchivG_toggleSlider{background-color:#075e54}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GchivG_toggle input:checked+.GchivG_toggleSlider:before{transform:translate(22px)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .mr5EJq_overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .mr5EJq_popup{color:#000;background:#fff;border-radius:12px;width:90%;max-width:320px;padding:24px;box-shadow:0 4px 20px #0000004d}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .mr5EJq_title{text-align:center;margin-bottom:12px;font-size:20px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .mr5EJq_description{color:#666;text-align:center;margin-bottom:24px;font-size:14px;line-height:1.5}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .mr5EJq_buttons{gap:12px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .mr5EJq_yesButton,[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .mr5EJq_noButton{cursor:pointer;border:none;border-radius:8px;flex:1;padding:12px;font-size:16px;font-weight:600;transition:all .2s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .mr5EJq_yesButton{color:#fff;background:#0a0e27}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .mr5EJq_yesButton:hover{background:#1a1e37}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .mr5EJq_yesButton:active{background:#0a0e27}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .mr5EJq_noButton{color:#000;background:#e0e0e0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .mr5EJq_noButton:hover{background:#d0d0d0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .mr5EJq_noButton:active{background:silver}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff)format("woff-variations");font-weight:300 900;font-style:normal;font-stretch:75% 100%}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff)format("woff-variations");font-weight:300 900;font-style:italic;font-stretch:75% 100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zdR4zG_container{color:#fff;background:#000;flex-direction:column;height:100%;display:flex;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zdR4zG_content{flex-direction:column;flex:1;width:100%;max-width:400px;margin:0 auto;padding:40px 20px;display:flex;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zdR4zG_header{margin-bottom:20px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zdR4zG_title{text-align:center;margin-bottom:32px;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:32px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zdR4zG_form{flex-direction:column;gap:20px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zdR4zG_inputGroup{flex-direction:column;gap:8px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zdR4zG_inputGroup label{color:#ccc;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:14px;font-weight:500}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zdR4zG_input{color:#fff;box-sizing:border-box;background:#333;border:1px solid #555;border-radius:4px;padding:16px;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:16px;transition:all .3s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zdR4zG_input:focus{background:#404040;border-color:#e50914;outline:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zdR4zG_input::placeholder{color:#999}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zdR4zG_input:disabled{opacity:.5;cursor:not-allowed}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zdR4zG_errorMessage{color:#e50914;margin-top:4px;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:14px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zdR4zG_submitButton{color:#fff;cursor:pointer;background:#e50914;border:none;border-radius:4px;width:100%;margin-top:8px;padding:16px;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:18px;font-weight:700;transition:background-color .3s,transform .1s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zdR4zG_submitButton:hover:not(:disabled){background:#f40612;transform:translateY(-1px)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zdR4zG_submitButton:active:not(:disabled){transform:translateY(0)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zdR4zG_submitButton:disabled{cursor:not-allowed;opacity:.6;background:#555}@media (max-width:480px){[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zdR4zG_title{font-size:24px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zdR4zG_content{padding:20px 16px}}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff)format("woff-variations");font-weight:300 900;font-style:normal;font-stretch:75% 100%}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff)format("woff-variations");font-weight:300 900;font-style:italic;font-stretch:75% 100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._8FBM2q_container{color:#fff;scrollbar-width:none;-ms-overflow-style:none;background:#000;flex-direction:column;height:100%;display:flex;position:relative;overflow-y:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._8FBM2q_container::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._8FBM2q_content{flex-direction:column;flex:1;width:100%;max-width:600px;margin:0 auto;padding:16px 20px 20px;display:flex;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._8FBM2q_stickyHeader{z-index:10;background:#000;border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._8FBM2q_progressText{white-space:nowrap;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:14px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._8FBM2q_progressBarContainer{background:#fff3;border-radius:4px;flex:1;height:8px;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._8FBM2q_progressBarFill{background:#e50914;border-radius:4px;height:100%;transition:width .3s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._8FBM2q_title{text-align:center;margin-bottom:12px;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:32px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._8FBM2q_subtitle{color:#ccc;text-align:center;margin-bottom:20px;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:16px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._8FBM2q_categoriesList{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:wrap;flex:1;gap:12px;margin-bottom:32px;display:flex;overflow-y:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._8FBM2q_categoriesList::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._8FBM2q_categoryButton{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff1a;border:2px solid #fff3;border-radius:20px;outline:none;padding:12px 20px;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:14px;font-weight:500;transition:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._8FBM2q_categoryButton:focus{outline:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._8FBM2q_categoryButton:disabled{opacity:.4;cursor:not-allowed}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._8FBM2q_categoryButtonSelected{color:#fff;background:#e50914;border-color:#e50914}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._8FBM2q_continueButton{color:#fff;cursor:pointer;background:#e50914;border:none;border-radius:4px;width:100%;margin-top:auto;padding:16px;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:18px;font-weight:700;transition:background-color .3s,transform .1s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._8FBM2q_continueButton:hover:not(:disabled){background:#f40612;transform:translateY(-1px)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._8FBM2q_continueButton:active:not(:disabled){transform:translateY(0)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._8FBM2q_continueButton:disabled{cursor:not-allowed;opacity:.6;background:#555}@media (max-width:480px){[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._8FBM2q_title{font-size:24px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._8FBM2q_content{padding:16px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._8FBM2q_categoryButton{padding:10px 16px;font-size:12px}}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff)format("woff-variations");font-weight:300 900;font-style:normal;font-stretch:75% 100%}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff)format("woff-variations");font-weight:300 900;font-style:italic;font-stretch:75% 100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qR49Ea_container{color:#fff;background:#000;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qR49Ea_content{flex-direction:column;justify-content:center;align-items:center;width:90%;max-width:500px;padding:40px 20px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qR49Ea_title{text-align:center;margin-bottom:40px;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:28px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qR49Ea_loadingBarContainer{background:#fff3;border-radius:4px;width:100%;height:8px;position:relative;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qR49Ea_loadingBarFill{background:#e50914;border-radius:4px;height:100%;transition:width .3s;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qR49Ea_loadingBarFill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:1.5s infinite qR49Ea_shimmer;position:absolute;inset:0}@keyframes qR49Ea_shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width:480px){[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qR49Ea_title{font-size:22px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .qR49Ea_content{padding:30px 16px}}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff)format("woff-variations");font-weight:300 900;font-style:normal;font-stretch:75% 100%}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff)format("woff-variations");font-weight:300 900;font-style:italic;font-stretch:75% 100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .JEulGW_container{color:#fff;scrollbar-width:none;-ms-overflow-style:none;background:#000;flex-direction:column;width:100%;height:100%;display:flex;overflow-y:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .JEulGW_container::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .JEulGW_header{z-index:10;padding:16px;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .JEulGW_loginContainer{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:20px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .JEulGW_logo{margin-bottom:40px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .JEulGW_logoText{color:#e50914;letter-spacing:2px;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:48px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .JEulGW_loginForm{flex-direction:column;gap:24px;width:100%;max-width:400px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .JEulGW_title{color:#fff;text-align:center;margin:0;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:32px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .JEulGW_subtitle{color:#ccc;text-align:center;margin:0;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .JEulGW_subtitle strong{color:#fff;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .JEulGW_stepIndicator{color:#999;text-align:center;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:14px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .JEulGW_inputGroup{width:100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .JEulGW_emailInput{color:#fff;box-sizing:border-box;background:#333;border:1px solid #555;border-radius:4px;width:100%;padding:16px;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:16px;transition:border-color .3s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .JEulGW_emailInput::placeholder{color:#999}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .JEulGW_emailInput:focus{background:#404040;border-color:#e50914;outline:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .JEulGW_errorMessage{color:#e50914;text-align:center;margin-top:8px;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:14px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .JEulGW_startButton{color:#fff;cursor:pointer;background:#e50914;border:none;border-radius:4px;width:100%;padding:16px;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:18px;font-weight:700;transition:background-color .3s,transform .1s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .JEulGW_startButton:hover:not(:disabled){background:#f40612;transform:translateY(-1px)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .JEulGW_startButton:active:not(:disabled){transform:translateY(0)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .JEulGW_startButton:disabled{cursor:not-allowed;opacity:.6;background:#555}@media (max-width:480px){[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .JEulGW_logoText{font-size:36px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .JEulGW_title{font-size:24px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .JEulGW_loginForm{max-width:100%}}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff)format("woff-variations");font-weight:300 900;font-style:normal;font-stretch:75% 100%}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff)format("woff-variations");font-weight:300 900;font-style:italic;font-stretch:75% 100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .JNUqsq_container{color:#000;background:#fff;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .JNUqsq_content{flex-direction:column;flex:1;min-height:0;padding-bottom:44px;display:flex;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .JNUqsq_header{z-index:10;background:#fff;border-bottom:1px solid #e5e5e5;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .JNUqsq_headerLeft{align-items:center;gap:12px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .JNUqsq_emailAddress{color:#666;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:16px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .JNUqsq_inboxContent{scrollbar-width:none;-ms-overflow-style:none;flex:1;overflow-y:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .JNUqsq_inboxContent::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .JNUqsq_placeholder{text-align:center;color:#666;padding:40px 20px;font-size:16px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .JNUqsq_bottomNav{z-index:10;background:#fff;border-top:1px solid #e5e5e5;justify-content:space-around;padding:4px 0;display:flex;position:absolute;bottom:0;left:0;right:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .JNUqsq_navBtn{cursor:pointer;color:#666;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:4px;transition:color .2s;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .JNUqsq_navBtn.JNUqsq_active,[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .JNUqsq_navBtn:hover{color:#008388}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .JNUqsq_navIcon{font-size:20px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .JNUqsq_navLabel{font-size:12px}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff)format("woff-variations");font-weight:300 900;font-style:normal;font-stretch:75% 100%}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff)format("woff-variations");font-weight:300 900;font-style:italic;font-stretch:75% 100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .nhHatq_inboxList{-ms-overflow-style:none;scrollbar-width:none;background:#fff;height:100%;overflow-y:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .nhHatq_inboxList::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .nhHatq_emailItem{cursor:pointer;border-bottom:1px solid #e5e5e5;align-items:flex-start;padding:16px;transition:background .2s;display:flex;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .nhHatq_emailItem:hover{background:#f5f5f5}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .nhHatq_emailItem:active{background:#e5e5e5}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .nhHatq_emailItem.nhHatq_unread{background:#f0f7ff;font-weight:500}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .nhHatq_emailItem.nhHatq_unread:hover{background:#e0efff}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .nhHatq_emailIcon{color:#fff;background:#008388;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-right:12px;font-size:20px;font-weight:700;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .nhHatq_emailInfo{flex:1;min-width:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .nhHatq_emailHeader{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .nhHatq_sender{color:#000;font-size:16px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .nhHatq_timestamp{color:#666;margin-left:8px;font-size:12px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .nhHatq_subject{color:#333;margin-bottom:4px;font-size:15px;font-weight:500}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .nhHatq_preview{color:#666;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .nhHatq_unreadIndicator{background:#008388;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:8px;margin-left:8px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .nhHatq_empty{text-align:center;color:#666;padding:40px 20px;font-size:16px}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff)format("woff-variations");font-weight:300 900;font-style:normal;font-stretch:75% 100%}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff)format("woff-variations");font-weight:300 900;font-style:italic;font-stretch:75% 100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .x6UwQG_spamList{-ms-overflow-style:none;scrollbar-width:none;background:#fff;height:100%;overflow-y:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .x6UwQG_spamList::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .x6UwQG_emailItem{cursor:pointer;opacity:.7;border-bottom:1px solid #e5e5e5;align-items:flex-start;padding:16px;transition:background .2s;display:flex;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .x6UwQG_emailItem:hover{background:#f5f5f5}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .x6UwQG_emailItem:active{background:#e5e5e5}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .x6UwQG_emailIcon{color:#fff;background:#999;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-right:12px;font-size:20px;font-weight:700;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .x6UwQG_emailInfo{flex:1;min-width:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .x6UwQG_emailHeader{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .x6UwQG_sender{color:#000;font-size:16px;font-weight:500}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .x6UwQG_timestamp{color:#666;margin-left:8px;font-size:12px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .x6UwQG_subject{color:#333;margin-bottom:4px;font-size:15px;font-weight:400}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .x6UwQG_preview{color:#666;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .x6UwQG_empty{text-align:center;color:#666;padding:40px 20px;font-size:16px}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff)format("woff-variations");font-weight:300 900;font-style:normal;font-stretch:75% 100%}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff)format("woff-variations");font-weight:300 900;font-style:italic;font-stretch:75% 100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GUYN0a_emailContainer{background:#fff;flex-direction:column;height:100%;padding-bottom:44px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GUYN0a_emailHeader{background:#fff;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GUYN0a_headerActions{cursor:pointer;gap:16px;font-size:20px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GUYN0a_actionButton{cursor:pointer;transition:transform .2s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GUYN0a_actionButton:hover{transform:scale(1.1)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GUYN0a_actionButton:active{transform:scale(.95)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GUYN0a_emailContent{scrollbar-width:none;-ms-overflow-style:none;flex:1;padding:24px 16px;overflow-y:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GUYN0a_emailContent::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GUYN0a_emailTitle{color:#000;margin-bottom:24px;font-size:24px;font-weight:700;line-height:1.4}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GUYN0a_emailMeta{border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GUYN0a_senderInfo{align-items:center;gap:12px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GUYN0a_senderIcon{color:#fff;background:#008388;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:700;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GUYN0a_senderDetails{flex-direction:column;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GUYN0a_senderName{color:#000;margin-bottom:2px;font-size:16px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GUYN0a_senderEmail{color:#666;font-size:14px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GUYN0a_emailTimestamp{color:#666;text-align:right;font-size:14px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GUYN0a_emailBody{color:#333;white-space:pre-wrap;font-size:16px;line-height:1.6}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GUYN0a_emailLink{color:#008388;cursor:pointer;text-decoration:underline}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GUYN0a_emailLink:hover{color:#005255}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GUYN0a_error{text-align:center;color:#666;padding:40px 20px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GUYN0a_error button{color:#fff;cursor:pointer;background:#008388;border:none;border-radius:4px;margin-top:16px;padding:8px 16px;font-size:14px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GUYN0a_error button:hover{background:#005255}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff)format("woff-variations");font-weight:300 900;font-style:normal;font-stretch:75% 100%}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff)format("woff-variations");font-weight:300 900;font-style:italic;font-stretch:75% 100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6OVgUa_container{color:#fff;background:#000;flex-direction:column;height:100%;display:flex;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6OVgUa_header{z-index:10;background:#000;border-bottom:1px solid #333;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6OVgUa_headerTitle{margin:0;font-size:18px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6OVgUa_content{scrollbar-width:none;-ms-overflow-style:none;flex:1;padding:16px;overflow-y:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6OVgUa_content::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6OVgUa_info{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:8px;padding:16px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6OVgUa_info p{color:#ccc;margin:0;font-size:14px;line-height:1.5}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6OVgUa_appsList{flex-direction:column;gap:12px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6OVgUa_appItem{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;transition:all .2s;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6OVgUa_appItem:hover{background:#ffffff14;border-color:#fff3}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6OVgUa_appInfo{flex:1;align-items:center;gap:16px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6OVgUa_appIcon{text-align:center;min-width:48px;font-size:48px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6OVgUa_appDetails{flex:1;min-width:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6OVgUa_appName{color:#fff;margin:0 0 4px;font-size:18px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6OVgUa_appDescription{color:#999;text-overflow:ellipsis;margin:0;font-size:14px;line-height:1.4;display:-webkit-box;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6OVgUa_toggleContainer{flex-direction:column;align-items:center;gap:8px;margin-left:16px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6OVgUa_toggle{cursor:pointer;width:50px;height:28px;display:inline-block;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6OVgUa_toggle input{opacity:0;width:0;height:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6OVgUa_slider{cursor:pointer;background-color:#333;border:2px solid #555;border-radius:28px;transition:all .3s;position:absolute;inset:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6OVgUa_slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:2px;left:2px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6OVgUa_toggle input:checked+._6OVgUa_slider{background-color:#4caf50;border-color:#4caf50}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6OVgUa_toggle input:checked+._6OVgUa_slider:before{transform:translate(22px)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6OVgUa_toggleLabel{color:#999;text-align:center;min-width:80px;font-size:12px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6OVgUa_emptyState{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6OVgUa_emptyIcon{opacity:.5;margin-bottom:16px;font-size:64px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6OVgUa_emptyTitle{color:#fff;margin:0 0 8px;font-size:20px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6OVgUa_emptyState p{color:#999;margin:0;font-size:14px;line-height:1.5}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6OVgUa_adContainer{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:40px 20px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6OVgUa_adIcon{font-size:80px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6OVgUa_adTitle{margin:0 0 16px;font-size:28px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6OVgUa_adText{text-align:center;margin:0 0 12px;font-size:16px;line-height:1.6}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6OVgUa_adButton{color:#fff;cursor:pointer;background:#008388;border-radius:12px;padding:16px 32px;font-size:18px;font-weight:600;transition:all .3s;display:inline-block}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6OVgUa_adButton:hover{transform:translateY(-2px)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6OVgUa_adButton:active{transform:translateY(0)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NvRkeW_chatList{background:#fff}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NvRkeW_chatItem{cursor:pointer;border-bottom:1px solid #f0f0f0;align-items:center;padding:12px 16px;transition:background .2s;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NvRkeW_chatItem:hover{background:#f5f5f5}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NvRkeW_chatItem:active{background:#e5e5e5}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NvRkeW_avatarContainer{flex-shrink:0;margin-right:12px;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NvRkeW_avatar{background:#fffc00;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;transition:border-color .2s;display:flex;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NvRkeW_avatar.NvRkeW_hasUnopened{border-color:#fffc00;box-shadow:0 0 0 2px #fff,0 0 0 4px #fffc00}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NvRkeW_avatarImage{object-fit:cover;width:100%;height:100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NvRkeW_unopenedBadge{color:#fff;background:red;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NvRkeW_chatInfo{flex:1;min-width:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NvRkeW_usernameRow{align-items:center;gap:8px;margin-bottom:4px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NvRkeW_username{color:#000;font-size:16px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NvRkeW_streak{color:red;font-size:14px;font-weight:500}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NvRkeW_snapInfo{align-items:center;gap:6px;font-size:14px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NvRkeW_snapType{font-size:16px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NvRkeW_snapStatus{color:#666}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NvRkeW_snapStatus.NvRkeW_unopened{color:red;font-weight:500}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NvRkeW_snapStatus.NvRkeW_opened{color:#999}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6cEg2q_header{z-index:10;background:#000;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6cEg2q_contactInfo{flex:1;align-items:center;gap:12px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6cEg2q_avatar{background:#fffc00;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6cEg2q_avatarImage{object-fit:cover;width:100%;height:100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6cEg2q_username{color:#fff;font-size:16px;font-weight:500}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6cEg2q_timerContainer{flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6cEg2q_timerCircle{width:40px;height:40px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6cEg2q_timerBackground{transition:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6cEg2q_timerProgress{transform-origin:50%;transition:stroke-dashoffset .1s linear}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6cEg2q_snapContainer{cursor:pointer;background:#000;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6cEg2q_snapContent{background:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6cEg2q_snapMedia{background:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6cEg2q_snapImage,[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6cEg2q_snapVideo{object-fit:cover;width:100%;height:100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6cEg2q_snapTextOverlay{pointer-events:none;z-index:5;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6cEg2q_snapTextBar{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);color:#fff;text-align:center;word-wrap:break-word;background:#0009;width:100%;padding:12px 24px;line-height:1.4}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6cEg2q_imagePlaceholder,[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6cEg2q_videoPlaceholder{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-size:80px;display:flex;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6cEg2q_videoPlaceholder{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6cEg2q_mediaLabel{color:#fff;background:#00000080;border-radius:20px;padding:8px 16px;font-size:16px;position:absolute;bottom:20px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6cEg2q_navHints{pointer-events:none;justify-content:flex-end;align-items:center;padding:0 20px;display:flex;position:absolute;bottom:20px;left:0;right:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6cEg2q_hintLeft,[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6cEg2q_hintCenter{pointer-events:auto;color:#fff;cursor:pointer;background:#00000080;border-radius:20px;padding:8px 16px;font-size:14px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6cEg2q_hintLeft{cursor:pointer;margin-right:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6cEg2q_emptyState{color:#fff;flex:1;justify-content:center;align-items:center;font-size:18px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6cEg2q_error{color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100%;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .LCBp1G_container{color:#000;background:#fff;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .LCBp1G_header{color:#000;z-index:10;background:#fffc00;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .LCBp1G_headerLeft{align-items:center;gap:12px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .LCBp1G_logo{font-size:18px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .LCBp1G_content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .LCBp1G_chatListContainer{scrollbar-width:none;-ms-overflow-style:none;flex:1;overflow-y:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .LCBp1G_chatListContainer::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._1LZj0q_serverList{scrollbar-width:none;-ms-overflow-style:none;background:#202225;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:72px;padding:12px 0;display:flex;overflow-y:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._1LZj0q_serverList::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._1LZj0q_serverItem{cursor:pointer;background:#36393f;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._1LZj0q_serverItem:hover,[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._1LZj0q_serverItem._1LZj0q_selected{background:#5865f2;border-radius:16px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._1LZj0q_serverItem._1LZj0q_selected:before{content:"";background:#fff;border-radius:0 4px 4px 0;width:4px;height:40px;position:absolute;left:-20px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._1LZj0q_serverIcon{-webkit-user-select:none;user-select:none;font-size:24px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rnsPtW_channelList{color:#dcddde;background:#2f3136;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rnsPtW_serverHeader{cursor:pointer;border-bottom:1px solid #202225;justify-content:space-between;align-items:center;height:48px;padding:0 16px;transition:background .15s;display:flex;box-shadow:0 1px #04040533,0 1.5px #0606070d,0 2px #0404050d}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rnsPtW_serverHeader:hover{background:#4f545c52}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rnsPtW_serverHeader.rnsPtW_menuOpen{background:#4f545c7a}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rnsPtW_serverName{color:#fff;font-size:16px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rnsPtW_chevron{color:#b9bbbe;font-size:16px;transition:transform .2s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rnsPtW_chevron.rnsPtW_rotated{transform:rotate(180deg)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rnsPtW_serverMenu{background:#18191c;border-bottom:1px solid #202225;padding:6px 8px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rnsPtW_serverMenuItem{color:#f04747;cursor:pointer;border-radius:4px;padding:8px 12px;font-size:14px;transition:background .15s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rnsPtW_serverMenuItem:hover{background:#f047471a}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rnsPtW_channels{scrollbar-width:none;-ms-overflow-style:none;flex:1;padding:8px 8px 0;overflow-y:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rnsPtW_channels::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rnsPtW_channelItem{cursor:pointer;border-radius:4px;align-items:center;gap:6px;margin:2px 0;padding:6px 8px;transition:background .15s;display:flex;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rnsPtW_channelItem:hover,[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rnsPtW_channelItem.rnsPtW_selected{background:#3c3f44}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rnsPtW_channelIcon{opacity:.7;font-size:16px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rnsPtW_channelName{color:#8e9297;font-size:16px;font-weight:500}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rnsPtW_channelItem.rnsPtW_selected .rnsPtW_channelName{color:#dcddde}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rnsPtW_channelItem.rnsPtW_unread .rnsPtW_channelName{color:#fff;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rnsPtW_hangupButton{color:#f04747;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-left:auto;padding:4px;font-size:16px;transition:background .15s;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rnsPtW_hangupButton:hover{background:#f047471a}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rnsPtW_hangupButton:active{background:#f0474733}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rnsPtW_voiceMembers{flex-direction:column;gap:2px;padding-bottom:4px;padding-left:24px;padding-right:8px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rnsPtW_voiceMember{color:#8e9297;padding:2px 0;font-size:14px;font-weight:400}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rnsPtW_emptyState{color:#8e9297;justify-content:center;align-items:center;height:100%;font-size:14px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ahf30W_messageView{color:#dcddde;background:#36393f;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ahf30W_channelHeader{border-bottom:1px solid #202225;align-items:center;gap:8px;height:48px;padding:0 16px;display:flex;box-shadow:0 1px #04040533,0 1.5px #0606070d,0 2px #0404050d}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ahf30W_channelIcon{color:#8e9297;font-size:20px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ahf30W_channelName{color:#fff;font-size:16px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ahf30W_messagesContainer{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ahf30W_messagesContainer::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ahf30W_messageGroup{gap:16px;padding:4px 0;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ahf30W_messageAvatar{background:#5865f2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ahf30W_avatarImage{object-fit:cover;width:100%;height:100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ahf30W_messageContent{flex:1;min-width:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ahf30W_messageHeader{align-items:baseline;gap:8px;margin-bottom:4px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ahf30W_messageAuthor{color:#fff;font-size:16px;font-weight:500}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ahf30W_messageTime{color:#72767d;font-size:12px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ahf30W_messageText{color:#dcddde;word-wrap:break-word;font-size:16px;line-height:1.375}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ahf30W_emptyState{color:#8e9297;justify-content:center;align-items:center;height:100%;font-size:14px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ahf30W_emptyMessages{color:#8e9297;justify-content:center;align-items:center;padding:40px;font-size:14px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ahf30W_footer{background:#2f3136;border-top:1px solid #202225;flex-shrink:0;padding:12px 16px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ahf30W_backButton{color:#fff;cursor:pointer;background:#5865f2;border:none;border-radius:4px;width:100%;padding:12px 16px;font-size:16px;font-weight:500;transition:background .2s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ahf30W_backButton:hover{background:#4752c4}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ahf30W_backButton:active{background:#3c45a5}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ahf30W_emptyState{color:#8e9297;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;font-size:14px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ahf30W_messageInputContainer{background:#2f3136;border-top:1px solid #202225;flex-shrink:0;align-items:center;gap:8px;padding:16px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ahf30W_messageInput{color:#dcddde;background:#40444b;border:none;border-radius:8px;outline:none;flex:1;padding:10px 12px;font-family:inherit;font-size:16px;transition:background .2s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ahf30W_messageInput::placeholder{color:#72767d}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ahf30W_messageInput:focus{background:#484c52}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ahf30W_sendButton{color:#fff;cursor:pointer;white-space:nowrap;background:#5865f2;border:none;border-radius:8px;padding:10px 20px;font-size:16px;font-weight:500;transition:background .2s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ahf30W_sendButton:hover:not(:disabled){background:#4752c4}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ahf30W_sendButton:active:not(:disabled){background:#3c45a5}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ahf30W_sendButton:disabled{color:#72767d;cursor:not-allowed;background:#40444b}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .jA20Ua_container{color:#dcddde;background:#36393f;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .jA20Ua_header{z-index:10;background:#2f3136;border-bottom:1px solid #202225;flex-shrink:0;align-items:center;gap:12px;padding:12px 16px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .jA20Ua_logo{color:#fff;font-size:18px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .jA20Ua_mainContent{flex:1;min-height:0;display:flex;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GhWZWq_container{color:#fff;background:#0a0e27;flex-direction:column;height:100%;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GhWZWq_content{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;padding:40px 20px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GhWZWq_logoContainer{flex-direction:column;align-items:center;gap:8px;margin-bottom:16px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GhWZWq_logoBox{color:#0a0e27;background:#fff;border-radius:4px;margin-bottom:8px;padding:8px 16px;font-size:18px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GhWZWq_logoImage{width:auto;height:60px;margin-bottom:8px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GhWZWq_logoText{color:#fff;font-size:32px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GhWZWq_tagline{color:#ccc;text-align:center;margin-bottom:40px;font-size:16px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GhWZWq_buttons{flex-direction:column;gap:12px;width:100%;max-width:300px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GhWZWq_loginButton{color:#0a0e27;cursor:pointer;background:#fff;border:none;border-radius:8px;width:100%;padding:16px;font-size:16px;font-weight:600;transition:background .2s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GhWZWq_loginButton:hover{background:#e0e0e0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GhWZWq_loginButton:active{background:#d0d0d0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GhWZWq_createAccountButton{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:8px;width:100%;padding:16px;font-size:16px;font-weight:600;transition:all .2s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GhWZWq_createAccountButton:hover{background:#ffffff1a}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GhWZWq_createAccountButton:active{background:#fff3}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ePSgQG_container{color:#fff;background:#0a0e27;flex-direction:column;height:100%;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ePSgQG_content{flex-direction:column;flex:1;width:100%;max-width:400px;margin:0 auto;padding:40px 20px;display:flex;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ePSgQG_backButton{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;transition:all .2s;position:absolute;top:0;left:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ePSgQG_backButton:hover{background:#ffffff26}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ePSgQG_backButton:active{background:#fff3}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ePSgQG_title{text-align:center;margin-bottom:32px;font-size:28px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ePSgQG_form{flex-direction:column;gap:20px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ePSgQG_inputGroup{flex-direction:column;gap:8px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ePSgQG_inputGroup label{color:#ccc;font-size:14px;font-weight:500}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ePSgQG_input{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:12px 16px;font-size:16px;transition:all .2s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ePSgQG_input:focus{background:#ffffff26;border-color:#fff;outline:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ePSgQG_input::placeholder{color:#ffffff80}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ePSgQG_error{color:#ff6b6b;text-align:center;background:#ff6b6b1a;border-radius:4px;padding:8px;font-size:14px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ePSgQG_loginButton{color:#0a0e27;cursor:pointer;background:#fff;border:none;border-radius:8px;width:100%;margin-top:8px;padding:16px;font-size:16px;font-weight:600;transition:background .2s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ePSgQG_loginButton:hover{background:#e0e0e0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ePSgQG_loginButton:active{background:#d0d0d0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .t6MZUa_container{color:#fff;background:#0a0e27;flex-direction:column;height:100%;display:flex;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .t6MZUa_content{flex-direction:column;flex:1;width:100%;max-width:400px;margin:0 auto;padding:40px 20px;display:flex;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .t6MZUa_backButton{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;transition:all .2s;position:absolute;top:0;left:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .t6MZUa_backButton:hover{background:#ffffff26}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .t6MZUa_backButton:active{background:#fff3}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .t6MZUa_title{text-align:center;margin-bottom:32px;font-size:28px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .t6MZUa_form{flex-direction:column;gap:20px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .t6MZUa_inputGroup{flex-direction:column;gap:8px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .t6MZUa_inputGroup label{color:#ccc;font-size:14px;font-weight:500}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .t6MZUa_input{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:12px 16px;font-size:16px;transition:all .2s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .t6MZUa_input:focus{background:#ffffff26;border-color:#fff;outline:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .t6MZUa_input::placeholder{color:#ffffff80}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .t6MZUa_input:disabled{opacity:.5;cursor:not-allowed}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .t6MZUa_submitButton{color:#0a0e27;cursor:pointer;background:#fff;border:none;border-radius:8px;width:100%;margin-top:8px;padding:16px;font-size:16px;font-weight:600;transition:background .2s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .t6MZUa_submitButton:hover:not(:disabled){background:#e0e0e0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .t6MZUa_submitButton:active:not(:disabled){background:#d0d0d0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .t6MZUa_submitButton:disabled{opacity:.5;cursor:not-allowed}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .t6MZUa_confirmationMessage{text-align:center;flex-direction:column;gap:16px;padding:20px 0;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .t6MZUa_confirmationMessage p{color:#fff;font-size:16px;line-height:1.6}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .t6MZUa_emailHint{color:#ccc;font-size:14px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .t6MZUa_emailHint strong{color:#fff;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .t6MZUa_instruction{color:#ccc;margin-top:8px;font-size:14px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CCDuBW_container{color:#fff;background:#0a0e27;flex-direction:column;height:100%;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CCDuBW_header{align-items:center;gap:12px;padding:12px 16px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CCDuBW_logoContainer{align-items:center;gap:8px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CCDuBW_logoBox{color:#0a0e27;background:#fff;border-radius:4px;padding:4px 12px;font-size:14px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CCDuBW_logoImage{width:auto;height:36px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CCDuBW_logoText{color:#fff;font-size:20px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CCDuBW_content{scrollbar-width:none;-ms-overflow-style:none;flex:1;padding:20px;overflow-y:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CCDuBW_content::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CCDuBW_welcome{text-align:center;margin-bottom:32px;padding:20px 0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CCDuBW_welcome h1{margin-bottom:8px;font-size:24px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CCDuBW_welcome p{color:#ccc;font-size:16px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CCDuBW_contentGrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;display:grid}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CCDuBW_contentItem{text-align:center;cursor:pointer;background:#ffffff1a;border-radius:8px;padding:20px;transition:all .2s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CCDuBW_contentItem:hover{background:#ffffff26;transform:translateY(-2px)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CCDuBW_thumbnail{margin-bottom:12px;font-size:48px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CCDuBW_title{font-size:16px;font-weight:500}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CCDuBW_newsSection{margin-bottom:32px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CCDuBW_sectionTitle{color:#fff;margin-bottom:16px;font-size:20px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CCDuBW_newsList{flex-direction:column;gap:12px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CCDuBW_newsItem{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:space-between;align-items:center;padding:16px;transition:all .2s;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CCDuBW_newsItem:hover{background:#ffffff1a;border-color:#fff3;transform:translate(4px)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CCDuBW_newsContent{flex-direction:column;flex:1;gap:6px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CCDuBW_newsCategory{color:#ff6b6b;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CCDuBW_newsTitle{color:#fff;font-size:16px;font-weight:500;line-height:1.4}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CCDuBW_newsTime{color:#999;font-size:12px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CCDuBW_newsArrow{color:#ccc;margin-left:12px;font-size:20px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CCDuBW_loadingContainer{color:#fff;background:#0a0e27;flex-direction:column;height:100%;display:flex;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CCDuBW_backButton{cursor:pointer;color:#fff;z-index:10;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;transition:opacity .2s;display:flex;position:absolute;top:16px;left:16px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CCDuBW_backButton:hover{opacity:.7}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CCDuBW_backButton svg{width:28px;height:28px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CCDuBW_loadingContent{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CCDuBW_loadingSpinner{border:3px solid #ffffff1a;border-top-color:#00a9e0;border-radius:50%;width:50px;height:50px;margin-bottom:24px;animation:1s linear infinite CCDuBW_spin}@keyframes CCDuBW_spin{to{transform:rotate(360deg)}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CCDuBW_loadingIcon{background:#ffffff1a;border-radius:16px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:16px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CCDuBW_loadingEmoji{font-size:40px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CCDuBW_loadingTitle{color:#fff;margin-bottom:4px;font-size:18px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CCDuBW_loadingCategoryName{color:#aaa;margin-bottom:24px;font-size:14px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CCDuBW_loadingBarContainer{background:#ffffff1a;border-radius:2px;width:100%;max-width:240px;height:4px;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .CCDuBW_loadingBarFill{background:linear-gradient(90deg,#00a9e0 0%,#00d4ff 100%);border-radius:2px;height:100%;transition:width .1s linear}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._1pkvRW_container{z-index:3000;pointer-events:none;justify-content:center;padding:16px;display:flex;position:absolute;top:0;left:0;right:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._1pkvRW_popup{pointer-events:auto;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:16px;align-items:center;gap:12px;min-width:200px;max-width:90%;padding:16px 20px;animation:.4s cubic-bezier(.34,1.56,.64,1) forwards _1pkvRW_slideIn;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #10b98166,0 4px 8px #0000001a}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._1pkvRW_popup._1pkvRW_exiting{animation:.3s ease-in forwards _1pkvRW_slideOut}@keyframes _1pkvRW_slideIn{0%{opacity:0;transform:translateY(-100px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes _1pkvRW_slideOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-50px)scale(.9)}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._1pkvRW_icon{flex-shrink:0;font-size:32px;animation:.6s 3 _1pkvRW_bounce}@keyframes _1pkvRW_bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._1pkvRW_content{flex:1;min-width:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._1pkvRW_title{color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:12px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._1pkvRW_message{color:#fff;font-size:16px;font-weight:700;line-height:1.3}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._1pkvRW_progressBar{transform-origin:0;background:#ffffff80;height:3px;animation:linear forwards _1pkvRW_shrink;position:absolute;bottom:0;left:0;right:0}@keyframes _1pkvRW_shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .sHdTnW_container{color:#fff;background:#0a0e27;flex-direction:column;height:100%;display:flex;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .sHdTnW_header{z-index:10;align-items:center;padding:12px 16px;display:flex}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff)format("woff-variations");font-weight:300 900;font-style:normal;font-stretch:75% 100%}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff)format("woff-variations");font-weight:300 900;font-style:italic;font-stretch:75% 100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._9JfAqq_loadingContainer{color:#1a1a1a;background:#fff;flex-direction:column;height:100%;display:flex;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._9JfAqq_backButton{cursor:pointer;color:#1a1a1a;z-index:10;background:#0000001a;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .2s,transform .1s;display:flex;position:absolute;top:16px;left:16px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._9JfAqq_backButton:hover{background:#00000026;transform:scale(1.05)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._9JfAqq_backButton:active{transform:scale(.95)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._9JfAqq_backButton svg{width:24px;height:24px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._9JfAqq_loadingContent{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._9JfAqq_loadingIcon{border-radius:16px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;display:flex;box-shadow:0 4px 16px #00000026}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._9JfAqq_loadingEmoji{font-size:36px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._9JfAqq_loadingTitle{text-align:center;color:#1a1a1a;margin-bottom:12px;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:22px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._9JfAqq_loadingContentName{color:#666;text-align:center;max-width:280px;margin:0 0 40px;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:14px;line-height:1.4}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._9JfAqq_loadingBarContainer{background:#0000001a;border-radius:2px;width:100%;max-width:280px;height:4px;position:relative;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._9JfAqq_loadingBarFill{background:#00a8e1;border-radius:2px;height:100%;transition:width .1s linear;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._9JfAqq_loadingBarFill:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);animation:1.5s infinite _9JfAqq_shimmer;position:absolute;inset:0}@keyframes _9JfAqq_shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff)format("woff-variations");font-weight:300 900;font-style:normal;font-stretch:75% 100%}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff)format("woff-variations");font-weight:300 900;font-style:italic;font-stretch:75% 100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .uH_xiG_gameCard{cursor:pointer;background-position:50%;background-size:cover;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:140px;padding:32px 24px;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000026}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .uH_xiG_gameCard:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0003}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .uH_xiG_gameCard:active{transform:translateY(0)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .uH_xiG_gameTitle{color:#0a0e27;text-align:center;margin:0;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:20px;font-weight:700;line-height:1.3}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .uH_xiG_playButton{color:#fff;cursor:pointer;background:#0a0e27;border:none;border-radius:20px;margin-top:16px;padding:10px 24px;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:14px;font-weight:600;transition:background-color .2s,transform .1s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .uH_xiG_playButton:hover{background:#1a2464}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .uH_xiG_playButton:active{transform:scale(.98)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .uH_xiG_overlayCard{cursor:pointer;background-position:50%;background-size:cover;border-radius:12px;align-items:flex-end;min-height:40dvh;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000014}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .uH_xiG_overlayCard:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .uH_xiG_overlayCard:active{transform:translateY(0)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .uH_xiG_overlayCard:before{content:"";pointer-events:none;background:linear-gradient(#0000,#000c);height:70%;position:absolute;bottom:0;left:0;right:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .uH_xiG_overlayContent{width:100%;padding:20px 16px;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .uH_xiG_categoryLight{color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:12px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .uH_xiG_overlayTitle{color:#fff;text-shadow:0 1px 3px #0000004d;margin:8px 0 0;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:18px;font-weight:700;line-height:1.35}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .uH_xiG_articleCard{cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:visible;box-shadow:0 2px 8px #00000014}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .uH_xiG_articleCard:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .uH_xiG_articleCard:active{transform:translateY(0)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .uH_xiG_articleImage{background-position:50%;background-size:cover;flex-shrink:0;width:100%;height:180px;min-height:180px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .uH_xiG_articleContent{background:#fff;padding:16px;display:block}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .uH_xiG_articleTitle{color:#1a1a1a;margin:0;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:18px;font-weight:700;line-height:1.35}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .uH_xiG_articleIngress{color:#666;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:8px 0 0;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .uH_xiG_articleMeta{align-items:center;gap:8px;margin-top:4px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .uH_xiG_categoryRed{color:#1a1a1a;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:12px;font-weight:600}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff)format("woff-variations");font-weight:300 900;font-style:normal;font-stretch:75% 100%}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff)format("woff-variations");font-weight:300 900;font-style:italic;font-stretch:75% 100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .h6mPeq_container{color:#1a1a1a;background:#fff;flex-direction:column;height:100%;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .h6mPeq_header{z-index:10;background:#fff;border-bottom:1px solid #e0e0e0;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .h6mPeq_logoContainer{align-items:center;gap:8px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .h6mPeq_logoBox{color:#fff;background:#0a0e27;border-radius:4px;padding:4px 12px;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:14px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .h6mPeq_logoImage{width:auto;height:24px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .h6mPeq_logoText{color:#0a0e27;letter-spacing:.5px;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:16px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .h6mPeq_content{scrollbar-width:none;-ms-overflow-style:none;background:#f5f5f5;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .h6mPeq_content::-webkit-scrollbar{display:none}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff)format("woff-variations");font-weight:300 900;font-style:normal;font-stretch:75% 100%}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff)format("woff-variations");font-weight:300 900;font-style:italic;font-stretch:75% 100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rBjAVq_voteSection{flex-direction:column;align-items:center;gap:4px;min-width:40px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rBjAVq_voteButton{color:#888;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:18px;transition:all .2s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rBjAVq_voteButton:hover{color:#fff;background:#2a2a2a}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rBjAVq_voteButton.rBjAVq_active{color:#008388}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rBjAVq_voteButton.rBjAVq_upButton.rBjAVq_active{color:#ff9908}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rBjAVq_voteButton.rBjAVq_downButton.rBjAVq_active{color:#f44336}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rBjAVq_score{color:#fff;text-align:center;min-height:20px;font-size:16px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .WWGs4G_menu{z-index:100;background:#2a2a2a;border-radius:12px;min-width:200px;padding:8px 0;animation:.15s ease-out WWGs4G_fadeIn;position:absolute;top:40px;right:8px;box-shadow:0 4px 16px #0006}@keyframes WWGs4G_fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .WWGs4G_menuItem{color:#fff;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;transition:background .15s;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .WWGs4G_menuItem:hover{background:#3a3a3a}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .WWGs4G_menuItem:active{background:#444}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .WWGs4G_menuItem.WWGs4G_danger{color:#ff6b6b}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .WWGs4G_icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:20px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .WWGs4G_menuDivider{background:#444;height:1px;margin:8px 0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .WWGs4G_reportConfirm{color:#4caf50;align-items:center;gap:12px;padding:16px;font-size:14px;font-weight:500;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .WWGs4G_checkIcon{color:#4caf50;flex-shrink:0;font-size:24px}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff)format("woff-variations");font-weight:300 900;font-style:normal;font-stretch:75% 100%}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff)format("woff-variations");font-weight:300 900;font-style:italic;font-stretch:75% 100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .TRNIBq_postItem{cursor:pointer;background:#1a1a1a;border-bottom:1px solid #2a2a2a;border-radius:10px;flex-direction:column;gap:12px;width:100%;margin:0 auto;padding:16px;transition:background .2s;display:flex;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .TRNIBq_postItem:hover{background:#222}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .TRNIBq_postItem:active{background:#252525}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .TRNIBq_header{color:#d3d3d3;flex-direction:row;justify-content:flex-start;align-items:center;gap:2em;width:100%;display:flex;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .TRNIBq_menuButton{color:#888;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:12px;font-size:24px;transition:background .15s,color .15s;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .TRNIBq_menuButton:hover{color:#fff;background:#ffffff1a}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .TRNIBq_menuButton:active{background:#ffffff26}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .TRNIBq_contentSection{flex-direction:row;flex:1;justify-content:space-between;align-items:center;gap:8px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .TRNIBq_channel,[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .TRNIBq_author{font-size:14px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .TRNIBq_text{color:#fff;font-size:16px;line-height:1.5}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .TRNIBq_meta{color:#888;gap:12px;font-size:14px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .TRNIBq_comments{color:#888}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .TRNIBq_timestamp{color:#666}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .TRNIBq_hiddenContent{color:#888;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px 16px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .TRNIBq_hiddenContent p{margin:0;font-size:14px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .TRNIBq_unhideButton{color:#fff;cursor:pointer;background:#333;border:none;border-radius:8px;padding:8px 16px;font-size:13px;transition:background .15s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .TRNIBq_unhideButton:hover{background:#444}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .TRNIBq_unhideButton:active{background:#555}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .PSvicq_postList{flex-direction:column;gap:10px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .PSvicq_empty{text-align:center;color:#888;padding:40px 20px;font-size:14px}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff)format("woff-variations");font-weight:300 900;font-style:normal;font-stretch:75% 100%}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff)format("woff-variations");font-weight:300 900;font-style:italic;font-stretch:75% 100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .VhyYeq_commentItem{background:#1a1a1a;border-bottom:1px solid #2a2a2a;gap:12px;padding:12px 16px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .VhyYeq_contentSection{flex-direction:column;flex:1;gap:6px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .VhyYeq_authorRow{align-items:center;gap:8px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .VhyYeq_author{color:#ff9908;font-size:14px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .VhyYeq_timestamp{color:#666;font-size:14px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .VhyYeq_text{color:#fff;font-size:16px;line-height:1.5}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Q4Wo1W_commentView{flex-direction:column;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Q4Wo1W_empty{text-align:center;color:#888;padding:40px 20px;font-size:14px}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff)format("woff-variations");font-weight:300 900;font-style:normal;font-stretch:75% 100%}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff)format("woff-variations");font-weight:300 900;font-style:italic;font-stretch:75% 100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lBF4OG_postView{color:#fff;background:#0a0a0a;flex-direction:column;height:100%;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lBF4OG_header{background:#1a1a1a;border-bottom:1px solid #2a2a2a;flex-shrink:0;align-items:center;gap:12px;padding:12px 16px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lBF4OG_scrollableContent{scrollbar-width:none;-ms-overflow-style:none;flex:1;overflow-y:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lBF4OG_scrollableContent::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lBF4OG_backButton{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:8px;font-size:16px;transition:background .2s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lBF4OG_backButton:hover{background:#2a2a2a}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lBF4OG_channel{color:#ff9908;font-size:14px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lBF4OG_postContainer{background:#1a1a1a;border-bottom:2px solid #2a2a2a}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lBF4OG_commentsContainer{padding-bottom:20px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lBF4OG_commentsHeader{background:#1a1a1a;border-bottom:1px solid #2a2a2a;padding:16px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lBF4OG_commentsHeader h3{color:#fff;margin:0;font-size:16px;font-weight:600}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff)format("woff-variations");font-weight:300 900;font-style:normal;font-stretch:75% 100%}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff)format("woff-variations");font-weight:300 900;font-style:italic;font-stretch:75% 100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .m28SkG_channelList{touch-action:pan-y;flex-direction:column;min-height:100%;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .m28SkG_section{margin-bottom:24px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .m28SkG_section:last-child{margin-bottom:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .m28SkG_sectionTitle{color:#888;text-transform:uppercase;letter-spacing:.5px;padding:12px 16px;font-size:12px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .m28SkG_channelItem{cursor:pointer;background:#1a1a1a;border-bottom:1px solid #2a2a2a;justify-content:space-between;align-items:center;padding:16px;transition:background .2s;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .m28SkG_channelItem:hover{background:#222}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .m28SkG_channelItem:active{background:#252525}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .m28SkG_channelInfo{flex-direction:column;gap:4px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .m28SkG_channelName{color:#fff;font-size:16px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .m28SkG_visitCount{color:#888;font-size:12px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .m28SkG_subscribeButton{color:#ff9908;cursor:pointer;background:0 0;border:2px solid #ff9908;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .2s;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .m28SkG_subscribeButton:hover,[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .m28SkG_subscribeButton.m28SkG_subscribed{color:#fff;background:#ff9908}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .m28SkG_empty{text-align:center;color:#888;padding:40px 20px;font-size:14px}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff)format("woff-variations");font-weight:300 900;font-style:normal;font-stretch:75% 100%}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff)format("woff-variations");font-weight:300 900;font-style:italic;font-stretch:75% 100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._3EWYLa_container{color:#fff;background:#0a0a0a;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._3EWYLa_header{background:#1a1a1a;border-bottom:1px solid #2a2a2a;align-items:center;gap:12px;padding:12px 16px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._3EWYLa_logo{color:#ff9908;font-size:20px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._3EWYLa_channelName{color:#ff9908;font-size:16px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._3EWYLa_backButton{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:8px;font-size:16px;transition:background .2s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._3EWYLa_backButton:hover{background:#2a2a2a}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._3EWYLa_content{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex:1;min-height:0;padding-bottom:60px;overflow-y:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._3EWYLa_content::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._3EWYLa_channelsView{flex-direction:column;min-height:100%;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._3EWYLa_section{margin-bottom:24px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._3EWYLa_emptyView{text-align:center;color:#888;padding:40px 20px;font-size:14px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._3EWYLa_bottomNav{z-index:10;background:#1a1a1a;border-top:1px solid #2a2a2a;display:flex;position:absolute;bottom:0;left:0;right:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._3EWYLa_navBtn{color:#888;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:8px 12px;transition:all .2s;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._3EWYLa_navBtn:hover{background:#222}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._3EWYLa_navBtn._3EWYLa_active{color:#ff9908}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._3EWYLa_navIcon{font-size:20px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._3EWYLa_navLabel{font-size:12px;font-weight:500}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .FKsKWa_menu{z-index:1000;background:#fff;border-radius:8px;min-width:200px;margin-top:8px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 2px 8px #00000026}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .FKsKWa_menuItem{color:#050505;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:12px 16px;font-family:inherit;font-size:15px;transition:background .2s;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .FKsKWa_menuItem:hover{background:#f0f2f5}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .FKsKWa_menuItem:first-child{padding-top:12px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .FKsKWa_menuItem:last-child{padding-bottom:12px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .FKsKWa_menuItem.FKsKWa_active{color:#1877f2;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .FKsKWa_checkmark{color:#1877f2;font-size:16px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .FKsKWa_menuDivider{background:#dadde1;height:1px;margin:4px 0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .U3oE5W_postItem{background:#fff;border-radius:8px;margin-bottom:12px;padding:12px;box-shadow:0 1px 2px #0000001a}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .U3oE5W_header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .U3oE5W_userInfo{align-items:center;gap:10px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .U3oE5W_profilePicture{background:#e4e6eb;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:40px;display:flex;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .U3oE5W_profilePicture img{object-fit:cover;width:100%;height:100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .U3oE5W_userDetails{flex-direction:column;gap:2px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .U3oE5W_userName,[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .U3oE5W_groupName{color:#050505;font-size:15px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .U3oE5W_postAuthor{color:#65676b;font-size:13px;font-weight:400}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .U3oE5W_timestamp{color:#65676b;font-size:13px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .U3oE5W_joinButton{color:#fff;cursor:pointer;white-space:nowrap;background:#1877f2;border:none;border-radius:6px;padding:6px 16px;font-size:14px;font-weight:600;transition:background .2s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .U3oE5W_joinButton:hover{background:#166fe5}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .U3oE5W_joinButton:active{background:#145dbf}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .U3oE5W_headerActions{align-items:center;gap:8px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .U3oE5W_menuContainer{position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .U3oE5W_menuButton{color:#65676b;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px 8px;font-size:20px;transition:background .2s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .U3oE5W_menuButton:hover{background:#f0f2f5}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .U3oE5W_content{margin-bottom:12px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .U3oE5W_hideButton{cursor:pointer;color:#65676b;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:background .2s;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .U3oE5W_hideButton:hover{color:#050505;background:#f0f2f5}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .U3oE5W_hideIcon{font-size:22px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .U3oE5W_text{color:#050505;word-wrap:break-word;white-space:pre-wrap;margin-bottom:8px;font-size:15px;line-height:1.5}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .U3oE5W_image{text-align:center;background:#f0f2f5;border-radius:8px;margin-top:8px;padding:20px;font-size:60px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .U3oE5W_image:has(img){background:0 0;border-radius:0;margin-top:12px;padding:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .U3oE5W_image img{width:100%;height:auto;display:block}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .U3oE5W_hiddenContent{text-align:center;color:#65676b;background:#f0f2f5;border-radius:8px;padding:20px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .U3oE5W_hiddenContent p{margin:0 0 12px;font-size:15px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .U3oE5W_unhideButton{color:#fff;cursor:pointer;background:#1877f2;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;transition:background .2s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .U3oE5W_unhideButton:hover{background:#166fe5}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .U3oE5W_actions{border-top:1px solid #dadde1;gap:8px;padding-top:8px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .U3oE5W_actionButton{cursor:pointer;color:#65676b;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:15px;transition:background .2s;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .U3oE5W_actionButton:hover{background:#f0f2f5}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .U3oE5W_actionButton.U3oE5W_liked{color:#1877f2}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .U3oE5W_actionButton.U3oE5W_disliked{color:#f02849}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .U3oE5W_actionIcon{font-size:18px;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .U3oE5W_hasUnread{color:#1877f2;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .U3oE5W_unreadDot{background:#f02849;border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;right:-6px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .U3oE5W_likeCount,[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .U3oE5W_dislikeCount,[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .U3oE5W_commentCount{color:#65676b;margin-left:4px;font-size:13px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .j4R9yq_feed{flex-direction:column;gap:12px;max-width:680px;margin:0 auto;padding:16px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .j4R9yq_empty{text-align:center;color:#65676b;padding:40px 20px;font-size:14px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rMsiMa_commentItem{border-bottom:1px solid #f0f2f5;padding:4px 0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rMsiMa_commentHeader{gap:10px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rMsiMa_profilePicture{background:#e4e6eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:32px;display:flex;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rMsiMa_profilePicture img{object-fit:cover;width:100%;height:100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rMsiMa_commentContent{flex-direction:column;flex:1;gap:4px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rMsiMa_commentHeaderTop{align-items:center;gap:8px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rMsiMa_authorName{color:#050505;font-size:15px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rMsiMa_timestamp{color:#65676b;font-size:13px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rMsiMa_commentText{color:#050505;word-wrap:break-word;font-size:15px;line-height:1.5}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rMsiMa_commentActions{align-items:center;gap:8px;margin-top:4px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rMsiMa_likeButton{color:#65676b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:13px;font-weight:600;transition:background .2s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rMsiMa_likeButton:hover{background:#f0f2f5}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rMsiMa_likeButton.rMsiMa_liked{color:#1877f2}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rMsiMa_likeCount{color:#65676b;font-size:13px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rMsiMa_dislikeButton{color:#65676b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:13px;font-weight:600;transition:background .2s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rMsiMa_dislikeButton:hover{background:#f0f2f5}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rMsiMa_dislikeButton.rMsiMa_disliked{color:#e74c3c}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rMsiMa_dislikeCount{color:#65676b;font-size:13px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .BNUk3q_commentView{flex-direction:column;gap:12px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .BNUk3q_empty{text-align:center;color:#65676b;padding:40px 20px;font-size:14px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .-iQv9W_postView{scrollbar-width:none;-ms-overflow-style:none;background:#f0f2f5;flex-direction:column;flex:1;min-height:0;padding-bottom:20px;display:flex;overflow-y:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .-iQv9W_postView::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .-iQv9W_header{background:#fff;border-bottom:1px solid #dadde1;align-items:center;gap:12px;padding:12px 16px;display:flex;box-shadow:0 1px 2px #0000001a}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .-iQv9W_title{color:#050505;font-size:20px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .-iQv9W_postContainer{background:#f0f2f5;padding:4px 16px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .-iQv9W_commentsContainer{background:#f0f2f5;padding:0 16px 80px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ITMo-a_profile{background:#f0f2f5;flex-direction:column;min-height:100%;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ITMo-a_profileHeader{background:#fff;border-bottom:1px solid #dadde1;padding:20px 16px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ITMo-a_profileInfo{align-items:flex-start;gap:16px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ITMo-a_profilePicture{background:#e4e6eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:80px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ITMo-a_profileDetails{flex-direction:column;flex:1;gap:12px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ITMo-a_profileName{color:#050505;margin:0;font-size:24px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ITMo-a_profileStats{gap:24px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ITMo-a_statItem{flex-direction:row;align-items:baseline;gap:6px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ITMo-a_statNumber{color:#050505;font-size:18px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ITMo-a_statLabel{color:#65676b;font-size:14px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ITMo-a_postsSection{flex:1;padding:16px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ITMo-a_sectionHeader{margin-bottom:16px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ITMo-a_sectionHeader h3{color:#050505;margin:0;font-size:18px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ITMo-a_postsList{flex-direction:column;gap:12px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ITMo-a_emptyPosts,[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .ITMo-a_error{text-align:center;color:#65676b;padding:40px 20px;font-size:15px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NnubiW_settingsContainer{-ms-overflow-style:none;scrollbar-width:none;background:#f0f2f5;height:100%;padding:16px;overflow-y:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NnubiW_settingsContainer::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NnubiW_settingsSection{background:#fff;border-radius:8px;margin-bottom:16px;padding:16px;box-shadow:0 1px 2px #0000001a}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NnubiW_sectionTitle{color:#050505;margin:0 0 16px;font-size:17px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NnubiW_settingItem{border-bottom:1px solid #e4e6eb;justify-content:space-between;align-items:center;padding:12px 0;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NnubiW_settingItem:last-child{border-bottom:none;padding-bottom:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NnubiW_settingInfo{flex-direction:column;flex:1;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NnubiW_settingLabel{color:#050505;margin-bottom:4px;font-size:15px;font-weight:500}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NnubiW_settingDescription{color:#65676b;font-size:13px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NnubiW_toggle{width:50px;height:28px;margin-left:16px;display:inline-block;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NnubiW_toggle input{opacity:0;width:0;height:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NnubiW_toggleSlider{cursor:pointer;background-color:#ccc;border-radius:28px;transition:all .3s;position:absolute;inset:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NnubiW_toggleSlider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:4px;left:4px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NnubiW_toggle input:checked+.NnubiW_toggleSlider{background-color:#1877f2}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NnubiW_toggle input:checked+.NnubiW_toggleSlider:before{transform:translate(22px)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NnubiW_groupItem{border-bottom:1px solid #e4e6eb;justify-content:space-between;align-items:center;padding:12px 0;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NnubiW_groupItem:last-child{border-bottom:none;padding-bottom:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NnubiW_groupName{color:#050505;font-size:15px;font-weight:500}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NnubiW_leaveButton{color:#65676b;cursor:pointer;background:0 0;border:1px solid #ccc;border-radius:6px;padding:6px 12px;font-size:13px;transition:all .2s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NnubiW_leaveButton:hover{background:#f0f2f5;border-color:#bbb}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NnubiW_emptyMessage{color:#65676b;text-align:center;margin:0;padding:16px 0;font-size:14px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NnubiW_suggestionItem{border-bottom:1px solid #e4e6eb;align-items:center;padding:12px 0;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NnubiW_suggestionItem:last-child{border-bottom:none;padding-bottom:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NnubiW_suggestionIcon{background:#e4e6eb;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-right:12px;font-size:32px;display:flex;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NnubiW_suggestionIcon img{object-fit:cover;width:100%;height:100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NnubiW_suggestionName{color:#050505;flex:1;font-size:15px;font-weight:500}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NnubiW_joinButton{color:#fff;cursor:pointer;background:#1877f2;border:none;border-radius:6px;padding:6px 16px;font-size:14px;font-weight:600;transition:background .2s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NnubiW_joinButton:hover{background:#166fe5}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NnubiW_friendButton{color:#050505;cursor:pointer;background:#e4e6eb;border:none;border-radius:6px;padding:6px 12px;font-size:14px;font-weight:600;transition:background .2s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NnubiW_friendButton:hover{background:#d8dadf}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NnubiW_joinedLabel,[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NnubiW_pendingLabel{color:#65676b;padding:6px 12px;font-size:13px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NnubiW_joinedLabel{color:#00a400}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .NnubiW_pendingLabel{font-style:italic}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff)format("woff-variations");font-weight:300 900;font-style:normal;font-stretch:75% 100%}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff)format("woff-variations");font-weight:300 900;font-style:italic;font-stretch:75% 100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._7nfsya_container{color:#1c1e21;background:#f0f2f5;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._7nfsya_header{background:#fff;border-bottom:1px solid #dadde1;align-items:center;gap:12px;padding:12px 16px;display:flex;box-shadow:0 1px 2px #0000001a}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._7nfsya_logo{color:#1877f2;font-size:24px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._7nfsya_content{scrollbar-width:none;-ms-overflow-style:none;flex:1;min-height:0;padding-bottom:80px;overflow-y:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._7nfsya_content::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._7nfsya_emptyView{text-align:center;color:#65676b;padding:40px 20px;font-size:14px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._7nfsya_bottomNav{z-index:10;background:#fff;border-top:1px solid #dadde1;justify-content:space-around;padding:4px 0;display:flex;position:absolute;bottom:0;left:0;right:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._7nfsya_navBtn{color:#65676b;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 8px;font-family:inherit;transition:all .2s;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._7nfsya_navBtn:hover{background:#f0f2f5}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._7nfsya_navBtn._7nfsya_active{color:#1877f2}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._7nfsya_navIcon{font-size:16px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._7nfsya_navLabel{font-size:12px;font-weight:500}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6EeVdW_browserBar{z-index:10;background:#fff;border-top:1px solid #dadde1;align-items:center;gap:8px;padding:8px 12px;display:flex;position:sticky;bottom:0;left:0;right:0;box-shadow:0 -1px 2px #0000001a}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6EeVdW_tabsButton{cursor:pointer;color:#050505;background:#f0f2f5;border:1px solid #dadde1;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:14px;transition:background .2s;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6EeVdW_tabsButton:hover{background:#e4e6eb}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6EeVdW_tabsIcon{font-size:18px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6EeVdW_tabsCount{font-size:14px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6EeVdW_searchBar{flex:1}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6EeVdW_searchInput{color:#050505;background:#f0f2f5;border:1px solid #dadde1;border-radius:6px;width:100%;padding:8px 12px;font-size:14px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6EeVdW_searchInput::placeholder{color:#65676b}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._6EeVdW_searchInput:focus{background:#fff;border-color:#1877f2;outline:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .HfEkya_tabItem{cursor:pointer;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .HfEkya_tabItem:hover{transform:translateY(-2px)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .HfEkya_closeButton{color:#fff;cursor:pointer;z-index:10;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:600;transition:background .2s;display:flex;position:absolute;top:8px;right:8px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .HfEkya_closeButton:hover{background:#000000b3}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .HfEkya_tabThumbnail{aspect-ratio:9/16;background:#f0f2f5;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .HfEkya_thumbnailImage{object-fit:cover;border-radius:8px;width:100%;height:100%;display:block}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .HfEkya_thumbnailPlaceholder{background:#d7d9dc;border-radius:8px;justify-content:center;align-items:center;width:100%;height:100%;font-size:48px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .HfEkya_tabTitle{color:#050505;text-overflow:ellipsis;white-space:wrap;text-align:center;font-size:15px;font-weight:400;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .TZDhWq_tabView{-ms-overflow-style:none;scrollbar-width:none;background:#f0f2f5;flex-direction:column;height:100%;display:flex;position:relative;overflow-y:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .TZDhWq_tabView::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .TZDhWq_footer{z-index:10;background:#fff;border-top:1px solid #dadde1;justify-content:center;align-items:center;padding:16px;display:flex;position:sticky;bottom:0;left:0;right:0;box-shadow:0 -1px 2px #0000001a}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .TZDhWq_headerText{justify-content:center;align-items:center;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .TZDhWq_tabCount{color:#050505;font-size:16px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .TZDhWq_tabsGrid{grid-template-columns:repeat(2,1fr);gap:20px;max-width:1200px;margin:0 auto;padding:20px;display:grid}@media (min-width:768px){[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .TZDhWq_tabsGrid{grid-template-columns:repeat(2,1fr);gap:24px;padding:24px}}@media (min-width:1024px){[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .TZDhWq_tabsGrid{grid-template-columns:repeat(3,1fr);gap:24px}}@media (min-width:1440px){[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .TZDhWq_tabsGrid{grid-template-columns:repeat(4,1fr)}}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff)format("woff-variations");font-weight:300 900;font-style:normal;font-stretch:75% 100%}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff)format("woff-variations");font-weight:300 900;font-style:italic;font-stretch:75% 100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .PqBWgq_loadingView{color:#1c1e21;background:#fff;flex-direction:column;height:100%;display:flex;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .PqBWgq_header{background:#fff;border-bottom:1px solid #dadde1;align-items:center;gap:12px;padding:12px 16px;display:flex;box-shadow:0 1px 2px #0000001a}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .PqBWgq_title{color:#050505;flex:1;font-size:20px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .PqBWgq_tabsButton{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px 8px;font-size:24px;transition:opacity .2s;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .PqBWgq_tabsButton:hover{opacity:.7}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .PqBWgq_content{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;min-height:0;padding:40px 20px 0;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .PqBWgq_loadingText{color:#65676b;font-size:18px;font-weight:400}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .PqBWgq_spinner{border:4px solid #e4e6eb;border-top-color:#1877f2;border-radius:50%;width:40px;height:40px;animation:1s linear infinite PqBWgq_spin}@keyframes PqBWgq_spin{to{transform:rotate(360deg)}}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff)format("woff-variations");font-weight:300 900;font-style:normal;font-stretch:75% 100%}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff)format("woff-variations");font-weight:300 900;font-style:italic;font-stretch:75% 100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .gsd0YG_container{color:#1c1e21;background:#fff;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .gsd0YG_header{background:#fff;border-bottom:1px solid #dadde1;align-items:center;gap:12px;padding:12px 16px;display:flex;box-shadow:0 1px 2px #0000001a}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .gsd0YG_logo{color:#1877f2;font-size:20px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .gsd0YG_title{color:#050505;font-size:20px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .gsd0YG_pageContent{scrollbar-width:none;-ms-overflow-style:none;flex:1;min-height:0;padding-bottom:0;overflow-y:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .gsd0YG_pageContent::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .gsd0YG_placeholder{text-align:center;color:#65676b;padding:40px 20px;font-size:15px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .gsd0YG_searchResults{color:#202124;max-width:650px;margin:0 auto;padding:20px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .gsd0YG_searchQuery{color:#202124;border-bottom:1px solid #ebebeb;margin-bottom:20px;padding-bottom:16px;font-size:20px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .gsd0YG_aiAnswer{background:#f8f9fa;border:1px solid #dadce0;border-radius:8px;margin-bottom:24px;padding:16px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .gsd0YG_aiHeader{align-items:center;margin-bottom:12px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .gsd0YG_aiLabel{color:#5f6368;text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .gsd0YG_aiContent{color:#3c4043;font-size:14px;line-height:1.6}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .gsd0YG_aiContent p{margin:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .gsd0YG_searchResultsList{margin-bottom:24px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .gsd0YG_searchResult{cursor:pointer;border-bottom:1px solid #ebebeb;border-radius:8px;margin-bottom:24px;padding:12px 12px 16px;transition:background-color .15s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .gsd0YG_searchResult:hover{background-color:#f8f9fa}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .gsd0YG_searchResult:active{background-color:#f0f0f0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .gsd0YG_searchResult:last-of-type{border-bottom:none;margin-bottom:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .gsd0YG_resultTitle{color:#1a0dab;cursor:pointer;margin-bottom:4px;font-size:20px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .gsd0YG_resultTitle:hover{text-decoration:underline}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .gsd0YG_resultUrl{color:#006621;margin-bottom:4px;font-size:14px;line-height:1.3}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .gsd0YG_resultSnippet{color:#4d5156;font-size:14px;line-height:1.6}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .gsd0YG_noMoreResults{text-align:center;color:#70757a;padding:20px 0;font-size:14px;font-style:italic}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._27_o3q_container{color:#000;background:#000;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._27_o3q_container._27_o3q_blurred ._27_o3q_content{filter:blur(4px);pointer-events:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._27_o3q_content{flex-direction:column;flex:1;min-height:0;padding-bottom:50px;display:flex;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._27_o3q_tabContent{scrollbar-width:none;background:#f0f0f0;flex-direction:column;flex:1;display:flex;overflow-y:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._27_o3q_tabContent::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._27_o3q_discoverView{flex:1;min-height:0;display:flex;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._27_o3q_emptyState{text-align:center;color:#fff;background:linear-gradient(#1a1a1a 0%,#000 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:100vh;padding:40px 24px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._27_o3q_emptyIcon{margin-bottom:24px;font-size:80px;animation:3s ease-in-out infinite _27_o3q_float}@keyframes _27_o3q_float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._27_o3q_emptyTitle{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#ff6b9d 0%,#c44569 100%);-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-size:24px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._27_o3q_emptyText{color:#ffffffb3;max-width:280px;margin:0 0 28px;font-size:15px;line-height:1.5}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._27_o3q_viewMatchesButton{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b9d 0%,#c44569 100%);border:none;border-radius:30px;padding:14px 32px;font-size:16px;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #ff6b9d66}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._27_o3q_viewMatchesButton:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 6px 20px #ff6b9d80}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._27_o3q_viewMatchesButton:active{transform:translateY(0)scale(.98)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._27_o3q_bottomNav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#fffffff2;border-top:1px solid #0000001a;justify-content:space-around;display:flex;position:absolute;bottom:0;left:0;right:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._27_o3q_navBtn{cursor:pointer;color:#666;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:8px 20px;transition:color .2s;display:flex;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._27_o3q_navBtn._27_o3q_active,[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._27_o3q_navBtn:hover{color:#ff6b9d}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._27_o3q_navIcon{font-size:24px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._27_o3q_navLabel{font-size:12px;font-weight:500}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._27_o3q_badge{color:#fff;text-align:center;background:#ff4757;border-radius:10px;min-width:18px;padding:2px 6px;font-size:12px;font-weight:700;position:absolute;top:4px;right:8px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .QMLW1q_profileCard{background:#000;flex-direction:column;width:100%;height:100%;animation:.3s QMLW1q_slideIn;display:flex;position:relative;overflow:hidden}@keyframes QMLW1q_slideIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .QMLW1q_profileImage{background:linear-gradient(135deg,#ff6b9d 0%,#c44569 100%);flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .QMLW1q_avatar{-webkit-user-select:none;user-select:none;font-size:clamp(60px,15vw,120px)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .QMLW1q_avatarImage{object-fit:cover;width:100%;height:100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .QMLW1q_profileImage:after{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#0003 30%,#00000080 50%,#000c 75%,#000000f2 100%);height:75%;position:absolute;bottom:0;left:0;right:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .QMLW1q_profileInfo{color:#fff;z-index:1;padding:12px 20px;position:absolute;bottom:75px;left:0;right:0}@media (max-height:500px){[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .QMLW1q_profileInfo{padding:10px 16px;bottom:65px}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .QMLW1q_profileName{color:#fff;text-shadow:0 1px 3px #00000080;margin:0 0 8px;font-size:clamp(22px,5vw,28px);font-weight:700}@media (max-height:500px){[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .QMLW1q_profileName{margin:0 0 4px;font-size:20px}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .QMLW1q_profileDescription{color:#fffffff2;text-shadow:0 1px 3px #0009;margin:0;font-size:clamp(13px,3vw,15px);line-height:1.5}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .QMLW1q_actionButtons{z-index:2;justify-content:center;gap:40px;padding:14px 20px;display:flex;position:absolute;bottom:16px;left:0;right:0}@media (max-height:500px){[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .QMLW1q_actionButtons{gap:32px;padding:12px 16px;bottom:10px}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .QMLW1q_actionButton{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:26px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 12px #0000004d}@media (max-height:500px){[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .QMLW1q_actionButton{width:48px;height:48px;font-size:22px}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .QMLW1q_actionButton:hover{transform:scale(1.1);box-shadow:0 6px 16px #0006}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .QMLW1q_actionButton:active{transform:scale(.95)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .QMLW1q_rejectButton{color:#ff4757;background:#fff}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .QMLW1q_rejectButton svg{width:20px;height:20px}@media (max-height:500px){[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .QMLW1q_rejectButton svg{width:16px;height:16px}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .QMLW1q_matchButton{color:#fff;background:linear-gradient(135deg,#ff6b9d 0%,#c44569 100%)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .QMLW1q_matchButton svg{width:28px;height:28px}@media (max-height:500px){[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .QMLW1q_matchButton svg{width:24px;height:24px}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .scbLuG_matchesList{background:#f0f0f0;flex-direction:column;flex:1;gap:12px;min-height:100%;padding:16px 16px 100px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .scbLuG_matchItem{cursor:pointer;background:#fff;border-radius:16px;align-items:center;gap:16px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 2px 4px #0000000d}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .scbLuG_matchItem:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .scbLuG_matchItem:active{transform:translateY(0)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .scbLuG_avatar{background:linear-gradient(135deg,#ff6b9d 0%,#c44569 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:56px;display:flex;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .scbLuG_avatarImage{object-fit:cover;width:100%;height:100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .scbLuG_matchInfo{flex:1;min-width:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .scbLuG_matchName{color:#333;margin-bottom:4px;font-size:18px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .scbLuG_lastMessage{color:#666;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .scbLuG_messageIndicator{flex-shrink:0;font-size:20px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .scbLuG_unreadIndicator{background:#ff6b9d;border:2px solid #fff;border-radius:50%;flex-shrink:0;width:12px;height:12px;position:absolute;top:12px;right:12px;box-shadow:0 2px 4px #0000001a}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .scbLuG_emptyState{text-align:center;color:#999;background:#f0f0f0;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:60px 20px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .scbLuG_emptyIcon{margin-bottom:16px;font-size:64px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .scbLuG_emptySubtext{color:#bbb;margin-top:8px;font-size:14px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._96PgMa_chatContainer{background:#f5f5f5;flex-direction:column;height:100%;min-height:0;display:flex;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._96PgMa_chatHeader{color:#fff;z-index:10;background:linear-gradient(135deg,#ff6b9d 0%,#c44569 100%);align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0;box-shadow:0 2px 4px #0000001a}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._96PgMa_profileInfo{flex:1;align-items:center;gap:12px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._96PgMa_avatar{background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._96PgMa_avatarImage{object-fit:cover;width:100%;height:100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._96PgMa_profileName{font-size:16px;font-weight:500}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._96PgMa_headerActions{cursor:pointer;gap:16px;font-size:20px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._96PgMa_messagesContainer{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;gap:8px;padding:16px 16px 80px;display:flex;overflow-y:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._96PgMa_messagesContainer::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._96PgMa_messageGroup{align-items:flex-start;gap:8px;max-width:75%;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._96PgMa_messageGroup._96PgMa_sent{flex-direction:row-reverse;align-self:flex-end}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._96PgMa_messageGroup._96PgMa_received{align-self:flex-start}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._96PgMa_senderAvatar{background:linear-gradient(135deg,#ff6b9d 0%,#c44569 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._96PgMa_messages{flex-direction:column;gap:2px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._96PgMa_messageGroup._96PgMa_sent ._96PgMa_messages{align-items:flex-end}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._96PgMa_messageGroup._96PgMa_received ._96PgMa_messages{align-items:flex-start}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._96PgMa_message{word-wrap:break-word;border-radius:16px;width:fit-content;max-width:100%;padding:10px 14px;font-size:14px;line-height:1.4}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._96PgMa_messageGroup._96PgMa_sent ._96PgMa_message{color:#fff;background:linear-gradient(135deg,#ff6b9d 0%,#c44569 100%);border-bottom-right-radius:4px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._96PgMa_messageGroup._96PgMa_received ._96PgMa_message{color:#333;background:#fff;border-bottom-left-radius:4px;box-shadow:0 1px 2px #0000001a}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._96PgMa_emptyMessages{text-align:center;color:#999;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._96PgMa_emptySubtext{color:#bbb;margin-top:8px;font-size:14px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._96PgMa_error{color:#666;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:20px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._96PgMa_error button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b9d 0%,#c44569 100%);border:none;border-radius:4px;margin-top:16px;padding:8px 16px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._96PgMa_error button:hover{opacity:.9}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lAJ8gW_overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.3s lAJ8gW_fadeIn;display:flex;position:absolute;inset:0}@keyframes lAJ8gW_fadeIn{0%{opacity:0}to{opacity:1}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lAJ8gW_popup{background:#fff;border-radius:24px;width:90%;max-width:400px;padding:32px;animation:.3s lAJ8gW_slideUp;position:relative;box-shadow:0 8px 32px #0000004d}@keyframes lAJ8gW_slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lAJ8gW_content{text-align:center;flex-direction:column;align-items:center;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lAJ8gW_matchIcon{margin-bottom:16px;font-size:64px;animation:1s infinite lAJ8gW_pulse}@keyframes lAJ8gW_pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lAJ8gW_title{color:#333;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#ff6b9d 0%,#c44569 100%);-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-size:28px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lAJ8gW_message{color:#666;margin:0 0 24px;font-size:16px;line-height:1.6}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lAJ8gW_message strong{color:#ff6b9d;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lAJ8gW_profilePicture{background:linear-gradient(135deg,#ff6b9d 0%,#c44569 100%);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:24px;font-size:80px;display:flex;overflow:hidden;box-shadow:0 4px 16px #ff6b9d4d}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lAJ8gW_profileImage{object-fit:cover;width:100%;height:100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lAJ8gW_closeButton{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b9d 0%,#c44569 100%);border:none;border-radius:24px;min-width:120px;padding:12px 32px;font-size:16px;font-weight:600;transition:transform .2s,box-shadow .2s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lAJ8gW_closeButton:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff6b9d66}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .lAJ8gW_closeButton:active{transform:translateY(0)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .WcobpG_badge{color:#fff;z-index:10;background:red;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0 4px;font-size:12px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 4px #0003}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .mkTLvG_container{color:#000;background:#f5f5f5;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .mkTLvG_header{color:#fff;z-index:10;background:#007aff;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0;box-shadow:0 2px 4px #0000001a}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .mkTLvG_headerLeft{align-items:center;gap:12px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .mkTLvG_logo{font-size:18px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .mkTLvG_content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .mkTLvG_conversationsContainer{-ms-overflow-style:none;scrollbar-width:none;flex:1;overflow-y:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .mkTLvG_conversationsContainer::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._aBiYG_conversationsList{padding:8px 0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._aBiYG_conversationItem{cursor:pointer;border-bottom:1px solid #e0e0e0;align-items:center;padding:12px 16px;transition:background-color .2s;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._aBiYG_conversationItem:hover{background-color:#f0f0f0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._aBiYG_conversationItem:active{background-color:#e0e0e0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._aBiYG_avatar{color:#fff;background:#007aff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-right:12px;font-size:20px;font-weight:600;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._aBiYG_conversationInfo{flex:1;min-width:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._aBiYG_contactName{color:#000;margin-bottom:4px;font-size:16px;font-weight:500}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._aBiYG_lastMessage{color:#666;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._aBiYG_conversationItem._aBiYG_unread{background:#e3f2fd}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._aBiYG_unreadName{color:#000;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._aBiYG_unreadMessage{color:#333;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._aBiYG_unreadDot{background:#007aff;border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-left:8px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .cuAIFq_chatContainer{background:#f5f5f5;flex-direction:column;height:100%;min-height:0;display:flex;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .cuAIFq_chatHeader{color:#fff;z-index:10;background:#007aff;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0;box-shadow:0 2px 4px #0000001a}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .cuAIFq_contactInfo{flex:1;align-items:center;gap:12px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .cuAIFq_avatar{color:#fff;background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:600;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .cuAIFq_contactName{font-size:16px;font-weight:500}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .cuAIFq_messagesContainer{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;gap:8px;padding:16px;display:flex;overflow-y:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .cuAIFq_messagesContainer::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .cuAIFq_messageGroup{flex-direction:column;gap:2px;max-width:70%;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .cuAIFq_messageGroup.cuAIFq_sent{align-self:flex-end;align-items:flex-end}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .cuAIFq_messageGroup.cuAIFq_received{align-self:flex-start;align-items:flex-start}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .cuAIFq_message{word-wrap:break-word;border-radius:8px;padding:8px 12px;font-size:14px;line-height:1.4}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .cuAIFq_message.cuAIFq_lastInGroup{border-bottom-right-radius:8px;border-bottom-left-radius:8px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .cuAIFq_message:not(.cuAIFq_lastInGroup){border-bottom-right-radius:2px;border-bottom-left-radius:2px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .cuAIFq_messageGroup.cuAIFq_sent .cuAIFq_message{color:#fff;background:#007aff}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .cuAIFq_messageGroup.cuAIFq_sent .cuAIFq_message.cuAIFq_lastInGroup{border-bottom-right-radius:8px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .cuAIFq_messageGroup.cuAIFq_sent .cuAIFq_message:not(.cuAIFq_lastInGroup){border-bottom-right-radius:2px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .cuAIFq_messageGroup.cuAIFq_received .cuAIFq_message{color:#000;background:#fff}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .cuAIFq_messageGroup.cuAIFq_received .cuAIFq_message.cuAIFq_lastInGroup{border-bottom-left-radius:8px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .cuAIFq_messageGroup.cuAIFq_received .cuAIFq_message:not(.cuAIFq_lastInGroup){border-bottom-left-radius:2px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .cuAIFq_error{color:#666;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:20px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .cuAIFq_error button{color:#fff;cursor:pointer;background:#007aff;border:none;border-radius:4px;margin-top:16px;padding:8px 16px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .cuAIFq_error button:hover{background:#0056b3}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .cuAIFq_messageLink{color:#007aff;cursor:pointer;word-break:break-all;text-decoration:underline}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .cuAIFq_messageLink:hover{text-decoration:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .cuAIFq_messageGroup.cuAIFq_sent .cuAIFq_message .cuAIFq_messageLink{color:#fff;text-decoration:underline}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .cuAIFq_messageGroup.cuAIFq_sent .cuAIFq_message .cuAIFq_messageLink:hover{opacity:.8}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .h5bQ6q_container{color:#000;background:#fff;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .h5bQ6q_header{box-sizing:border-box;color:#fff;z-index:10;background:#ff9500;justify-content:space-between;align-items:center;height:56px;padding:12px 16px;display:flex;position:sticky;top:0;box-shadow:0 2px 4px #0000001a}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .h5bQ6q_headerLeft{align-items:center;gap:12px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .h5bQ6q_logo{font-size:18px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .h5bQ6q_content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .h5bQ6q_notesContainer{scrollbar-width:none;-ms-overflow-style:none;flex:1;overflow-y:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .h5bQ6q_notesContainer::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .UBX60G_notesList{padding:8px 0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .UBX60G_noteItem{cursor:pointer;border-bottom:1px solid #e0e0e0;padding:16px;transition:background-color .2s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .UBX60G_noteItem:hover{background-color:#f5f5f5}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .UBX60G_noteItem:active{background-color:#eee}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .UBX60G_noteItem:last-child{border-bottom:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .UBX60G_noteHeader{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .UBX60G_noteTitle{color:#000;text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:18px;font-weight:600;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .UBX60G_noteDate{color:#999;white-space:nowrap;flex-shrink:0;font-size:12px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .UBX60G_notePreview{color:#666;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .UBX60G_emptyState{text-align:center;color:#999;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .UBX60G_emptyIcon{margin-bottom:16px;font-size:64px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .UBX60G_emptySubtext{color:#bbb;margin-top:8px;font-size:14px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .IjUc7G_noteContainer{color:#000;background:#fff;flex-direction:column;height:100%;display:flex;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .IjUc7G_noteHeader{box-sizing:border-box;color:#fff;z-index:10;background:#ff9500;align-items:center;gap:12px;height:56px;padding:12px 16px;display:flex;position:sticky;top:0;box-shadow:0 2px 4px #0000001a}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .IjUc7G_headerInfo{flex:1;justify-content:flex-end;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .IjUc7G_headerDate{opacity:.9;font-size:12px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .IjUc7G_noteContent{scrollbar-width:none;-ms-overflow-style:none;flex:1;padding:24px 16px;overflow-y:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .IjUc7G_noteContent::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .IjUc7G_noteTitle{color:#000;margin:0 0 20px;font-size:28px;font-weight:700;line-height:1.3}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .IjUc7G_noteText{color:#333;font-size:16px;line-height:1.6}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .IjUc7G_noteText p{margin:0 0 12px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .IjUc7G_noteText p:last-child{margin-bottom:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .IjUc7G_error{color:#666;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:20px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .IjUc7G_error button{color:#fff;cursor:pointer;background:#ff9500;border:none;border-radius:4px;margin-top:16px;padding:8px 16px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .IjUc7G_error button:hover{background:#e68600}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff)format("woff-variations");font-weight:300 900;font-style:normal;font-stretch:75% 100%}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff)format("woff-variations");font-weight:300 900;font-style:italic;font-stretch:75% 100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .kB1FlW_container{color:#fff;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;background:#121212;flex-direction:column;width:100%;height:100%;padding:16px;display:flex;overflow-y:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .kB1FlW_container::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .kB1FlW_header{margin-bottom:24px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .kB1FlW_greeting{color:#fff;margin:0;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:28px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .kB1FlW_subtitle{color:#b3b3b3;margin:8px 0 0;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:16px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .kB1FlW_playlistGrid{grid-template-columns:repeat(2,1fr);gap:12px;padding-bottom:20px;display:grid}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .kB1FlW_playlistCard{cursor:pointer;text-align:left;background:#282828;border:none;border-radius:4px;align-items:center;padding:0;transition:background-color .2s;display:flex;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .kB1FlW_playlistCard:hover{background:#333}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .kB1FlW_playlistCard:active{background:#404040}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .kB1FlW_playlistCover{flex-shrink:0;width:56px;height:56px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .kB1FlW_playlistName{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:8px 12px;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .kB1FlW_loadingContainer{color:#fff;background:#121212;flex-direction:column;height:100%;display:flex;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .kB1FlW_backButton{cursor:pointer;color:#fff;z-index:10;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .2s,transform .1s;display:flex;position:absolute;top:16px;left:16px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .kB1FlW_backButton:hover{background:#000000e6;transform:scale(1.05)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .kB1FlW_backButton:active{transform:scale(.95)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .kB1FlW_backButton svg{width:24px;height:24px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .kB1FlW_loadingContent{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .kB1FlW_loadingTitle{text-align:center;color:#fff;margin-bottom:12px;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:24px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .kB1FlW_loadingPlaylistName{color:#b3b3b3;text-align:center;margin:0 0 40px;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:16px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .kB1FlW_loadingBarContainer{background:#ffffff1a;border-radius:2px;width:100%;max-width:300px;height:4px;position:relative;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .kB1FlW_loadingBarFill{background:#1db954;border-radius:2px;height:100%;transition:width .1s linear;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .kB1FlW_loadingBarFill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:1.5s infinite kB1FlW_shimmer;position:absolute;inset:0}@keyframes kB1FlW_shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width:360px){[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .kB1FlW_playlistGrid{grid-template-columns:1fr}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .kB1FlW_greeting{font-size:24px}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .-VyEPa_container{color:#fff;background:radial-gradient(at 20% 0,#6366f126 0%,#0000 50%),radial-gradient(at 80% 100%,#3b82f61a 0%,#0000 50%),linear-gradient(165deg,#0f172a 0%,#1e293b 50%,#0f172a 100%);flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zCK7SW_container{flex-direction:column;justify-content:center;align-items:center;height:100%;padding:16px;display:flex;position:relative;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zCK7SW_container:before{content:"";pointer-events:none;background:radial-gradient(at 30% 20%,#ffffff14 0%,#0000 50%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zCK7SW_content{z-index:1;flex-direction:column;align-items:center;width:100%;max-width:280px;display:flex;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zCK7SW_logoContainer{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zCK7SW_logo{font-size:32px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zCK7SW_title{text-align:center;color:#ffffffe6;letter-spacing:.2px;margin-bottom:24px;padding:0 8px;font-size:16px;font-weight:400;line-height:1.4}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zCK7SW_pinContainer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:8px;padding:16px 24px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zCK7SW_pinDots{gap:16px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zCK7SW_dot{background:0 0;border:2px solid #fff6;border-radius:50%;width:12px;height:12px;transition:all .2s;box-shadow:0 2px 8px #0000001a}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zCK7SW_dot.zCK7SW_filled{background:#fff;border-color:#fff;box-shadow:0 0 12px #fff6}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zCK7SW_dot.zCK7SW_error{background:#ff6b6b;border-color:#ff6b6b;box-shadow:0 0 12px #ff6b6b80}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zCK7SW_shake{animation:.4s ease-in-out zCK7SW_shake}@keyframes zCK7SW_shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-8px)}80%{transform:translate(8px)}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zCK7SW_errorText{color:#ff8a8a;height:18px;margin-bottom:12px;font-size:14px;font-weight:500}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zCK7SW_keypad{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;margin-top:16px;padding:0;display:grid}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zCK7SW_key{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;justify-content:center;justify-self:center;align-items:center;width:56px;height:56px;font-size:22px;font-weight:300;transition:all .15s;display:flex;box-shadow:0 2px 8px #00000026,inset 0 1px #ffffff1a}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zCK7SW_key:hover{background:#ffffff26;border-color:#ffffff40;transform:scale(1.02)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zCK7SW_key:active{background:#fff3;transform:scale(.96);box-shadow:0 1px 4px #0003,inset 0 1px #ffffff26}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zCK7SW_key.zCK7SW_empty{cursor:default;box-shadow:none;background:0 0;border-color:#0000}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zCK7SW_key.zCK7SW_empty:hover{background:0 0;transform:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zCK7SW_key.zCK7SW_delete{background:#ffffff0d;border-color:#ffffff1a;font-size:18px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zCK7SW_key.zCK7SW_delete:hover{background:#ffffff1f}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zCK7SW_footer{text-align:center;margin-top:24px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zCK7SW_footerText{color:#fff6;letter-spacing:.5px;font-size:14px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .dNsRcW_container{flex-direction:column;height:100%;display:flex;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .dNsRcW_header{box-sizing:border-box;background:#0003;justify-content:space-between;align-items:center;height:56px;padding:12px 16px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .dNsRcW_logo{color:#fff;font-size:18px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .dNsRcW_content{scrollbar-width:none;-ms-overflow-style:none;flex:1;padding:16px;overflow-y:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .dNsRcW_content::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .dNsRcW_accountCard{cursor:pointer;background:linear-gradient(135deg,#2196f3 0%,#1976d2 100%);border-radius:16px;margin-bottom:24px;padding:20px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #0000004d}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .dNsRcW_accountCard:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0006}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .dNsRcW_accountCard:active{transform:translateY(0)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .dNsRcW_accountType{text-transform:uppercase;letter-spacing:1px;opacity:.8;margin-bottom:4px;font-size:12px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .dNsRcW_accountNumber{opacity:.9;margin-bottom:16px;font-family:monospace;font-size:14px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .dNsRcW_balanceLabel{opacity:.7;margin-bottom:4px;font-size:12px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .dNsRcW_balance{margin-bottom:16px;font-size:32px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .dNsRcW_viewTransactions{opacity:.9;text-align:right;font-size:14px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .dNsRcW_section{margin-bottom:24px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .dNsRcW_sectionTitle{color:#ffffffe6;margin-bottom:12px;font-size:16px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .dNsRcW_billsList{flex-direction:column;gap:12px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .dNsRcW_billItem{background:#ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .dNsRcW_billInfo{flex-direction:column;gap:4px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .dNsRcW_billName{font-size:14px;font-weight:500}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .dNsRcW_billDue{opacity:.7;font-size:12px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .dNsRcW_billAmount{color:#ff9800;font-size:16px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .dNsRcW_ownerInfo{text-align:center;background:#ffffff0d;border-radius:12px;padding:16px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .dNsRcW_ownerLabel{opacity:.6;margin-bottom:4px;font-size:12px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .dNsRcW_ownerName{font-size:16px;font-weight:500}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .aEip8W_container{flex-direction:column;height:100%;display:flex;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .aEip8W_header{box-sizing:border-box;background:#0003;align-items:center;gap:12px;height:56px;padding:12px 16px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .aEip8W_backButton{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:28px;font-weight:300;line-height:1;transition:all .2s;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .aEip8W_backButton:hover{background:#ffffff1a}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .aEip8W_backButton:active{background:#ffffff26;transform:scale(.95)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .aEip8W_title{color:#fff;font-size:18px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .aEip8W_content{scrollbar-width:none;-ms-overflow-style:none;flex:1;padding:16px;overflow-y:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .aEip8W_content::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .aEip8W_transactionsList{flex-direction:column;gap:8px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .aEip8W_transactionItem{background:#ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .aEip8W_transactionInfo{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .aEip8W_transactionName{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .aEip8W_transactionDate{opacity:.6;font-size:12px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .aEip8W_transactionAmount{white-space:nowrap;margin-left:12px;font-size:15px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .aEip8W_transactionAmount.aEip8W_positive{color:#4caf50}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .aEip8W_transactionAmount.aEip8W_negative{color:#fff;opacity:.9}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .reactour__popover{transition:none!important;animation:.3s ease-out _0eNfxa_popoverFadeIn!important}@keyframes _0eNfxa_popoverFadeIn{0%{opacity:0}to{opacity:1}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._0eNfxa_tutorialTitle{color:#ffd100;margin-bottom:.5rem;font-size:1.1rem;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._0eNfxa_tutorialContent{padding:12px 8px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._0eNfxa_tutorialContent ._0eNfxa_tutorialTitle{color:#ffd100;margin-bottom:.5rem;font-size:1.1rem;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._0eNfxa_tutorialContent p{color:#ffffffe6;margin:0 0 10px;font-size:.95rem;line-height:1.5}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._0eNfxa_tutorialContent p:last-child{margin-bottom:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._0eNfxa_tutorialContent strong{color:#ffd100;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .reactour__isOpen [data-tour]{z-index:10000!important;position:relative!important}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .reactour__isOpen [data-tour=stress-meter]{border-radius:12px!important;box-shadow:0 0 0 2px #00a8af,0 0 15px #00a8af66!important}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .reactour__isOpen [data-tour=info-button]{z-index:10001!important;border-radius:12px!important;box-shadow:0 0 0 3px #ffd100,0 0 20px #ffd1004d!important}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .reactour__mask{background-color:#000c!important}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .reactour__highlight{border:3px solid #00a8af!important;border-radius:12px!important;box-shadow:0 0 25px #00a8af66!important}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] [data-tour-elem=badge]{text-align:center!important;min-width:44px!important;font-family:Yle Next,Arial,sans-serif!important;font-size:13px!important;font-weight:700!important}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] [data-tour-elem=close]:hover{color:#fff!important;background:#ffffff1a!important}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] [data-tour-elem=controls]{justify-content:space-between!important;padding:0 8px!important}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] [data-tour-elem=left-arrow],[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] [data-tour-elem=right-arrow]{padding:8px!important}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] [data-tour-elem=left-arrow] svg,[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] [data-tour-elem=right-arrow] svg{width:20px!important;height:20px!important}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] [data-tour-elem=left-arrow]:not([disabled]):hover,[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] [data-tour-elem=right-arrow]:not([disabled]):hover{transform:scale(1.1);color:#fff!important}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] [data-tour-elem=left-arrow][disabled],[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] [data-tour-elem=right-arrow][disabled]{opacity:.25!important;cursor:default!important;color:#ffffff4d!important}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] [data-tour-elem=left-arrow]:not([disabled]),[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] [data-tour-elem=right-arrow]:not([disabled]){opacity:1!important;color:#fff!important;cursor:pointer!important}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] [data-tour-elem=dot]{border:none!important;margin:0 4px!important;transition:all .2s!important}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] [data-tour-elem=dot][data-disabled=false]{cursor:pointer!important}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] [data-tour-elem=dot][aria-current=true],[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] [data-tour-elem=dot].active{background-color:#00a8af!important;width:10px!important;height:10px!important}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] [data-tour-elem=dot]:not([aria-current=true]),[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] [data-tour-elem=dot]:not(.active){background-color:#ffffff59!important;width:8px!important;height:8px!important}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] [data-tour-elem=dot]:not([aria-current=true]):hover,[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] [data-tour-elem=dot]:not(.active):hover{background-color:#ffffff80!important}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff)format("woff-variations");font-weight:300 900;font-style:normal;font-stretch:75% 100%}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff)format("woff-variations");font-weight:300 900;font-style:italic;font-stretch:75% 100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .eZKoAa_homeButtonContainer{flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .eZKoAa_homeButton{color:#fff;cursor:pointer;z-index:10;background:#008388;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px 10px;font-size:16px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zC8kTq_notificationContainer{z-index:2000;pointer-events:none;padding:12px;position:absolute;top:0;left:0;right:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zC8kTq_notification{cursor:pointer;pointer-events:auto;background:#fff;border-radius:12px;width:100%;max-width:100%;padding:12px 16px;transition:transform .2s,box-shadow .2s;animation:.3s zC8kTq_slideDown;position:relative;box-shadow:0 4px 12px #00000026}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zC8kTq_notification:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zC8kTq_notification:active{transform:translateY(0)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zC8kTq_closeButton{color:#999;cursor:pointer;z-index:10;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;padding:4px 8px;font-size:24px;line-height:1;transition:color .2s,background-color .2s;display:flex;position:absolute;top:8px;right:8px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zC8kTq_closeButton:hover{color:#333;background-color:#0000000d}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zC8kTq_closeButton:active{background-color:#0000001a}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zC8kTq_notificationContent{align-items:center;gap:12px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zC8kTq_notificationIcon{flex-shrink:0;font-size:28px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zC8kTq_notificationText{flex:1;min-width:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zC8kTq_notificationTitle{color:#333;margin-bottom:2px;font-size:14px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .zC8kTq_notificationMessage{color:#666;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.4;overflow:hidden}@keyframes zC8kTq_slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff)format("woff-variations");font-weight:300 900;font-style:normal;font-stretch:75% 100%}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff)format("woff-variations");font-weight:300 900;font-style:italic;font-stretch:75% 100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .u5sUqG_toastContainer{z-index:9999;pointer-events:auto;animation:.4s ease-out u5sUqG_slideIn;position:absolute;top:60px;left:50%;transform:translate(-50%)}@keyframes u5sUqG_slideIn{0%{opacity:0;transform:translate(-50%)translateY(-100%)}to{opacity:1;transform:translate(-50%)translateY(0)}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .u5sUqG_toast{cursor:pointer;background:linear-gradient(135deg,#142814f2 0%,#285028f2 100%);border:1px solid #4caf5080;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-family:Yle Next,Arial,Helvetica,sans-serif;display:flex;box-shadow:0 4px 20px #00000080,0 0 20px #4caf5033,inset 0 1px #ffffff1a}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .u5sUqG_toast:hover{border-color:#4caf50b3}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .u5sUqG_icon{filter:drop-shadow(0 0 6px #4caf5080);font-size:24px;animation:.6s ease-out u5sUqG_iconPulse}@keyframes u5sUqG_iconPulse{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .u5sUqG_content{flex:1;min-width:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .u5sUqG_label{color:#81c784;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1px;font-size:.65rem;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .u5sUqG_name{color:#fff;white-space:nowrap;font-size:.9rem;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .u5sUqG_counter{color:#fff;text-shadow:0 0 10px #4caf5099;white-space:nowrap;border-left:1px solid #4caf504d;padding-left:10px;font-size:1.1rem;font-weight:800}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff)format("woff-variations");font-weight:300 900;font-style:normal;font-stretch:75% 100%}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff)format("woff-variations");font-weight:300 900;font-style:italic;font-stretch:75% 100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .oj9dRq_toastContainer{z-index:9999;pointer-events:auto;animation:.3s ease-out oj9dRq_fadeIn;position:absolute;top:60px;left:50%;transform:translate(-50%)}@keyframes oj9dRq_fadeIn{0%{opacity:0}to{opacity:1}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .oj9dRq_toast{cursor:pointer;background:linear-gradient(135deg,#281e0af2 0%,#503c14f2 100%);border:1px solid #ffd10066;border-radius:10px;align-items:center;gap:10px;min-width:220px;max-width:280px;padding:10px 14px;font-family:Yle Next,Arial,Helvetica,sans-serif;display:flex;box-shadow:0 3px 15px #0006,0 0 20px #ffd10033,inset 0 1px #ffffff14}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .oj9dRq_toast:hover{border-color:#ffd10099}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .oj9dRq_icon{filter:drop-shadow(0 0 6px #ffd10066);font-size:28px;animation:.6s ease-out oj9dRq_iconPulse}@keyframes oj9dRq_iconPulse{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .oj9dRq_content{flex:1;min-width:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .oj9dRq_label{color:#ffd100;text-transform:uppercase;letter-spacing:.8px;margin-bottom:1px;font-size:.65rem;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .oj9dRq_name{color:#fff;font-size:.9rem;font-weight:700;line-height:1.3}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff)format("woff-variations");font-weight:300 900;font-style:normal;font-stretch:75% 100%}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff)format("woff-variations");font-weight:300 900;font-style:italic;font-stretch:75% 100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .r2UQ7a_controlCenter{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;background:#0006;align-items:flex-end;animation:.3s ease-out r2UQ7a_fadeIn;display:flex;position:absolute;inset:0}@keyframes r2UQ7a_fadeIn{0%{opacity:0}to{opacity:1}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .r2UQ7a_content{background:#000c;border-radius:20px 20px 0 0;width:100%;max-height:80vh;padding:12px 16px 32px;animation:.3s ease-out r2UQ7a_slideUp}@keyframes r2UQ7a_slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .r2UQ7a_header{justify-content:center;margin-bottom:16px;padding:8px 0;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .r2UQ7a_handle{background:#ffffff4d;border-radius:3px;width:36px;height:5px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .r2UQ7a_controlsGrid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .r2UQ7a_controlBlock{background:#ffffff1a;border-radius:12px;padding:12px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .r2UQ7a_controlRow{flex-direction:column;gap:8px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .r2UQ7a_controlButton{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:80px;padding:12px;transition:all .2s;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .r2UQ7a_controlButton:hover{background:#ffffff26}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .r2UQ7a_controlButton.r2UQ7a_active{background:#007aff4d;border:1px solid #007aff80}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .r2UQ7a_controlIcon{font-size:32px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .r2UQ7a_controlLabel{text-align:center;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:14px;font-weight:500}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .r2UQ7a_controlStatus{text-transform:uppercase;color:#ffffffb3;background:#ffffff26;border-radius:4px;padding:2px 8px;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:12px;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .r2UQ7a_active .r2UQ7a_controlStatus{color:#fff;background:#007aff66}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Idc5Ka_trigger{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;z-index:100;color:#fff;background:#0009;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .2s;display:flex;position:absolute;bottom:5px;left:5px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Idc5Ka_trigger:hover{background:#000c;transform:scale(1.1)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Idc5Ka_trigger:active{transform:scale(.95)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .Idc5Ka_arrow{font-size:24px;font-weight:600}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff)format("woff-variations");font-weight:300 900;font-style:normal;font-stretch:75% 100%}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff)format("woff-variations");font-weight:300 900;font-style:italic;font-stretch:75% 100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .P7BRza_background{background:radial-gradient(circle closest-corner at 0%,#fff87036 0%,#00f0 100%),radial-gradient(circle at 50% 100%,#3f7d78 0% 0%,#0a0943 50%,#000305 100%);flex-direction:column;flex:1;justify-content:space-evenly;width:100%;height:100%;display:flex;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .P7BRza_pagedContainer{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;display:flex;overflow:auto hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .P7BRza_pagedContainer::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .P7BRza_page{scroll-snap-align:start;flex:0 0 100%;justify-content:center;align-items:center;width:100%;padding:10px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .P7BRza_pageGrid{grid-template-rows:repeat(4,auto);grid-template-columns:repeat(4,1fr);place-items:center;gap:12px;width:100%;max-width:400px;display:grid}@media (max-width:500px){[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .P7BRza_pageGrid{grid-template-rows:repeat(2,auto);gap:8px;max-width:320px}}@media (max-height:700px){[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .P7BRza_pageGrid{grid-template-rows:repeat(2,auto);gap:8px;max-width:320px}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .P7BRza_pageDots{justify-content:center;align-items:center;gap:14px;padding:12px 0;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .P7BRza_dot{cursor:pointer;background:#ffffff4d;border:none;border-radius:50%;width:12px;height:12px;padding:0;transition:all .2s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .P7BRza_dot:hover{background:#ffffff80;transform:scale(1.1)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .P7BRza_activeDot{background:#ffffffe6;transform:scale(1.2)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .P7BRza_dock{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000001a;border-top:1px solid #fff3;border-radius:20px;margin:1em;padding:6px;box-shadow:3px 6px 8px #0000004d}@media (max-width:500px){[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .P7BRza_dock{margin:.5em;padding:5px}}@media (max-height:700px){[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .P7BRza_dock{margin:.5em;padding:5px}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .P7BRza_dockApps{justify-content:space-around;align-items:center;max-width:300px;margin:0 auto;display:flex}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff)format("woff-variations");font-weight:300 900;font-style:normal;font-stretch:75% 100%}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff)format("woff-variations");font-weight:300 900;font-style:italic;font-stretch:75% 100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._7ckyHG_appIcon{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;flex-direction:column;align-items:center;padding:8px;transition:transform .2s,background-color .2s;display:flex;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._7ckyHG_appIcon:hover{background-color:#0000000d;transform:scale(1.02)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._7ckyHG_appIcon._7ckyHG_pressing{background-color:#0000001a;transform:scale(.95)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._7ckyHG_appIcon._7ckyHG_blocked{pointer-events:none;opacity:.5;cursor:not-allowed}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._7ckyHG_appIcon._7ckyHG_blocked:hover{background-color:#0000;transform:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._7ckyHG_icon{margin-bottom:4px;font-size:40px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._7ckyHG_name{color:#fff;text-align:center;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;padding:0 2px;font-size:12px;line-height:1.2}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._7ckyHG_deleteOverlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100dvh;animation:.2s _7ckyHG_fadeIn;display:flex;position:fixed;top:0;left:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._7ckyHG_deletePopup{text-align:center;background:#fff;border-radius:16px;width:90%;max-width:300px;padding:24px;animation:.3s _7ckyHG_popIn;box-shadow:0 10px 30px #0000004d}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._7ckyHG_popupIcon{margin-bottom:16px;font-size:60px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._7ckyHG_deletePopup h3{color:#333;margin:0 0 8px;font-size:18px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._7ckyHG_deletePopup p{color:#666;margin:0 0 20px;font-size:14px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._7ckyHG_popupButtons{justify-content:center;gap:12px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._7ckyHG_cancelButton,[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._7ckyHG_deleteButton{cursor:pointer;border:none;border-radius:8px;padding:12px 20px;font-weight:700;transition:transform .2s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._7ckyHG_cancelButton:hover,[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._7ckyHG_deleteButton:hover{transform:translateY(-2px)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._7ckyHG_cancelButton{color:#333;background-color:#f5f5f5}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._7ckyHG_cancelButton:hover{background-color:#e0e0e0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._7ckyHG_deleteButton{color:#fff;background-color:#f44}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._7ckyHG_deleteButton:hover{background-color:#c00}@keyframes _7ckyHG_fadeIn{0%{opacity:0}to{opacity:1}}@keyframes _7ckyHG_popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff)format("woff-variations");font-weight:300 900;font-style:normal;font-stretch:75% 100%}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff)format("woff-variations");font-weight:300 900;font-style:italic;font-stretch:75% 100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._4srqSG_container{z-index:1000;scrollbar-width:none;-ms-overflow-style:none;background:linear-gradient(135deg,#1a0a0a 0%,#2d0a0a 50%,#0a0a1a 100%);flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;padding-top:60px;font-family:Arial,sans-serif;display:flex;position:absolute;top:0;left:0;overflow:hidden auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._4srqSG_container::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._4srqSG_flashingBackground{pointer-events:none;background:radial-gradient(circle,#0000 0%,#ff00001a 100%);width:100%;height:100%;animation:.5s ease-in-out infinite alternate _4srqSG_flashPulse;position:absolute;top:0;left:0}@keyframes _4srqSG_flashPulse{0%{opacity:.3;background:radial-gradient(circle,#0000 0%,#ff00001a 100%)}to{opacity:.6;background:radial-gradient(circle,#0000 0%,#ff320033 100%)}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._4srqSG_adBanner{color:#000;text-align:center;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(90deg,red,#ff0,red) 0 0/200% 100%;padding:8px 16px;font-size:14px;font-weight:700;animation:1s linear infinite _4srqSG_rainbowBanner;position:absolute;top:0;left:0;right:0}@keyframes _4srqSG_rainbowBanner{0%{background-position:0%}to{background-position:200%}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._4srqSG_content{z-index:10;flex-direction:column;align-items:center;max-width:90%;padding:20px 20px 100px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._4srqSG_warningIcon{font-size:64px;animation:.5s ease-in-out infinite _4srqSG_shake}@keyframes _4srqSG_shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._4srqSG_title{color:#f33;text-align:center;text-transform:uppercase;text-shadow:0 0 10px #ff000080;margin:16px 0 8px;font-size:24px;font-weight:700;animation:.8s ease-in-out infinite _4srqSG_blink}@keyframes _4srqSG_blink{0%,to{opacity:1}50%{opacity:.7}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._4srqSG_subtitle{color:#fc0;text-align:center;margin-bottom:24px;font-size:14px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._4srqSG_progressContainer{width:100%;max-width:280px;margin-bottom:20px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._4srqSG_progressLabel{color:#fff;text-align:center;margin-bottom:8px;font-size:12px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._4srqSG_progressBar{background:#333;border:2px solid #f33;border-radius:12px;height:24px;overflow:hidden;box-shadow:0 0 10px #ff000080}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._4srqSG_progressFill{background:linear-gradient(90deg,red,#f60,#fc0) 0 0/200% 100%;height:100%;transition:width .15s ease-out;animation:1s linear infinite _4srqSG_progressGradient}@keyframes _4srqSG_progressGradient{0%{background-position:0%}to{background-position:200%}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._4srqSG_progressPercent{color:#fff;text-align:center;margin-top:8px;font-size:18px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._4srqSG_buttonContainer{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._4srqSG_downloadButton{color:#fff;cursor:pointer;text-transform:uppercase;background:linear-gradient(#f44 0%,#c00 100%);border:none;border-radius:8px;padding:16px 40px;font-size:18px;font-weight:700;animation:1s ease-in-out infinite _4srqSG_pulse;box-shadow:0 4px 15px #ff000080}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._4srqSG_downloadButton:hover{transform:scale(1.05)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._4srqSG_downloadButton2{color:#000;cursor:pointer;text-transform:uppercase;background:linear-gradient(#fc0 0%,#f90 100%);border:none;border-radius:8px;padding:12px 32px;font-size:14px;font-weight:700;animation:1.2s ease-in-out infinite _4srqSG_pulse;box-shadow:0 4px 15px #ffcc0080}@keyframes _4srqSG_pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._4srqSG_warnings{flex-direction:column;gap:8px;animation:.5s ease-out _4srqSG_fadeIn;display:flex}@keyframes _4srqSG_fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._4srqSG_warningItem{color:#f66;background:#f003;border-left:4px solid red;padding:8px 16px;font-size:12px;animation:1s ease-in-out infinite _4srqSG_warningBlink}@keyframes _4srqSG_warningBlink{0%,to{opacity:1;background:#f003}50%{opacity:.8;background:#ff00004d}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._4srqSG_sideAd{color:#000;writing-mode:vertical-rl;text-orientation:mixed;background:linear-gradient(#0f0 0%,#0c0 100%);padding:12px 8px;font-size:11px;font-weight:700;animation:.7s ease-in-out infinite alternate _4srqSG_adFlash;position:absolute}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._4srqSG_leftAd{top:50%;left:0;transform:translateY(-50%)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._4srqSG_rightAd{top:50%;right:0;transform:translateY(-50%)}@keyframes _4srqSG_adFlash{0%{background:linear-gradient(#0f0 0%,#0c0 100%)}to{background:linear-gradient(#ff0 0%,#f90 100%)}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._4srqSG_popup{background:#fff;border-radius:8px;width:85%;max-width:300px;animation:.5s ease-out _4srqSG_popupBounce;position:absolute;bottom:60px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 4px 20px #00000080}@keyframes _4srqSG_popupBounce{0%{opacity:0;transform:translate(-50%)scale(.5)}50%{transform:translate(-50%)scale(1.1)}to{opacity:1;transform:translate(-50%)scale(1)}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._4srqSG_popupHeader{color:#fff;text-align:center;background:red;padding:12px;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._4srqSG_popupContent{color:#000;text-align:center;padding:16px;font-size:13px;line-height:1.4}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._4srqSG_popupButton{color:#fff;cursor:pointer;background:red;border:none;border-radius:4px;width:calc(100% - 32px);margin:0 16px 16px;padding:12px;font-size:14px;font-weight:700;display:block}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._4srqSG_popupButton:hover{background:#c00}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .hGhteq_glitchOverlay{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .hGhteq_low .hGhteq_scanlines{opacity:.15}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .hGhteq_low .hGhteq_rgbSplit>div{animation-duration:.8s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .hGhteq_low .hGhteq_glitchBlock{opacity:.15;animation-duration:2s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .hGhteq_low .hGhteq_noiseOverlay{opacity:.02}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .hGhteq_low .hGhteq_vhsTracking{opacity:.2}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .hGhteq_medium .hGhteq_scanlines{opacity:.5}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .hGhteq_medium .hGhteq_rgbSplit>div{animation-duration:.2s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .hGhteq_medium .hGhteq_glitchBlock{animation-duration:.3s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .hGhteq_medium .hGhteq_noiseOverlay{opacity:.1}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .hGhteq_high .hGhteq_scanlines{opacity:.7}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .hGhteq_high .hGhteq_rgbSplit>div{animation-duration:.1s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .hGhteq_high .hGhteq_glitchBlock{animation-duration:.15s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .hGhteq_high .hGhteq_noiseOverlay{opacity:.15}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .hGhteq_scanlines{background:repeating-linear-gradient(0deg,#00000026,#00000026 1px,#0000 1px 2px);width:100%;height:100%;animation:.1s infinite hGhteq_scanlineFlicker;position:absolute;top:0;left:0}@keyframes hGhteq_scanlineFlicker{0%,to{opacity:1}50%{opacity:.95}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .hGhteq_rgbSplit{width:100%;height:100%;position:absolute;top:0;left:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .hGhteq_redLayer{mix-blend-mode:screen;background:#ff00001a;width:100%;height:100%;animation:.15s infinite alternate hGhteq_rgbShiftRed;position:absolute;top:0;left:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .hGhteq_greenLayer{mix-blend-mode:screen;background:#00ff000d;width:100%;height:100%;animation:.12s infinite alternate hGhteq_rgbShiftGreen;position:absolute;top:0;left:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .hGhteq_blueLayer{mix-blend-mode:screen;background:#0000ff1a;width:100%;height:100%;animation:.18s infinite alternate hGhteq_rgbShiftBlue;position:absolute;top:0;left:0}@keyframes hGhteq_rgbShiftRed{0%{transform:translate(-3px)}to{transform:translate(3px)}}@keyframes hGhteq_rgbShiftGreen{0%{transform:translateY(-2px)}to{transform:translateY(2px)}}@keyframes hGhteq_rgbShiftBlue{0%{transform:translate(3px)}to{transform:translate(-3px)}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .hGhteq_glitchBlocks{width:100%;height:100%;position:absolute;top:0;left:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .hGhteq_glitchBlock{mix-blend-mode:difference;background:#ff00ff4d;animation:.2s infinite hGhteq_glitchBlockAnim;position:absolute}@keyframes hGhteq_glitchBlockAnim{0%{opacity:0;transform:translate(0)}20%{opacity:1;transform:translate(-10px)}40%{opacity:0}60%{opacity:1;transform:translate(10px)}80%,to{opacity:0;transform:translate(0)}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .hGhteq_noiseOverlay{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");width:100%;height:100%;animation:.15s steps(4,end) infinite hGhteq_noiseAnim;position:absolute;top:0;left:0}@keyframes hGhteq_noiseAnim{0%{transform:translate(0)}25%{transform:translate(-2%,-2%)}50%{transform:translate(2%,2%)}75%{transform:translate(-2%,2%)}to{transform:translate(2%,-2%)}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .hGhteq_vhsTracking{background:linear-gradient(#0000 0% 45%,#ffffff1a 45% 55%,#0000 55% 100%) 0 0/100% 8px;width:100%;height:100%;animation:.3s linear infinite hGhteq_vhsTrackingAnim;position:absolute;top:0;left:0}@keyframes hGhteq_vhsTrackingAnim{0%{transform:translateY(0)}to{transform:translateY(8px)}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .aip6rq_gameContainer{background:#000;flex-direction:column;height:100%;display:flex;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .aip6rq_meterContainer{z-index:100;flex-shrink:0;align-items:center;gap:10px;height:40px;padding:0 10px;display:flex;position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .aip6rq_homeButtonWrapper{z-index:101;flex-shrink:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .aip6rq_meterWrapper{flex:1;justify-content:center;align-items:center;min-width:0;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .aip6rq_contentContainer{scrollbar-width:none;-ms-overflow-style:none;flex:1;position:relative;overflow-y:auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .aip6rq_contentContainer::-webkit-scrollbar{display:none}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .aip6rq_greyFilter{-webkit-backdrop-filter:grayscale();backdrop-filter:grayscale();pointer-events:none;z-index:9999;position:absolute;inset:0}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff)format("woff-variations");font-weight:300 900;font-style:normal;font-stretch:75% 100%}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff)format("woff-variations");font-weight:300 900;font-style:italic;font-stretch:75% 100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GFcoTa_container{box-sizing:border-box;width:100%;max-width:100%;margin-bottom:16px;padding:8px;font-family:Yle Next,Arial,Helvetica,sans-serif;position:relative;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GFcoTa_header{justify-content:center;align-items:center;margin-bottom:12px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GFcoTa_title{color:#ffffffe6;margin:0;font-size:1rem;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GFcoTa_achievementsGrid{grid-template-columns:repeat(3,1fr);gap:8px;max-width:100%;display:grid}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GFcoTa_achievementItem{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:8px 4px;font-family:Yle Next,Arial,Helvetica,sans-serif;transition:all .2s;display:flex;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GFcoTa_achievementItem:hover{transform:translateY(-2px)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GFcoTa_achievementItem:active{transform:translateY(0)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GFcoTa_unlocked .GFcoTa_icon{filter:none;animation:2s ease-in-out infinite alternate GFcoTa_glow}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GFcoTa_unlocked .GFcoTa_name{color:#ffffffe6}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GFcoTa_locked .GFcoTa_icon{filter:grayscale()opacity(.4)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GFcoTa_locked .GFcoTa_name{color:#fff6}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GFcoTa_icon{font-size:28px;line-height:1}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GFcoTa_name{text-align:center;text-overflow:ellipsis;white-space:normal;line-clamp:2;-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;max-width:100%;font-size:.65rem;line-height:1.2;display:-webkit-box;overflow:hidden}@keyframes GFcoTa_glow{0%{filter:drop-shadow(0 0 2px #ffd1004d)}to{filter:drop-shadow(0 0 8px #ffd10099)}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GFcoTa_backdrop{z-index:100;background:#00000080;position:fixed;inset:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GFcoTa_tooltip{z-index:101;text-align:center;background:linear-gradient(135deg,#1e1e3cfa 0%,#141428fa 100%);border:1px solid #ffd1004d;border-radius:16px;min-width:240px;max-width:280px;padding:20px;animation:.2s ease-out GFcoTa_tooltipIn;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 32px #00000080,0 0 40px #ffd1001a}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GFcoTa_closeButton{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:24px;line-height:1;transition:all .2s;position:absolute;top:8px;right:8px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GFcoTa_closeButton:hover{color:#fff;background:#ffffff1a}@keyframes GFcoTa_tooltipIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GFcoTa_tooltipIcon{margin-bottom:12px;font-size:48px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GFcoTa_tooltipContent{flex-direction:column;gap:8px;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GFcoTa_tooltipName{color:#fff;font-size:1.1rem;font-weight:700}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GFcoTa_tooltipDescription{color:#ffffffb3;font-size:.9rem;line-height:1.4}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GFcoTa_tooltipStatus{color:#ffd100;text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-size:.75rem;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .GFcoTa_tooltipLocked{color:#ffffff80;text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-size:.75rem;font-weight:600}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._e1qxq_yleLogoButton{z-index:100;cursor:pointer;opacity:0;background:0 0;border:none;width:auto;height:auto;margin:0;padding:0;animation:1.5s ease-out 2.5s forwards _e1qxq_logoFadeIn;position:absolute;top:5px;left:5px;transform:translateY(-10px)}@keyframes _e1qxq_logoFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:.5;transform:translateY(0)}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] ._e1qxq_yleLogoImage{width:75px;height:75px}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff)format("woff-variations");font-weight:300 900;font-style:normal;font-stretch:75% 100%}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff)format("woff-variations");font-weight:300 900;font-style:italic;font-stretch:75% 100%}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rpE6ua_endScreen{box-sizing:border-box;color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-family:Yle Next,Arial,Helvetica,sans-serif;display:flex;position:relative;overflow:hidden}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rpE6ua_content{text-align:center;z-index:3;background:linear-gradient(#48484859,#000,#48484859);width:100%;padding:10px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rpE6ua_content h2{margin-bottom:16px;font-size:1.8rem}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rpE6ua_content p{margin-bottom:24px;font-size:1.1rem;line-height:1.5}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rpE6ua_victoryContainer{background:#000}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rpE6ua_crtEffect{z-index:10;pointer-events:none;background:radial-gradient(circle closest-corner at 0%,#fff87036 0%,#00f0 100%),radial-gradient(circle at 50% 100%,#3f7d78 0% 0%,#0a0943 50%,#000305 100%);width:100%;height:100%;animation:1.5s ease-in forwards rpE6ua_crtShutdown;position:absolute;top:0;left:0}@keyframes rpE6ua_crtShutdown{0%{opacity:1;filter:brightness();transform:scaleY(1)scaleX(1)}30%{opacity:1;filter:brightness(1.5);transform:scaleY(1)scaleX(1)}60%{opacity:1;filter:brightness(2);transform:scaleY(.01)scaleX(1)}80%{opacity:1;filter:brightness(1.5);transform:scaleY(.01)scaleX(.5)}to{opacity:0;filter:brightness(0);transform:scaleY(0)scaleX(0)}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rpE6ua_victoryContent{opacity:0;background:0 0;animation:.8s ease-out 1.6s forwards rpE6ua_fadeInContent}@keyframes rpE6ua_fadeInContent{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rpE6ua_victoryTitle{color:#4ade80;min-height:1.2em;margin-bottom:12px;font-size:2.2rem}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rpE6ua_cursor{font-weight:300;animation:.7s infinite rpE6ua_blink}@keyframes rpE6ua_blink{0%,50%{opacity:1}51%,to{opacity:0}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rpE6ua_victoryMessage{margin-bottom:8px;font-size:1.2rem}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rpE6ua_victoryStats{color:#71717a;margin-bottom:32px;font-size:1rem}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rpE6ua_gameOverContainer{background:radial-gradient(circle,#1a0505 0%,#0d0000 50%,#000 100%)}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rpE6ua_pixelBlastBackground{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rpE6ua_sinkOverlay{z-index:10;pointer-events:none;background:radial-gradient(circle closest-corner at 0%,#fff87036 0%,#00f0 100%),radial-gradient(circle at 50% 100%,#3f7d78 0% 0%,#0a0943 50%,#000305 100%);width:100%;height:100%;animation:2s ease-in forwards rpE6ua_sinkInto;position:absolute;top:0;left:0}@keyframes rpE6ua_sinkInto{0%{opacity:1;filter:brightness();transform:scale(1)}40%{opacity:1;filter:brightness(.7)saturate(1.2);transform:scale(1.3)}70%{opacity:.6;filter:brightness(.4)saturate(1.5);transform:scale(1.8)}to{opacity:0;filter:brightness(0)saturate(2);transform:scale(2.5)}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rpE6ua_gameOverContent{opacity:0;background:linear-gradient(#0000 0%,#000 20% 80%,#0000 100%);animation:.8s ease-out 1.5s forwards rpE6ua_fadeInContent}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rpE6ua_gameOverTitle{color:#fff;min-height:1.2em;margin-bottom:12px;font-size:2rem}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rpE6ua_gameOverMessage{color:#fff;margin-bottom:32px;font-size:1.1rem}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rpE6ua_restartButton{margin-top:16px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rpE6ua_virusContainer{scrollbar-width:none;-ms-overflow-style:none;background:#000;justify-content:flex-start;padding-top:40px;padding-bottom:40px;overflow:hidden auto}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rpE6ua_virusContainer::-webkit-scrollbar{display:none}@media (max-height:600px){[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rpE6ua_virusContainer{justify-content:center;padding-top:10px;padding-bottom:20px}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rpE6ua_virusBackground{z-index:0;background:radial-gradient(circle at 20% 30%,#ff006433 0%,#0000 50%),radial-gradient(circle at 80% 70%,#00ff6426 0%,#0000 50%),radial-gradient(circle,#6400ff1a 0%,#0000 70%),#000;width:100%;height:100%;animation:2s ease-in-out infinite rpE6ua_virusBackgroundPulse;position:absolute;top:0;left:0}@keyframes rpE6ua_virusBackgroundPulse{0%,to{opacity:.8}50%{opacity:1}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rpE6ua_virusContent{opacity:0;z-index:10;background:linear-gradient(#0000 0%,#000 20% 80%,#0000 100%);animation:.5s ease-out .3s forwards rpE6ua_virusFadeIn;position:relative}@media (max-height:600px){[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rpE6ua_virusContent{padding:15px}}@keyframes rpE6ua_virusFadeIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rpE6ua_virusIcon{margin-bottom:16px;font-size:64px;animation:1s ease-in-out infinite rpE6ua_virusIconPulse}@media (max-height:600px){[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rpE6ua_virusIcon{margin-bottom:8px;font-size:48px}}@keyframes rpE6ua_virusIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rpE6ua_virusTitle{color:#f36;text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;font-size:1.8rem}@media (max-height:600px){[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rpE6ua_virusTitle{margin-bottom:8px;font-size:1.4rem}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rpE6ua_virusMessage{margin-bottom:20px;font-size:1.1rem;line-height:1.5}@media (max-height:600px){[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rpE6ua_virusMessage{margin-bottom:12px;font-size:1rem}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rpE6ua_virusDetails{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}@media (max-height:600px){[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rpE6ua_virusDetails{display:none}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rpE6ua_virusDetailItem{color:#f68;background:#ff00001a;border-left:3px solid #f36;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;animation:2s ease-in-out infinite rpE6ua_virusDetailFlicker;display:flex}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rpE6ua_virusDetailItem:nth-child(2){animation-delay:.3s}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rpE6ua_virusDetailItem:nth-child(3){animation-delay:.6s}@keyframes rpE6ua_virusDetailFlicker{0%,to{opacity:1}50%{opacity:.7}}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rpE6ua_virusDetailIcon{font-size:1.1rem}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rpE6ua_virusHint{color:#888;margin-bottom:24px;font-size:.9rem;font-style:italic}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rpE6ua_glitchText{position:relative}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rpE6ua_glitchText:before,[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rpE6ua_glitchText:after{content:attr(data-text);width:100%;height:100%;position:absolute;top:0;left:0}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rpE6ua_glitchText:before{text-shadow:-1px 0 #ff000080;clip-path:polygon(0 0,100% 0,100% 45%,0 45%);animation:.8s linear infinite alternate-reverse rpE6ua_glitchTop;left:1px}[data-yle-vis-id="2025-11-oppiminen-ruutuaika"] .rpE6ua_glitchText:after{text-shadow:1px 0 #00ff0080;clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);animation:1s linear infinite alternate-reverse rpE6ua_glitchBottom;left:-1px}@keyframes rpE6ua_glitchTop{0%{clip-path:polygon(0 0,100% 0,100% 45%,0 45%);transform:translate(-1px)}50%{clip-path:polygon(0 5%,100% 5%,100% 50%,0 50%);transform:translate(1px)}to{clip-path:polygon(0 0,100% 0,100% 45%,0 45%);transform:translate(-1px)}}@keyframes rpE6ua_glitchBottom{0%{clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);transform:translate(1px)}50%{clip-path:polygon(0 50%,100% 50%,100% 95%,0 95%);transform:translate(-1px)}to{clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);transform:translate(1px)}}
/*# sourceMappingURL=2025-11-oppiminen-ruutuaika.1079d51f.css.map */