html[data-device=phone],html[data-device=tablet]{-webkit-text-size-adjust:100%;text-size-adjust:100%}html[data-device=phone] body,html[data-device=tablet] body{overflow-x:hidden!important}html[data-device=phone] input,html[data-device=phone] select,html[data-device=phone] textarea,html[data-device=tablet] input,html[data-device=tablet] select,html[data-device=tablet] textarea{font-size:16px!important;max-width:100%!important}html[data-device=phone] button,html[data-device=phone] .btn,html[data-device=phone] .btn-link,html[data-device=tablet] button,html[data-device=tablet] .btn,html[data-device=tablet] .btn-link{min-height:44px;touch-action:manipulation}html[data-device=phone] .main-container,html[data-device=tablet] .main-container{width:calc(100% - 16px)!important;height:auto!important;min-height:calc(100dvh - 16px)!important;margin:8px auto!important;padding:20px 14px 42px!important;overflow:visible!important}html[data-device=phone] .hero-title{font-size:30px!important}html[data-device=phone] .hero-subtitle{font-size:17px!important}html[data-device=phone] .cta-grid,html[data-device=tablet] .cta-grid{width:100%!important;max-width:100%!important;grid-template-columns:1fr!important}html[data-device=phone] .instructions-section,html[data-device=tablet] .instructions-section{padding:15px!important}html[data-device=phone] .instructions-list{font-size:13px!important;line-height:1.45!important;padding-left:20px!important}html[data-device=phone] .dashboard-shell,html[data-device=tablet] .dashboard-shell{width:100%!important;min-height:100dvh!important;padding:10px!important;overflow:visible!important}html[data-device=phone] .header-top,html[data-device=tablet] .header-top{display:grid!important;grid-template-columns:1fr!important}html[data-device=phone] .header-info,html[data-device=tablet] .header-info{grid-template-columns:1fr!important}html[data-device=phone] .task-grid{grid-template-columns:1fr!important}html[data-device=tablet] .task-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}html[data-device=phone] .task-box,html[data-device=tablet] .task-box{min-height:230px!important}html[data-device=phone] .quiz-wrapper,html[data-device=tablet] .quiz-wrapper{width:100%!important;max-width:100%!important;margin:0!important;border-radius:0!important;overflow:visible!important}html[data-device=phone] .quiz-header,html[data-device=tablet] .quiz-header{padding:14px 10px!important}html[data-device=phone] .quiz-header h1{font-size:20px!important}html[data-device=phone] .header-info,html[data-device=tablet] .header-info{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}html[data-device=phone] .info-badge,html[data-device=phone] .timer-badge,html[data-device=tablet] .info-badge,html[data-device=tablet] .timer-badge{width:100%!important;min-width:0!important;white-space:normal!important}html[data-device=phone] .quiz-content,html[data-device=tablet] .quiz-content{padding:10px!important}html[data-device=phone] .quiz-workspace,html[data-device=tablet] .quiz-workspace{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}html[data-device=phone] .top-panel,html[data-device=tablet] .top-panel,html[data-device=phone] .answer-column,html[data-device=tablet] .answer-column{width:100%!important;min-width:0!important}html[data-device=phone] .optional-compiler-box,html[data-device=phone] .ai-section,html[data-device=phone] .answer-section,html[data-device=tablet] .optional-compiler-box,html[data-device=tablet] .ai-section,html[data-device=tablet] .answer-section{padding:12px!important;min-width:0!important}html[data-device=phone] .optional-compiler-iframe{height:520px!important;min-height:520px!important;width:100%!important}html[data-device=tablet] .optional-compiler-iframe{height:600px!important;width:100%!important}html[data-device=phone] .ai-question-box,html[data-device=phone] .ai-answer-box,html[data-device=phone] .answer-editor,html[data-device=tablet] .ai-question-box,html[data-device=tablet] .ai-answer-box,html[data-device=tablet] .answer-editor{width:100%!important;min-width:0!important;box-sizing:border-box!important}html[data-device=phone] .ai-button-row,html[data-device=phone] .button-row,html[data-device=phone] .compiler-run-log-row{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}html[data-device=phone] .ai-btn,html[data-device=phone] .compiler-run-log-btn{width:100%!important}html[data-device=phone] .card,html[data-device=tablet] .card,html[data-device=phone] .shell,html[data-device=tablet] .shell,html[data-device=phone] .login-container,html[data-device=tablet] .login-container{width:100%!important;max-width:100%!important;min-height:0!important;margin:0 auto!important;border-radius:16px!important}html[data-device=phone] .body,html[data-device=phone] .content,html[data-device=tablet] .body,html[data-device=tablet] .content{padding:16px!important}html[data-device=phone] .row,html[data-device=phone] .grid,html[data-device=tablet] .row,html[data-device=tablet] .grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}html[data-device=phone] .form-actions,html[data-device=tablet] .form-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}html[data-device=phone] .form-actions>*,html[data-device=tablet] .form-actions>*{width:100%!important}html[data-device=phone] table,html[data-device=tablet] table{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}html[data-device=phone] pre,html[data-device=tablet] pre,html[data-device=phone] code,html[data-device=tablet] code{white-space:pre-wrap!important;overflow-wrap:anywhere!important}html[data-device=phone] .results-container,html[data-device=phone] .result-container,html[data-device=phone] .container,html[data-device=tablet] .results-container,html[data-device=tablet] .result-container,html[data-device=tablet] .container{width:100%!important;max-width:100%!important;margin:0!important;padding:10px!important;box-sizing:border-box!important}@media(max-width:767px){body{overflow-x:hidden!important}.quiz-workspace{grid-template-columns:1fr!important}.optional-compiler-iframe{width:100%!important}.task-grid{grid-template-columns:1fr!important}}