/*! * Bootstrap Grid v4.0.0 (https://getbootstrap.com) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */@-ms-viewport{width:device-width}html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{box-sizing:inherit}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-sm-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-sm-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-sm-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-sm-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-sm-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-sm-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-sm-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-sm-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-sm-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-sm-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-sm-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-sm-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-sm-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-sm-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-sm-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-md-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-md-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-md-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-md-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-md-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-md-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-md-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-md-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-md-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-md-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-md-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-md-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-md-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-md-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-md-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-lg-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-lg-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-lg-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-lg-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-lg-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-lg-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-lg-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-lg-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-lg-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-lg-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-lg-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-lg-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-lg-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-lg-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-lg-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-xl-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-xl-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-xl-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-xl-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-xl-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-xl-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-xl-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-xl-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-xl-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-xl-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-xl-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-xl-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-xl-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-xl-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-xl-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}.flex-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-sm-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-md-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-lg-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-xl-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}/*! * Cropper.js v1.6.2 * https://fengyuanchen.github.io/cropperjs * * Copyright 2015-present Chen Fengyuan * Released under the MIT license * * Date: 2024-04-21T07:43:02.731Z */.cropper-container{-webkit-touch-callout:none;direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75);overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}@charset "UTF-8";@font-face{font-family:"Catamaran-Light";font-weight:300;font-style:normal;src:url("/static/fonts/Catamaran-Light.ttf?52a5ca01d482")}@font-face{font-family:"Catamaran-Regular";font-weight:400;font-style:normal;src:url("/static/fonts/Catamaran-Regular.ttf?52a5ca01d482")}@font-face{font-family:"Catamaran-Medium";font-weight:500;font-style:normal;src:url("/static/fonts/Catamaran-Medium.ttf?52a5ca01d482")}@font-face{font-family:"Catamaran-Bold";font-weight:700;font-style:normal;src:url("/static/fonts/Catamaran-Bold.ttf?52a5ca01d482")}@font-face{font-family:"Material Symbols Outlined";font-style:normal;font-weight:400;src:url("/static/fonts/material-symbols/material-symbols-outlined.woff2?52a5ca01d482") format("woff2")}.material-symbols-outlined{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}@font-face{font-family:"OpenDyslexic-Regular";font-weight:400;font-style:normal;src:url("/static/fonts/OpenDyslexic-Regular.otf?52a5ca01d482")}@font-face{font-family:"OpenDyslexic-Bold";font-weight:700;font-style:normal;src:url("/static/fonts/OpenDyslexic-Bold.otf?52a5ca01d482")}body.text-fading h1,body.text-fading h2,body.text-fading h3,body.text-fading h4,body.text-fading h5,body.text-fading h6,body.text-fading p,body.text-fading span,body.text-fading a,body.text-fading li,body.text-fading label,body.text-fading button,body.text-fading input,body.text-fading textarea{transition:opacity 0.2s ease-in-out;opacity:var(--text-opacity,1)}body.text-fading .material-symbols-outlined,body.text-fading .accessibility-menu-content *{opacity:1!important;transition:none!important}body.dyslexia-mode{font-family:"OpenDyslexic-Regular",sans-serif!important}body.dyslexia-mode *:not(.material-symbols-outlined){font-family:"OpenDyslexic-Regular",sans-serif!important}body.dyslexia-mode h1,body.dyslexia-mode h2,body.dyslexia-mode h3,body.dyslexia-mode h4,body.dyslexia-mode h5,body.dyslexia-mode h6,body.dyslexia-mode strong,body.dyslexia-mode b,body.dyslexia-mode th,body.dyslexia-mode .bold,body.dyslexia-mode .font-bold{font-family:"OpenDyslexic-Bold",sans-serif!important}body.dyslexia-mode .material-symbols-outlined{font-family:"Material Symbols Outlined"!important}html{font-family:"Catamaran-Regular",sans-serif;font-size:16px}.mx-auto{margin-left:auto;margin-right:auto}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.float-left{float:left}.float-right{float:right}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.navbar{height:4.5rem;position:static;box-shadow:0 1px 3px rgba(0,0,0,0.02),0 1px 8px rgba(0,0,0,0.14)}@media (max-width:768px){.navbar{position:relative}}.navbar .navbar-inner{display:flex;justify-content:space-between;align-items:center;height:100%;padding:0}.navbar .navbar-brand{display:flex;justify-content:space-between;align-items:center}.navbar .navbar-brand .logo{height:3.5rem;width:auto;object-fit:cover;z-index:999}.navbar .hamburger-btn{display:none;flex-direction:column;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;background:none;border:none;cursor:pointer;z-index:1201;position:relative;transition:all 0.2s ease}@media (max-width:768px){.navbar .hamburger-btn{display:flex}}.navbar .hamburger-btn:hover{transform:scale(1.05)}.navbar .hamburger-btn .hamburger-line{width:1.5rem;height:2px;background-color:#111827;margin:3px 0;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);border-radius:1px;transform-origin:center}.navbar .nav-items{display:flex;height:100%;align-items:center}@media (max-width:768px){.navbar .nav-items{position:fixed;top:0;right:-100%;height:100vh;width:80%;max-width:320px;background:linear-gradient(135deg,rgba(255,255,255,0.98) 0%,rgba(249,250,251,0.95) 100%);backdrop-filter:blur(10px);flex-direction:column;justify-content:flex-start;align-items:stretch;padding:5.5rem 0 2rem 0;transition:right 0.4s cubic-bezier(0.4,0,0.2,1);z-index:1200;box-shadow:-5px 0 25px rgba(0,0,0,0.1),-2px 0 10px rgba(0,0,0,0.05)}.navbar .nav-items.active{right:0}}.navbar .nav-items .pages{display:flex;list-style:none;height:100%;align-items:end;margin:0}@media (max-width:768px){.navbar .nav-items .pages{flex-direction:column;width:100%;height:auto;align-items:stretch;padding:1rem 0}}@media (max-width:768px){.navbar .nav-items .pages li{margin:0.25rem 0;width:100%}}.navbar .nav-items .pages li a{padding:0rem 2.3rem 0rem 2.3rem;line-height:2.6rem;border-radius:28px 28px 0px 0px;margin-left:-10px;text-decoration:none;color:white;font-weight:bold;font-family:"Catamaran-Bold",sans-serif;font-size:1.1rem;display:block;transition:height 0.2s ease-in-out;height:2.4rem;position:relative}@media (max-width:768px){.navbar .nav-items .pages li a{margin:0;border-radius:8px;height:auto;padding:1rem 1.5rem;font-size:1rem;border:4px solid transparent;border-radius:12px;margin:0.25rem 1rem;transition:all 0.2s ease}.navbar .nav-items .pages li a:hover{transform:translateX(5px)}}.navbar .nav-items .pages li a:hover{height:3.2rem}@media (max-width:768px){.navbar .nav-items .pages li a:hover{height:auto;transform:translateX(5px)}}.navbar .nav-items .pages li a.story{background-color:#ffcd00;color:#7b5200;z-index:5}.navbar .nav-items .pages li a.quiz{background-color:#7ed957;color:#295b14;z-index:4}.navbar .nav-items .pages li a.explore{background-color:#55acee;color:#0a3d63;z-index:3}.navbar .nav-items .pages li a.coding{background-color:#ca87c2;color:#591f3f;z-index:2}.navbar .nav-items .pages li a.library{background-color:#ff6296;color:#611030;z-index:1}.navbar .nav-items .pages li a.active{height:3.2rem}@media (max-width:768px){.navbar .nav-items .pages li a.active{transform:translateX(5px);height:auto}}.navbar .nav-items .icons{display:flex;list-style:none;align-items:center;margin-top:2rem;max-width:15rem}@media (max-width:768px){.navbar .nav-items .icons{flex-direction:row;width:100%;padding:1rem 0;border-top:1px solid #e5e7eb;margin-top:1rem;max-width:unset}}.navbar .nav-items .icons button{background:none;border:none;padding:0;cursor:pointer}.navbar .nav-items .icons li{margin-left:1rem;position:relative}@media (max-width:768px){.navbar .nav-items .icons li{margin:0.5rem 0;margin-left:0}}.navbar .nav-items .icons li.dropdown .dropdown-menu{position:absolute;top:100%;right:0;background:white;border-radius:0 0 8px 8px;box-shadow:0 4px 12px rgba(0,0,0,0.15);min-width:200px;opacity:0;visibility:hidden;transform:translate(40%,-10px);transition:all 0.3s ease;margin-top:6px}.navbar .nav-items .icons li.dropdown .dropdown-menu.active{opacity:1;visibility:visible;transform:translate(40%,0)}.navbar .nav-items .icons li.dropdown .dropdown-menu .dropdown-item{display:block;padding:12px 16px;color:#333;text-decoration:none;font-size:14px;font-weight:600;font-family:"Catamaran-Medium",sans-serif;transition:background-color 0.2s ease;white-space:nowrap}.navbar .nav-items .icons li.dropdown .dropdown-menu .dropdown-item:hover{background-color:#f5f5f5}.navbar .nav-items .icons li.dropdown .dropdown-menu .dropdown-item:first-child{border-radius:8px 8px 0 0}.navbar .nav-items .icons li.dropdown .dropdown-menu .dropdown-item:last-child{border-radius:0 0 8px 8px}@media (max-width:768px){.navbar .nav-items .icons li.dropdown .dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background:none;margin-top:0;min-width:auto;display:none}.navbar .nav-items .icons li.dropdown .dropdown-menu.active{display:block}.navbar .nav-items .icons li.dropdown .dropdown-menu .dropdown-item{padding:0.75rem 1.5rem;border-bottom:1px solid #eee;font-size:16px}}.navbar .nav-items .icons li.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translate(40%,0)}@media (max-width:768px){.navbar .nav-items .icons li.dropdown:hover .dropdown-menu{display:block}}.navbar .nav-items .icons li .material-symbols-outlined{color:#707070;font-size:32px;transition:color 0.2s ease-in-out}.navbar .nav-items .icons li .material-symbols-outlined:hover{color:#222}@media (max-width:768px){.navbar .nav-items .icons li button{width:100%;text-align:left;padding:0.5rem 1.5rem;display:flex;align-items:center}}@media (max-width:768px){.navbar .nav-items .icons li a{width:100%;text-align:left;padding:0.5rem 1.5rem;display:flex;align-items:center}.navbar .nav-items .icons li a img{margin-left:0;margin-right:0.5rem}}.navbar .nav-items .icons li.accessibility-dropdown .dropdown-menu{width:300px;padding:1.5rem;right:-50px;transform:translate(0,-10px)}.navbar .nav-items .icons li.accessibility-dropdown .dropdown-menu::before{content:"";position:absolute;top:-10px;left:0;width:100%;height:10px}.navbar .nav-items .icons li.accessibility-dropdown .dropdown-menu.active,.navbar .nav-items .icons li.accessibility-dropdown .dropdown-menu:hover{display:block;opacity:1!important;visibility:visible!important;transform:translate(0,0)!important}.navbar .nav-items .icons li.accessibility-dropdown:hover .dropdown-menu{display:block;opacity:1;visibility:visible;transform:translate(0,0)}.navbar .nav-items .icons li.accessibility-dropdown .accessibility-item{display:flex;align-items:center;margin-bottom:1.2rem}.navbar .nav-items .icons li.accessibility-dropdown .accessibility-item:last-child{margin-bottom:0}.navbar .nav-items .icons li.accessibility-dropdown .accessibility-item.zoom-control{justify-content:space-between;background-color:#f8f9fa;padding:0.75rem 1rem;border-radius:50px;margin-bottom:1.5rem}.navbar .nav-items .icons li.accessibility-dropdown .accessibility-item.zoom-control .zoom-label{font-family:"Catamaran-Bold",sans-serif;color:#333;font-size:1rem}.navbar .nav-items .icons li.accessibility-dropdown .accessibility-item.zoom-control .zoom-reset-btn{background:none;border:none;color:#6b7280;font-size:0.75rem;cursor:pointer;text-decoration:underline;padding:0;margin-top:0.1rem;font-family:"Catamaran-Medium",sans-serif}.navbar .nav-items .icons li.accessibility-dropdown .accessibility-item.zoom-control .zoom-reset-btn:hover{color:#ffcd00}.navbar .nav-items .icons li.accessibility-dropdown .accessibility-item.zoom-control .zoom-btn{width:32px;height:32px;border-radius:50%;border:none;background-color:#e2e6ea;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color 0.2s;color:#495057}.navbar .nav-items .icons li.accessibility-dropdown .accessibility-item.zoom-control .zoom-btn:hover{background-color:#dbe2e8}.navbar .nav-items .icons li.accessibility-dropdown .accessibility-item .item-label{flex-grow:1;font-family:"Catamaran-Medium",sans-serif;font-size:0.95rem;color:#333;margin-left:1rem;text-align:left}.navbar .nav-items .icons li.accessibility-dropdown .accessibility-item .toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.navbar .nav-items .icons li.accessibility-dropdown .accessibility-item .toggle-switch input{opacity:0;width:0;height:0}.navbar .nav-items .icons li.accessibility-dropdown .accessibility-item .toggle-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e2e6ea;transition:0.3s;border-radius:34px}.navbar .nav-items .icons li.accessibility-dropdown .accessibility-item .toggle-switch .slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:white;transition:0.3s;box-shadow:0 1px 3px rgba(0,0,0,0.2);border-radius:50%}.navbar .nav-items .icons li.accessibility-dropdown .accessibility-item .toggle-switch input:checked + .slider{background-color:#fdd835}.navbar .nav-items .icons li.accessibility-dropdown .accessibility-item .toggle-switch input:checked + .slider:before{transform:translateX(20px)}.navbar .mobile-menu-overlay{display:none}@media (max-width:768px){.navbar .mobile-menu-overlay{display:block;position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,0.6);backdrop-filter:blur(2px);z-index:1199;opacity:0;visibility:hidden;transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}.navbar .mobile-menu-overlay.active{opacity:1;visibility:visible}}.speak-btn{display:inline-flex;align-items:center;justify-content:center;background-color:white;color:#333;border:2px solid rgba(0,0,0,0.1);border-radius:50%;width:32px;height:32px;margin-left:1rem;float:right;cursor:pointer;opacity:0;transform:scale(0);transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);box-shadow:0 4px 6px rgba(0,0,0,0.2);z-index:100;position:relative}.speak-btn.visible{opacity:1;transform:scale(1)}.speak-btn:hover{transform:scale(1.1);background-color:#ffd740}.speak-btn:active{transform:scale(0.95)}.speak-btn .material-symbols-outlined{font-size:20px}body.menu-open{overflow:hidden}@media (min-width:769px){body.menu-open{overflow:auto}}.camera-modal{display:none;position:fixed!important;z-index:999999;left:0!important;top:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;background-color:rgba(0,0,0,0.8);contain:none;overflow:visible;margin:0!important;padding:0!important;opacity:1!important;--modal-primary:#ffcd00}.camera-modal.story-theme{--modal-primary:#ffcd00}.camera-modal.quiz-theme{--modal-primary:#7ed957}.camera-modal.explore-theme{--modal-primary:#55acee}.camera-modal.coding-theme{--modal-primary:#ca87c2}.camera-modal.library-theme{--modal-primary:#ff6296}.camera-modal-content{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;background:white;padding:24px;border-radius:16px;max-width:900px!important;width:90vw;max-height:90vh!important;display:flex;flex-direction:column;gap:20px;z-index:10002;opacity:1!important;contain:none;overflow:visible;box-sizing:border-box!important}.camera-header{display:flex;flex-direction:column;gap:15px;align-items:center}.camera-header h3{margin:0;font-family:"Catamaran-Bold",sans-serif;color:var(--modal-primary);font-size:1.5rem}.camera-preview{max-width:100%;max-height:55vh;border:4px solid var(--modal-primary);border-radius:12px;background:#000}.camera-controls{display:flex;justify-content:center;gap:15px;padding-top:10px}.cropper-modal{display:none;position:fixed!important;z-index:999999;left:0!important;top:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;background-color:rgba(0,0,0,0.8)!important;contain:none;overflow:visible;margin:0!important;padding:0!important;opacity:1!important;--modal-primary:#ffcd00}.cropper-modal.story-theme{--modal-primary:#ffcd00}.cropper-modal.quiz-theme{--modal-primary:#7ed957}.cropper-modal.explore-theme{--modal-primary:#55acee}.cropper-modal.coding-theme{--modal-primary:#ca87c2}.cropper-modal.library-theme{--modal-primary:#ff6296}.cropper-modal-content{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;background:white;padding:24px;border-radius:16px;max-width:900px!important;width:90vw;max-height:90vh!important;display:flex;flex-direction:column;gap:20px;z-index:10002;opacity:1!important;contain:none;overflow:visible;box-sizing:border-box!important}.cropper-modal-content .cropper-line,.cropper-modal-content .cropper-view-box,.cropper-modal-content .cropper-point{background-color:var(--modal-primary)!important;outline:1px solid var(--modal-primary)!important}.cropper-modal-content .cropper-line,.cropper-modal-content .cropper-dashed,.cropper-modal-content .cropper-center::after{border-color:var(--modal-primary)!important;outline:1px solid var(--modal-primary)!important}.cropper-header{display:flex;flex-direction:column;gap:15px;align-items:center}.cropper-header h3{margin:0;font-family:"Catamaran-Bold",sans-serif;color:var(--modal-primary);font-size:1.5rem}.cropper-container{max-height:60vh;margin-bottom:15px;contain:none!important;overflow:visible!important;position:relative}.cropper-container .cropper-wrap-box,.cropper-container .cropper-canvas,.cropper-container .cropper-crop-box{contain:none!important}.cropper-controls{display:flex;gap:10px;justify-content:center}.crop-btn,.capture-btn,.cropper-cancel-btn,.cancel-btn{padding:12px 28px;border-radius:12px;font-size:1rem;font-weight:bold;text-transform:uppercase;cursor:pointer;transition:all 0.3s ease;font-family:"Catamaran-Bold",sans-serif;letter-spacing:0.5px;border:none}.crop-btn,.capture-btn{background:var(--modal-primary);color:white}.crop-btn:hover,.capture-btn:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);opacity:0.9}.cropper-cancel-btn,.cancel-btn{background-color:#4b5563;color:#ffffff}.cropper-cancel-btn:hover,.cancel-btn:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);opacity:0.9}.cropper-modal .cropper-container{position:relative;max-width:100%;overflow:visible!important;contain:none!important}.cropper-modal .cropper-container img{max-width:100%;height:auto}.cropper-modal .cropper-wrap-box,.cropper-modal .cropper-canvas,.cropper-modal .cropper-crop-box,.cropper-modal .cropper-view-box,.cropper-modal .cropper-face,.cropper-modal .cropper-line,.cropper-modal .cropper-point{position:absolute;contain:none!important;z-index:auto}.cropper-modal .cropper-view-box{outline:1px solid #39f;outline-color:rgba(51,153,255,0.75)}.cropper-modal .cropper-dashed{border:0 dashed #eee;display:block;opacity:0.5}.cropper-modal .cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}.cropper-modal .cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}.cropper-modal .cropper-point{background-color:#55acee;height:5px;opacity:0.75;width:5px;z-index:1}.cropper-modal .cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-modal .cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-modal .cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-modal .cropper-point.point-s{bottom:-3px;cursor:ns-resize;left:50%;margin-left:-3px}.cropper-modal .cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-modal .cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-modal .cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-modal .cropper-point.point-se{bottom:-3px;cursor:nwse-resize;right:-3px}.cropper-modal .cropper-face{background-color:inherit;cursor:move}.cropper-modal .cropper-line{background-color:#39f;opacity:0.1}.cropper-modal .cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-modal .cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-modal .cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-modal .cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.camera-modal,.cropper-modal,.web-search-modal{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:999999!important;transform:none!important;margin:0!important;padding:0!important;border:none!important;clip:auto!important;clip-path:none!important;overflow:visible!important;isolation:isolate;max-width:none!important;max-height:none!important;min-width:100vw!important;min-height:100vh!important;box-sizing:border-box!important;will-change:transform,opacity;contain:none!important;align-self:auto!important;justify-self:auto!important;grid-area:auto!important;flex:none!important}.camera-modal-content,.cropper-modal-content,.web-search-modal-content{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:1!important;margin:0!important;max-width:90vw!important;max-height:90vh!important;box-sizing:border-box!important}.cropper-container{contain:none!important}.cropper-container *{contain:none!important}.cropper-point,.cropper-line,.cropper-face{pointer-events:auto!important}body .camera-modal,body .cropper-modal,body .web-search-modal{position:fixed!important;inset:0!important;transform:none!important}.web-search-modal{display:none;position:fixed!important;z-index:999999;inset:0!important;width:100vw!important;height:100vh!important;background-color:rgba(0,0,0,0.8)!important;contain:none;overflow:visible;margin:0!important;padding:0!important;opacity:1!important;--modal-primary:#ffcd00}.web-search-modal.story-theme{--modal-primary:#ffcd00}.web-search-modal.quiz-theme{--modal-primary:#7ed957}.web-search-modal.explore-theme{--modal-primary:#55acee}.web-search-modal.coding-theme{--modal-primary:#ca87c2}.web-search-modal.library-theme{--modal-primary:#ff6296}.web-search-modal-content{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;background:white;padding:24px;border-radius:16px;max-width:900px!important;width:90vw;max-height:90vh!important;display:flex;flex-direction:column;gap:20px;z-index:10002;opacity:1!important;contain:none;overflow:visible;box-sizing:border-box!important}.web-search-header{display:flex;flex-direction:column;gap:15px;align-items:center}.web-search-header h3{margin:0;font-family:"Catamaran-Bold",sans-serif;color:var(--modal-primary);font-size:1.5rem}.search-bar{display:flex;width:100%;max-width:600px;gap:10px}.search-bar input{flex:1;padding:12px 20px;border:2px solid #d1d5db;border-radius:24px;font-size:1.1rem;font-family:"Catamaran",sans-serif}.search-bar input:focus{outline:none;border-color:var(--modal-primary)}.search-bar .web-search-btn{background:var(--modal-primary);color:white;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform 0.2s}.search-bar .web-search-btn:hover{transform:scale(1.05)}.web-search-body{min-height:400px;overflow-y:auto;position:relative;padding:10px;background:#f3f4f6;border-radius:12px;flex:1}.web-search-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.web-search-results .web-search-item{position:relative;border-radius:8px;overflow:hidden;cursor:pointer;aspect-ratio:1;background:#e5e7eb;border:4px solid transparent;transition:all 0.2s ease;opacity:0;animation:fadeInSlide 0.4s ease forwards}.web-search-results .web-search-item img{width:100%;height:100%;object-fit:cover;display:block}.web-search-results .web-search-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.1)}.web-search-results .web-search-item.selected{border-color:var(--modal-primary);transform:scale(0.98)}.web-search-results .web-search-item .unsplash-attribution{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.6);color:white;font-size:0.7rem;padding:6px 4px;text-align:center;opacity:0;transition:opacity 0.2s ease;z-index:10;pointer-events:auto}.web-search-results .web-search-item .unsplash-attribution a{color:white;text-decoration:underline;font-weight:bold}.web-search-results .web-search-item .unsplash-attribution a:hover{color:#d1d5db}.web-search-results .web-search-item:hover .unsplash-attribution{opacity:1}@keyframes fadeInSlide{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.web-search-loading,.web-search-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#4b5563;font-size:1.2rem}.web-search-loading .spin,.web-search-empty .spin{animation:spin 1s linear infinite;font-size:48px;color:var(--modal-primary);display:inline-block}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.web-search-controls{display:flex;justify-content:flex-end;gap:15px;padding-top:10px;border-top:1px solid #e5e7eb}.web-search-controls .select-btn,.web-search-controls .cancel-btn{padding:12px 28px;border-radius:12px;font-weight:bold;font-size:1.1rem;cursor:pointer;transition:all 0.2s ease;font-family:"Catamaran-Bold",sans-serif;letter-spacing:0.5px;text-transform:uppercase;border:none}.web-search-controls .select-btn{background:var(--modal-primary);color:white}.web-search-controls .select-btn:disabled{background:#9ca3af;cursor:not-allowed;opacity:0.7}.web-search-controls .select-btn:not(:disabled):hover{opacity:0.9;transform:translateY(-2px)}.web-search-controls .cancel-btn{background-color:#4b5563;color:#ffffff}.web-search-controls .cancel-btn:hover{opacity:0.9;transform:translateY(-2px)}.feedback-modal{display:none;position:fixed!important;z-index:999999;inset:0!important;width:100vw!important;height:100vh!important;background-color:rgba(0,0,0,0.8)!important;contain:none;overflow:visible;margin:0!important;padding:0!important;opacity:1!important;--modal-primary:#ffcd00}.feedback-modal.story-theme{--modal-primary:#ffcd00}.feedback-modal.quiz-theme{--modal-primary:#7ed957}.feedback-modal.explore-theme{--modal-primary:#55acee}.feedback-modal.coding-theme{--modal-primary:#ca87c2}.feedback-modal.library-theme{--modal-primary:#ff6296}.feedback-modal-content{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;background:white;padding:32px;border-radius:25px;max-width:850px!important;width:90vw;max-height:90vh!important;display:flex;flex-direction:column;gap:24px;z-index:10002;opacity:1!important;contain:none;overflow-y:auto;box-sizing:border-box!important;box-shadow:0 20px 40px rgba(0,0,0,0.2)}.feedback-header{text-align:center;border-bottom:2px solid #f0f0f0;padding-bottom:15px}.feedback-header h2{margin:0;font-family:"Catamaran-Bold",sans-serif;color:#888;text-transform:uppercase;font-size:1.8rem;letter-spacing:1px}.feedback-section{display:flex;flex-direction:column;gap:15px}.feedback-section h3{font-size:1.1rem;color:#666;margin:0;font-weight:600}.image-sets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:10px}.image-sets-grid .image-set-item{border:3px solid #f5f5f5;border-radius:15px;padding:12px;cursor:pointer;transition:all 0.3s ease;display:flex;justify-content:center;align-items:center;gap:10px;background:#fafafa}.image-sets-grid .image-set-item:hover{border-color:#ddd;transform:translateY(-2px)}.image-sets-grid .image-set-item.selected{border-color:var(--modal-primary);background:white;box-shadow:0 4px 12px rgba(0,0,0,0.05)}.image-sets-grid .image-set-item img{max-width:60px;height:auto;object-fit:contain}.feedback-customization{display:flex;flex-direction:column;gap:20px}.toggle-container{display:flex;align-items:center;gap:20px}.toggle-container .toggle-label{font-weight:700;color:#666;text-transform:uppercase}.toggle-container .toggle-switch{display:flex;background:#eee;padding:5px;border-radius:25px;width:fit-content}.toggle-container .toggle-switch button{padding:6px 20px;border:none;border-radius:20px;font-weight:bold;cursor:pointer;transition:all 0.2s;background:transparent;color:#888;font-size:0.9rem}.toggle-container .toggle-switch button.active{background:var(--modal-primary);color:white}.feedback-row{display:flex;align-items:center;gap:15px}.feedback-row .row-label{width:100px;font-weight:bold;font-size:0.9rem;text-transform:uppercase}.feedback-row .row-label.positive{color:var(--modal-primary)}.feedback-row .row-label.negative{color:#f6ad55}.feedback-row .input-wrapper{flex:1;position:relative}.feedback-row .input-wrapper .feedback-input{width:100%;padding:12px 20px;border:2px solid #eee;border-radius:25px;font-size:1rem;transition:all 0.3s}.feedback-row .input-wrapper .feedback-input:focus{border-color:var(--modal-primary);outline:none}.feedback-row .audio-input-wrapper{display:none;flex:1;align-items:center;gap:10px}.feedback-row .audio-input-wrapper.visible{display:flex}.feedback-row .audio-input-wrapper .audio-file-btn{padding:8px 15px;background:#f0f0f0;border:none;border-radius:20px;cursor:pointer;font-size:0.85rem;color:#666;display:flex;align-items:center;gap:5px}.feedback-row .audio-input-wrapper .audio-file-btn:hover{background:#e5e5e5}.feedback-row .audio-input-wrapper .audio-preview{display:flex;align-items:center;gap:5px;font-size:0.8rem;color:var(--modal-primary)}.feedback-footer{display:flex;justify-content:flex-end;margin-top:10px}.feedback-footer .save-feedback-btn{background:var(--modal-primary);color:white;border:none;padding:15px 60px;border-radius:12px;font-weight:bold;font-size:1.1rem;cursor:pointer;text-transform:uppercase;transition:all 0.2s}.feedback-footer .save-feedback-btn:hover{transform:scale(1.02);opacity:0.9}@media (max-width:768px){.image-sets-grid{grid-template-columns:repeat(2,1fr)}.feedback-row{flex-direction:column;align-items:flex-start;gap:5px}.feedback-row .row-label{width:auto}.feedback-row .input-wrapper .placeholder-hint{display:none}}.feedback-overlay{position:fixed;inset:0;z-index:100000;background:rgba(255,255,255,0.4);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);display:flex;justify-content:center;align-items:center;animation:feedbackFadeIn 0.3s ease}.feedback-overlay .feedback-overlay-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:30px;animation:feedbackZoomIn 0.5s cubic-bezier(0.175,0.885,0.32,1.275)}.feedback-overlay .feedback-overlay-content img{max-width:350px;height:auto;filter:drop-shadow(0 15px 30px rgba(0,0,0,0.15))}.feedback-overlay .feedback-overlay-content .feedback-overlay-text{font-family:"Catamaran-Bold",sans-serif;font-size:4rem;color:#333;text-transform:uppercase;letter-spacing:1px}@keyframes feedbackFadeIn{from{opacity:0}to{opacity:1}}@keyframes feedbackZoomIn{from{opacity:0;transform:scale(0.6)}to{opacity:1;transform:scale(1)}}body.high-contrast-mode{background-color:#000000!important;color:#ffff00!important}body.high-contrast-mode *{background-color:transparent!important;color:#ffff00!important;border-color:#ffff00!important;text-shadow:none!important;box-shadow:none!important}body.high-contrast-mode a,body.high-contrast-mode a:visited,body.high-contrast-mode a:active{color:#ff00ff!important;text-decoration:underline!important}body.high-contrast-mode a:hover,body.high-contrast-mode a:focus,body.high-contrast-mode a:visited:hover,body.high-contrast-mode a:visited:focus,body.high-contrast-mode a:active:hover,body.high-contrast-mode a:active:focus{background-color:#ffff00!important;color:#000000!important;text-decoration:none!important}body.high-contrast-mode button,body.high-contrast-mode .btn,body.high-contrast-mode [role="button"],body.high-contrast-mode input[type="submit"],body.high-contrast-mode input[type="button"],body.high-contrast-mode input[type="reset"]{border:2px solid #ffff00!important;background-color:#000000!important;color:#ffff00!important;font-weight:700}body.high-contrast-mode button:hover,body.high-contrast-mode button:focus,body.high-contrast-mode .btn:hover,body.high-contrast-mode .btn:focus,body.high-contrast-mode [role="button"]:hover,body.high-contrast-mode [role="button"]:focus,body.high-contrast-mode input[type="submit"]:hover,body.high-contrast-mode input[type="submit"]:focus,body.high-contrast-mode input[type="button"]:hover,body.high-contrast-mode input[type="button"]:focus,body.high-contrast-mode input[type="reset"]:hover,body.high-contrast-mode input[type="reset"]:focus{background-color:#ffff00!important;color:#000000!important}body.high-contrast-mode input:not([type="checkbox"]):not([type="radio"]),body.high-contrast-mode textarea,body.high-contrast-mode select{background-color:#000000!important;color:#ffffff!important;border:2px solid #ffffff!important}body.high-contrast-mode input:not([type="checkbox"]):not([type="radio"]):focus,body.high-contrast-mode textarea:focus,body.high-contrast-mode select:focus{border-color:#ffff00!important;background-color:#333333!important}body.high-contrast-mode img,body.high-contrast-mode video,body.high-contrast-mode canvas,body.high-contrast-mode svg{filter:grayscale(100%) contrast(120%)!important;border:1px solid #ffff00!important}body.high-contrast-mode .navbar{border-bottom:2px solid #ffff00!important;background-color:#000000!important}body.high-contrast-mode .navbar .navbar-inner{background-color:#000000!important}body.high-contrast-mode .dropdown-menu{border:2px solid #ffff00!important;background-color:#000000!important}body.high-contrast-mode .dropdown-menu .dropdown-item{color:#ffff00!important}body.high-contrast-mode .dropdown-menu .dropdown-item:hover{background-color:#ffff00!important;color:#000000!important}body.high-contrast-mode .dropdown-menu .accessibility-item .item-label{color:#ffff00!important}body.high-contrast-mode .dropdown-menu .accessibility-item .toggle-switch .slider{background-color:#333!important;border:1px solid #ffff00}body.high-contrast-mode .dropdown-menu .accessibility-item .toggle-switch .slider:before{background-color:#ffff00!important}body.high-contrast-mode .dropdown-menu .accessibility-item .toggle-switch input:checked + .slider{background-color:#000!important;border:1px solid #00ff00!important}body.high-contrast-mode .dropdown-menu .accessibility-item .toggle-switch input:checked + .slider:before{background-color:#00ff00!important}body.high-contrast-mode .material-symbols-outlined{color:#ffff00!important}body.high-contrast-mode .modal-content,body.high-contrast-mode .cropper-modal-content,body.high-contrast-mode .camera-modal-content,body.high-contrast-mode .play-quiz-container,body.high-contrast-mode .story-play-page,body.high-contrast-mode .play-exploration-container,body.high-contrast-mode .story-card,body.high-contrast-mode .coding-container,body.high-contrast-mode .exploration-container,body.high-contrast-mode .card,body.high-contrast-mode .panel{background:#000000!important;border:2px solid #ffff00!important}.homepage .hero-section,.homepage .modes-title{opacity:0;animation:fadeIn 0.8s ease-out forwards}.homepage .hero-section{animation-delay:0.2s}.homepage .modes-title{animation-delay:0.6s}.homepage .hero-section .hero-content{display:flex;flex-direction:column;justify-content:center}@media (max-width:768px){.homepage .hero-section .hero-content{align-items:center;text-align:center}}.homepage .hero-section .hero-content .hero-title{font-size:5rem;font-family:"Catamaran-Bold",sans-serif;color:#ffcd00;margin:0 0 1rem 0;line-height:1.1}@media (max-width:768px){.homepage .hero-section .hero-content .hero-title{font-size:2.5rem}}.homepage .hero-section .hero-content .hero-subtitle{font-size:1.25rem;color:#6b7280;margin:0 0 2rem 0;line-height:1.6;max-width:90%}@media (max-width:768px){.homepage .hero-section .hero-content .hero-subtitle{font-size:1.125rem;margin:0 auto 2rem auto}}.homepage .hero-section .hero-image{display:flex;align-items:center;justify-content:center;height:30rem}@media (max-width:768px){.homepage .hero-section .hero-image{height:auto;margin-bottom:2rem}}.homepage .hero-section .hero-image img{max-width:85%;height:auto;position:absolute;right:-10%;top:10%}@media (max-width:768px){.homepage .hero-section .hero-image img{max-width:100%;position:relative;right:0;top:0}}.homepage .modes-section .modes-title{font-size:2.5rem;margin:0.5rem 0;font-family:"Catamaran-Bold",sans-serif;color:#ffcd00}@media (max-width:768px){.homepage .modes-section .modes-title{font-size:1.75rem;padding:0 1rem;color:#ffcd00}}.homepage .modes-section .modes-grid{display:flex;gap:3rem;width:80vw;justify-content:space-between;margin:1rem auto}@media (max-width:768px){.homepage .modes-section .modes-grid{padding:0 2rem;width:100%;flex-direction:column}}.homepage .modes-section .mode-button{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;border-radius:1rem;text-decoration:none;transition:all 0.3s ease;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);border:2px solid transparent;aspect-ratio:1 / 1;justify-content:center;font-family:"Catamaran-Medium",sans-serif;opacity:0;transform:translateY(30px);animation:fadeInUp 0.6s ease-out forwards}.homepage .modes-section .mode-button:nth-child(1){animation-delay:0.8s}.homepage .modes-section .mode-button:nth-child(2){animation-delay:1s}.homepage .modes-section .mode-button:nth-child(3){animation-delay:1.2s}.homepage .modes-section .mode-button:nth-child(4){animation-delay:1.4s}.homepage .modes-section .mode-button:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}.homepage .modes-section .mode-button.story-mode{background:#ffcd00}.homepage .modes-section .mode-button.story-mode .mode-title,.homepage .modes-section .mode-button.story-mode .mode-description{color:#ffffff}.homepage .modes-section .mode-button.quiz-mode{background:#7ed957}.homepage .modes-section .mode-button.quiz-mode .mode-title,.homepage .modes-section .mode-button.quiz-mode .mode-description{color:#ffffff}.homepage .modes-section .mode-button.explore-mode{background:#55acee}.homepage .modes-section .mode-button.explore-mode .mode-title,.homepage .modes-section .mode-button.explore-mode .mode-description{color:#ffffff}.homepage .modes-section .mode-button.coding-mode{background:#ca87c2}.homepage .modes-section .mode-button.coding-mode .mode-title,.homepage .modes-section .mode-button.coding-mode .mode-description{color:#ffffff}.homepage .modes-section .mode-button .mode-icon{font-size:3rem;margin-bottom:1rem;line-height:1}.homepage .modes-section .mode-button .mode-icon img{width:30%;height:auto;object-fit:contain}@media (max-width:768px){.homepage .modes-section .mode-button .mode-icon{font-size:4.5rem;margin-bottom:2rem}}.homepage .modes-section .mode-button .mode-title{font-size:1.8rem;font-weight:bold;margin:0 0 0.8rem 0;color:#111827;font-family:"Catamaran-Bold",sans-serif}.homepage .modes-section .mode-button .mode-description{font-size:1.2rem;color:#4b5563;margin:0;line-height:1.4;max-width:280px}@media (max-width:768px){.homepage{padding:2rem 0}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.btn{padding:0.8rem 2.5rem;border:none;border-radius:1rem;font-size:1rem;font-weight:bold;text-transform:uppercase;cursor:pointer;transition:all 0.3s ease;font-family:"Catamaran-Bold",sans-serif;letter-spacing:0.5px;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)}.btn.btn-story{color:#ffffff;background-color:#ffcd00}.btn.btn-quiz{color:#ffffff;background-color:#7ed957}.btn.btn-explore{color:#ffffff;background-color:#55acee}.btn.btn-coding{color:#ffffff;background-color:#ca87c2}.btn.btn-coding:disabled{background-color:#e6c4df;cursor:not-allowed;opacity:0.6}.btn.btn-coding:disabled:hover{transform:none;box-shadow:none;opacity:0.6}.btn:hover:not(:disabled){transform:translateY(-5px);box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);opacity:0.9}.library-container{min-height:100vh;padding:2rem 0}.library-container a{text-decoration:none}.library-container .library-header{color:#ff6296;margin-bottom:1rem}.library-container .library-controls{margin-bottom:2rem}.library-container .library-controls .search-filter-bar{display:inline-flex;align-items:center;gap:0;background:#f0f0f5;border-radius:999px;padding:0.5rem 0.75rem 0.5rem 0.5rem;box-shadow:0 2px 8px rgba(0,0,0,0.06)}.library-container .library-controls .search-filter-bar .search-input-wrapper{position:relative;display:flex;align-items:center}.library-container .library-controls .search-filter-bar .search-input-wrapper .search-icon{position:absolute;left:1rem;color:#9ca3af;pointer-events:none;z-index:2;transition:color 0.2s ease;flex-shrink:0}.library-container .library-controls .search-filter-bar .search-input-wrapper .search-input{width:400px;padding:0.6rem 2.25rem 0.6rem 2.75rem;border:none;border-radius:999px;font-size:0.95rem;background:white;color:#111827;transition:all 0.2s ease;box-shadow:0 1px 4px rgba(0,0,0,0.08)}.library-container .library-controls .search-filter-bar .search-input-wrapper .search-input:focus{outline:none;box-shadow:0 0 0 2px rgba(255,98,150,0.35)}.library-container .library-controls .search-filter-bar .search-input-wrapper .search-input::placeholder{color:#b0b0bc}.library-container .library-controls .search-filter-bar .search-input-wrapper .search-input:disabled{opacity:0.6;cursor:not-allowed}.library-container .library-controls .search-filter-bar .search-input-wrapper .search-clear-btn{position:absolute;right:0.75rem;top:50%;transform:translateY(-50%);background:#e2e3ea;border:none;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;padding:0;transition:background 0.15s ease,color 0.15s ease,opacity 0.15s ease;flex-shrink:0}.library-container .library-controls .search-filter-bar .search-input-wrapper .search-clear-btn:hover{background:#d1d3dc;color:#374151}.library-container .library-controls .search-filter-bar .filter-bar-divider{width:1px;height:28px;background:#d1d5db;margin:0 1rem;flex-shrink:0}.library-container .library-controls .search-filter-bar .filter-right{display:flex;align-items:center;gap:1rem}.library-container .library-controls .search-filter-bar .filter-right .filter-label{font-size:0.9rem;color:#9ca3af;white-space:nowrap;user-select:none}.library-container .library-controls .search-filter-bar .filter-right .filter-dots{display:flex;align-items:center;gap:0.5rem}.library-container .library-controls .search-filter-bar .filter-right .filter-dots .filter-dot{cursor:pointer;border:none;border-radius:50%;width:36px;height:36px;padding:0;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:transform 0.2s ease,box-shadow 0.2s ease;outline:none;box-shadow:0 2px 6px rgba(0,0,0,0.15)}.library-container .library-controls .search-filter-bar .filter-right .filter-dots .filter-dot .dot-count{font-size:0.8rem;font-weight:700;line-height:1;pointer-events:none}.library-container .library-controls .search-filter-bar .filter-right .filter-dots .filter-dot:hover{transform:scale(1.12);box-shadow:0 4px 10px rgba(0,0,0,0.2)}.library-container .library-controls .search-filter-bar .filter-right .filter-dots .filter-dot.active{transform:scale(1.18);box-shadow:0 4px 12px rgba(0,0,0,0.25)}.library-container .library-controls .search-filter-bar .filter-right .filter-dots .filter-dot.story-dot{background:#ffcd00}.library-container .library-controls .search-filter-bar .filter-right .filter-dots .filter-dot.story-dot .dot-count{color:#7b5200}.library-container .library-controls .search-filter-bar .filter-right .filter-dots .filter-dot.story-dot.active{box-shadow:0 0 0 3px rgba(255,205,0,0.4)}.library-container .library-controls .search-filter-bar .filter-right .filter-dots .filter-dot.quiz-dot{background:#7ed957}.library-container .library-controls .search-filter-bar .filter-right .filter-dots .filter-dot.quiz-dot .dot-count{color:#295b14}.library-container .library-controls .search-filter-bar .filter-right .filter-dots .filter-dot.quiz-dot.active{box-shadow:0 0 0 3px rgba(126,217,87,0.4)}.library-container .library-controls .search-filter-bar .filter-right .filter-dots .filter-dot.exploration-dot{background:#55acee}.library-container .library-controls .search-filter-bar .filter-right .filter-dots .filter-dot.exploration-dot .dot-count{color:#0a3d63}.library-container .library-controls .search-filter-bar .filter-right .filter-dots .filter-dot.exploration-dot.active{box-shadow:0 0 0 3px rgba(85,172,238,0.4)}.library-container .library-controls .search-filter-bar .filter-right .filter-dots .filter-dot.coding-dot{background:#ca87c2}.library-container .library-controls .search-filter-bar .filter-right .filter-dots .filter-dot.coding-dot .dot-count{color:#591f3f}.library-container .library-controls .search-filter-bar .filter-right .filter-dots .filter-dot.coding-dot.active{box-shadow:0 0 0 3px rgba(202,135,194,0.4)}.library-container .library-controls .search-filter-bar .filter-right .filter-dots .filter-dot.all-dot{background:#9ca3af}.library-container .library-controls .search-filter-bar .filter-right .filter-dots .filter-dot.all-dot .dot-count{color:#1f2937}.library-container .library-controls .search-filter-bar .filter-right .filter-dots .filter-dot.all-dot.active{box-shadow:0 0 0 3px rgba(156,163,175,0.5)}.library-container .library-content .content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}@media (max-width:768px){.library-container .library-content .content-grid{grid-template-columns:1fr;gap:1.5rem}}.library-container .library-content .content-grid .content-card{background:white;border-radius:16px;overflow:visible;box-shadow:0 4px 16px rgba(0,0,0,0.08);transition:all 0.3s ease;position:relative;display:flex;flex-direction:column;height:100%}.library-container .library-content .content-grid .content-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.12)}.library-container .library-content .content-grid .content-card.story-card{background-color:rgba(255,205,0,0.2);color:#956300}.library-container .library-content .content-grid .content-card.quiz-card{background-color:rgba(126,217,87,0.2);color:#327019}.library-container .library-content .content-grid .content-card.exploration-card{background-color:rgba(85,172,238,0.2);color:#0c4b7a}.library-container .library-content .content-grid .content-card.coding-card{background-color:rgba(202,135,194,0.2);color:#6c264c}.library-container .library-content .content-grid .content-card .card-image{aspect-ratio:1/1;overflow:visible;position:relative}.library-container .library-content .content-grid .content-card .card-image .edit-cover-btn{position:absolute;top:20px;right:20px;background:rgba(255,255,255,0.9);border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#374151;box-shadow:0 2px 4px rgba(0,0,0,0.1);z-index:10;cursor:pointer;transition:all 0.2s ease}.library-container .library-content .content-grid .content-card .card-image .edit-cover-btn .material-symbols-outlined{font-size:18px}.library-container .library-content .content-grid .content-card .card-image .edit-cover-btn:hover{background:white;transform:scale(1.1);color:#2563eb}.library-container .library-content .content-grid .content-card .card-image .content-cover{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;padding:1rem;border-radius:1.5rem}.library-container .library-content .content-grid .content-card .card-image .content-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.08);padding:1rem;border-radius:2rem;background-clip:content-box}.library-container .library-content .content-grid .content-card .card-image .content-cover-placeholder .placeholder-icon{width:64px;height:64px;opacity:0.5;filter:brightness(0)}.library-container .library-content .content-grid .content-card .card-content{padding:0.5rem 1rem 3.5rem 1.5rem;flex:1;display:flex;flex-direction:column}.library-container .library-content .content-grid .content-card .card-content .content-title{font-size:1.125rem;font-weight:700;margin-top:0;margin-bottom:0.5rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.library-container .library-content .content-grid .content-card .card-content .content-description{font-size:0.875rem;line-height:1.5;margin-bottom:1rem;flex:auto;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.library-container .library-content .content-grid .content-card [title]{position:relative;z-index:10}.library-container .library-content .content-grid .content-card [title]:hover::before{content:attr(title);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.9);color:#ffffff;padding:0.5rem 0.75rem;border-radius:0.75rem;font-size:0.75rem;white-space:nowrap;text-align:center;line-height:1.3;z-index:9999;pointer-events:none;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)}.library-container .library-content .content-grid .content-card [title]:hover::after{content:"";position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);border:4px solid transparent;border-top-color:rgba(0,0,0,0.9);z-index:9999;pointer-events:none}.library-container .library-content .content-grid .content-card .card-bottom-icons,.library-container .library-content .content-grid .content-card .card-bottom-left-icons{position:absolute;bottom:0.75rem;z-index:2;display:flex;gap:0.5rem}.library-container .library-content .content-grid .content-card .card-bottom-icons{right:0.75rem}.library-container .library-content .content-grid .content-card .card-bottom-left-icons{left:0.75rem}.library-container .library-content .content-grid .content-card .bottom-icon{background:rgba(255,255,255,0.9);border:none;border-radius:50%;width:36px;height:36px;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);box-shadow:0 1px 2px 0 rgba(0,0,0,0.05)}.library-container .library-content .content-grid .content-card .bottom-icon:hover,.library-container .library-content .content-grid .content-card .bottom-icon.touch-active{background:white;transform:scale(1.1);box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)}.library-container .library-content .content-grid .content-card .bottom-icon.danger-icon:hover{color:#dc2626}.library-container .library-content .content-grid .content-card .bottom-icon.danger-icon:hover .material-symbols-outlined{color:#dc2626}.library-container .library-content .content-grid .content-card .bottom-icon .material-symbols-outlined{font-size:20px;color:#4b5563}.library-container .library-content .content-grid .content-card .bottom-icon:hover .material-symbols-outlined,.library-container .library-content .content-grid .content-card .bottom-icon.touch-active .material-symbols-outlined{color:#1f2937}.library-container .library-content .content-grid .content-card .bottom-icon.visibility-icon{cursor:help}.library-container .library-content .content-grid .content-card .bottom-icon.visibility-icon.public-visibility .material-symbols-outlined,.library-container .library-content .content-grid .content-card .bottom-icon.visibility-icon.public-visibility:hover .material-symbols-outlined{color:#166534}.library-container .library-content .content-grid .content-card .bottom-icon.visibility-icon.school-visibility .material-symbols-outlined,.library-container .library-content .content-grid .content-card .bottom-icon.visibility-icon.school-visibility:hover .material-symbols-outlined{color:#1e40af}.library-container .library-content .content-grid .content-card .bottom-icon.visibility-icon.private-visibility .material-symbols-outlined,.library-container .library-content .content-grid .content-card .bottom-icon.visibility-icon.private-visibility:hover .material-symbols-outlined{color:#374151}.library-container .library-content .empty-state{text-align:center;padding:4rem 2rem;grid-column:1 / -1}.library-container .library-content .empty-state .empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:0.5}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(4px)}.modal-overlay .modal-content{background:white;border-radius:16px;max-width:500px;width:90%;max-height:80vh;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,0.2);animation:modalFadeIn 0.3s ease}@keyframes modalFadeIn{from{opacity:0;transform:scale(0.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-overlay .modal-content .modal-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e5e7eb}.modal-overlay .modal-content .modal-header h3{margin:0;font-size:1.25rem;font-weight:700;color:#1f2937}.modal-overlay .modal-content .modal-body{padding:1rem 1.5rem}.modal-overlay .modal-content .modal-body p{margin:0 0 1rem;color:#6b7280;line-height:1.6}.modal-overlay .modal-content .modal-body .warning-text{color:#dc2626;font-weight:600;background:#fef2f2;padding:0.75rem 1rem;border-radius:8px;border-left:4px solid #dc2626;margin-top:1rem}.modal-overlay .modal-content .modal-body .warning-text strong{font-weight:700}.modal-overlay .modal-content .modal-footer{padding:1rem 1.5rem 1.5rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:1rem}.modal-overlay .modal-content .modal-footer .modal-btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;border-radius:8px;font-size:0.875rem;font-weight:600;cursor:pointer;border:none;transition:all 0.2s ease}.modal-overlay .modal-content .modal-footer .modal-btn.primary{background:#3b82f6;color:white}.modal-overlay .modal-content .modal-footer .modal-btn.primary:hover{background:#2563eb;transform:translateY(-1px)}.modal-overlay .modal-content .modal-footer .modal-btn.secondary{background:#f1f5f9;color:#475569}.modal-overlay .modal-content .modal-footer .modal-btn.secondary:hover{background:#e2e8f0;transform:translateY(-1px)}.modal-overlay .modal-content .modal-footer .modal-btn.danger{background:#dc2626;color:white}.modal-overlay .modal-content .modal-footer .modal-btn.danger:hover{background:#b91c1c;transform:translateY(-1px)}.modal-overlay .modal-content .modal-footer .modal-btn.danger:disabled{background:#fca5a5;cursor:not-allowed;transform:none}.login-page{min-height:100vh;display:flex;align-items:stretch;padding:0;background-position-y:5%}.login-page .login-page-inner{width:100%;margin:0}.login-page .login-left-column{position:relative;height:100%}.login-page .login-left-column .logo{position:absolute;width:40%;top:5%;left:12%}.login-page .login-left-column .illustration{position:absolute;bottom:-15%;left:5%;width:85%}@media (max-width:768px){.login-page .login-left-column{height:auto}.login-page .login-left-column .logo{position:inherit;top:inherit;left:inherit;width:100%;padding:1.5rem 2rem}.login-page .login-left-column .illustration{display:none}}.login-page .login-right-column{display:flex;flex-direction:column;align-items:center;justify-content:center}@media (max-width:768px){.login-page .login-right-column{padding-bottom:6rem}}.login-page .login-page-title{font-size:1.7rem;font-family:"Catamaran-Bold",sans-serif;color:#ffffff;text-align:center;margin:1rem 0 2rem 0}.login-page .login-form-box{width:100%;max-width:550px;background:#ffcd00;border-radius:1rem;padding:2rem;position:relative;overflow:hidden;animation:fadeInUp 0.6s ease-out forwards;opacity:0;color:#ffffff}.login-page .messages{margin-bottom:1.5rem;position:relative;z-index:1}.login-page .message{padding:0.75rem 1rem;border-radius:8px;margin-bottom:0.5rem;font-size:0.875rem;font-weight:500}.login-page .message--error{background-color:rgba(254,215,215,0.9);color:#c53030;border:1px solid rgba(254,178,178,0.8)}.login-page .message--success{background-color:rgba(198,246,213,0.9);color:#2f855a;border:1px solid rgba(154,230,180,0.8)}.login-page .message--info{background-color:rgba(190,227,248,0.9);color:#2c5282;border:1px solid rgba(144,205,244,0.8)}.login-page .login-form-fields{position:relative;z-index:1}.login-page .form-group{margin-bottom:1.5rem;gap:0}.login-page .form-label{font-family:"Catamaran-Bold",sans-serif;font-size:1.2rem}.login-page .form-input{width:100%;padding:0.7rem 1rem;border-radius:1rem;font-size:1.1rem;transition:all 0.2s ease-in-out;border:none;font-family:"Catamaran-Medium",sans-serif}.login-page .form-input:focus{outline:none;border-color:white}.login-page .form-input::placeholder{color:#a0aec0}.login-page .login-button{width:40%;margin:0 auto;background:#ffffff;color:#ffcd00;border:none;padding:1rem;border-radius:38px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:0.7rem}.login-page .login-button:hover{box-shadow:0 8px 20px rgba(153,122,0,0.4);background:#483000}.login-page .login-button:focus{outline:none;box-shadow:0 4px 12px rgba(153,122,0,0.3),0 0 0 3px rgba(255,255,255,0.5)}.login-page .login-button:disabled{background:#a0aec0;cursor:not-allowed;transform:none}.login-page .login-button:disabled:hover{transform:none;box-shadow:0 4px 12px rgba(153,122,0,0.3)}.login-page .forgot-password{text-align:center;margin-top:1.5rem}.login-page .forgot-password-link{color:#ffffff;font-size:0.875rem;text-decoration:none;font-weight:"Catamaran-Medium",sans-serif;transition:color 0.2s ease}.login-page .forgot-password-link:hover{color:#7b5200;text-decoration:underline}.login-page .forgot-password-link:focus{outline:none;text-decoration:underline}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.rfid-tag-assignment{min-height:calc(100vh - 4.5rem);background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);padding:1rem 0}.rfid-tag-assignment .container{max-width:1200px}.rfid-tag-assignment .page-header{margin-bottom:3rem}.rfid-tag-assignment .page-header .page-title{font-size:2.5rem;font-weight:bold;color:#2c3e50;margin-bottom:1rem}.rfid-tag-assignment .page-header .page-description{font-size:1.2rem;color:#6c757d;max-width:700px;margin:0 auto}.rfid-tag-assignment .tag-section{background:white;border-radius:16px;padding:2rem;margin-bottom:1rem;box-shadow:0 4px 12px rgba(0,0,0,0.1)}.rfid-tag-assignment .tag-section .section-title{font-size:1.4rem;font-weight:bold;font-family:"Catamaran-Bold",sans-serif;color:#ca87c2;margin-top:0}.rfid-tag-assignment .tag-section .section-description{font-size:1rem;color:#6c757d;text-align:center;margin-bottom:2rem}.rfid-tag-assignment .direction-grid{display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:500px;margin:0 auto}.rfid-tag-assignment .direction-grid .horizontal-container{display:flex;justify-content:space-between;width:100%;gap:2rem}@media (max-width:768px){.rfid-tag-assignment .direction-grid .horizontal-container{flex-direction:column;gap:1rem}}.rfid-tag-assignment .direction-grid .direction-button-container{position:relative}.rfid-tag-assignment .direction-grid .direction-button-container.up-container,.rfid-tag-assignment .direction-grid .direction-button-container.down-container{width:200px}.rfid-tag-assignment .direction-grid .direction-button-container.left-container,.rfid-tag-assignment .direction-grid .direction-button-container.right-container{flex:1;max-width:200px}.rfid-tag-assignment .direction-grid .direction-button{position:relative;width:100%;min-height:140px;border:3px solid #ddd;border-radius:12px;background:white;cursor:pointer;transition:all 0.3s ease;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,0.1)}.rfid-tag-assignment .direction-grid .direction-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.15);border-color:#007bff}.rfid-tag-assignment .direction-grid .direction-button:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,0.25)}.rfid-tag-assignment .direction-grid .direction-button.waiting{background:linear-gradient(135deg,#28a745,#20c997);border-color:#28a745;color:white}.rfid-tag-assignment .direction-grid .direction-button.waiting .button-content{opacity:0}.rfid-tag-assignment .direction-grid .direction-button.waiting .waiting-overlay{opacity:1}.rfid-tag-assignment .direction-grid .direction-button.assigned{background:linear-gradient(135deg,#007bff,#0056b3);border-color:#007bff;color:white}.rfid-tag-assignment .direction-grid .direction-button .button-content{display:flex;flex-direction:column;align-items:center;gap:0.5rem;transition:opacity 0.3s ease;text-align:center;z-index:2;position:relative;width:100%;padding:0.5rem}.rfid-tag-assignment .direction-grid .direction-button .button-content .direction-icon{font-size:2.5rem;color:#6c757d}.rfid-tag-assignment .direction-grid .direction-button .button-content .direction-label{font-size:1.1rem;font-weight:bold;color:#2c3e50}.rfid-tag-assignment .direction-grid .direction-button .button-content .tag-assignments{display:flex;flex-direction:column;gap:0.25rem;align-items:center;width:100%;max-height:60px;overflow-y:auto}.rfid-tag-assignment .direction-grid .direction-button .button-content .tag-assignments .assigned-tag{display:inline-flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:#2c3e50;font-family:monospace;background:#f8f9fa;padding:0.2rem 0.4rem;border-radius:4px;max-width:140px;position:relative}.rfid-tag-assignment .direction-grid .direction-button .button-content .tag-assignments .assigned-tag .remove-tag-btn{background:#dc3545;color:white;border:none;border-radius:50%;width:16px;height:16px;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;margin-left:0.25rem}.rfid-tag-assignment .direction-grid .direction-button .button-content .tag-assignments .assigned-tag .remove-tag-btn:hover{background:#c82333;transform:scale(1.1)}.rfid-tag-assignment .direction-grid .direction-button .button-content .tag-assignments .no-tags-message{font-size:0.8rem;color:#6c757d;font-style:italic}.rfid-tag-assignment .direction-grid .direction-button .waiting-overlay{pointer-events:none;position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.75rem;opacity:0;transition:opacity 0.3s ease;z-index:3}.rfid-tag-assignment .direction-grid .direction-button .waiting-overlay .spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,0.3);border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite}.rfid-tag-assignment .direction-grid .direction-button .waiting-overlay .waiting-text{font-size:1rem;font-weight:600;color:white}.rfid-tag-assignment .direction-grid .direction-button.assigned .button-content .direction-icon{color:white}.rfid-tag-assignment .direction-grid .direction-button.assigned .button-content .direction-label{color:white}.rfid-tag-assignment .direction-grid .direction-button.assigned .button-content .tag-assignments .assigned-tag{background:rgba(255,255,255,0.2);color:white}.rfid-tag-assignment .direction-grid .direction-button.assigned .button-content .tag-assignments .assigned-tag .remove-tag-btn{background:rgba(220,53,69,0.8)}.rfid-tag-assignment .direction-grid .direction-button.assigned .button-content .tag-assignments .assigned-tag .remove-tag-btn:hover{background:#dc3545}.rfid-tag-assignment .direction-grid .direction-button.assigned .button-content .tag-assignments .no-tags-message{color:rgba(255,255,255,0.7)}.rfid-tag-assignment .multiplier-grid{display:flex;justify-content:center;gap:2rem;max-width:700px;margin:0 auto}@media (max-width:768px){.rfid-tag-assignment .multiplier-grid{flex-direction:column;gap:1rem;align-items:center}}.rfid-tag-assignment .multiplier-grid .multiplier-button-container{position:relative;flex:1;max-width:200px}@media (max-width:768px){.rfid-tag-assignment .multiplier-grid .multiplier-button-container{width:100%;max-width:280px}}.rfid-tag-assignment .multiplier-grid .multiplier-button{position:relative;width:100%;height:140px;border:3px solid #ddd;border-radius:12px;background:white;cursor:pointer;transition:all 0.3s ease;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,0.1)}.rfid-tag-assignment .multiplier-grid .multiplier-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.15);border-color:#ffc107}.rfid-tag-assignment .multiplier-grid .multiplier-button:focus{outline:none;border-color:#ffc107;box-shadow:0 0 0 3px rgba(255,193,7,0.25)}.rfid-tag-assignment .multiplier-grid .multiplier-button.waiting{background:linear-gradient(135deg,#28a745,#20c997);border-color:#28a745;color:white}.rfid-tag-assignment .multiplier-grid .multiplier-button.waiting .button-content{opacity:0}.rfid-tag-assignment .multiplier-grid .multiplier-button.waiting .waiting-overlay{opacity:1}.rfid-tag-assignment .multiplier-grid .multiplier-button.assigned{background:linear-gradient(135deg,#ffc107,#ff8f00);border-color:#ffc107;color:#2c3e50}.rfid-tag-assignment .multiplier-grid .multiplier-button .button-content{display:flex;flex-direction:column;align-items:center;gap:0.5rem;transition:opacity 0.3s ease;text-align:center;z-index:2;position:relative;width:100%;padding:0.5rem}.rfid-tag-assignment .multiplier-grid .multiplier-button .button-content .multiplier-icon{font-size:2.5rem;font-weight:bold;color:#ffc107}.rfid-tag-assignment .multiplier-grid .multiplier-button .button-content .multiplier-label{font-size:1.1rem;font-weight:bold;color:#2c3e50}.rfid-tag-assignment .multiplier-grid .multiplier-button .button-content .tag-assignments{display:flex;flex-direction:column;gap:0.25rem;align-items:center;width:100%}.rfid-tag-assignment .multiplier-grid .multiplier-button .button-content .tag-assignments .assigned-tag{display:inline-flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:#2c3e50;font-family:monospace;background:#f8f9fa;padding:0.2rem 0.4rem;border-radius:4px;max-width:140px;position:relative}.rfid-tag-assignment .multiplier-grid .multiplier-button .button-content .tag-assignments .assigned-tag .remove-tag-btn{background:#dc3545;color:white;border:none;border-radius:50%;width:16px;height:16px;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;margin-left:0.25rem}.rfid-tag-assignment .multiplier-grid .multiplier-button .button-content .tag-assignments .assigned-tag .remove-tag-btn:hover{background:#c82333;transform:scale(1.1)}.rfid-tag-assignment .multiplier-grid .multiplier-button .button-content .tag-assignments .no-tags-message{font-size:0.8rem;color:#6c757d;font-style:italic}.rfid-tag-assignment .multiplier-grid .multiplier-button .waiting-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.75rem;opacity:0;transition:opacity 0.3s ease;z-index:3;pointer-events:none}.rfid-tag-assignment .multiplier-grid .multiplier-button .waiting-overlay .spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,0.3);border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite}.rfid-tag-assignment .multiplier-grid .multiplier-button .waiting-overlay .waiting-text{font-size:1rem;font-weight:600;color:white}.rfid-tag-assignment .multiplier-grid .multiplier-button.assigned .button-content .multiplier-icon{color:#2c3e50}.rfid-tag-assignment .multiplier-grid .multiplier-button.assigned .button-content .multiplier-label{color:#2c3e50}.rfid-tag-assignment .multiplier-grid .multiplier-button.assigned .button-content .tag-assignments .assigned-tag{background:rgba(44,62,80,0.1);color:#2c3e50}.rfid-tag-assignment .multiplier-grid .multiplier-button.assigned .button-content .tag-assignments .assigned-tag .remove-tag-btn{background:rgba(220,53,69,0.8)}.rfid-tag-assignment .multiplier-grid .multiplier-button.assigned .button-content .tag-assignments .assigned-tag .remove-tag-btn:hover{background:#dc3545}.rfid-tag-assignment .multiplier-grid .multiplier-button.assigned .button-content .tag-assignments .no-tags-message{color:rgba(44,62,80,0.6)}.rfid-tag-assignment .instructions-panel{background:white;padding:2rem;border-radius:12px;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);display:flex;flex-direction:column;height:100%}.rfid-tag-assignment .instructions-panel h3{font-size:1.4rem;font-weight:bold;font-family:"Catamaran-Bold",sans-serif;color:#ca87c2;margin-top:0}.rfid-tag-assignment .instructions-panel .instructions-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width:768px){.rfid-tag-assignment .instructions-panel .instructions-grid{grid-template-columns:1fr;gap:1.5rem}}.rfid-tag-assignment .instructions-panel .instructions-grid .instruction-section h4{font-weight:bold;font-family:"Catamaran-Bold",sans-serif;color:#ca87c2;margin-bottom:1rem;margin-top:0}.rfid-tag-assignment .instructions-panel .instructions-grid .instruction-section ol{padding-left:1.5rem}.rfid-tag-assignment .instructions-panel .instructions-grid .instruction-section ol li{margin-bottom:0.75rem;color:#495057;line-height:1.5;font-size:0.9rem}.rfid-tag-assignment .instructions-panel .note{background:#e3f2fd;border:1px solid #bbdefb;border-radius:8px;padding:1rem;margin-top:1.5rem}.rfid-tag-assignment .instructions-panel .note p{margin:0;color:#1565c0;font-size:0.9rem}.rfid-tag-assignment .instructions-panel .note strong{color:#0d47a1}.toast-container{position:fixed;top:20px;right:20px;z-index:9999}.toast-container .toast{background:white;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.15);padding:1rem 1.5rem;margin-bottom:0.5rem;min-width:300px;border-left:4px solid #28a745;animation:slideInRight 0.3s ease}.toast-container .toast.error{border-left-color:#dc3545}.toast-container .toast.warning{border-left-color:#ffc107}.toast-container .toast.info{border-left-color:#17a2b8}.toast-container .toast .toast-message{color:#2c3e50;font-weight:500}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@media (max-width:768px){.rfid-tag-assignment{padding:1rem 0}.rfid-tag-assignment .page-header .page-title{font-size:2rem}.rfid-tag-assignment .tag-section{padding:1.5rem;margin-bottom:1.5rem}.rfid-tag-assignment .tag-section .section-title{font-size:1.5rem}.rfid-tag-assignment .direction-grid{gap:1.5rem;max-width:100%}.rfid-tag-assignment .direction-grid .direction-button-container.up-container,.rfid-tag-assignment .direction-grid .direction-button-container.down-container{width:100%;max-width:280px}.rfid-tag-assignment .direction-grid .direction-button{min-height:120px}.rfid-tag-assignment .direction-grid .direction-button .button-content .direction-icon{font-size:2rem}.rfid-tag-assignment .direction-grid .direction-button .button-content .direction-label{font-size:1rem}.rfid-tag-assignment .direction-grid .direction-button .button-content .tag-assignments{max-height:50px}.rfid-tag-assignment .direction-grid .direction-button .button-content .tag-assignments .assigned-tag{font-size:0.7rem;max-width:120px}.rfid-tag-assignment .multiplier-button{height:120px}.rfid-tag-assignment .multiplier-button .button-content .multiplier-icon{font-size:2rem}.rfid-tag-assignment .multiplier-button .button-content .multiplier-label{font-size:1rem}.rfid-tag-assignment .multiplier-button .button-content .tag-assignments .assigned-tag{font-size:0.7rem;max-width:120px}.rfid-tag-assignment .instructions-panel{padding:1.5rem;margin-top:2rem}.rfid-tag-assignment .toast-container{left:10px;right:10px}.rfid-tag-assignment .toast-container .toast{min-width:auto}}.text-center{text-align:center}.mt-5{margin-top:3rem}.mb-5{margin-bottom:3rem}body.high-contrast-mode .rfid-tag-assignment{background:#000!important}body.high-contrast-mode .page-title,body.high-contrast-mode .page-description,body.high-contrast-mode .section-title,body.high-contrast-mode .section-description{color:#ffff00!important}body.high-contrast-mode .tag-section,body.high-contrast-mode .instructions-panel{background:#000!important;border:2px solid #ffff00!important;box-shadow:none!important}body.high-contrast-mode .tag-section h3,body.high-contrast-mode .tag-section h4,body.high-contrast-mode .tag-section ol li,body.high-contrast-mode .instructions-panel h3,body.high-contrast-mode .instructions-panel h4,body.high-contrast-mode .instructions-panel ol li{color:#ffff00!important}body.high-contrast-mode .direction-button,body.high-contrast-mode .multiplier-button{background:#000!important;border:2px solid #ffff00!important}body.high-contrast-mode .direction-button.assigned,body.high-contrast-mode .direction-button.waiting,body.high-contrast-mode .multiplier-button.assigned,body.high-contrast-mode .multiplier-button.waiting{background:#000!important;border:2px dashed #ffff00!important}body.high-contrast-mode .direction-button .button-content .direction-icon,body.high-contrast-mode .direction-button .button-content .direction-label,body.high-contrast-mode .direction-button .button-content .multiplier-icon,body.high-contrast-mode .direction-button .button-content .multiplier-label,body.high-contrast-mode .direction-button .button-content .no-tags-message,body.high-contrast-mode .multiplier-button .button-content .direction-icon,body.high-contrast-mode .multiplier-button .button-content .direction-label,body.high-contrast-mode .multiplier-button .button-content .multiplier-icon,body.high-contrast-mode .multiplier-button .button-content .multiplier-label,body.high-contrast-mode .multiplier-button .button-content .no-tags-message{color:#ffff00!important}body.high-contrast-mode .assigned-tag{background:#000!important;border:1px solid #ffff00!important;color:#ffff00!important}body.high-contrast-mode .assigned-tag .remove-tag-btn{background:#000!important;border:1px solid #ffff00!important;color:#ffff00!important}body.high-contrast-mode .assigned-tag .remove-tag-btn:hover{background:#ffff00!important;color:#000!important}body.high-contrast-mode .waiting-overlay{background:rgba(0,0,0,0.9)!important}body.high-contrast-mode .waiting-overlay .spinner{border-color:rgba(255,255,0,0.3)!important;border-top-color:#ffff00!important}body.high-contrast-mode .waiting-overlay .waiting-text{color:#ffff00!important}body.high-contrast-mode .note{background:#000!important;border-color:#ffff00!important}body.high-contrast-mode .note p,body.high-contrast-mode .note strong{color:#ffff00!important}.stories-container{padding:0}.stories-container.story-theme .stories-header,.stories-container.quiz-theme .stories-header,.stories-container.explore-theme .stories-header,.stories-container.coding-theme .stories-header{margin:2rem auto 0;min-height:340px}@media (max-width:768px){.stories-container.story-theme .stories-header,.stories-container.quiz-theme .stories-header,.stories-container.explore-theme .stories-header,.stories-container.coding-theme .stories-header{margin:3rem auto 0}}.stories-container.story-theme .search-section .search-input,.stories-container.quiz-theme .search-section .search-input,.stories-container.explore-theme .search-section .search-input,.stories-container.coding-theme .search-section .search-input{border:none;box-shadow:0 1px 4px rgba(0,0,0,0.08)}.stories-container.story-theme .stories-grid-wrapper,.stories-container.quiz-theme .stories-grid-wrapper,.stories-container.explore-theme .stories-grid-wrapper,.stories-container.coding-theme .stories-grid-wrapper{min-height:calc(100vh - 444px);height:100%;padding:2rem 0}.stories-container.story-theme .create-card,.stories-container.quiz-theme .create-card,.stories-container.explore-theme .create-card,.stories-container.coding-theme .create-card{display:flex;align-items:center;justify-content:center}.stories-container.story-theme .create-card .create-link,.stories-container.quiz-theme .create-card .create-link,.stories-container.explore-theme .create-card .create-link,.stories-container.coding-theme .create-card .create-link{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none;transition:all 0.2s ease}.stories-container.story-theme .create-card .create-link:hover,.stories-container.quiz-theme .create-card .create-link:hover,.stories-container.explore-theme .create-card .create-link:hover,.stories-container.coding-theme .create-card .create-link:hover{text-decoration:none}.stories-container.story-theme .create-card .create-content,.stories-container.quiz-theme .create-card .create-content,.stories-container.explore-theme .create-card .create-content,.stories-container.coding-theme .create-card .create-content{text-align:center}.stories-container.story-theme .create-card .create-content .create-icon svg,.stories-container.quiz-theme .create-card .create-content .create-icon svg,.stories-container.explore-theme .create-card .create-content .create-icon svg,.stories-container.coding-theme .create-card .create-content .create-icon svg{width:104px;height:104px;stroke-width:4}.stories-container.story-theme .create-card .create-content .create-text,.stories-container.quiz-theme .create-card .create-content .create-text,.stories-container.explore-theme .create-card .create-content .create-text,.stories-container.coding-theme .create-card .create-content .create-text{font-size:1.5rem;font-family:"Catamaran-Bold",sans-serif;margin:0}.stories-container.story-theme .create-card:hover,.stories-container.quiz-theme .create-card:hover,.stories-container.explore-theme .create-card:hover,.stories-container.coding-theme .create-card:hover{background:#fffbcc}.stories-container.story-theme .info-button:hover,.stories-container.quiz-theme .info-button:hover,.stories-container.explore-theme .info-button:hover,.stories-container.coding-theme .info-button:hover{background:#fffabd}.stories-container.story-theme .story-cover-placeholder,.stories-container.quiz-theme .story-cover-placeholder,.stories-container.explore-theme .story-cover-placeholder,.stories-container.coding-theme .story-cover-placeholder{background:linear-gradient(135deg,#fffabd 0%,#fffcd7 100%)}.stories-container.story-theme .story-cover-placeholder .placeholder-icon,.stories-container.quiz-theme .story-cover-placeholder .placeholder-icon,.stories-container.explore-theme .story-cover-placeholder .placeholder-icon,.stories-container.coding-theme .story-cover-placeholder .placeholder-icon{color:#ffcd00}.stories-container.story-theme .story-cover-placeholder .placeholder-icon-img,.stories-container.quiz-theme .story-cover-placeholder .placeholder-icon-img,.stories-container.explore-theme .story-cover-placeholder .placeholder-icon-img,.stories-container.coding-theme .story-cover-placeholder .placeholder-icon-img{width:80px;height:80px;object-fit:contain;opacity:0.8;filter:brightness(0)}.stories-container.story-theme .header-text .stories-title,.stories-container.story-theme .header-text .stories-subtitle{color:#ffcd00}.stories-container.story-theme .search-section .search-input:focus{box-shadow:0 0 0 3px rgba(255,205,0,0.4)}.stories-container.story-theme .stories-grid-wrapper{background:#ffcd00}.stories-container.story-theme .create-card{background:#fffabd}.stories-container.story-theme .create-card .create-link{color:#7b5200}.stories-container.story-theme .create-card .create-link:hover{color:#ffcd00}.stories-container.story-theme .create-card .create-icon{color:#ffcd00}.stories-container.story-theme .create-card .create-text{color:#ffcd00}.stories-container.story-theme .create-card:hover{border-color:#7b5200}.stories-container.story-theme .info-button:hover{color:#ffcd00}.stories-container.quiz-theme .header-text .stories-title,.stories-container.quiz-theme .header-text .stories-subtitle{color:#7ed957}.stories-container.quiz-theme .search-section .search-input:focus{box-shadow:0 0 0 3px rgba(126,217,87,0.4)}.stories-container.quiz-theme .stories-grid-wrapper{background:#7ed957}.stories-container.quiz-theme .create-card{background:#e8f5e0}.stories-container.quiz-theme .create-card .create-link{color:#295b14}.stories-container.quiz-theme .create-card .create-link:hover{color:#7ed957}.stories-container.quiz-theme .create-card .create-icon{color:#7ed957}.stories-container.quiz-theme .create-card .create-text{color:#7ed957}.stories-container.quiz-theme .create-card:hover{border-color:#295b14;background:#f1f9ec}.stories-container.quiz-theme .info-button:hover{color:#7ed957;background:#e8f5e0}.stories-container.quiz-theme .story-cover-placeholder{background:linear-gradient(135deg,#e8f5e0 0%,#f6fbf3 100%)}.stories-container.quiz-theme .story-cover-placeholder .placeholder-icon{color:#7ed957}.stories-container.quiz-theme .story-cover-placeholder .placeholder-icon-img{width:80px;height:80px;object-fit:contain;opacity:0.8;filter:brightness(0)}.stories-container.explore-theme .header-text .stories-title,.stories-container.explore-theme .header-text .stories-subtitle{color:#55acee}.stories-container.explore-theme .search-section .search-input:focus{box-shadow:0 0 0 3px rgba(85,172,238,0.4)}.stories-container.explore-theme .stories-grid-wrapper{background:#55acee}.stories-container.explore-theme .create-card{background:#e3f2fd}.stories-container.explore-theme .create-card .create-link{color:#0a3d63}.stories-container.explore-theme .create-card .create-link:hover{color:#55acee}.stories-container.explore-theme .create-card .create-icon{color:#55acee}.stories-container.explore-theme .create-card .create-text{color:#55acee}.stories-container.explore-theme .create-card:hover{border-color:#0a3d63;background:#f1f9fe}.stories-container.explore-theme .info-button:hover{color:#55acee;background:#e3f2fd}.stories-container.explore-theme .story-cover-placeholder{background:linear-gradient(135deg,#e3f2fd 0%,#fbfdff 100%)}.stories-container.explore-theme .story-cover-placeholder .placeholder-icon{color:#55acee}.stories-container.explore-theme .story-cover-placeholder .placeholder-icon-img{width:80px;height:80px;object-fit:contain;opacity:0.8;filter:brightness(0.9) sepia(100%) saturate(150%) hue-rotate(200deg)}.stories-container.coding-theme .header-text .stories-title,.stories-container.coding-theme .header-text .stories-subtitle{color:#ca87c2}.stories-container.coding-theme .search-section .search-input:focus{box-shadow:0 0 0 3px rgba(202,135,194,0.4)}.stories-container.coding-theme .stories-grid-wrapper{background:#ca87c2}.stories-container.coding-theme .create-card{background:#f3e8f0}.stories-container.coding-theme .create-card .create-link{color:#591f3f}.stories-container.coding-theme .create-card .create-link:hover{color:#ca87c2}.stories-container.coding-theme .create-card .create-icon{color:#ca87c2}.stories-container.coding-theme .create-card .create-text{color:#ca87c2}.stories-container.coding-theme .create-card:hover{border-color:#591f3f;background:#f8f2f7}.stories-container.coding-theme .info-button:hover{color:#ca87c2;background:#f3e8f0}.stories-container.coding-theme .story-cover-placeholder{background:linear-gradient(135deg,#f3e8f0 0%,#fcf9fb 100%)}.stories-container.coding-theme .story-cover-placeholder .placeholder-icon{color:#ca87c2}.stories-container.coding-theme .story-cover-placeholder .placeholder-icon-img{width:80px;height:80px;object-fit:contain;opacity:0.8;filter:brightness(0)}.stories-container .header-content .header-text{height:100%;position:absolute;top:20%;width:50%}@media (max-width:768px){.stories-container .header-content .header-text{position:static;width:100%;text-align:center;margin-bottom:35%;top:0}}.stories-container .header-content .header-text .stories-title{font-size:3rem;font-weight:bold;margin-top:0;margin-bottom:1rem;font-family:"Catamaran-Bold",sans-serif;line-height:1.4}.stories-container .header-content .header-text .stories-subtitle{font-size:1.7rem;font-weight:bold;margin:0;font-family:"Catamaran-Bold",sans-serif;line-height:1.2}.stories-container .header-content .header-text .stories-description{font-size:1.2rem;line-height:1.6;margin:0;color:#6b7280}.stories-container .header-content .header-image{display:flex;justify-content:center;align-items:center}.stories-container .header-content .header-image .stories-illustration{width:40%;height:auto;position:absolute;top:5%;right:5%}@media (max-width:768px){.stories-container .header-content .header-image .stories-illustration{top:unset;bottom:-5%;right:0%;z-index:-1;opacity:0.8}}.stories-container .search-section{position:absolute;right:150px;top:-28px;width:auto}.stories-container .search-section .search-container{display:inline-flex;align-items:center;border-radius:999px;box-shadow:0 2px 8px rgba(0,0,0,0.2)}.stories-container .search-section .search-container .search-input-wrapper{position:relative;display:flex;align-items:center}@media (max-width:768px){.stories-container .search-section .search-container .search-input-wrapper{width:100%}}.stories-container .search-section .search-container .search-input-wrapper .search-icon{position:absolute;left:1rem;color:#b0b0bc;z-index:1;pointer-events:none;flex-shrink:0}.stories-container .search-section .search-container .search-input-wrapper .search-input{width:420px;padding:1rem 2.25rem 1rem 2.75rem;border:none;border-radius:999px;font-size:1.1rem;outline:none;background:white;color:#111827;transition:box-shadow 0.2s ease;box-shadow:0 1px 4px rgba(0,0,0,0.08)}.stories-container .search-section .search-container .search-input-wrapper .search-input::placeholder{color:#b0b0bc}@media (max-width:768px){.stories-container .search-section .search-container .search-input-wrapper .search-input{width:240px}}.stories-container .search-section .search-container .search-input-wrapper .search-clear-btn{position:absolute;right:0.75rem;top:50%;transform:translateY(-50%);background:#e2e3ea;border:none;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;padding:0;transition:background 0.15s ease,color 0.15s ease;flex-shrink:0}.stories-container .search-section .search-container .search-input-wrapper .search-clear-btn:hover{background:#d1d3dc;color:#374151}@media (max-width:768px){.stories-container .search-section{position:static;margin:0 auto 1.5rem;display:flex;justify-content:center}.stories-container .search-section .search-container{width:100%;max-width:90vw}.stories-container .search-section .search-container .search-input-wrapper .search-input{width:100%}}.stories-container .story-card{transition:opacity 0.25s ease,transform 0.25s ease,translateY 0.3s ease}.stories-container .story-card.search-hidden{opacity:0;transform:scale(0.92);pointer-events:none}.stories-container .story-card.search-visible{opacity:1;transform:scale(1);pointer-events:auto}.stories-container .stories-grid-wrapper{overflow:visible;position:relative}.stories-container .stories-grid-wrapper .stories-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:3rem;padding-top:2rem;overflow:visible}@media (max-width:1536px){.stories-container .stories-grid-wrapper .stories-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1280px){.stories-container .stories-grid-wrapper .stories-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1024px){.stories-container .stories-grid-wrapper .stories-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width:768px){.stories-container .stories-grid-wrapper .stories-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width:640px){.stories-container .stories-grid-wrapper .stories-grid{grid-template-columns:1fr;gap:1rem}}.stories-container .story-card{position:relative;border-radius:1rem;transition:all 0.3s ease;overflow:visible;min-height:340px;display:flex;flex-direction:column;height:100%;aspect-ratio:4/5.25}.stories-container .story-card.stories-theme{background:#fff0b3;color:#956300}.stories-container .story-card.stories-theme .play-button{background:#ffdc4d;color:#7b5200;box-shadow:0 4px 30px rgba(255,205,0,0.8)}.stories-container .story-card.quizzes-theme{background-color:#def5d4;color:#327019}.stories-container .story-card.quizzes-theme .play-button{background:#aee795;color:#295b14;box-shadow:0 4px 30px rgba(126,217,87,0.8)}.stories-container .story-card.explorations-theme{background-color:#e0f0fc;color:#0c4b7a}.stories-container .story-card.explorations-theme .play-button{background:#9bcef5;color:#0a3d63;box-shadow:0 4px 30px rgba(85,172,238,0.8)}.stories-container .story-card.coding-theme{background-color:#f6eaf4;color:#6c264c}.stories-container .story-card.coding-theme .play-button{background:#e1bcdd;color:#591f3f;box-shadow:0 4px 30px rgba(202,135,194,0.8)}.stories-container .story-card:hover{transform:translateY(-4px)}.stories-container .story-card:hover .play-button-overlay{opacity:1}.stories-container .story-card .play-button-overlay{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:all 0.3s ease;pointer-events:none}.stories-container .story-card .play-button{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease}.stories-container .story-card .play-button svg{margin-left:2px}.stories-container .content-card{display:flex;flex-direction:column}.stories-container .card-link{text-decoration:none;cursor:pointer}.stories-container .card-link:hover,.stories-container .card-link:visited{text-decoration:none}.stories-container .card-image{flex:0 0 auto;width:calc(100% - 1.6rem);aspect-ratio:1 / 1;overflow:hidden;position:relative;background:#f3f4f6;border-radius:0.5rem;margin:0.8rem}.stories-container .card-image .story-cover{width:100%;height:100%;aspect-ratio:1 / 1;object-fit:cover}.stories-container .card-image .story-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:0.5rem;background-clip:content-box}.stories-container .card-image .story-cover-placeholder .placeholder-icon{font-size:2rem}.stories-container .card-image .story-cover-placeholder .placeholder-icon-img{width:80px;height:80px;object-fit:contain;opacity:0.5;filter:brightness(0)}.stories-container .card-content{flex:1;padding:0.5rem 1rem 3.5rem 1rem;display:flex;flex-direction:column;gap:0.5rem}.stories-container .card-content .story-title{font-size:1.125rem;font-weight:bold;margin:0;font-family:"Catamaran-Bold",sans-serif;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.stories-container .card-content .story-description{font-size:0.875rem;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.stories-container .card-bottom-icons{position:absolute;bottom:0.75rem;right:0.75rem;display:flex;gap:0.5rem;z-index:2}.stories-container .card-bottom-icons .bottom-icon{background:rgba(255,255,255,0.9);border:none;border-radius:50%;width:36px;height:36px;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);box-shadow:0 1px 2px 0 rgba(0,0,0,0.05)}.stories-container .card-bottom-icons .bottom-icon:hover,.stories-container .card-bottom-icons .bottom-icon.touch-active{background:white;transform:scale(1.1);box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)}.stories-container .card-bottom-icons .bottom-icon svg{width:20px;height:20px;color:#4b5563}.stories-container .card-bottom-icons .bottom-icon:hover svg,.stories-container .card-bottom-icons .bottom-icon.touch-active svg{color:#1f2937}.stories-container .empty-state{grid-column:1 / -1;text-align:center;padding:4rem 2rem}.stories-container .empty-state .empty-content{max-width:400px;margin:0 auto}.stories-container .empty-state .empty-content .empty-icon{font-size:4rem;margin-bottom:1rem}.stories-container .empty-state .empty-content .empty-title{font-size:1.5rem;font-weight:bold;color:#111827;margin-bottom:0.5rem;font-family:"Catamaran-Bold",sans-serif}.stories-container .empty-state .empty-content .empty-message{font-size:1rem;color:#4b5563;margin:0;line-height:1.6}.stories-container .story-card [title]{position:relative;z-index:1}.stories-container .story-card [title]:hover::before{content:attr(title);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.9);color:#ffffff;padding:0.5rem 0.75rem;border-radius:0.75rem;font-size:0.75rem;white-space:normal;text-align:center;line-height:1.3;z-index:9999;pointer-events:none;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);width:150px}.stories-container .story-card [title]:hover::after{content:"";position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);border:4px solid transparent;border-top-color:rgba(0,0,0,0.9);z-index:9999;pointer-events:none}.stories-container .story-card .bottom-icon[title]:hover::before,.stories-container .story-card .bottom-icon[title].touch-active::before{bottom:calc(100% + 12px)}.stories-container .story-card .bottom-icon[title]:hover::after,.stories-container .story-card .bottom-icon[title].touch-active::after{bottom:calc(100% + 8px)}.stories-container .story-card .bottom-icon[title].touch-active::before{display:block}.stories-container .story-card .bottom-icon[title].touch-active::after{display:block}@media (hover:none) and (pointer:coarse){.stories-container .story-card .bottom-icon.touch-active::before,.stories-container .story-card .bottom-icon.touch-active::after{display:block!important;opacity:1!important}}.stories-container .story-card .story-card{overflow:visible!important}.stories-container .story-card .stories-grid{overflow:visible}.stories-container .story-card .stories-grid-wrapper{overflow:visible;position:relative}.stories-container .story-card [title]{z-index:1!important}.stories-container .story-card [title]:hover::before{z-index:9999!important;bottom:calc(100% + 8px)!important;padding:0.5rem 0.75rem!important;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1)!important;max-width:200px!important;white-space:normal!important;text-align:center!important;line-height:1.3!important}.stories-container .story-card [title]:hover::after{z-index:9999!important;bottom:calc(100% + 4px)!important}.stories-container .story-card .bottom-icon[title]:hover::before{bottom:calc(100% + 12px)!important}@media (max-width:-sm){.stories-container .story-card .bottom-icon[title]:hover::before{left:auto!important;right:0!important;transform:none!important}}.stories-container .story-card .bottom-icon[title]:hover::after{bottom:calc(100% + 8px)!important}.create-container{padding-top:4rem;position:relative}.create-container .illustration-background{position:absolute;bottom:0;right:0;bottom:-10%;right:-15%;z-index:0;opacity:0.8;pointer-events:none}.create-container .illustration-background img{object-fit:cover;width:100%;height:100%}.create-container .create-header{margin-bottom:3rem;text-align:left}.create-container .create-header .create-title{font-size:3rem;font-weight:bold;margin:0;font-family:"Catamaran-Bold",sans-serif;line-height:1.2}.create-container .create-form{display:flex;flex-direction:column;gap:2rem}.create-container .create-form .text-content{display:flex;flex-direction:column;gap:2rem;align-items:center}.create-container .create-form .image-content{display:flex;flex-direction:column;align-items:center;padding:0}.create-container .create-form .image-content .image-section{width:100%}.create-container .create-form .form-group{display:flex;flex-direction:column;gap:0.25rem;width:100%}.create-container .create-form .form-group .form-label{font-size:1.5rem;font-weight:800;color:#9ca3af;margin:0}.create-container .create-form .form-group .form-label .optional{font-weight:normal;font-size:1rem;color:#9ca3af}.create-container .create-form .form-input{padding:1rem 1.5rem;border:4px solid;border-radius:25px;font-size:1rem;outline:none;transition:all 0.3s ease;font-family:inherit;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);resize:none}.create-container .create-form .form-input::placeholder{color:#4b5563}.create-container .create-form .form-input.title-input{min-height:50px;width:100%}.create-container .create-form .form-input.description-input{min-height:150px;border-radius:25px;line-height:1.5;resize:none;width:100%}.create-container .image-section{display:flex;flex-direction:column;gap:0.5rem}.create-container .image-section .image-label{font-size:1.5rem;font-weight:800;color:#9ca3af;margin:0}.create-container .image-section .image-preview{width:100%;height:auto;aspect-ratio:1 / 1;border:2px solid #d1d5db;border-radius:20px;overflow:hidden;position:relative;background:#f9fafb;margin-bottom:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)}.create-container .image-section .image-preview img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1000}.create-container .image-section .image-preview .image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.create-container .image-section .image-preview .image-placeholder .placeholder-content{text-align:center;color:#9ca3af}.create-container .image-section .image-preview .image-placeholder .placeholder-content .placeholder-icon{margin-bottom:1rem}.create-container .image-section .image-preview .image-placeholder .placeholder-content .placeholder-text{margin:0;font-size:1rem}.create-container .image-section .image-preview .upload-options{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-around}.create-container .image-section .image-preview .upload-options .upload-option{height:100%;width:100%;position:relative}.create-container .image-section .image-preview .upload-options .upload-option.camera-option:after,.create-container .image-section .image-preview .upload-options .upload-option.upload-option:after{content:"";position:absolute;bottom:0;width:50%;margin:0 25%;height:2px;background:#e5e7eb;pointer-events:none}.create-container .image-section .image-preview .upload-options .upload-option.disabled{opacity:0.6}.create-container .image-section .image-preview .upload-options .upload-option.disabled .upload-btn{cursor:not-allowed}.create-container .image-section .image-preview .upload-options .upload-option.disabled svg{color:#e5e7eb}.create-container .image-section .image-preview .upload-options .upload-option .upload-btn{width:100%;height:100%;display:flex;justify-content:center;align-items:center;gap:1rem;border:none;background:#ffffff;color:#6b7280;text-decoration:none;cursor:pointer;transition:all 0.3s ease;font-size:1.8rem;font-weight:800;text-align:center}.create-container .image-section .image-preview .upload-options .upload-option .upload-btn:hover:not(:disabled){background:#e5e7eb}.create-container .image-section .image-preview .upload-options .upload-option .upload-btn svg{flex-shrink:0;color:#9ca3af;transform:scale(3) translateX(-10px)}.create-container .image-section .image-preview .remove-image-btn{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;background:#dc3545;border:none;color:#ffffff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1001;transition:all 0.3s ease;box-shadow:0 2px 4px rgba(0,0,0,0.2);line-height:0}.create-container .image-section .image-preview .remove-image-btn:hover{background:#c82333;transform:scale(1.1)}.create-container .image-section .image-preview .remove-image-btn:active{transform:scale(0.95)}.create-container .image-section .image-preview .remove-image-btn svg{color:#ffffff;stroke-width:3}.create-container.story-theme .create-title{color:#ffcd00}.create-container.story-theme .form-input{border-color:#ffcd00}.create-container.story-theme .form-input:focus{border-color:rgba(123,82,0,0.8)}.create-container.story-theme .btn-save{color:#ffffff;background:#ffcd00}.create-container.story-theme .btn-save:hover{background:#7b5200}.create-container.quiz-theme .create-title{color:#7ed957}.create-container.quiz-theme .form-input{border-color:#7ed957}.create-container.quiz-theme .form-input:focus{border-color:rgba(41,91,20,0.8)}.create-container.quiz-theme .btn-save{color:#ffffff;background:#7ed957}.create-container.quiz-theme .btn-save:hover{background:#295b14}.create-container.explore-theme .create-title,.create-container.exploration-theme .create-title{color:#55acee}.create-container.explore-theme .form-input,.create-container.exploration-theme .form-input{border-color:#55acee}.create-container.explore-theme .form-input:focus,.create-container.exploration-theme .form-input:focus{border-color:rgba(10,61,99,0.8)}.create-container.explore-theme .btn-save,.create-container.exploration-theme .btn-save{color:#ffffff;background:#55acee}.create-container.explore-theme .btn-save:hover,.create-container.exploration-theme .btn-save:hover{background:#0a3d63}.create-container.coding-theme .create-title{color:#ca87c2}.create-container.coding-theme .form-input{border-color:#ca87c2}.create-container.coding-theme .form-input:focus{border-color:rgba(89,31,63,0.8)}.create-container.coding-theme .btn-save{color:#ffffff;background:#ca87c2}.create-container.coding-theme .btn-save:hover{background:#591f3f}.delete-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;pointer-events:none;transition:opacity 0.3s ease}.delete-modal-overlay.show{opacity:1;pointer-events:all}.delete-modal-overlay .delete-modal{background:#ffffff;border-radius:20px;padding:2rem;max-width:400px;width:90%;box-shadow:0 10px 40px rgba(0,0,0,0.2);border:4px solid;transform:scale(0.9);transition:transform 0.3s ease;border-color:#ef4444!important}.delete-modal-overlay .delete-modal .delete-modal-header{font-size:1.5rem;font-weight:800;margin-bottom:1rem;font-family:"Catamaran-Bold",sans-serif;color:#ef4444!important}.delete-modal-overlay .delete-modal .delete-modal-message{font-size:1rem;margin-bottom:2rem;color:#4b5563;line-height:1.5}.delete-modal-overlay .delete-modal .delete-modal-actions{display:flex;gap:1rem;justify-content:flex-end}.delete-modal-overlay .delete-modal .delete-modal-actions .btn{padding:0.75rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;font-family:inherit}.delete-modal-overlay .delete-modal .delete-modal-actions .btn.btn-cancel{background:#e5e7eb;color:#374151}.delete-modal-overlay .delete-modal .delete-modal-actions .btn.btn-cancel:hover{background:#d1d5db}.delete-modal-overlay .delete-modal .delete-modal-actions .btn.btn-delete{background:#dc3545;color:#ffffff}.delete-modal-overlay .delete-modal .delete-modal-actions .btn.btn-delete:hover{background:#c82333}.delete-modal-overlay.show .delete-modal{transform:scale(1)}.toast{position:fixed;top:20px;right:20px;padding:1rem 1.5rem;border-radius:0.75rem;color:#ffffff;font-weight:600;font-size:0.9rem;z-index:10001;opacity:0;transform:translateX(100px);transition:all 0.3s ease;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);max-width:400px;word-wrap:break-word}.toast.show{opacity:1;transform:translateX(0)}.toast.toast-error{background:#ef4444;border-left:4px solid #dc2626}.toast.toast-success{background:#10b981;border-left:4px solid #059669}.toast.toast-warning{background:#f59e0b;color:#591f3f;border-left:4px solid #d97706}.toast.toast-info{background:#17a2b8;border-left:4px solid #20c997}.btn{padding:0.8rem 2.5rem;border:none;border-radius:1rem;font-size:1rem;font-weight:bold;text-transform:uppercase;cursor:pointer;transition:all 0.3s ease;font-family:"Catamaran-Bold",sans-serif;letter-spacing:0.5px;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)}.btn.btn-story{color:#ffffff;background-color:#ffcd00}.btn.btn-quiz{color:#ffffff;background-color:#7ed957}.btn.btn-explore{color:#ffffff;background-color:#55acee}.btn.btn-coding{color:#ffffff;background-color:#ca87c2}.btn.btn-coding:disabled{background-color:#e6c4df;cursor:not-allowed;opacity:0.6}.btn.btn-coding:disabled:hover{transform:none;box-shadow:none;opacity:0.6}.btn:hover:not(:disabled){transform:translateY(-5px);box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);opacity:0.9}.coding-creator .creator-title{font-size:2rem;font-weight:bold;color:#ca87c2;margin:2rem 0;font-family:"Catamaran-Bold",sans-serif}@media (max-width:768px){.coding-creator .content{display:flex;gap:2rem}}.coding-creator .creator-center .grid-container .game-grid{display:grid;background:#ffffff;border:3px solid #ca87c2;border-radius:0.75rem;width:750px;max-height:750px;max-width:100%;background-repeat:no-repeat;background-size:cover;background-position:center;margin:0 auto;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}.coding-creator .creator-center .grid-container .game-grid .grid-cell{position:relative;background:rgba(255,255,255,0.6);border:1px solid #ca87c2;border-radius:0.5rem;transition:all 0.2s ease;overflow:hidden;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;margin:0.3rem}.coding-creator .creator-center .grid-container .game-grid .grid-cell:hover{background:rgba(202,135,194,0.1);border-color:#b574ac}.coding-creator .creator-center .grid-container .game-grid .grid-cell.drop-active{background:rgba(202,135,194,0.3);border-color:#b574ac;border-width:2px}.coding-creator .creator-center .grid-container .game-grid .grid-cell .cell-plus-btn{position:absolute;bottom:5px;right:5px;width:42px;height:42px;font-size:32px;background:#ca87c2;color:#ffffff;border:none;border-radius:50%;font-weight:bold;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;z-index:10;padding-bottom:5px}.coding-creator .creator-center .grid-container .game-grid .grid-cell .cell-plus-btn.has-moment{transform:rotate(30deg)}.coding-creator .creator-center .grid-container .game-grid .grid-cell .cell-plus-btn:hover{transform:scale(1.2);box-shadow:0 1px 2px 0 rgba(0,0,0,0.05)}.coding-creator .creator-center .grid-container .game-grid .grid-cell .cell-remove-btn{position:absolute;top:3px;right:3px;width:20px;height:20px;background:#ef4444;color:#ffffff;border:none;border-radius:50%;font-size:12px;font-weight:bold;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;z-index:100;opacity:1}.coding-creator .creator-center .grid-container .game-grid .grid-cell .cell-remove-btn:hover{transform:scale(1.1);box-shadow:0 1px 2px 0 rgba(0,0,0,0.05)}.coding-creator .creator-center .grid-container .game-grid .grid-cell .cell-remove-btn::before{content:"×";font-size:14px;line-height:1}.coding-creator .creator-center .grid-container .game-grid .grid-cell .placed-asset{width:95%;height:95%;object-fit:contain;border-radius:0.5rem;z-index:5}.coding-creator .creator-center .grid-container .game-grid .grid-cell .placed-asset.placed-pg{border:2px solid #10b981}.coding-creator .creator-center .grid-container .game-grid .grid-cell .placed-asset.placed-obstacle{border:2px solid #ef4444}.coding-creator .creator-center .grid-container .game-grid .grid-cell .placed-asset.placed-objective{border:2px solid #f59e0b}.coding-creator .creator-right{display:flex;flex-direction:column;gap:2rem;justify-content:center;align-items:center}.coding-creator .creator-right .asset-panel{background:#ffffff;border:3px solid #ca87c2;border-radius:20px;padding:0;overflow:hidden;height:fit-content;width:100%;height:100%;position:relative;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}.coding-creator .creator-right .asset-panel .asset-tabs{display:flex;background:#ffffff}.coding-creator .creator-right .asset-panel .asset-tabs .tab-btn{flex:1;padding:1rem;border:none;background:#f3f4f6;color:#4b5563;font-size:0.9rem;font-weight:bold;text-transform:uppercase;cursor:pointer;transition:all 0.3s ease;font-family:"Catamaran-Bold",sans-serif;border-bottom:3px solid transparent}.coding-creator .creator-right .asset-panel .asset-tabs .tab-btn.active{background:#ca87c2;color:#ffffff;border-bottom-color:#591f3f}.coding-creator .creator-right .asset-panel .asset-tabs .tab-btn:hover:not(.active){background:#f3e8f0;color:#591f3f}.coding-creator .creator-right .asset-panel .asset-tabs .tab-btn:first-child{border-radius:17px 0 0 0}.coding-creator .creator-right .asset-panel .asset-tabs .tab-btn:last-child{border-radius:0 17px 0 0}.coding-creator .creator-right .asset-panel .asset-tabs .tab-btn:nth-child(4){border-radius:0 17px 0 0}.coding-creator .creator-right .asset-panel .asset-content{padding:1.5rem;padding-bottom:4rem}.coding-creator .creator-right .asset-panel .asset-content .tab-panel{display:none}.coding-creator .creator-right .asset-panel .asset-content .tab-panel.active{display:block}.coding-creator .creator-right .asset-panel .asset-content .tab-panel .asset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;height:100%;max-height:530px;overflow:scroll;padding-top:0.5rem;padding-bottom:2rem}@media (max-width:768px){.coding-creator .creator-right .asset-panel .asset-content .tab-panel .asset-grid{grid-template-columns:repeat(3,1fr)}}.coding-creator .creator-right .asset-panel .asset-content .tab-panel .asset-grid .asset-item{background:#f9fafb;border:2px solid #e5e7eb;border-radius:0.75rem;padding:0.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;user-select:none}.coding-creator .creator-right .asset-panel .asset-content .tab-panel .asset-grid .asset-item:hover:not(.empty){border-color:#ca87c2;background:#f3e8f0;transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)}.coding-creator .creator-right .asset-panel .asset-content .tab-panel .asset-grid .asset-item.draggable{cursor:grab}.coding-creator .creator-right .asset-panel .asset-content .tab-panel .asset-grid .asset-item.draggable:active{cursor:grabbing}.coding-creator .creator-right .asset-panel .asset-content .tab-panel .asset-grid .asset-item.empty{display:none}.coding-creator .creator-right .asset-panel .asset-content .tab-panel .asset-grid .asset-item.custom-asset{position:relative;border-color:#591f3f;background:#f8f5f7}.coding-creator .creator-right .asset-panel .asset-content .tab-panel .asset-grid .asset-item.custom-asset:hover{border-color:#591f3f;background:#f3e8f0}.coding-creator .creator-right .asset-panel .asset-content .tab-panel .asset-grid .asset-item.custom-asset .custom-asset-delete{position:absolute;top:-5px;right:-5px;width:20px;height:20px;background:#ef4444;color:#ffffff;border:none;border-radius:50%;font-size:12px;font-weight:bold;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all 0.2s ease;box-shadow:0 1px 2px 0 rgba(0,0,0,0.05)}.coding-creator .creator-right .asset-panel .asset-content .tab-panel .asset-grid .asset-item.custom-asset .custom-asset-delete:hover{background:#dc2626;transform:scale(1.1)}.coding-creator .creator-right .asset-panel .asset-content .tab-panel .asset-grid .asset-item .asset-img{width:100%;height:100%;object-fit:contain;border-radius:0.5rem}.coding-creator .creator-right .asset-panel .asset-content .settings-content .setting-section{margin-bottom:2rem}.coding-creator .creator-right .asset-panel .asset-content .settings-content .setting-section:last-child{margin-bottom:0}.coding-creator .creator-right .asset-panel .asset-content .settings-content .setting-section .setting-label{font-size:1rem;color:#6b7280;margin:0 0 1rem 0;font-weight:600;font-family:"Catamaran-Medium",sans-serif}.coding-creator .creator-right .asset-panel .asset-content .settings-content .setting-section .gallery-btn{background:#ca87c2;color:#ffffff;border:none;border-radius:25px;padding:0.75rem 1.5rem;font-size:0.9rem;font-weight:bold;text-transform:uppercase;cursor:pointer;transition:all 0.3s ease;font-family:"Catamaran-Bold",sans-serif;width:100%}.coding-creator .creator-right .asset-panel .asset-content .settings-content .setting-section .gallery-btn:hover{background:#591f3f;transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)}.coding-creator .creator-right .asset-panel .asset-content .settings-content .setting-section .background-gallery{display:flex;flex-wrap:wrap;gap:0.5rem;border-radius:0.75rem}.coding-creator .creator-right .asset-panel .asset-content .settings-content .setting-section .background-gallery .bg-item{width:18.9%;aspect-ratio:1/1;border-radius:0.5rem;overflow:hidden;cursor:pointer;transition:all 0.2s ease;border:2px solid transparent}.coding-creator .creator-right .asset-panel .asset-content .settings-content .setting-section .background-gallery .bg-item:hover{border-color:#ca87c2;transform:scale(1.05)}.coding-creator .creator-right .asset-panel .asset-content .settings-content .setting-section .background-gallery .bg-item .bg-preview{width:100%;height:100%;object-fit:cover}.coding-creator .creator-right .asset-panel .asset-content .settings-content .setting-section .background-gallery .bg-item.bg-remove-item{background:#f3f4f6;border:2px dashed #d1d5db;display:flex;align-items:center;justify-content:center}.coding-creator .creator-right .asset-panel .asset-content .settings-content .setting-section .background-gallery .bg-item.bg-remove-item:hover{border-color:#ef4444;background:rgba(239,68,68,0.05)}.coding-creator .creator-right .asset-panel .asset-content .settings-content .setting-section .background-gallery .bg-item.bg-remove-item:hover .bg-remove-preview .remove-icon{color:#ef4444!important}.coding-creator .creator-right .asset-panel .asset-content .settings-content .setting-section .background-gallery .bg-item.bg-remove-item:hover .bg-remove-preview .remove-text{color:#ef4444!important}.coding-creator .creator-right .asset-panel .asset-content .settings-content .setting-section .background-gallery .bg-item.bg-remove-item .bg-remove-preview{display:flex;flex-direction:column;align-items:center;gap:0.25rem}.coding-creator .creator-right .asset-panel .asset-content .settings-content .setting-section .background-gallery .bg-item.bg-remove-item .bg-remove-preview .remove-icon{font-size:24px;font-weight:bold;transition:color 0.2s ease}.coding-creator .creator-right .asset-panel .asset-content .settings-content .setting-section .background-gallery .bg-item.bg-remove-item .bg-remove-preview .remove-text{font-size:12px;font-weight:500;transition:color 0.2s ease}.coding-creator .creator-right .asset-panel .asset-content .settings-content .setting-section .size-inputs{display:flex;align-items:center;justify-content:center;gap:0.75rem}.coding-creator .creator-right .asset-panel .asset-content .settings-content .setting-section .size-inputs .size-input{width:70px;padding:0.5rem;border:2px solid #ca87c2;border-radius:20px;text-align:center;font-size:1rem;font-weight:bold;background:#ffffff;color:#591f3f}.coding-creator .creator-right .asset-panel .asset-content .settings-content .setting-section .size-inputs .size-input:focus{outline:none;box-shadow:0 0 0 3px rgba(202,135,194,0.2)}.coding-creator .creator-right .asset-panel .asset-content .settings-content .setting-section .size-inputs .size-separator{font-size:1.2rem;font-weight:bold;color:#ca87c2}.coding-creator .creator-right .asset-panel .asset-content .settings-content .setting-section .size-note{font-size:0.8rem;color:#6b7280;margin:0.5rem 0 0 0;text-align:center;font-style:italic}.coding-creator .creator-right .asset-panel .upload-section{border-top:1px solid #e5e7eb;background:#f9fafb;position:absolute;bottom:0;width:100%;transition:all 0.3s ease}.coding-creator .creator-right .asset-panel .upload-section[style*="display: none"]{display:none!important}.coding-creator .creator-right .asset-panel .upload-section .upload-btns{display:grid;grid-template-columns:1fr 1fr}.coding-creator .creator-right .asset-panel .upload-section .upload-btns .upload-btn{display:flex;align-items:center;justify-content:center;padding:1rem;cursor:pointer;transition:all 0.2s ease;text-decoration:none;color:#4b5563;gap:1rem;position:relative;background:none;border:none;font-family:inherit;font-size:inherit;width:100%}.coding-creator .creator-right .asset-panel .upload-section .upload-btns .upload-btn.camera-btn{border-top:2px solid #e5e7eb;border-right:1px solid #e5e7eb}.coding-creator .creator-right .asset-panel .upload-section .upload-btns .upload-btn.file-btn{border-top:2px solid #e5e7eb;border-left:1px solid #e5e7eb}.coding-creator .creator-right .asset-panel .upload-section .upload-btns .upload-btn:hover{border-color:#ca87c2;background:#f3e8f0;color:#591f3f;box-shadow:0 1px 2px 0 rgba(0,0,0,0.05)}.coding-creator .creator-right .asset-panel .upload-section .upload-btns .upload-btn.uploading{opacity:0.6;cursor:wait;background:#f3e8f0;border-color:#ca87c2}.coding-creator .creator-right .asset-panel .upload-section .upload-btns .upload-btn.uploading .btn-text{opacity:0.5}.coding-creator .creator-right .asset-panel .upload-section .upload-btns .upload-btn.uploading .btn-icon{opacity:0.3}.coding-creator .creator-right .asset-panel .upload-section .upload-btns .upload-btn.uploading::after{content:"";position:absolute;top:50%;right:10px;width:16px;height:16px;margin:-8px 0 0 0;border:2px solid #ca87c2;border-top:2px solid transparent;border-radius:50%;animation:upload-spinner 1s linear infinite}.coding-creator .creator-right .asset-panel .upload-section .upload-btns .upload-btn .btn-icon{font-size:1.5rem}.coding-creator .creator-right .asset-panel .upload-section .upload-btns .upload-btn .btn-text{font-size:0.95rem;font-family:"Catamaran-Medium",sans-serif;font-weight:600;text-align:center}.coding-creator .creator-right .asset-panel .upload-section .upload-btns .upload-btn input[type="file"]{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}.coding-creator .creator-right .asset-panel .upload-section .upload-btns .upload-btn input[type="file"]:disabled{cursor:not-allowed}.coding-creator .creator-right .asset-panel .upload-section .upload-btns .upload-btn.disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.coding-creator .creator-right .asset-panel .upload-section .upload-btns .upload-btn.disabled input[type="file"]{pointer-events:none}@keyframes upload-spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes custom-asset-add{0%{opacity:0;transform:scale(0.8)}100%{opacity:1;transform:scale(1)}}.custom-asset{animation:custom-asset-add 0.3s ease-out}.custom-asset.uploading{opacity:0.5;pointer-events:none}.asset-tabs .tab-btn{position:relative}.asset-tabs .tab-btn.upload-available::after{content:"📷";position:absolute;top:-5px;right:-5px;font-size:12px;background:#10b981;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;animation:upload-indicator 2s ease-in-out infinite}@keyframes upload-indicator{0%,100%{transform:scale(1);opacity:0.8}50%{transform:scale(1.1);opacity:1}}.toast{position:fixed;top:20px;right:20px;padding:1rem 1.5rem;border-radius:0.75rem;color:#ffffff;font-weight:600;font-size:0.9rem;z-index:10001;opacity:0;transform:translateX(100px);transition:all 0.3s ease;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);max-width:400px;word-wrap:break-word}.toast.show{opacity:1;transform:translateX(0)}.toast.toast-error{background:#ef4444;border-left:4px solid #dc2626}.toast.toast-success{background:#10b981;border-left:4px solid #059669}.toast.toast-warning{background:#f59e0b;color:#591f3f;border-left:4px solid #d97706}.grid-cell.error-highlight{background:rgba(239,68,68,0.2);border-color:#ef4444;border-width:2px;animation:errorPulse 0.6s ease-in-out}.grid-cell.error-shake{animation:errorShake 0.6s ease-in-out}@keyframes errorPulse{0%,100%{background:rgba(239,68,68,0.2)}50%{background:rgba(239,68,68,0.4)}}@keyframes errorShake{0%,20%,50%,80%,100%{transform:translateX(0)}10%,30%,70%,90%{transform:translateX(-4px)}40%,60%{transform:translateX(4px)}}.grid-cell.placement-success{background:rgba(16,185,129,0.3);border-color:#10b981;border-width:2px;animation:placementSuccess 0.8s ease-in-out}@keyframes placementSuccess{0%{background:rgba(16,185,129,0.3);transform:scale(1)}50%{background:rgba(16,185,129,0.5);transform:scale(1.05)}100%{background:rgba(16,185,129,0.3);transform:scale(1)}}.moment-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;align-items:center;justify-content:center}.moment-modal .moment-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);backdrop-filter:blur(4px)}.moment-modal .moment-modal-content{position:relative;background:#ffffff;border-radius:12px;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);width:90%;max-width:800px;max-height:90vh;overflow-y:auto;z-index:1001}.moment-modal .moment-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.moment-modal .moment-modal-header h3{margin:0;color:#ca87c2;font-size:1.25rem;font-weight:600}.moment-modal .moment-modal-header .moment-modal-close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.2s ease}.moment-modal .moment-modal-header .moment-modal-close:hover{background:#f3f4f6;color:#374151}.moment-modal .moment-modal-body{padding:24px}.moment-modal .moment-section .moment-section-title{font-size:1.1rem;font-weight:600;color:#ca87c2;margin-bottom:16px}.moment-modal .description-options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.moment-modal .description-options .radio-option{display:flex;align-items:center;cursor:pointer;padding:8px 12px;border-radius:8px;transition:background 0.2s ease}.moment-modal .description-options .radio-option:hover{background:#f9fafb}.moment-modal .description-options .radio-option input[type="radio"]{margin-right:10px;accent-color:#ca87c2}.moment-modal .description-options .radio-option .radio-label{font-size:0.95rem;color:#374151;font-weight:500}.moment-modal .description-input{margin-top:16px}.moment-modal .description-input textarea{width:100%;padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:0.95rem;resize:vertical;min-height:100px;font-family:inherit;transition:border-color 0.2s ease}.moment-modal .description-input textarea:focus{outline:none;border-color:#ca87c2}.moment-modal .description-input textarea::placeholder{color:#9ca3af}.moment-modal .description-input .char-counter{text-align:right;font-size:0.85rem;color:#6b7280;margin-top:4px}.moment-modal .audio-recorder .record-btn,.moment-modal .audio-recorder .stop-record-btn,.moment-modal .audio-recorder .re-record-btn{background:#ca87c2;color:#ffffff;border:none;padding:12px 20px;border-radius:8px;font-size:0.95rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;gap:8px}.moment-modal .audio-recorder .record-btn:hover,.moment-modal .audio-recorder .stop-record-btn:hover,.moment-modal .audio-recorder .re-record-btn:hover{background:#b574ac;transform:translateY(-1px)}.moment-modal .audio-recorder .record-btn .record-icon,.moment-modal .audio-recorder .stop-record-btn .record-icon,.moment-modal .audio-recorder .re-record-btn .record-icon{font-size:1.2em}.moment-modal .audio-recorder .recording-controls{display:flex;align-items:center;gap:16px;margin-top:12px}.moment-modal .audio-recorder .recording-controls .recording-info{display:flex;align-items:center;gap:8px;color:#ef4444;font-weight:500}.moment-modal .audio-recorder .recording-controls .recording-info .recording-indicator{animation:pulse 1s infinite}.moment-modal .audio-recorder .recording-controls .stop-record-btn{background:#ef4444}.moment-modal .audio-recorder .recording-controls .stop-record-btn:hover{background:#dc2626}.moment-modal .audio-recorder .audio-playback{margin-top:16px}.moment-modal .audio-recorder .audio-playback audio{width:100%;margin-bottom:12px}.moment-modal .audio-recorder .audio-playback .re-record-btn{background:#6b7280;font-size:0.9rem;padding:8px 16px}.moment-modal .audio-recorder .audio-playback .re-record-btn:hover{background:#4b5563}.moment-modal .moment-cover-area .cover-preview{width:100%;height:200px;border:2px dashed #d1d5db;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;position:relative;overflow:hidden}.moment-modal .moment-cover-area .cover-preview .cover-placeholder{text-align:center;color:#9ca3af}.moment-modal .moment-cover-area .cover-preview .cover-placeholder .cover-icon{font-size:2rem;display:block;margin-bottom:8px}.moment-modal .moment-cover-area .cover-preview .cover-placeholder .cover-text{font-size:0.9rem}.moment-modal .moment-cover-area .cover-preview img{width:100%;height:100%;object-fit:cover}.moment-modal .moment-cover-area .cover-upload-btns{display:flex;gap:12px;margin-bottom:12px}.moment-modal .moment-cover-area .cover-upload-btns .upload-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all 0.2s ease;font-size:0.9rem;font-weight:500;color:#374151}.moment-modal .moment-cover-area .cover-upload-btns .upload-btn:hover{background:#e5e7eb;border-color:#d1d5db;transform:translateY(-1px)}.moment-modal .moment-cover-area .cover-upload-btns .upload-btn .btn-icon{font-size:1.1em}.moment-modal .moment-cover-area .remove-cover-btn{width:100%;background:#ef4444;color:#ffffff;border:none;padding:8px 16px;border-radius:6px;font-size:0.9rem;cursor:pointer;transition:all 0.2s ease}.moment-modal .moment-cover-area .remove-cover-btn:hover{background:#dc2626}.moment-modal .moment-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-top:1px solid #e5e7eb;gap:12px}.moment-modal .moment-modal-footer .btn{padding:10px 20px;border-radius:8px;font-size:0.95rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;border:none}.moment-modal .moment-modal-footer .btn.btn-secondary{background:#e5e7eb;color:#374151}.moment-modal .moment-modal-footer .btn.btn-secondary:hover{background:#d1d5db}.moment-modal .moment-modal-footer .btn.btn-danger{background:#ef4444;color:#ffffff}.moment-modal .moment-modal-footer .btn.btn-danger:hover{background:#dc2626}.moment-modal .moment-modal-footer .btn.btn-coding{background:#ca87c2;color:#ffffff}.moment-modal .moment-modal-footer .btn.btn-coding:hover{background:#b574ac}@media (max-width:768px){.moment-modal .moment-modal-content{width:95%;margin:20px}.moment-modal .moment-modal-body{padding:16px}.moment-modal .moment-modal-body .row .col-md-6{margin-bottom:24px}.moment-modal .cover-upload-btns{flex-direction:column}.moment-modal .cover-upload-btns .upload-btn{flex:none}}@keyframes pulse{0%{opacity:1}50%{opacity:0.5}100%{opacity:1}}.explore-create-page .create-header{padding-top:4rem;margin-bottom:0;color:#55acee}.explore-create-page.create-container{padding-top:0}.explore-create-page.create-container .content-type-group{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.explore-create-page .content-type-selector{display:inline-flex;position:relative;border:3px solid #55acee;border-radius:25px;overflow:hidden;height:40px;background:white}.explore-create-page .content-type-selector input[type="radio"]{display:none}.explore-create-page .content-type-selector .toggle-option{display:flex;align-items:center;justify-content:center;padding:0 1.5rem;cursor:pointer;font-size:0.95rem;font-weight:500;transition:color 0.3s ease;background:transparent;color:#55acee;position:relative;z-index:2;margin:0;user-select:none;min-width:80px}.explore-create-page .content-type-selector .toggle-option:hover{opacity:0.8}.explore-create-page .content-type-selector .toggle-option:active{transform:scale(0.98)}.explore-create-page .content-type-selector::before{content:"";position:absolute;top:0;left:0;width:33.33%;height:100%;background:#55acee;border-radius:23px;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);z-index:1;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.explore-create-page .content-type-selector.option-description::before{transform:translateX(0)}.explore-create-page .content-type-selector.option-audio::before{transform:translateX(100%)}.explore-create-page .content-type-selector.option-link::before{transform:translateX(200%)}.explore-create-page .content-type-selector .toggle-option{color:#55acee;flex:1;text-align:center}.explore-create-page .content-type-selector.option-description .toggle-option:nth-of-type(1),.explore-create-page .content-type-selector.option-audio .toggle-option:nth-of-type(2),.explore-create-page .content-type-selector.option-link .toggle-option:nth-of-type(3){color:white}.explore-create-page .audio-recorder-container{margin-top:0.5rem}.explore-create-page .audio-recorder-container .audio-preview{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:8px}.explore-create-page .audio-recorder-container .audio-preview audio{width:100%}.explore-create-page .audio-recorder-container .recording-controls{display:flex;flex-direction:column;gap:1rem}.explore-create-page .audio-recorder-container .recording-controls .btn-record{display:flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.75rem 1.5rem;background:#dc3545;color:white;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all 0.2s ease}.explore-create-page .audio-recorder-container .recording-controls .btn-record:hover{background:#bd2130;transform:translateY(-2px)}.explore-create-page .audio-recorder-container .recording-controls .btn-record svg{fill:white}.explore-create-page .audio-recorder-container .recording-controls .recording-in-progress{display:flex;align-items:center;justify-content:space-between;gap:1rem}.explore-create-page .audio-recorder-container .recording-controls .recording-in-progress .recording-indicator{display:flex;align-items:center;gap:0.5rem}.explore-create-page .audio-recorder-container .recording-controls .recording-in-progress .recording-indicator .recording-dot{width:12px;height:12px;background:#dc3545;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.3}}.explore-create-page .audio-recorder-container .recording-controls .recording-in-progress .btn-stop{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;background:#6c757d;color:white;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all 0.2s ease}.explore-create-page .audio-recorder-container .recording-controls .recording-in-progress .btn-stop:hover{background:#545b62}.explore-create-page .audio-recorder-container .recording-controls .recording-in-progress .btn-stop svg{fill:white}.explore-create-page .action-buttons{display:flex;flex-direction:row;gap:1rem}.explore-create-page .cards-sidebar{height:calc(100vh - 72px);padding:0}.explore-create-page .cards-sidebar .cards-sidebar{background:rgba(85,172,238,0.2);padding:1rem;height:100%;overflow-y:auto}.explore-create-page .cards-sidebar .cards-sidebar .sidebar-title{font-size:1.8rem;font-weight:bold;font-family:"Catamaran-Bold",sans-serif;color:#55acee;margin:0;text-align:center}.explore-create-page .cards-sidebar .cards-sidebar .finish-button,.explore-create-page .cards-sidebar .cards-sidebar .new-item-button{width:90%;position:absolute;left:50%;transform:translateX(-50%);color:#ffffff;text-align:center;text-decoration:none;padding:0.75rem;font-size:1rem;font-weight:600;background:#55acee;box-shadow:0 1px 2px 0 rgba(0,0,0,0.05);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:8px;transition:all 0.2s ease}.explore-create-page .cards-sidebar .cards-sidebar .finish-button:hover,.explore-create-page .cards-sidebar .cards-sidebar .new-item-button:hover{background:#2795e9;color:#ffffff;transform:translateX(-50%) translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)}.explore-create-page .cards-sidebar .cards-sidebar .finish-button:active,.explore-create-page .cards-sidebar .cards-sidebar .new-item-button:active{transform:translateX(-50%) translateY(0)}.explore-create-page .cards-sidebar .cards-sidebar .finish-button{bottom:2%}.explore-create-page .cards-sidebar .cards-sidebar .new-item-button{bottom:calc(2% + 50px + 10px)}.explore-create-page .cards-sidebar .cards-sidebar .cards-list{max-height:calc(80vh);overflow-y:auto;padding:10px 0.5rem 120px}.explore-create-page .cards-sidebar .cards-sidebar .cards-list .card-item{position:relative;background:#ffffff;border-radius:8px;margin-bottom:0.75rem;transition:all 0.2s ease;cursor:pointer;box-shadow:0 1px 2px 0 rgba(0,0,0,0.05);min-height:4.5rem;border:2px solid #ffffff}.explore-create-page .cards-sidebar .cards-sidebar .cards-list .card-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.explore-create-page .cards-sidebar .cards-sidebar .cards-list .card-item:hover .delete-card-btn{opacity:1}.explore-create-page .cards-sidebar .cards-sidebar .cards-list .card-item.editing{border:2px solid #55acee;box-shadow:0 0 20px rgba(85,172,238,0.5),0 0 40px rgba(85,172,238,0.3),0 4px 12px rgba(0,0,0,0.15)}@keyframes glow-pulse{0%,100%{box-shadow:0 0 20px rgba(85,172,238,0.5),0 0 40px rgba(85,172,238,0.3),0 4px 12px rgba(0,0,0,0.15)}50%{box-shadow:0 0 30px rgba(85,172,238,0.7),0 0 60px rgba(85,172,238,0.5),0 4px 12px rgba(0,0,0,0.15)}}.explore-create-page .cards-sidebar .cards-sidebar .cards-list .card-item .card-content{padding:1rem;display:flex;gap:0.75rem;align-items:center}.explore-create-page .cards-sidebar .cards-sidebar .cards-list .card-item .card-content .card-thumbnail{width:60px;height:60px;border-radius:6px;overflow:hidden;flex-shrink:0}.explore-create-page .cards-sidebar .cards-sidebar .cards-list .card-item .card-content .card-thumbnail img{width:100%;height:100%;object-fit:cover}.explore-create-page .cards-sidebar .cards-sidebar .cards-list .card-item .card-content .card-info{flex:1;min-width:0}.explore-create-page .cards-sidebar .cards-sidebar .cards-list .card-item .card-content .card-info .card-title{font-size:1rem;margin:0 0 0.25rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.explore-create-page .cards-sidebar .cards-sidebar .cards-list .card-item .card-content .card-info .card-tag{display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:#28a745;font-family:"Courier New",monospace}.explore-create-page .cards-sidebar .cards-sidebar .cards-list .card-item .card-content .card-info .card-tag svg{width:12px;height:12px}.explore-create-page .cards-sidebar .cards-sidebar .cards-list .card-item .delete-card-btn{position:absolute;top:6px;right:6px;width:20px;height:20px;background:#dc3545;color:white;border:none;border-radius:50%;cursor:pointer;font-size:12px;line-height:1;opacity:0;transition:opacity 0.2s ease}.explore-create-page .cards-sidebar .cards-sidebar .cards-list .empty-state{text-align:center;padding:2rem;color:#6c757d}.explore-create-page .cards-sidebar .cards-sidebar .cards-list .empty-state svg{margin-bottom:1rem;opacity:0.5}.explore-create-page .cards-sidebar .cards-sidebar .cards-list .empty-state p{font-size:1rem;margin-bottom:0.5rem}.explore-create-page .cards-sidebar .cards-sidebar .cards-list .empty-state small{font-size:0.85rem}.quiz-create-page .create-header{padding-top:3rem;margin-bottom:0;color:#7ed957}.quiz-create-page.create-container{padding-top:0}.quiz-create-page.create-container .content-type-group{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.quiz-create-page .question-type-selector{display:inline-flex;position:relative;border:3px solid #7ed957;border-radius:25px;overflow:hidden;height:40px;background:white}.quiz-create-page .question-type-selector input[type="radio"]{display:none}.quiz-create-page .question-type-selector .toggle-option{display:flex;align-items:center;justify-content:center;padding:0 1.5rem;cursor:pointer;font-size:0.95rem;font-weight:500;transition:color 0.3s ease;background:transparent;color:#7ed957;position:relative;z-index:2;margin:0;user-select:none;min-width:80px}.quiz-create-page .question-type-selector .toggle-option:hover{opacity:0.8}.quiz-create-page .question-type-selector::before{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:#7ed957;border-radius:23px;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);z-index:1}.quiz-create-page .question-type-selector:not(.audio-selected) .toggle-option:nth-child(3){color:white}.quiz-create-page .question-type-selector:not(.audio-selected) .toggle-option:nth-child(4){color:#7ed957}.quiz-create-page .question-type-selector.audio-selected::before{transform:translateX(100%)}.quiz-create-page .question-type-selector.audio-selected .toggle-option:nth-child(3){color:#7ed957}.quiz-create-page .question-type-selector.audio-selected .toggle-option:nth-child(4){color:white}.quiz-create-page .audio-recorder-container{margin-top:0.5rem}.quiz-create-page .audio-recorder-container .audio-preview{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:8px}.quiz-create-page .audio-recorder-container .audio-preview audio{width:100%}.quiz-create-page .audio-recorder-container .audio-preview .btn-secondary{align-self:flex-start}.quiz-create-page .audio-recorder-container .recording-controls{display:flex;flex-direction:column;gap:1rem}.quiz-create-page .audio-recorder-container .recording-controls .btn-record{display:flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.75rem 1.5rem;background:#dc3545;color:white;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all 0.2s ease}.quiz-create-page .audio-recorder-container .recording-controls .btn-record:hover{background:#bd2130;transform:translateY(-2px)}.quiz-create-page .audio-recorder-container .recording-controls .btn-record svg{fill:white}.quiz-create-page .audio-recorder-container .recording-controls .recording-in-progress{display:flex;align-items:center;justify-content:space-between;gap:1rem}.quiz-create-page .audio-recorder-container .recording-controls .recording-in-progress .recording-indicator{display:flex;align-items:center;gap:0.5rem}.quiz-create-page .audio-recorder-container .recording-controls .recording-in-progress .recording-indicator .recording-dot{width:12px;height:12px;background:#dc3545;border-radius:50%;animation:recording-pulse 1.5s ease-in-out infinite}@keyframes recording-pulse{0%,100%{opacity:1}50%{opacity:0.3}}.quiz-create-page .audio-recorder-container .recording-controls .recording-in-progress .btn-stop{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;background:#6c757d;color:white;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all 0.2s ease}.quiz-create-page .audio-recorder-container .recording-controls .recording-in-progress .btn-stop:hover{background:#545b62}.quiz-create-page .audio-recorder-container .recording-controls .recording-in-progress .btn-stop svg{fill:white}.quiz-create-page .answer-type-selector{display:inline-flex;position:relative;border:3px solid #7ed957;border-radius:25px;overflow:hidden;height:40px;background:white}.quiz-create-page .answer-type-selector input[type="radio"]{display:none}.quiz-create-page .answer-type-selector .toggle-option{display:flex;align-items:center;justify-content:center;padding:0 1.5rem;cursor:pointer;font-size:0.95rem;font-weight:500;transition:color 0.3s ease;background:transparent;color:#7ed957;position:relative;z-index:2;margin:0;user-select:none;min-width:80px}.quiz-create-page .answer-type-selector .toggle-option:hover{opacity:0.8}.quiz-create-page .answer-type-selector .toggle-option:active{transform:scale(0.98)}.quiz-create-page .answer-type-selector::before{content:"";position:absolute;top:0;left:0;width:33.333%;height:100%;background:#7ed957;border-radius:23px;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);z-index:1;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.quiz-create-page .answer-type-selector:not(.image-selected):not(.tag-selected) .toggle-option:nth-child(4){color:white}.quiz-create-page .answer-type-selector:not(.image-selected):not(.tag-selected) .toggle-option:nth-child(5),.quiz-create-page .answer-type-selector:not(.image-selected):not(.tag-selected) .toggle-option:nth-child(6){color:#7ed957}.quiz-create-page .answer-type-selector.image-selected::before{transform:translateX(100%)}.quiz-create-page .answer-type-selector.image-selected .toggle-option:nth-child(4),.quiz-create-page .answer-type-selector.image-selected .toggle-option:nth-child(6){color:#7ed957}.quiz-create-page .answer-type-selector.image-selected .toggle-option:nth-child(5){color:white}.quiz-create-page .answer-type-selector.tag-selected::before{transform:translateX(200%)}.quiz-create-page .answer-type-selector.tag-selected .toggle-option:nth-child(4),.quiz-create-page .answer-type-selector.tag-selected .toggle-option:nth-child(5){color:#7ed957}.quiz-create-page .answer-type-selector.tag-selected .toggle-option:nth-child(6){color:white}.quiz-create-page .answers-section{text-align:center}.quiz-create-page .answers-section .form-label{margin-bottom:1rem;font-weight:600;color:#7ed957}.quiz-create-page .answers-section .form-input{width:100%;padding:1rem 1.25rem;border:4px solid #7ed957;border-radius:25px;font-weight:500;transition:all 0.3s ease;box-shadow:0 1px 2px 0 rgba(0,0,0,0.05)}.quiz-create-page .answers-section .form-input:focus{border-color:#2f855a;outline:none;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)}.quiz-create-page .answers-section .form-input::placeholder{color:#a0aec0}.quiz-create-page .answers-section .tag-input-wrapper{position:relative;display:flex;align-items:center}.quiz-create-page .answers-section .tag-input-wrapper .info-icon{position:absolute;right:1.25rem;color:#7ed957;cursor:help;display:flex;align-items:center;justify-content:center}.quiz-create-page .answers-section .tag-input-wrapper .info-icon:hover .tooltip-text{visibility:visible;opacity:1}.quiz-create-page .answers-section .tag-input-wrapper .tooltip-text{visibility:hidden;width:250px;background-color:#2d3748;color:#fff;text-align:center;border-radius:8px;padding:0.75rem;position:absolute;z-index:10;bottom:125%;right:-10px;opacity:0;transition:opacity 0.3s;font-size:0.85rem;line-height:1.4;font-weight:400;box-shadow:0 4px 6px rgba(0,0,0,0.1)}.quiz-create-page .answers-section .tag-input-wrapper .tooltip-text::after{content:"";position:absolute;top:100%;right:30px;margin-left:-5px;border-width:5px;border-style:solid;border-color:#2d3748 transparent transparent transparent}.quiz-create-page .answers-list{display:flex;flex-direction:column;gap:0.75rem;margin-bottom:1rem}.quiz-create-page .answers-list .answer-item{display:flex;align-items:center;gap:0.5rem;background:white;padding:0.5rem;border-radius:25px;border:4px solid #7ed957;box-shadow:0 1px 2px 0 rgba(0,0,0,0.05);transition:all 0.3s ease}.quiz-create-page .answers-list .answer-item:hover{border-color:#295b14;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)}.quiz-create-page .answers-list .answer-item .answer-input{flex:1;padding:0.85rem 1.25rem;border:none;border-radius:15px;background:transparent;font-size:1.05rem;font-weight:500;color:#2d3748;transition:all 0.2s ease}.quiz-create-page .answers-list .answer-item .answer-input:focus{outline:none}.quiz-create-page .answers-list .answer-item:focus-within{border-color:#276749!important}.quiz-create-page .answers-list .answer-item .tag-input{font-family:monospace;font-weight:500}.quiz-create-page .answers-list .answer-item .form-help-text{display:block;margin-top:0.5rem;font-size:0.875rem;color:#6c757d;line-height:1.4}.quiz-create-page .answers-list .answer-item .btn-correct{padding:0.5rem;background:#fff;border:2px solid #dee2e6;border-radius:50%;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;width:42px;height:42px}.quiz-create-page .answers-list .answer-item .btn-correct svg{fill:#adb5bd;transition:fill 0.2s ease}.quiz-create-page .answers-list .answer-item .btn-correct:hover{background:#e9ecef;border-color:#7ed957}.quiz-create-page .answers-list .answer-item .btn-correct.active{background:#7ed957;border-color:#7ed957}.quiz-create-page .answers-list .answer-item .btn-correct.active svg{fill:white}.quiz-create-page .answers-list .answer-item .btn-remove{padding:0.5rem;background:#fff;border:2px solid #dee2e6;border-radius:50%;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;width:42px;height:42px}.quiz-create-page .answers-list .answer-item .btn-remove svg{fill:#dc3545}.quiz-create-page .answers-list .answer-item .btn-remove:hover{background:#dc3545;border-color:#dc3545}.quiz-create-page .answers-list .answer-item .btn-remove:hover svg{stroke:white}.quiz-create-page .answers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:1rem;min-height:50px}.quiz-create-page .answers-grid .empty-answers-message{display:block;width:100%;text-align:center;padding:2rem;color:#a0aec0;font-style:italic;font-size:1.1rem;grid-column:1 / -1}.quiz-create-page .answers-grid .empty-answers-message:not(:only-child){display:none}.quiz-create-page .answers-grid .image-answer-item{position:relative;aspect-ratio:1/1;border-radius:8px;overflow:hidden;border:3px solid #e0e0e0;transition:all 0.2s ease}.quiz-create-page .answers-grid .image-answer-item:hover{border-color:#7ed957;box-shadow:0 4px 12px rgba(0,0,0,0.1)}.quiz-create-page .answers-grid .image-answer-item .image-answer-preview{width:100%;height:100%;position:relative}.quiz-create-page .answers-grid .image-answer-item .image-answer-preview img{width:100%;height:100%;object-fit:cover}.quiz-create-page .answers-grid .image-answer-item .image-answer-preview .btn-correct-image{position:absolute;bottom:8px;right:8px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;backdrop-filter:blur(4px);background:rgba(229,231,235,0.25);padding:6px;color:#ffffff}.quiz-create-page .answers-grid .image-answer-item .image-answer-preview .btn-correct-image:hover{transform:scale(1.1)}.quiz-create-page .answers-grid .image-answer-item .image-answer-preview .btn-correct-image.active{background:#7ed957;border-color:#7ed957}.quiz-create-page .answers-grid .image-answer-item .image-answer-preview .btn-correct-image.active svg{fill:white}.quiz-create-page .answers-grid .image-answer-item .image-answer-preview .btn-remove-image{position:absolute;top:8px;right:8px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;backdrop-filter:blur(4px);background:#dc3545;color:#ffffff;padding:6px}.quiz-create-page .answers-grid .image-answer-item .image-answer-preview .btn-remove-image:hover{transform:scale(1.1)}.quiz-create-page .answers-grid .image-answer-item .image-answer-preview .btn-remove-image:hover svg{fill:white}.quiz-create-page .add-answer-options-group{display:inline-flex;border:3px solid #7ed957;border-radius:12px;overflow:hidden;background:white;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);transition:all 0.3s ease}.quiz-create-page .add-answer-options-group .add-answer-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.75rem;padding:1.25rem 2rem;background:white;border:none;color:#7ed957;cursor:pointer;transition:all 0.2s ease;border-right:2px solid rgba(126,217,87,0.2);min-width:140px}.quiz-create-page .add-answer-options-group .add-answer-btn span{font-size:0.9rem;font-weight:600;white-space:nowrap}.quiz-create-page .add-answer-options-group .add-answer-btn:last-of-type{border-right:none}.quiz-create-page .add-answer-options-group .add-answer-btn:hover{background:rgba(126,217,87,0.1)}.quiz-create-page .add-answer-options-group .add-answer-btn:active{background:rgba(126,217,87,0.2)}.quiz-create-page .add-answer-options-group .add-answer-btn svg{stroke:#7ed957;transition:transform 0.2s ease}.quiz-create-page .add-answer-options-group .add-answer-btn:hover svg{transform:scale(1.1)}.quiz-create-page .add-answer-btn-wrapper{display:flex;justify-content:center;margin-top:1rem}.quiz-create-page .btn-add-answer{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:0.75rem;padding:1.25rem 3rem;background:white;border:3px solid #7ed957;border-radius:12px;color:#7ed957;font-weight:600;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);min-width:200px}.quiz-create-page .btn-add-answer span{font-size:0.95rem}.quiz-create-page .btn-add-answer svg{stroke:#7ed957;transition:transform 0.2s ease}.quiz-create-page .btn-add-answer:hover{background:rgba(126,217,87,0.05);transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}.quiz-create-page .btn-add-answer:hover svg{transform:scale(1.1)}.quiz-create-page .btn-add-answer:active{transform:translateY(0);background:rgba(126,217,87,0.1)}.quiz-create-page .question-item .question-meta{display:flex;align-items:center;gap:0.75rem;margin-top:0.5rem;font-size:0.85rem}.quiz-create-page .question-item .question-meta .answer-type-badge{display:inline-flex;align-items:center;gap:0.3rem;padding:0.25rem 0.5rem;background:rgba(126,217,87,0.1);border-radius:4px;color:#7ed957;font-weight:500}.quiz-create-page .question-item .question-meta .answer-type-badge svg{fill:#7ed957;stroke:none}.quiz-create-page .question-item .question-meta .answer-count{color:#6c757d;font-weight:400}.quiz-create-page .action-buttons{display:flex;gap:1rem}.quiz-create-page .action-buttons .btn-save{background:#7ed957;color:white;padding:1rem 2rem;border:none;border-radius:8px;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all 0.2s ease}.quiz-create-page .action-buttons .btn-save:hover{background:#5fce2f;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.quiz-create-page .action-buttons .btn-save:active{transform:translateY(0)}.quiz-create-page .action-buttons .btn-secondary{background:#6c757d;color:white;padding:1rem 2rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all 0.2s ease}.quiz-create-page .action-buttons .btn-secondary:hover{background:#5a6268}.quiz-create-page .scenes-sidebar{height:calc(100vh - 72px);padding:0}.quiz-create-page .scenes-sidebar .scenes-sidebar{background:rgba(126,217,87,0.2);padding:1rem;height:100%;overflow-y:auto}.quiz-create-page .scenes-sidebar .scenes-sidebar .sidebar-title{font-size:1.8rem;font-weight:bold;font-family:"Catamaran-Bold",sans-serif;color:#7ed957;margin:0;text-align:center}.quiz-create-page .scenes-sidebar .scenes-sidebar .finish-button,.quiz-create-page .scenes-sidebar .scenes-sidebar .new-item-button{width:90%;position:absolute;left:50%;transform:translateX(-50%);color:#ffffff;text-align:center;text-decoration:none;padding:0.75rem;font-size:1rem;font-weight:600;background:#7ed957;box-shadow:0 1px 2px 0 rgba(0,0,0,0.05);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:8px;transition:all 0.2s ease}.quiz-create-page .scenes-sidebar .scenes-sidebar .finish-button:hover,.quiz-create-page .scenes-sidebar .scenes-sidebar .new-item-button:hover{background:#5fce2f;color:#ffffff;transform:translateX(-50%) translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)}.quiz-create-page .scenes-sidebar .scenes-sidebar .finish-button:active,.quiz-create-page .scenes-sidebar .scenes-sidebar .new-item-button:active{transform:translateX(-50%) translateY(0)}.quiz-create-page .scenes-sidebar .scenes-sidebar .finish-button{bottom:2%}.quiz-create-page .scenes-sidebar .scenes-sidebar .new-item-button{bottom:calc(2% + 50px + 10px)}.quiz-create-page .scenes-sidebar .scenes-sidebar .cards-list{max-height:calc(80vh);overflow-y:auto;padding:10px 0.5rem 120px}.quiz-create-page .scenes-sidebar .scenes-sidebar .cards-list .card-item{position:relative;background:white;border-radius:8px;margin-bottom:0.75rem;transition:all 0.2s ease;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,0.1);min-height:4.5rem;border:2px solid white}.quiz-create-page .scenes-sidebar .scenes-sidebar .cards-list .card-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.quiz-create-page .scenes-sidebar .scenes-sidebar .cards-list .card-item:hover .delete-card-btn{opacity:1}.quiz-create-page .scenes-sidebar .scenes-sidebar .cards-list .card-item.editing{border:2px solid #7ed957;box-shadow:0 0 20px rgba(126,217,87,0.5),0 0 40px rgba(126,217,87,0.3),0 4px 12px rgba(0,0,0,0.15)}@keyframes glow-pulse{0%,100%{box-shadow:0 0 20px rgba(126,217,87,0.5),0 0 40px rgba(126,217,87,0.3),0 4px 12px rgba(0,0,0,0.15)}50%{box-shadow:0 0 30px rgba(126,217,87,0.7),0 0 60px rgba(126,217,87,0.5),0 4px 12px rgba(0,0,0,0.15)}}.quiz-create-page .scenes-sidebar .scenes-sidebar .cards-list .card-item .card-content{padding:1rem;display:flex;gap:0.75rem;align-items:center}.quiz-create-page .scenes-sidebar .scenes-sidebar .cards-list .card-item .card-content .card-thumbnail{width:50px;height:50px;border-radius:6px;overflow:hidden;flex-shrink:0}.quiz-create-page .scenes-sidebar .scenes-sidebar .cards-list .card-item .card-content .card-thumbnail img{width:100%;height:100%;object-fit:cover}.quiz-create-page .scenes-sidebar .scenes-sidebar .cards-list .card-item .card-content .card-info{flex:1;min-width:0}.quiz-create-page .scenes-sidebar .scenes-sidebar .cards-list .card-item .card-content .card-info .card-title{font-size:1rem;margin:0 0 0.25rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;color:#333}.quiz-create-page .scenes-sidebar .scenes-sidebar .cards-list .card-item .delete-card-btn{position:absolute;right:8px;top:8px;width:24px;height:24px;background:white;border:2px solid #dee2e6;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;line-height:1;color:#dc3545;opacity:0;transition:all 0.2s ease;padding:0}.quiz-create-page .scenes-sidebar .scenes-sidebar .cards-list .card-item .delete-card-btn:hover{background:#dc3545;border-color:#dc3545;color:white;transform:scale(1.1)}.quiz-create-page .scenes-sidebar .scenes-sidebar .cards-list .empty-state{text-align:center;padding:2rem 1rem;color:#6c757d}.quiz-create-page .scenes-sidebar .scenes-sidebar .cards-list .empty-state svg{fill:#adb5bd;margin-bottom:1rem}.quiz-create-page .scenes-sidebar .scenes-sidebar .cards-list .empty-state p{font-size:1.1rem;margin:0.5rem 0;font-weight:500}.quiz-create-page .scenes-sidebar .scenes-sidebar .cards-list .empty-state small{font-size:0.9rem;color:#adb5bd}.story-create-page .create-header{padding-top:3rem;margin-bottom:0;color:#ffcd00}.story-create-page.create-container{padding-top:0}.story-create-page.create-container .content-type-group{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.story-create-page .content-type-selector,.story-create-page .response-type-selector{display:inline-flex;position:relative;border:3px solid #ffcd00;border-radius:25px;overflow:hidden;height:40px;background:white}.story-create-page .content-type-selector input[type="radio"],.story-create-page .response-type-selector input[type="radio"]{display:none}.story-create-page .content-type-selector .toggle-option,.story-create-page .response-type-selector .toggle-option{display:flex;align-items:center;justify-content:center;padding:0 1.5rem;cursor:pointer;font-size:0.95rem;font-weight:500;transition:color 0.3s ease;background:transparent;color:#ffcd00;position:relative;z-index:2;margin:0;user-select:none;min-width:80px}.story-create-page .content-type-selector .toggle-option:hover,.story-create-page .response-type-selector .toggle-option:hover{opacity:0.8}.story-create-page .content-type-selector .toggle-option:active,.story-create-page .response-type-selector .toggle-option:active{transform:scale(0.98)}.story-create-page .content-type-selector::before,.story-create-page .response-type-selector::before{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:#ffcd00;border-radius:23px;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);z-index:1;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.story-create-page .content-type-selector.audio-selected::before{transform:translateX(100%)}.story-create-page .content-type-selector.audio-selected .toggle-option:nth-child(3){color:#ffcd00}.story-create-page .content-type-selector.audio-selected .toggle-option:nth-child(4){color:white}.story-create-page .content-type-selector:not(.audio-selected) .toggle-option:nth-child(3){color:white}.story-create-page .content-type-selector:not(.audio-selected) .toggle-option:nth-child(4){color:#ffcd00}.story-create-page .response-type-selector.rfid-selected::before{transform:translateX(100%)}.story-create-page .response-type-selector.rfid-selected .toggle-option:nth-child(3){color:#ffcd00}.story-create-page .response-type-selector.rfid-selected .toggle-option:nth-child(4){color:white}.story-create-page .response-type-selector:not(.rfid-selected) .toggle-option:nth-child(3){color:white}.story-create-page .response-type-selector:not(.rfid-selected) .toggle-option:nth-child(4){color:#ffcd00}.story-create-page .create-form .response-group{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem}.story-create-page .create-form .response-group .form-label{margin-bottom:0}.story-create-page .create-form .response-group .response-type-selector{align-self:flex-start}.story-create-page .audio-recorder-container{margin-top:0.5rem}.story-create-page .audio-recorder-container .audio-preview{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:8px}.story-create-page .audio-recorder-container .audio-preview audio{width:100%}.story-create-page .audio-recorder-container .recording-controls{display:flex;flex-direction:column;gap:1rem}.story-create-page .audio-recorder-container .recording-controls .btn-record{display:flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.75rem 1.5rem;background:#dc3545;color:white;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all 0.2s ease}.story-create-page .audio-recorder-container .recording-controls .btn-record:hover{background:#bd2130;transform:translateY(-2px)}.story-create-page .audio-recorder-container .recording-controls .btn-record svg{fill:white}.story-create-page .audio-recorder-container .recording-controls .recording-in-progress{display:flex;align-items:center;justify-content:space-between;gap:1rem}.story-create-page .audio-recorder-container .recording-controls .recording-in-progress .recording-indicator{display:flex;align-items:center;gap:0.5rem}.story-create-page .audio-recorder-container .recording-controls .recording-in-progress .recording-indicator .recording-dot{width:12px;height:12px;background:#dc3545;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.3}}.story-create-page .audio-recorder-container .recording-controls .recording-in-progress .btn-stop{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;background:#6c757d;color:white;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all 0.2s ease}.story-create-page .audio-recorder-container .recording-controls .recording-in-progress .btn-stop:hover{background:#545b62}.story-create-page .audio-recorder-container .recording-controls .recording-in-progress .btn-stop svg{fill:white}.story-create-page .action-buttons{display:flex;flex-direction:row;gap:1rem}.story-create-page .scenes-sidebar{height:calc(100vh - 72px);padding:0}.story-create-page .scenes-sidebar .scenes-sidebar{background:rgba(255,205,0,0.2);padding:1rem;height:100%;overflow-y:auto}.story-create-page .scenes-sidebar .scenes-sidebar .sidebar-title{font-size:1.8rem;font-weight:bold;font-family:"Catamaran-Bold",sans-serif;color:#ffcd00;margin:0;text-align:center}.story-create-page .scenes-sidebar .scenes-sidebar .finish-button,.story-create-page .scenes-sidebar .scenes-sidebar .new-item-button{width:90%;position:absolute;left:50%;transform:translateX(-50%);color:#ffffff;text-align:center;text-decoration:none;padding:0.75rem;font-size:1rem;font-weight:600;background:#ffcd00;box-shadow:0 1px 2px 0 rgba(0,0,0,0.05);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:8px;transition:all 0.2s ease}.story-create-page .scenes-sidebar .scenes-sidebar .finish-button:hover,.story-create-page .scenes-sidebar .scenes-sidebar .new-item-button:hover{background:#cca400;color:#ffffff;transform:translateX(-50%) translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)}.story-create-page .scenes-sidebar .scenes-sidebar .finish-button:active,.story-create-page .scenes-sidebar .scenes-sidebar .new-item-button:active{transform:translateX(-50%) translateY(0)}.story-create-page .scenes-sidebar .scenes-sidebar .finish-button{bottom:2%}.story-create-page .scenes-sidebar .scenes-sidebar .new-item-button{bottom:calc(2% + 50px + 10px)}.story-create-page .scenes-sidebar .scenes-sidebar .scenes-list{max-height:calc(80vh);overflow-y:auto;padding:10px 0.5rem 120px}.story-create-page .scenes-sidebar .scenes-sidebar .scenes-list .scene-item{position:relative;background:#ffffff;border-radius:8px;margin-bottom:0.75rem;transition:all 0.2s ease;cursor:pointer;box-shadow:0 1px 2px 0 rgba(0,0,0,0.05);min-height:4.5rem;border:2px solid #ffffff}.story-create-page .scenes-sidebar .scenes-sidebar .scenes-list .scene-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.story-create-page .scenes-sidebar .scenes-sidebar .scenes-list .scene-item:hover .delete-scene-btn{opacity:1}.story-create-page .scenes-sidebar .scenes-sidebar .scenes-list .scene-item.editing{border:2px solid #ffcd00;box-shadow:0 0 20px rgba(255,205,0,0.5),0 0 40px rgba(255,205,0,0.3),0 4px 12px rgba(0,0,0,0.15)}@keyframes glow-pulse{0%,100%{box-shadow:0 0 20px rgba(255,205,0,0.5),0 0 40px rgba(255,205,0,0.3),0 4px 12px rgba(0,0,0,0.15)}50%{box-shadow:0 0 30px rgba(255,205,0,0.7),0 0 60px rgba(255,205,0,0.5),0 4px 12px rgba(0,0,0,0.15)}}.story-create-page .scenes-sidebar .scenes-sidebar .scenes-list .scene-item.dragging{opacity:0.8;box-shadow:0 8px 24px rgba(0,0,0,0.3);z-index:1000;cursor:grabbing;transition:none}.story-create-page .scenes-sidebar .scenes-sidebar .scenes-list .scene-item.dragging .delete-scene-btn{display:none}.story-create-page .scenes-sidebar .scenes-sidebar .scenes-list .scene-item .scene-content{padding:1rem;display:flex;gap:0.75rem;align-items:center}.story-create-page .scenes-sidebar .scenes-sidebar .scenes-list .scene-item .scene-content .scene-thumbnail{width:50px;height:50px;border-radius:6px;overflow:hidden;flex-shrink:0}.story-create-page .scenes-sidebar .scenes-sidebar .scenes-list .scene-item .scene-content .scene-thumbnail img{width:100%;height:100%;object-fit:cover}.story-create-page .scenes-sidebar .scenes-sidebar .scenes-list .scene-item .scene-content .scene-info{flex:1;min-width:0}.story-create-page .scenes-sidebar .scenes-sidebar .scenes-list .scene-item .scene-content .scene-info .scene-title{font-size:1rem;margin:0 0 0.25rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.story-create-page .scenes-sidebar .scenes-sidebar .scenes-list .scene-item .scene-content .scene-info .scene-badge{display:flex;align-items:center;gap:0.25rem;font-size:0.7rem;color:#ffcd00;font-weight:600;text-transform:uppercase}.story-create-page .scenes-sidebar .scenes-sidebar .scenes-list .scene-item .scene-content .scene-info .scene-badge svg{width:12px;height:12px}.story-create-page .scenes-sidebar .scenes-sidebar .scenes-list .scene-item .scene-actions{position:absolute;top:0;right:8px;display:flex;align-items:center;gap:0.25rem;height:100%}.story-create-page .scenes-sidebar .scenes-sidebar .scenes-list .scene-item .drag-handle{width:28px;height:28px;background:none;color:#888;border:none;border-radius:0;cursor:grab;display:flex;align-items:center;justify-content:center;padding:0;margin:0;box-shadow:none;transition:color 0.2s}.story-create-page .scenes-sidebar .scenes-sidebar .scenes-list .scene-item .drag-handle:hover,.story-create-page .scenes-sidebar .scenes-sidebar .scenes-list .scene-item .drag-handle:focus{color:#444;background:none;box-shadow:none}.story-create-page .scenes-sidebar .scenes-sidebar .scenes-list .scene-item .drag-handle:active{cursor:grabbing}.story-create-page .scenes-sidebar .scenes-sidebar .scenes-list .scene-item .drag-handle svg{width:18px;height:18px;fill:currentColor;display:block}.story-create-page .scenes-sidebar .scenes-sidebar .scenes-list .scene-item .delete-scene-btn{position:absolute;top:6px;right:6px;width:20px;height:20px;background:#dc3545;color:white;border:none;border-radius:50%;cursor:pointer;font-size:12px;line-height:1;opacity:0;transition:opacity 0.2s ease}.story-create-page .scenes-sidebar .scenes-sidebar .scenes-list .scene-item .delete-scene-btn:hover{background:#bd2130}.story-create-page .scenes-sidebar .scenes-sidebar .scenes-list .scene-item:hover .delete-scene-btn{opacity:1}.story-create-page .scenes-sidebar .scenes-sidebar .scenes-list .scene-placeholder{background:#e0e0e0;border:2px dashed #bbb;border-radius:8px;margin:0.5rem 0;min-height:48px;height:56px;transition:background 0.2s,border 0.2s}.story-create-page .scenes-sidebar .scenes-sidebar .scenes-list .empty-state{text-align:center;padding:2rem;color:#6c757d}.story-create-page .scenes-sidebar .scenes-sidebar .scenes-list .empty-state svg{margin-bottom:1rem;opacity:0.5}.story-create-page .scenes-sidebar .scenes-sidebar .scenes-list .empty-state p{font-size:1rem;margin-bottom:0.5rem;font-weight:600}.story-create-page .scenes-sidebar .scenes-sidebar .scenes-list .empty-state small{font-size:0.85rem;display:block;margin-top:0.25rem}.btn{padding:0.8rem 2.5rem;border:none;border-radius:1rem;font-size:1rem;font-weight:bold;text-transform:uppercase;cursor:pointer;transition:all 0.3s ease;font-family:"Catamaran-Bold",sans-serif;letter-spacing:0.5px;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)}.btn.btn-story{color:#ffffff;background-color:#ffcd00}.btn.btn-quiz{color:#ffffff;background-color:#7ed957}.btn.btn-explore{color:#ffffff;background-color:#55acee}.btn.btn-coding{color:#ffffff;background-color:#ca87c2}.btn.btn-coding:disabled{background-color:#e6c4df;cursor:not-allowed;opacity:0.6}.btn.btn-coding:disabled:hover{transform:none;box-shadow:none;opacity:0.6}.btn:hover:not(:disabled){transform:translateY(-5px);box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);opacity:0.9}.play-coding-container{}.play-coding-container .play-header{margin-bottom:2rem}.play-coding-container .header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.play-coding-container #options-dropdown{position:relative}.play-coding-container #options-dropdown .options-btn{display:flex;align-items:center;gap:0.7rem;background:#f8f9fa;border:2px solid #dee2e6;border-radius:40px;padding:0.8rem 3rem;color:#ca87c2;font-size:1.2rem;font-weight:800;font-family:"Catamaran-Bold",sans-serif;cursor:pointer;transition:all 0.2s ease;z-index:1000;position:relative;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)}.play-coding-container #options-dropdown .options-btn:hover{background:#e9ecef;border-color:#adb5bd}.play-coding-container #options-dropdown .options-btn:focus{outline:none;border-color:#ca87c2}.play-coding-container #options-dropdown .options-menu{display:none;position:absolute;top:70%;right:3px;background:white;border:2px solid #ca87c2;z-index:999;min-width:192px;border-top:none;border-radius:0 0 16px 16px;padding-top:0.7rem}.play-coding-container #options-dropdown .options-menu-content{padding:0.5rem}.play-coding-container #options-dropdown .option-row{display:flex;align-items:center;justify-content:space-between;padding:0.75rem;border-radius:6px;cursor:pointer;transition:background-color 0.2s ease}.play-coding-container #options-dropdown .option-row:hover{background:#f8f9fa}.play-coding-container #options-dropdown .option-label{font-size:0.9rem;color:#495057;user-select:none;font-family:"Catamaran-Medium",sans-serif;font-weight:600}.play-coding-container #options-dropdown .toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.play-coding-container #options-dropdown .toggle-input{opacity:0;width:0;height:0}.play-coding-container #options-dropdown .toggle-label{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:24px;transition:0.3s}.play-coding-container #options-dropdown .toggle-label:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:white;border-radius:50%;transition:0.3s}.play-coding-container #options-dropdown .toggle-input:checked + .toggle-label{background-color:#ca87c2}.play-coding-container #options-dropdown .toggle-input:checked + .toggle-label:before{transform:translateX(20px)}.play-coding-container #options-dropdown .toggle-input:focus + .toggle-label{box-shadow:0 0 0 3px rgba(202,135,194,0.25)}.play-coding-container #options-dropdown.active .options-menu{display:block;animation:slideDown 0.3s ease forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}}.play-coding-container #options-dropdown.active .options-btn{outline:none;border-color:#ca87c2}.play-coding-container .grid-cell{position:relative}.play-coding-container .trace-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.play-coding-container .trace-line{position:absolute;border:3px dashed #007bff;opacity:0.8;border-radius:2px}.play-coding-container .trace-horizontal{top:50%;left:0;width:100%;height:0;transform:translateY(-1px);border-top:3px dashed #007bff;border-left:none;border-right:none;border-bottom:none}.play-coding-container .trace-vertical{left:50%;top:0;width:0;height:100%;transform:translateX(-1px);border-left:3px dashed #007bff;border-top:none;border-right:none;border-bottom:none}.play-coding-container .trace-left-to-top{bottom:50%;left:0;width:50%;height:50%;border-bottom:3px dashed #007bff;border-right:3px dashed #007bff;border-top:none;border-left:none;border-top-right-radius:8px}.play-coding-container .trace-left-to-bottom{top:50%;left:0;width:50%;height:50%;border-top:3px dashed #007bff;border-right:3px dashed #007bff;border-bottom:none;border-left:none;border-bottom-right-radius:8px}.play-coding-container .trace-right-to-top{bottom:50%;right:0;width:50%;height:50%;border-bottom:3px dashed #007bff;border-left:3px dashed #007bff;border-top:none;border-right:none;border-top-right-radius:8px}.play-coding-container .trace-right-to-bottom{top:50%;right:0;width:50%;height:50%;border-top:3px dashed #007bff;border-left:3px dashed #007bff;border-bottom:none;border-right:none;border-bottom-left-radius:8px}.play-coding-container .trace-top-to-left{top:0;left:0;width:50%;height:50%;border-bottom:3px dashed #007bff;border-right:3px dashed #007bff;border-top:none;border-left:none;border-bottom-right-radius:8px}.play-coding-container .trace-top-to-right{top:0;right:0;width:50%;height:50%;border-bottom:3px dashed #007bff;border-left:3px dashed #007bff;border-top:none;border-right:none;border-bottom-left-radius:8px}.play-coding-container .trace-bottom-to-left{bottom:0;left:0;width:50%;height:50%;border-top:3px dashed #007bff;border-right:3px dashed #007bff;border-bottom:none;border-left:none;border-top-right-radius:8px}.play-coding-container .trace-bottom-to-right{bottom:0;right:0;width:50%;height:50%;border-top:3px dashed #007bff;border-left:3px dashed #007bff;border-bottom:none;border-right:none;border-top-left-radius:8px}.play-coding-container .trace-center-to-right{top:50%;left:50%;width:50%;height:0;transform:translateY(-1px);border-top:3px dashed #007bff;border-left:none;border-right:none;border-bottom:none}.play-coding-container .trace-center-to-left{top:50%;left:0;width:50%;height:0;transform:translateY(-1px);border-top:3px dashed #007bff;border-left:none;border-right:none;border-bottom:none}.play-coding-container .trace-center-to-top{left:50%;top:0;width:0;height:50%;transform:translateX(-1px);border-left:3px dashed #007bff;border-top:none;border-right:none;border-bottom:none}.play-coding-container .trace-center-to-bottom{left:50%;top:50%;width:0;height:50%;transform:translateX(-1px);border-left:3px dashed #007bff;border-top:none;border-right:none;border-bottom:none}.play-coding-container .play-header{margin:2rem 0 2rem;position:relative;overflow:visible}.play-coding-container .play-header .play-title{font-family:"Catamaran-Medium",sans-serif;font-size:2rem;margin:0;text-align:center;color:#ca87c2}.play-coding-container .play-header .play-title .coding-label{font-family:"Catamaran-Bold",sans-serif}.play-coding-container .play-header .game-options{margin-top:1.5rem;padding:1.25rem;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:12px;border-left:4px solid #9370db;box-shadow:0 2px 8px rgba(0,0,0,0.08)}.play-coding-container .play-header .game-options .options-title{margin:0 0 1rem 0;font-size:1.1rem;font-weight:700;color:#2c3e50;display:flex;align-items:center;gap:0.5rem}.play-coding-container .play-header .game-options .options-title::before{content:"⚙️";font-size:1.2rem}.play-coding-container .play-header .game-options .options-grid{display:flex;gap:2.5rem;flex-wrap:wrap}.play-coding-container .play-header .game-options .options-grid .option-item{display:flex;align-items:center;gap:0.75rem;cursor:pointer;user-select:none;padding:0.5rem 0.75rem;border-radius:6px;transition:background-color 0.2s ease}.play-coding-container .play-header .game-options .options-grid .option-item:hover{background:rgba(147,112,219,0.1)}.play-coding-container .play-header .game-options .options-grid .option-item .option-checkbox{transform:scale(1.3);accent-color:#9370db;cursor:pointer}.play-coding-container .play-header .game-options .options-grid .option-item .option-text{font-weight:600;color:#495057;font-size:0.95rem;cursor:pointer}.play-coding-container .play-header .game-options .options-grid .option-item:hover .option-text{color:#9370db}@media (max-width:768px){.play-coding-container .play-header .game-options{margin-top:0.75rem;padding:0.75rem}.play-coding-container .play-header .game-options .options-grid{flex-direction:column;gap:0.75rem}}.play-coding-container .game-layout{z-index:0;position:relative}.play-coding-container .left-panel{min-height:75vh;padding-right:6rem}.play-coding-container .left-panel .command-history{background:#ca87c2;border-radius:1rem;padding:20px 0;height:80vh;display:flex;flex-direction:column;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}.play-coding-container .left-panel .command-history .panel-title{font-family:"Catamaran-Medium",sans-serif;font-size:1.3rem;font-weight:700;color:#ffffff;margin:0 0 20px 0;text-align:center}.play-coding-container .left-panel .command-history .command-list{flex:1;height:400px;min-height:300px;border:4px solid #ca87c2;background:#ffffff;padding:15px;margin-bottom:20px;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.play-coding-container .left-panel .command-history .command-list::-webkit-scrollbar{width:8px}.play-coding-container .left-panel .command-history .command-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.play-coding-container .left-panel .command-history .command-list::-webkit-scrollbar-thumb{background:#ca87c2;border-radius:4px}.play-coding-container .left-panel .command-history .command-list::-webkit-scrollbar-thumb:hover{background:#b377a8}.play-coding-container .left-panel .command-history .command-list:empty::before{content:"I comandi appariranno qui...";color:#999;font-style:italic;text-align:center;margin-top:100px;display:block}.play-coding-container .left-panel .command-history .command-list .command-item{display:flex;align-items:center;gap:10px;background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;padding:12px;font-family:"Catamaran-Medium",sans-serif;font-weight:600;color:#333;transition:all 0.3s ease;position:relative}.play-coding-container .left-panel .command-history .command-list .command-item:hover{background:#e9ecef;transform:translateX(5px)}.play-coding-container .left-panel .command-history .command-list .command-item .command-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#9370db;color:white;border-radius:6px;flex-shrink:0}.play-coding-container .left-panel .command-history .command-list .command-item .command-icon svg{width:16px;height:16px}.play-coding-container .left-panel .command-history .command-list .command-item .command-text{flex:1}.play-coding-container .left-panel .command-history .command-list .command-item .command-number{position:absolute;top:-8px;left:-8px;background:#9370db;color:white;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:0.8rem;font-weight:bold}.play-coding-container .left-panel .command-history .command-list .command-item.command-active{background:#fff3cd;border-color:#ffc107;animation:pulse 1s infinite}.play-coding-container .left-panel .command-history .command-list .command-item.command-executed{background:#d1edff;border-color:#0084ff}.play-coding-container .left-panel .command-history .command-list .command-item.command-error{background:#f8d7da;border-color:#dc3545}.play-coding-container .left-panel .command-history .command-controls{display:flex;gap:20px;justify-content:center}.play-coding-container .left-panel .command-history .command-controls .play-btn{background:#28a745;color:white;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(40,167,69,0.3)}.play-coding-container .left-panel .command-history .command-controls .play-btn:hover:not(:disabled){background:#218838;transform:scale(1.1);box-shadow:0 6px 20px rgba(40,167,69,0.4)}.play-coding-container .left-panel .command-history .command-controls .play-btn:disabled{background:#6c757d;cursor:not-allowed;box-shadow:none}.play-coding-container .left-panel .command-history .command-controls .play-btn svg{margin-left:2px}.play-coding-container .left-panel .command-history .command-controls .reset-btn{background:#6c757d;color:white;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(108,117,125,0.3)}.play-coding-container .left-panel .command-history .command-controls .reset-btn:hover{background:#5a6268;transform:scale(1.1);box-shadow:0 6px 20px rgba(108,117,125,0.4)}.play-coding-container .center-panel{display:flex;align-items:center;justify-content:center}.play-coding-container .center-panel .game-grid-container{border-radius:1rem;height:auto;width:100%;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}.play-coding-container .center-panel .game-grid-container .play-grid{display:grid;border:3px solid #ca87c2;border-radius:15px;overflow:hidden;background:#ffffff;height:100%;width:100%}.play-coding-container .center-panel .game-grid-container .play-grid .grid-cell{position:relative;background:rgba(255,255,255,0.3);border:1px solid #ca87c2;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;aspect-ratio:1/1;margin:0.3rem}.play-coding-container .center-panel .game-grid-container .play-grid .grid-cell:hover{background:rgba(202,135,194,0.1);border-color:#b574ac;transform:scale(1.02);z-index:10}.play-coding-container .center-panel .game-grid-container .play-grid .grid-cell .cell-content{width:95%;height:95%;position:relative;display:grid;justify-content:center;align-items:center}.play-coding-container .center-panel .game-grid-container .play-grid .grid-cell .cell-content .character,.play-coding-container .center-panel .game-grid-container .play-grid .grid-cell .cell-content .obstacle,.play-coding-container .center-panel .game-grid-container .play-grid .grid-cell .cell-content .objective{max-width:100%;max-height:100%;object-fit:contain;grid-area:1/1/2/2;transition:all 0.3s ease}.play-coding-container .center-panel .game-grid-container .play-grid .grid-cell .cell-content .character{z-index:3;filter:drop-shadow(2px 2px 4px rgba(0,0,0,0.3));transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);border:2px solid #10b981;--rotation:0deg}.play-coding-container .center-panel .game-grid-container .play-grid .grid-cell .cell-content .character.moving{animation:characterPulse 0.5s ease-in-out}.play-coding-container .center-panel .game-grid-container .play-grid .grid-cell .cell-content .character.turning{animation:characterTurn 0.3s ease-in-out;animation-fill-mode:forwards}.play-coding-container .center-panel .game-grid-container .play-grid .grid-cell .cell-content .character-container{z-index:3;position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;grid-area:1/1/2/2;transition:transform 0.3s ease}.play-coding-container .center-panel .game-grid-container .play-grid .grid-cell .cell-content .character-container .custom-character{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(2px 2px 4px rgba(0,0,0,0.3));border:2px solid #10b981}.play-coding-container .center-panel .game-grid-container .play-grid .grid-cell .cell-content .character-container .direction-arrow{position:absolute;font-size:16px;color:#ca87c2;background:rgba(255,255,255,0.9);border-radius:50%;width:24px;height:24px;display:flex;justify-content:center;align-items:center;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 2px 4px rgba(0,0,0,0.2);border:1px solid #ca87c2;z-index:10000}.play-coding-container .center-panel .game-grid-container .play-grid .grid-cell .cell-content .character-container .direction-arrow.turning{animation:characterTurn 0.3s ease-in-out;animation-fill-mode:forwards}.play-coding-container .center-panel .game-grid-container .play-grid .grid-cell .cell-content .obstacle{border:2px solid #ef4444;z-index:2}.play-coding-container .center-panel .game-grid-container .play-grid .grid-cell .cell-content .objective{border:2px solid #f59e0b;z-index:1}.play-coding-container .center-panel .game-grid-container .play-grid .grid-cell.highlight-path{background-color:rgba(255,255,0,0.3)!important;animation:pathHighlight 1s ease-in-out infinite}.play-coding-container .center-panel .game-grid-container .play-grid .grid-cell.collision-cell{background-color:rgba(255,0,0,0.5)!important;animation:collisionShake 0.5s ease-in-out}.play-coding-container .center-panel .game-grid-container .play-grid .grid-cell.victory-cell{background-color:rgba(0,255,0,0.5)!important;animation:victoryPulse 1s ease-in-out infinite}.play-coding-container .toast{position:fixed;top:20px;right:20px;background:white;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.15);padding:1rem 1.5rem;min-width:250px;z-index:9999;transform:translateX(100%);opacity:0;transition:all 0.3s ease;font-weight:600;border-left:4px solid #007bff}.play-coding-container .toast.show{transform:translateX(0);opacity:1}.play-coding-container .toast.toast-success{border-left-color:#28a745;color:#155724;background-color:#d4edda}.play-coding-container .toast.toast-warning{border-left-color:#ffc107;color:#856404;background-color:#fff3cd}.play-coding-container .toast.toast-error{border-left-color:#dc3545;color:#721c24;background-color:#f8d7da}.play-coding-container .toast.toast-info{border-left-color:#17a2b8;color:#0c5460;background-color:#d1ecf1}@media (max-width:768px){.play-coding-container .toast{left:10px;right:10px;min-width:auto;transform:translateY(-100%)}.play-coding-container .toast.show{transform:translateY(0)}}.play-coding-container .grid-cell.trace{position:relative}.play-coding-container .grid-cell.trace::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:2px dashed rgba(147,112,219,0.4);border-radius:4px;z-index:1}@keyframes traceAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(0.5)}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}.play-coding-container .right-panel{display:flex;align-items:center;justify-content:center}@media (max-width:1024px){.play-coding-container .right-panel{grid-area:right}}.play-coding-container .right-panel .movement-controls{display:flex;align-items:center;justify-content:center}.play-coding-container .right-panel .movement-controls .directional-pad{display:grid;grid-template-rows:repeat(3,1fr);background:#e5e7eb;border-radius:24px;padding:24px;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)}.play-coding-container .right-panel .movement-controls .directional-pad .dpad-row{display:grid;grid-template-columns:repeat(3,1fr)}.play-coding-container .right-panel .movement-controls .directional-pad .dpad-row .dpad-cell{width:80px;height:80px;display:flex;align-items:center;justify-content:center;position:relative}.play-coding-container .right-panel .movement-controls .directional-pad .dpad-row .dpad-cell .control-btn{width:100px;height:100px;aspect-ratio:1/1;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;position:relative;background:#b967c7;color:white;box-shadow:0 4px 12px rgba(0,0,0,0.2)}.play-coding-container .right-panel .movement-controls .directional-pad .dpad-row .dpad-cell .control-btn .material-symbols-outlined{font-size:85px;font-weight:800}.play-coding-container .right-panel .movement-controls .directional-pad .dpad-row .dpad-cell .control-btn .control-icon{width:64px;height:64px;filter:brightness(0) invert(1);transition:all 0.2s ease}.play-coding-container .right-panel .movement-controls .directional-pad .dpad-row .dpad-cell .control-btn:hover{transform:scale(1.05);background:#a855c2;box-shadow:0 6px 20px rgba(0,0,0,0.25)}.play-coding-container .right-panel .movement-controls .directional-pad .dpad-row .dpad-cell .control-btn:active{transform:scale(0.98);transition:transform 0.1s ease}.play-coding-container .right-panel .movement-controls .directional-pad .dpad-row .dpad-cell .control-btn::after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.3);transform:translate(-50%,-50%);transition:width 0.3s ease,height 0.3s ease}.play-coding-container .right-panel .movement-controls .directional-pad .dpad-row .dpad-cell .control-btn:active::after{width:100%;height:100%}.play-coding-container .right-panel .movement-controls .directional-pad .dpad-row.top .dpad-cell:first-child,.play-coding-container .right-panel .movement-controls .directional-pad .dpad-row.top .dpad-cell:last-child,.play-coding-container .right-panel .movement-controls .directional-pad .dpad-row.bottom .dpad-cell:first-child,.play-coding-container .right-panel .movement-controls .directional-pad .dpad-row.bottom .dpad-cell:last-child{background:transparent}@media (max-width:1024px){.play-coding-container .right-panel .movement-controls .directional-pad .dpad-row .dpad-cell{width:60px;height:60px}.play-coding-container .right-panel .movement-controls .directional-pad .dpad-row .dpad-cell .control-btn{width:54px;height:54px}.play-coding-container .right-panel .movement-controls .directional-pad .dpad-row .dpad-cell .control-btn .material-symbols-outlined{font-size:28px}.play-coding-container .right-panel .movement-controls .directional-pad .dpad-row .dpad-cell .control-btn .control-icon{width:24px;height:24px}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes characterPulse{0%{transform:scale(1) rotate(var(--rotation,0deg))}50%{transform:scale(1.2) rotate(var(--rotation,0deg))}100%{transform:scale(1) rotate(var(--rotation,0deg))}}@keyframes characterTurn{0%{transform:rotate(var(--rotation,0deg)) scale(1)!important}50%{transform:rotate(calc(var(--rotation,0deg) + 15deg)) scale(1.1)!important}100%{transform:rotate(var(--rotation,0deg)) scale(1)!important}}@keyframes pathHighlight{0%,100%{background-color:rgba(255,255,0,0.2)!important}50%{background-color:rgba(255,255,0,0.5)!important}}@keyframes collisionShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes victoryPulse{0%,100%{background-color:rgba(0,255,0,0.3)!important;transform:scale(1)}50%{background-color:rgba(0,255,0,0.7)!important;transform:scale(1.05)}}.toast{position:fixed;top:20px;right:20px;background:#333;color:white;padding:16px 24px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.3);font-family:"Catamaran-Medium",sans-serif;font-weight:600;font-size:0.9rem;z-index:10000;transform:translateX(100%);opacity:0;transition:all 0.3s ease;max-width:300px}.toast.show{transform:translateX(0);opacity:1}.toast.toast-success{background:#28a745;border-left:4px solid #20c997}.toast.toast-error{background:#dc3545;border-left:4px solid #fd7e14}.toast.toast-warning{background:#ffc107;color:#333;border-left:4px solid #fd7e14}.toast.toast-info{background:#17a2b8;border-left:4px solid #20c997}.moment-display-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;align-items:center;justify-content:center}.moment-display-modal .moment-display-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px)}.moment-display-modal .moment-display-content{position:relative;background:#ffffff;border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);width:90%;max-width:600px;max-height:80vh;overflow-y:auto;z-index:1001}.moment-display-modal .moment-display-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.moment-display-modal .moment-display-header h3{margin:0;color:#ca87c2;font-size:1.25rem;font-weight:600}.moment-display-modal .moment-display-header .moment-display-close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.2s ease}.moment-display-modal .moment-display-header .moment-display-close:hover{background:#f3f4f6;color:#374151}.moment-display-modal .moment-display-body{padding:24px}.moment-display-modal .moment-cover-display{margin-bottom:20px;text-align:center}.moment-display-modal .moment-cover-display img{max-width:100%;max-height:300px;border-radius:8px;box-shadow:0 1px 2px 0 rgba(0,0,0,0.05)}.moment-display-modal .moment-description-display .moment-text-display p{font-size:1.1rem;line-height:1.6;color:#374151;margin:0}.moment-display-modal .moment-description-display .moment-audio-display{text-align:center}.moment-display-modal .moment-description-display .moment-audio-display audio{width:100%;max-width:400px}.moment-display-modal .moment-display-footer{display:flex;justify-content:center;padding:20px 24px;border-top:1px solid #e5e7eb}.moment-display-modal .moment-display-footer .btn{padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;border:none}.moment-display-modal .moment-display-footer .btn.btn-coding{background:#ca87c2;color:#ffffff}.moment-display-modal .moment-display-footer .btn.btn-coding:hover{background:#b574ac;transform:translateY(-1px)}@media (max-width:768px){.moment-display-modal .moment-display-content{width:95%;margin:20px}.moment-display-modal .moment-display-body{padding:16px}.moment-display-modal .moment-cover-display img{max-height:200px}}.btn{padding:0.8rem 2.5rem;border:none;border-radius:1rem;font-size:1rem;font-weight:bold;text-transform:uppercase;cursor:pointer;transition:all 0.3s ease;font-family:"Catamaran-Bold",sans-serif;letter-spacing:0.5px;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)}.btn.btn-story{color:#ffffff;background-color:#ffcd00}.btn.btn-quiz{color:#ffffff;background-color:#7ed957}.btn.btn-explore{color:#ffffff;background-color:#55acee}.btn.btn-coding{color:#ffffff;background-color:#ca87c2}.btn.btn-coding:disabled{background-color:#e6c4df;cursor:not-allowed;opacity:0.6}.btn.btn-coding:disabled:hover{transform:none;box-shadow:none;opacity:0.6}.btn:hover:not(:disabled){transform:translateY(-5px);box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);opacity:0.9}.play-exploration-container{min-height:100vh;padding:2rem 1rem;position:relative}.play-exploration-container .content{margin:3rem auto}.play-exploration-container .exploration-content{position:relative;animation:fadeIn 0.5s ease}.play-exploration-container .waiting-state{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 10rem);text-align:center;padding:2rem}.play-exploration-container .waiting-content{max-width:800px;width:100%;margin:0 auto;padding:4rem 3rem;background:#e3f2fd;border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,0.1)}.play-exploration-container .waiting-icon{position:relative;width:120px;height:120px;display:inline-flex;align-items:center;justify-content:center;background:rgba(85,172,238,0.1);border-radius:50%;margin-bottom:2rem}.play-exploration-container .waiting-icon svg{color:#55acee;z-index:2;position:relative}.play-exploration-container .pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;border:3px solid #55acee;border-radius:50%;opacity:0;animation:pulse 2s infinite}.play-exploration-container .pulse-ring.pulse-ring-2{animation-delay:1s}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(0.8);opacity:1}100%{transform:translate(-50%,-50%) scale(2);opacity:0}}.play-exploration-container .waiting-title{font-size:2rem;font-weight:bold;color:#0a3d63;margin-bottom:1rem}.play-exploration-container .waiting-description{font-size:1.2rem;color:#4b5563;margin:0}.play-exploration-container .card-display{animation:fadeIn 0.5s ease}.play-exploration-container .card-layout{display:flex;flex-direction:row;align-items:flex-start;gap:4rem}@media (max-width:768px){.play-exploration-container .card-layout{flex-direction:column-reverse}}.play-exploration-container .card-layout .card-image{flex:1 1 0%;aspect-ratio:1;background:#f9fafb;border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,0.1);overflow:hidden}.play-exploration-container .card-layout .card-image img{width:100%;height:100%;object-fit:cover;display:block}@media (max-width:768px){.play-exploration-container .card-layout .card-image{aspect-ratio:16/9;width:100%;flex:none}}.play-exploration-container .card-layout .card-main-content{flex:1 1 0%;min-height:300px;padding:3rem 2rem;background:#e3f2fd;border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,0.1);display:flex;flex-direction:column;justify-content:space-around;align-items:center;text-align:center}@media (max-width:640px){.play-exploration-container .card-layout .card-main-content{padding:2rem 1.5rem}}.play-exploration-container .card-title{font-size:2.5rem;font-weight:bold;color:#55acee;margin:0 0 1.5rem 0;line-height:1.2}@media (max-width:640px){.play-exploration-container .card-title{font-size:2rem}}.play-exploration-container .card-audio{margin-bottom:2rem;width:100%}.play-exploration-container .card-audio audio{width:100%;border-radius:50px;outline:none}.play-exploration-container .card-audio audio:focus{outline:2px solid #55acee;outline-offset:2px}.play-exploration-container .card-description{font-size:1.25rem;line-height:1.8;color:#111827;margin-bottom:2rem;white-space:pre-wrap}.play-exploration-container .card-link{display:flex;margin-bottom:2rem}.play-exploration-container .waiting-next{display:flex;align-items:center;justify-content:center;gap:0.75rem;margin-top:2rem;padding-top:1.5rem;border-top:2px solid rgba(85,172,238,0.2);color:#4b5563;width:100%}.play-exploration-container .waiting-icon-small{position:relative;display:flex;width:30px;height:30px;align-items:center;justify-content:center;flex-shrink:0}.play-exploration-container .waiting-icon-small svg{color:#55acee;z-index:1}.play-exploration-container .pulse-ring-small{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:2px solid #55acee;border-radius:50%;opacity:0;animation:pulse-small 2s infinite}@keyframes pulse-small{0%{transform:translate(-50%,-50%) scale(0.8);opacity:1}100%{transform:translate(-50%,-50%) scale(2);opacity:0}}.play-exploration-container .waiting-text{font-size:1rem;font-style:italic;color:#4b5563}.play-exploration-container .error-state{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 10rem);text-align:center;padding:4rem 2rem}.play-exploration-container .error-content{max-width:400px;margin:0 auto;background:#e3f2fd;padding:3rem 2rem;border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,0.1)}.play-exploration-container .error-icon{margin-bottom:2rem}.play-exploration-container .error-icon svg{color:#ef4444}.play-exploration-container .error-title{font-size:2rem;font-weight:bold;color:#ef4444;margin-bottom:1rem}.play-exploration-container .error-description{font-size:1.2rem;color:#4b5563;margin-bottom:2rem}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.play-exploration-container .card-transition-out{animation:cardFadeOut 0.25s ease-in forwards}.play-exploration-container .card-transition-in{animation:cardFadeIn 0.4s ease-out forwards}@keyframes cardFadeOut{from{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(-30px) scale(0.98)}}@keyframes cardFadeIn{from{opacity:0;transform:translateX(30px) scale(0.98)}to{opacity:1;transform:translateX(0) scale(1)}}.link-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);z-index:11000;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.3s ease}.link-overlay.fade-in{opacity:1;pointer-events:auto}.link-overlay .link-overlay-header{width:100%;height:85px;display:flex;justify-content:flex-end;align-items:center;padding:0 2rem;background:transparent;position:absolute;top:0;left:0;z-index:10010;gap:1rem}.link-overlay .btn-close-overlay,.link-overlay .btn-open-new-tab{background:rgba(255,255,255,0.2);border:none;color:white;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;text-decoration:none}.link-overlay .btn-close-overlay:hover,.link-overlay .btn-open-new-tab:hover{background:rgba(255,255,255,0.4);transform:scale(1.1)}.link-overlay .btn-close-overlay span,.link-overlay .btn-open-new-tab span{font-size:24px}.link-overlay .link-overlay-content{width:90%;height:85%;background:white;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,0.3);position:relative;margin-top:40px}.link-overlay .link-overlay-content iframe{width:100%;height:100%;border:none}.play-quiz-container{min-height:100vh;padding:2rem 1rem;position:relative}.play-quiz-container .quiz-buttons{position:absolute;top:20px;right:20px;z-index:100;display:flex;gap:1rem}.play-quiz-container .quiz-buttons .skip-btn{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1.5rem;background:#7ed957;border:none;border-radius:50px;color:#295b14;font-weight:600;font-size:0.9rem;cursor:pointer;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.play-quiz-container .quiz-buttons .skip-btn svg{width:20px;height:20px;stroke:#295b14}.play-quiz-container .quiz-buttons .skip-btn:hover{background:#295b14;color:white;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.play-quiz-container .quiz-buttons .skip-btn:hover svg{stroke:white}.play-quiz-container .quiz-buttons .skip-btn:active{transform:translateY(0)}.play-quiz-container .content{margin:3rem auto}.play-quiz-container .quiz-content{position:relative}.play-quiz-container .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#295b14}.play-quiz-container .loading-state .loading-spinner{width:50px;height:50px;border:4px solid rgba(126,217,87,0.2);border-top-color:#7ed957;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.play-quiz-container .loading-state p{font-size:1.1rem;margin:0}@keyframes spin{to{transform:rotate(360deg)}}.play-quiz-container .question-display{animation:fadeIn 0.5s ease}.play-quiz-container .question-display .question-card{display:flex;flex-direction:row;align-items:flex-start;gap:4rem}@media (max-width:768px){.play-quiz-container .question-display .question-card{flex-direction:column-reverse}}.play-quiz-container .question-display .question-card .question-image{flex:1 1 0%;aspect-ratio:1;background:#f9fafb;border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,0.1);overflow:hidden}.play-quiz-container .question-display .question-card .question-image img{width:100%;height:100%;object-fit:cover;display:block}.play-quiz-container .question-display .question-card .question-main-content{flex:1 1 0%;min-height:300px;padding:3rem 2rem;background:#e8f5e0;border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,0.1);display:flex;flex-direction:column;justify-content:space-around}@media (max-width:640px){.play-quiz-container .question-display .question-card .question-main-content{padding:2rem 1.5rem}}.play-quiz-container .question-display .question-title{font-size:2.5rem;font-weight:bold;color:#7ed957;margin:0 0 1.5rem 0;line-height:1.2}@media (max-width:640px){.play-quiz-container .question-display .question-title{font-size:2rem}}.play-quiz-container .question-display .question-audio{margin-bottom:2rem;width:100%}.play-quiz-container .question-display .question-audio audio{width:100%;border-radius:50px;outline:none}.play-quiz-container .question-display .question-audio audio:focus{outline:2px solid #7ed957;outline-offset:2px}.play-quiz-container .answers-container .answers-label{font-size:0.85rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:#7ed957;margin:0 0 0.75rem 0;opacity:0.8}.play-quiz-container .answers-container .answers-list{display:flex;flex-direction:column;gap:1rem}.play-quiz-container .answers-container .answers-list:has(.image-answer){display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media (max-width:768px){.play-quiz-container .answers-container .answers-list:has(.image-answer){grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.play-quiz-container .answers-container .answers-list:has(.image-answer){grid-template-columns:1fr}}.play-quiz-container .answers-container .answer-btn{width:100%;padding:1rem 1.5rem;background:rgba(255,255,255,0.7);border:2px solid rgba(126,217,87,0.3);border-radius:12px;cursor:pointer;transition:all 0.2s ease;text-align:left}.play-quiz-container .answers-container .answer-btn:hover:not(:disabled):not(.incorrect):not(.correct){background:white;border-color:#7ed957;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.play-quiz-container .answers-container .answer-btn:disabled{cursor:not-allowed}.play-quiz-container .answers-container .answer-btn.correct{background:#9ef7d9;border-color:#10b981}.play-quiz-container .answers-container .answer-btn.correct .answer-text{color:#0c8a60}.play-quiz-container .answers-container .answer-btn.incorrect{background:#fde8e8;border-color:#ef4444;animation:shake 0.5s ease-in-out}.play-quiz-container .answers-container .answer-btn.incorrect .answer-text{color:#eb1515}.play-quiz-container .answers-container .answer-btn.text-answer .answer-text{font-size:1.1rem;font-weight:500;color:#111827}.play-quiz-container .answers-container .answer-btn.image-answer{padding:0.5rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.play-quiz-container .answers-container .answer-btn.image-answer .answer-image{width:100%;height:100%;border-radius:8px;overflow:hidden}.play-quiz-container .answers-container .answer-btn.image-answer .answer-image img{width:100%;height:100%;object-fit:cover}.play-quiz-container .tag-container .rfid-prompt{display:flex;flex-direction:column;align-items:center;padding:3rem 2rem;background:linear-gradient(135deg,rgba(126,217,87,0.1) 0%,rgba(126,217,87,0.05) 100%);border:3px dashed #7ed957;border-radius:20px;text-align:center;transition:all 0.3s ease}.play-quiz-container .tag-container .rfid-prompt .rfid-icon{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:rgba(126,217,87,0.15);border-radius:50%;margin-bottom:1.5rem}.play-quiz-container .tag-container .rfid-prompt .rfid-icon svg{color:#7ed957;stroke:#7ed957;z-index:1}.play-quiz-container .tag-container .rfid-prompt .rfid-icon .pulse-ring{position:absolute;width:100%;height:100%;border:3px solid #7ed957;border-radius:50%;animation:pulse 2s ease-out infinite}.play-quiz-container .tag-container .rfid-prompt .rfid-text{font-size:1.25rem;font-weight:600;color:#7ed957;margin:0}.play-quiz-container .tag-container .rfid-input{position:fixed!important;top:0;left:0;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none;z-index:-1;border:none;background:transparent;color:transparent;caret-color:transparent}.play-quiz-container .tag-container .rfid-prompt .rfid-icon.shake{animation:shake 0.5s ease-in-out;background:#fde8e8!important}.play-quiz-container .tag-container .rfid-prompt .rfid-icon.shake svg{color:#ef4444!important;stroke:#ef4444!important}.play-quiz-container .tag-container .rfid-prompt .rfid-icon.shake .pulse-ring{border-color:#ef4444!important}.play-quiz-container .feedback-area{margin-top:2rem;padding-top:1.5rem;border-top:2px solid rgba(126,217,87,0.2);display:flex;flex-direction:column;align-items:center;gap:1.5rem}.play-quiz-container .feedback-area .feedback{display:flex;align-items:center;gap:0.75rem;padding:1rem 2rem;border-radius:12px;font-size:1.25rem;font-weight:bold}.play-quiz-container .feedback-area .feedback.correct{background:#9ef7d9;color:#0c8a60}.play-quiz-container .feedback-area .feedback.correct svg{fill:#10b981}.play-quiz-container .feedback-area .feedback.incorrect{background:#fde8e8;color:#eb1515}.play-quiz-container .feedback-area .feedback.incorrect svg{fill:#ef4444}.play-quiz-container .feedback-area .btn-next{display:flex;align-items:center;justify-content:center;gap:0.75rem;width:100%;max-width:300px;padding:1.25rem 2rem;background:#7ed957;color:#295b14;border:none;border-radius:50px;font-size:1.2rem;font-weight:bold;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(0,0,0,0.15)}.play-quiz-container .feedback-area .btn-next svg{width:20px;height:20px;stroke:#295b14;transition:transform 0.3s ease}.play-quiz-container .feedback-area .btn-next:hover{background:#6ed442;transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,0.2)}.play-quiz-container .feedback-area .btn-next:hover svg{transform:translateX(4px)}.play-quiz-container .feedback-area .btn-next:active{transform:translateY(0)}.play-quiz-container .completion-screen{display:none;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;padding:2rem;animation:fadeIn 0.5s ease}.play-quiz-container .completion-content{text-align:center;background:#e8f5e0;padding:4rem 3rem;border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,0.1);max-width:800px}@media (max-width:640px){.play-quiz-container .completion-content{padding:3rem 2rem}}.play-quiz-container .completion-icon{width:120px;height:120px;background:#9ef7d9;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.play-quiz-container .completion-icon svg{color:#10b981;stroke:#10b981}.play-quiz-container .completion-icon.celebrate{animation:bounceIn 0.8s ease}.play-quiz-container .completion-title{font-size:2.5rem;font-weight:bold;color:#7ed957;margin:0 0 1rem 0}@media (max-width:640px){.play-quiz-container .completion-title{font-size:2rem}}.play-quiz-container .completion-message{font-size:1.25rem;color:#4b5563;margin-bottom:2.5rem}.play-quiz-container .completion-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.play-quiz-container .completion-actions .btn{display:flex;align-items:center;gap:0.5rem;padding:1rem 2rem;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;text-decoration:none;border:none}.play-quiz-container .completion-actions .btn svg{width:20px;height:20px}.play-quiz-container .completion-actions .btn.btn-primary{background:#7ed957;color:#295b14}.play-quiz-container .completion-actions .btn.btn-primary svg{stroke:#295b14}.play-quiz-container .completion-actions .btn.btn-primary:hover{background:#6ed442;transform:translateY(-2px)}.play-quiz-container .completion-actions .btn.btn-secondary{background:white;color:#7ed957;border:2px solid #7ed957}.play-quiz-container .completion-actions .btn.btn-secondary svg{stroke:#7ed957}.play-quiz-container .completion-actions .btn.btn-secondary:hover{background:#7ed957;color:white;transform:translateY(-2px)}.play-quiz-container .completion-actions .btn.btn-secondary:hover svg{stroke:white}.play-quiz-container .completion-actions .btn:active{transform:translateY(0)}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes pulse{0%{transform:scale(1);opacity:1}100%{transform:scale(1.5);opacity:0}}@keyframes bounceIn{0%{opacity:0;transform:scale(0.3)}50%{opacity:1;transform:scale(1.1)}70%{transform:scale(0.9)}100%{transform:scale(1)}}.quiz-progress-bar-bottom{position:fixed;bottom:0;left:0;right:0;height:10px;background:rgba(0,0,0,0.12);z-index:200}.quiz-progress-bar-bottom .progress-fill-bottom{height:100%;background:#7ed957;border-radius:0 4px 4px 0;transition:width 0.6s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 0 8px rgba(126,217,87,0.6)}.story-play-page{min-height:100vh;padding:2rem 1rem;position:relative}.story-play-page .scene-buttons{position:absolute;top:20px;right:20px;z-index:100;display:flex;gap:1rem}.story-play-page .scene-buttons .prev-btn{display:none}.story-play-page .scene-buttons .prev-btn,.story-play-page .scene-buttons .skip-btn{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1.5rem;background:#ffcd00;border:none;border-radius:50px;color:#7b5200;font-weight:600;font-size:0.9rem;cursor:pointer;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.story-play-page .scene-buttons .prev-btn svg,.story-play-page .scene-buttons .skip-btn svg{width:20px;height:20px;stroke:#7b5200}.story-play-page .scene-buttons .prev-btn:hover,.story-play-page .scene-buttons .skip-btn:hover{background:#7b5200;color:white;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.story-play-page .scene-buttons .prev-btn:hover svg,.story-play-page .scene-buttons .skip-btn:hover svg{stroke:white}.story-play-page .scene-buttons .prev-btn:active,.story-play-page .scene-buttons .skip-btn:active{transform:translateY(0)}.story-play-page .scene-container{margin:3rem auto;overflow:hidden;animation:fadeIn 0.5s ease;display:flex;flex-direction:column;gap:4rem}.story-play-page .scene-container.has-image{flex-direction:row}@media (max-width:768px){.story-play-page .scene-container.has-image{flex-direction:column-reverse}}.story-play-page .scene-container.has-image .scene-image{flex:1;order:2;background:white;border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,0.1)}.story-play-page .scene-container.has-image .scene-image img{width:100%;height:100%;object-fit:cover}@media (max-width:768px){.story-play-page .scene-container.has-image .scene-image{order:1}}.story-play-page .scene-container.has-image .scene-content{max-width:unset;flex:1;order:1}.story-play-page .scene-image{width:100%;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.story-play-page .scene-image img{width:100%;height:100%;object-fit:cover}.story-play-page .scene-content{padding:3rem 2rem;width:100%;background:#ffffff;border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,0.1);display:flex;flex-direction:column;justify-content:space-around;max-width:800px;margin:0 auto;background:#fffabd}@media (max-width:640px){.story-play-page .scene-content{padding:2rem 1.5rem}}.story-play-page .scene-title{font-size:2.5rem;font-weight:bold;color:#ffcd00;margin:0 0 1.5rem 0;line-height:1.2}@media (max-width:640px){.story-play-page .scene-title{font-size:2rem}}.story-play-page .scene-description{font-size:1.25rem;line-height:1.8;color:#111827;margin-bottom:2rem;white-space:pre-wrap}.story-play-page .scene-audio{margin-bottom:2rem;width:100%}.story-play-page .scene-audio audio{width:100%;border-radius:50px;outline:none}.story-play-page .scene-audio audio:focus{outline:2px solid #ffcd00;outline-offset:2px}.story-play-page .answer-section{margin:2rem 0;animation:slideDown 0.3s ease}.story-play-page .answer-label{display:block;font-size:1.1rem;font-weight:600;color:#111827;margin-bottom:0.75rem}.story-play-page .answer-input{width:100%;padding:1rem 1.5rem;font-size:1.1rem;border:3px solid #ffcd00;border-radius:12px;outline:none;transition:all 0.3s ease;background:white}.story-play-page .answer-input:focus{border-color:#cca400;box-shadow:0 0 0 4px rgba(255,205,0,0.1)}.story-play-page .answer-input.error{border-color:#ef4444;animation:shake 0.5s ease}.story-play-page .answer-input::placeholder{color:#6b7280}.story-play-page .error-message{margin-top:0.75rem;padding:0.75rem 1rem;background:rgba(239,68,68,0.1);border-left:4px solid #ef4444;border-radius:6px;color:#ef4444;font-weight:500;animation:slideDown 0.3s ease}.story-play-page .rfid-section{margin:2rem 0;animation:slideDown 0.3s ease}.story-play-page .rfid-section.error{animation:shake 0.5s ease}.story-play-page .rfid-prompt{display:flex;flex-direction:column;align-items:center;padding:3rem 2rem;background:linear-gradient(135deg,rgba(255,205,0,0.1) 0%,rgba(255,205,0,0.05) 100%);border:3px dashed #ffcd00;border-radius:20px;text-align:center;transition:all 0.3s ease}.story-play-page .rfid-icon{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:rgba(255,205,0,0.1);border-radius:50%;margin-bottom:1.5rem}.story-play-page .rfid-icon svg{stroke:#ffcd00;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.1));z-index:1}.story-play-page .rfid-icon .pulse-ring{position:absolute;width:100%;height:100%;border:3px solid #ffcd00;border-radius:50%;animation:pulse 2s ease-out infinite}.story-play-page .rfid-text{font-size:1.3rem;font-weight:600;color:#ffcd00;margin:0}.story-play-page .rfid-input{position:fixed!important;top:0;left:0;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none;z-index:-1;border:none;background:transparent;color:transparent;caret-color:transparent}.story-play-page .next-btn{display:flex;align-items:center;justify-content:center;gap:0.75rem;width:100%;max-width:300px;margin:2rem auto 0;padding:1.25rem 2rem;background:#ffcd00;color:#7b5200;border:none;border-radius:50px;font-size:1.2rem;font-weight:bold;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(0,0,0,0.15)}.story-play-page .next-btn svg{stroke:#7b5200;transition:transform 0.3s ease}.story-play-page .next-btn:hover{background:#e6b900;transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,0.2)}.story-play-page .next-btn:hover svg{transform:translateX(4px)}.story-play-page .next-btn:active{transform:translateY(0)}.story-play-page .completion-screen{display:none;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;padding:2rem;animation:fadeIn 0.5s ease}.story-play-page .completion-content{text-align:center;background:#fffabd;padding:4rem 3rem;border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,0.1);max-width:800px}@media (max-width:640px){.story-play-page .completion-content{padding:3rem 2rem}}.story-play-page .completion-icon{margin-bottom:2rem}.story-play-page .completion-icon svg{stroke:#10b981;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.1))}.story-play-page .completion-icon.celebrate{animation:bounceIn 0.8s ease}.story-play-page .completion-title{font-size:2.5rem;font-weight:bold;color:#ffcd00;margin:0 0 1rem 0}@media (max-width:640px){.story-play-page .completion-title{font-size:2rem}}.story-play-page .completion-message{font-size:1.25rem;color:#4b5563;margin-bottom:2.5rem}.story-play-page .completion-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.story-play-page .completion-actions .btn{display:flex;align-items:center;gap:0.5rem;padding:1rem 2rem;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;text-decoration:none;border:none}.story-play-page .completion-actions .btn svg{width:20px;height:20px}.story-play-page .completion-actions .btn.btn-primary{background:#ffcd00;color:#7b5200}.story-play-page .completion-actions .btn.btn-primary svg{stroke:#7b5200}.story-play-page .completion-actions .btn.btn-primary:hover{background:#e6b900;transform:translateY(-2px)}.story-play-page .completion-actions .btn.btn-secondary{background:white;color:#ffcd00;border:2px solid #ffcd00}.story-play-page .completion-actions .btn.btn-secondary svg{stroke:#ffcd00}.story-play-page .completion-actions .btn.btn-secondary:hover{background:#ffcd00;color:white;transform:translateY(-2px)}.story-play-page .completion-actions .btn.btn-secondary:hover svg{stroke:white}.story-play-page .completion-actions .btn:active{transform:translateY(0)}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounceIn{0%{opacity:0;transform:scale(0.3)}50%{opacity:1;transform:scale(1.1)}70%{transform:scale(0.9)}100%{transform:scale(1)}}body{--swup-slide-theme-translate:60px;--swup-slide-theme-duration-fade:0.3s;--swup-slide-theme-duration-slide:0.4s;margin:0}#swup{position:relative;z-index:1000}.material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 600,"GRAD" 0,"opsz" 24}