*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Fredoka,sans-serif}#root{width:100%;min-height:100vh}.pm-backdrop{z-index:1000;background:#0a1c3500;justify-content:center;align-items:center;padding:1rem;transition:background .35s;display:flex;position:fixed;inset:0}.pm-backdrop.visible{-webkit-backdrop-filter:blur(16px);background:#ffffff26}.pm-modal{border:3px solid var(--c-brand);opacity:0;background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:none;height:100%;max-height:none;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s;display:flex;position:relative;overflow:hidden;transform:scale(.7)translateY(40px);box-shadow:8px 8px #0a1c3533}.pm-modal.visible{opacity:1;transform:scale(1)translateY(0)}.pm-close{z-index:10;color:#fff;cursor:pointer;background:#0a1c35b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:12px;right:12px}.pm-close:hover{background:#0a1c35f2;transform:scale(1.1)rotate(90deg)}.pm-video{background:#000;flex:1;width:100%;min-height:0;position:relative}.pm-video iframe{border:none;width:100%;height:100%;position:absolute;inset:0}.pm-info{border-top:2px solid #0a1c3514;flex-shrink:0;align-items:center;gap:1.25rem;padding:.75rem 1.25rem;display:flex}.pm-meta{flex:1;min-width:0}.pm-title{color:var(--c-brand);font-size:1rem;font-weight:700;font-family:var(--f-display);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.pm-description{color:var(--c-brand);opacity:.6;white-space:nowrap;text-overflow:ellipsis;margin:.15rem 0 0;font-size:.85rem;line-height:1.4;overflow:hidden}.pm-controls{flex-shrink:0;align-items:center;gap:1rem;display:flex}.pm-next-btn{border:2.5px solid var(--c-brand);color:var(--c-brand);font-family:var(--f-display);cursor:pointer;white-space:nowrap;background:0 0;border-radius:50px;align-items:center;gap:.5rem;padding:.45rem 1.1rem;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex}.pm-next-btn:hover{background:var(--c-brand);color:var(--c-bg);transform:scale(1.05);box-shadow:3px 3px #0a1c3526}.pm-next-btn.bounce{background:var(--c-card-orange);border-color:var(--c-card-orange);color:#fff;animation:.6s cubic-bezier(.34,1.56,.64,1) infinite nextBounce;box-shadow:4px 4px #f76b1c4d}.pm-next-btn.bounce:hover{background:var(--c-brand);border-color:var(--c-brand);color:var(--c-bg);animation:none}@keyframes nextBounce{0%,to{transform:translateY(0)scale(1)}30%{transform:translateY(-6px)scale(1.06)}60%{transform:translateY(2px)scale(.98)}}.pm-autoplay-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;display:flex}.pm-autoplay-toggle input{opacity:0;width:0;height:0;position:absolute}.pm-toggle-track{background:#0a1c3526;border-radius:10px;flex-shrink:0;width:36px;height:20px;transition:background .25s;position:relative}.pm-autoplay-toggle input:checked+.pm-toggle-track{background:var(--c-card-green)}.pm-toggle-thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.pm-autoplay-toggle input:checked+.pm-toggle-track .pm-toggle-thumb{transform:translate(16px)}.pm-toggle-label{font-family:var(--f-display);color:var(--c-brand);opacity:.7;white-space:nowrap;font-size:.85rem;font-weight:600}@media (width<=600px){.pm-backdrop{padding:.5rem}.pm-modal{border-radius:10px;box-shadow:4px 4px #0a1c3526}.pm-info{flex-wrap:wrap;gap:.5rem;padding:.6rem 1rem}.pm-toggle-label{display:none}}:root{--c-bg:#fdf7ec;--c-grid:#f639ad33;--c-grid-alt:#638bf033;--c-brand:#0a1c35;--c-card-dark:#638bf0;--c-card-green:#00a355;--c-card-orange:#f76b1c;--c-card-light:#d9e4ff;--f-display:"Fredoka", sans-serif;--f-accent:"Fredoka", sans-serif}.home-container{background-color:var(--c-bg);color:var(--c-brand);font-family:var(--f-display);width:100vw;height:100vh;position:relative;overflow:hidden}.bg-grid{z-index:0;pointer-events:none;background-image:linear-gradient(var(--c-grid) 2px, transparent 2px), linear-gradient(90deg, var(--c-grid-alt) 2px, transparent 2px);filter:url(#warp-filter);opacity:1;background-position:50%;background-size:45px 45px;width:140%;height:140%;animation:20s ease-in-out infinite alternate breathe;position:absolute;top:-20%;left:-20%}@keyframes breathe{0%{transform:scale(1)translate(0)}to{transform:scale(1.05)translate(-1%,-1%)}}nav{z-index:10;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.nav-item{font-family:var(--f-accent);text-transform:lowercase;color:var(--c-brand);pointer-events:auto;cursor:pointer;padding:2rem;font-size:1.5rem;font-style:normal;font-weight:600;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .3s;position:absolute}.nav-item:hover{opacity:.8;transform:scale(1.1)rotate(-3deg)}.nav-item.brand{top:0;left:0}.nav-item.login{top:0;right:0}.nav-item.about{bottom:0;left:0}.nav-item.manifesto{bottom:0;right:0}main{z-index:5;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.center-cluster{flex-direction:column;align-items:center;gap:1.5rem;display:flex;transform:translateY(-2vh)}h1{letter-spacing:0;color:var(--c-brand);text-align:center;margin:0;font-size:clamp(6rem,12vw,12rem);font-weight:700;line-height:.9}.scallop-btn{color:var(--c-brand);font-family:var(--f-display);cursor:pointer;background:0 0;border:none;outline:none;padding:1rem 2.5rem;font-size:1.2rem;font-weight:600;transition:transform .2s cubic-bezier(.34,1.56,.64,1);position:relative}.scallop-svg-wrapper{z-index:-1;pointer-events:none;position:absolute;inset:-4px}.scallop-btn span{z-index:2;position:relative}.scallop-btn:hover{transform:scale(1.08)rotate(2deg)}.scallop-btn:hover path{fill:var(--c-brand)}.scallop-btn:hover span{color:var(--c-bg)}.orbit-container{z-index:2;width:0;height:0;position:absolute;top:50%;left:50%}.tool-card{cursor:pointer;border-radius:12px;width:160px;height:100px;margin-top:-50px;margin-left:-80px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);position:absolute;overflow:hidden;box-shadow:4px 4px #0a1c351a}.tool-card:hover{z-index:10}.card-1{background:var(--c-card-green);animation:6s ease-in-out infinite alternate float;transform:translateY(-320px)rotate(-10deg)}.card-2{background:var(--c-card-orange);animation:7s ease-in-out infinite alternate-reverse float;transform:translate(226px,-226px)rotate(15deg)}.card-3{background:var(--c-card-dark);animation:5s ease-in-out infinite alternate float;transform:translate(320px)rotate(-5deg)}.card-4{background:var(--c-card-orange);animation:8s ease-in-out infinite alternate-reverse float;transform:translate(226px,226px)rotate(20deg)}.card-5{background:var(--c-card-light);animation:6s ease-in-out infinite alternate float;transform:translateY(320px)rotate(-15deg)}.card-6{background:var(--c-card-light);animation:7s ease-in-out infinite alternate-reverse float;transform:translate(-226px,226px)rotate(10deg)}.card-7{background:var(--c-card-light);animation:5s ease-in-out infinite alternate float;transform:translate(-320px)rotate(-20deg)}.card-8{background:var(--c-card-dark);animation:8s ease-in-out infinite alternate-reverse float;transform:translate(-226px,-226px)rotate(5deg)}.tool-card:hover.card-1{transform:translateY(-320px)rotate(0)scale(1.15);box-shadow:6px 6px #0a1c3533}.tool-card:hover.card-2{transform:translate(226px,-226px)rotate(0)scale(1.15);box-shadow:6px 6px #0a1c3533}.tool-card:hover.card-3{transform:translate(320px)rotate(0)scale(1.15);box-shadow:6px 6px #0a1c3533}.tool-card:hover.card-4{transform:translate(226px,226px)rotate(0)scale(1.15);box-shadow:6px 6px #0a1c3533}.tool-card:hover.card-5{transform:translateY(320px)rotate(0)scale(1.15);box-shadow:6px 6px #0a1c3533}.tool-card:hover.card-6{transform:translate(-226px,226px)rotate(0)scale(1.15);box-shadow:6px 6px #0a1c3533}.tool-card:hover.card-7{transform:translate(-320px)rotate(0)scale(1.15);box-shadow:6px 6px #0a1c3533}.tool-card:hover.card-8{transform:translate(-226px,-226px)rotate(0)scale(1.15);box-shadow:6px 6px #0a1c3533}@keyframes float{0%{margin-top:-50px}to{margin-top:-65px}}.card-cover{object-fit:cover;width:100%;height:100%;display:block}.tool-card-overlay{opacity:0;background:#0a1c3559;border-radius:12px;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.tool-card:hover .tool-card-overlay{opacity:1}.tool-card-overlay svg{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.tool-card:hover .tool-card-overlay svg{transform:scale(1.1)}@media (width<=900px){.orbit-container{transform:scale(.7)}h1{font-size:5rem}}@media (width<=600px){.orbit-container{transform:scale(.45)}h1{font-size:3.5rem}.nav-item{padding:1.5rem;font-size:1.2rem}.bg-grid{background-size:40px 40px}}.list-container{background-color:var(--c-bg);color:var(--c-brand);font-family:var(--f-display);width:100%;min-height:100vh;position:relative;overflow-x:hidden}.bg-grid-list{z-index:0;pointer-events:none;background-image:linear-gradient(var(--c-grid) 2px, transparent 2px), linear-gradient(90deg, var(--c-grid-alt) 2px, transparent 2px);filter:url(#warp-filter-list);opacity:.5;background-position:50%;background-size:45px 45px;width:140%;height:140%;position:fixed;top:-20%;left:-20%}.list-header{z-index:100;-webkit-backdrop-filter:blur(20px)saturate(1.8);background:#fdf7ecb8;border-bottom:1.5px solid #0a1c351a;padding:1.25rem 2rem;position:fixed;top:0;left:0;right:0}.header-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex;position:relative}.back-btn{border:2.5px solid var(--c-brand);color:var(--c-brand);font-family:var(--f-display);cursor:pointer;white-space:nowrap;z-index:1;background:0 0;border-radius:20px;align-items:center;gap:.4rem;padding:.6rem 1.25rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.back-btn:hover{background:var(--c-brand);color:var(--c-bg);transform:scale(1.05)rotate(-2deg)}.list-title{color:var(--c-brand);pointer-events:none;z-index:0;margin:0;font-size:2rem;font-weight:700;line-height:1;position:absolute;left:50%;transform:translate(-50%)}.filter-bar{z-index:99;-webkit-backdrop-filter:blur(20px)saturate(1.8);background:#fdf7eca6;border-bottom:1.5px solid #0a1c3514;padding:.85rem 2rem;position:fixed;top:82px;left:0;right:0}.filter-row{align-items:center;gap:1rem;max-width:1200px;margin:0 auto;display:flex;position:relative}.filter-measure{visibility:hidden;pointer-events:none;flex-wrap:wrap;width:100%;position:absolute!important}.filter-scroll{scrollbar-width:none;-ms-overflow-style:none;flex:1;gap:.6rem;min-width:0;padding-bottom:2px;display:flex;overflow:visible}.lang-group{flex-shrink:0;align-items:center;gap:.75rem;display:flex;position:relative}.lang-chip{align-items:center;gap:.4rem;display:flex}.lang-chip-arrow{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.lang-chip-open .lang-chip-arrow{transform:rotate(180deg)}@keyframes dropdownIn{0%{opacity:0;transform:scale(.92)translateY(-6px)}to{opacity:1;transform:scale(1)translateY(0)}}.lang-dropdown{-webkit-backdrop-filter:blur(20px)saturate(1.8);border:2.5px solid var(--c-brand);z-index:200;transform-origin:0 0;background:#fdf7ecf2;border-radius:14px;flex-direction:column;gap:.2rem;min-width:180px;padding:.5rem;animation:.25s cubic-bezier(.34,1.56,.64,1) dropdownIn;display:flex;position:absolute;top:calc(100% + .5rem);left:0;box-shadow:4px 4px #0a1c351f}.lang-dropdown-item{color:var(--c-brand);font-family:var(--f-display);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;padding:.5rem .85rem;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.lang-dropdown-item:hover{background:#0a1c350f}.lang-dropdown-item.active{background:var(--c-brand);color:var(--c-bg)}.lang-count{opacity:.5;margin-left:1rem;font-size:.75rem}.lang-dropdown-item.active .lang-count{opacity:.7}.lang-divider{background:var(--c-brand);opacity:.2;flex-shrink:0;width:1.5px;height:24px}.search-box{z-index:1;flex-shrink:0;align-items:center;width:150px;transition:width .35s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.search-box:focus-within{width:300px}.search-icon{pointer-events:none;color:var(--c-brand);opacity:1;position:absolute;left:.75rem}.search-input{font-family:var(--f-display);color:var(--c-brand);border:2.5px solid var(--c-brand);background:0 0;border-radius:50px;outline:none;width:100%;padding:.5rem 2.25rem .5rem 2.5rem;font-size:.95rem;font-weight:500;transition:box-shadow .3s}.search-input::placeholder{color:var(--c-brand);opacity:.4}.search-input:focus{box-shadow:3px 3px #0a1c351f}.search-box.has-query{width:300px}.search-clear{cursor:pointer;color:var(--c-brand);opacity:.5;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex;position:absolute;right:.5rem}.search-clear:hover{opacity:1;background:#0a1c3514}.filter-scroll::-webkit-scrollbar{display:none}.filter-chip{border:2.5px solid var(--c-brand);color:var(--c-brand);font-family:var(--f-display);cursor:pointer;white-space:nowrap;background:0 0;border-radius:50px;flex-shrink:0;padding:.5rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.filter-chip:hover{transform:scale(1.06)rotate(-1deg);box-shadow:3px 3px #0a1c351f}.filter-chip.active{background:var(--c-brand);color:var(--c-bg);box-shadow:3px 3px #0a1c3526}.filter-more{flex-shrink:0;position:relative}.filter-chip-more{align-items:center;gap:.35rem;display:flex}.filter-dropdown{-webkit-backdrop-filter:blur(20px)saturate(1.8);border:2.5px solid var(--c-brand);overscroll-behavior:contain;z-index:200;transform-origin:100% 0;background:#fdf7ecf2;border-radius:14px;flex-direction:column;gap:.2rem;min-width:200px;max-height:320px;padding:.5rem;animation:.25s cubic-bezier(.34,1.56,.64,1) dropdownIn;display:flex;position:absolute;top:calc(100% + .5rem);right:0;overflow-y:auto;box-shadow:4px 4px #0a1c351f}.filter-dropdown::-webkit-scrollbar{width:6px}.filter-dropdown::-webkit-scrollbar-track{background:0 0;margin:.4rem 0}.filter-dropdown::-webkit-scrollbar-thumb{background:#0a1c3526;border-radius:3px}.filter-dropdown::-webkit-scrollbar-thumb:hover{background:#0a1c354d}.filter-dropdown-item{color:var(--c-brand);font-family:var(--f-display);cursor:pointer;white-space:nowrap;text-align:left;background:0 0;border:none;border-radius:10px;padding:.5rem .85rem;font-size:.88rem;font-weight:600;transition:all .2s}.filter-dropdown-item:hover{background:#0a1c350f}.filter-dropdown-item.active{background:var(--c-brand);color:var(--c-bg)}.list-main{z-index:5;flex-direction:column;max-width:1200px;min-height:calc(100vh - 2rem);margin:0 auto;padding:195px 2rem 4rem;display:flex;position:relative}.empty-state{text-align:center;opacity:.6;padding:4rem 0;font-size:1.2rem}.storybooks-grid{flex:1;grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.storybook-card{cursor:pointer;border:2.5px solid var(--c-brand);background:#fff;border-radius:16px;transition:all .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden;box-shadow:4px 4px #0a1c351a}.storybook-card.card-enter{animation:.4s cubic-bezier(.25,1,.5,1) both cardEnter}@keyframes cardEnter{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.storybook-card:hover{transform:scale(1.04);box-shadow:0 12px 28px #0a1c352e}.card-thumbnail{aspect-ratio:16/9;background:var(--c-card-light);width:100%;position:relative;overflow:hidden}.card-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.card-overlay{opacity:0;background:#0a1c3559;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.storybook-card:hover .card-overlay{opacity:1}.play-btn{cursor:pointer;background:0 0;border:none;padding:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.play-btn:hover{transform:scale(1.15)}.card-stats{background:linear-gradient(#0000,#0000008c);justify-content:space-between;align-items:center;padding:.45rem .6rem;display:flex;position:absolute;bottom:0;left:0;right:0}.card-age{color:#fff;letter-spacing:.02em;background:#00a355e6;border-radius:4px;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.card-stats-right{align-items:center;gap:.5rem;display:flex}.card-views{color:#fff;background:#0009;border-radius:4px;align-items:center;gap:.25rem;padding:.15rem .45rem;font-size:.7rem;font-weight:600;display:flex}.card-duration{color:#fff;letter-spacing:.03em;background:#000c;border-radius:4px;padding:.15rem .45rem;font-size:.75rem;font-weight:600}.card-content{padding:1rem 1.15rem 1.15rem}.card-title{color:var(--c-brand);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0 0 .4rem;font-size:1.1rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.card-meta{align-items:center;gap:.75rem;display:flex}.card-published{color:var(--c-brand);opacity:.5;align-items:center;gap:.35rem;margin-top:.4rem;font-size:.75rem;display:flex}.meta-item{color:var(--c-brand);opacity:.6;align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;display:flex}.meta-item svg{flex-shrink:0}.meta-link{color:var(--c-brand);text-decoration:none;transition:opacity .2s}.meta-link:hover{opacity:1;text-decoration:underline}.pagination{justify-content:center;align-items:center;gap:.5rem;margin-top:2.5rem;padding-bottom:1rem;display:flex}.page-btn{border:2.5px solid var(--c-brand);min-width:40px;height:40px;color:var(--c-brand);font-family:var(--f-display);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;padding:0 .5rem;font-size:.95rem;font-weight:600;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex}.page-btn:hover:not(:disabled){background:var(--c-brand);color:var(--c-bg);transform:scale(1.08)}.page-btn.active{background:var(--c-brand);color:var(--c-bg);box-shadow:3px 3px #0a1c3526}.page-btn:disabled{opacity:.3;cursor:not-allowed}.page-ellipsis{color:var(--c-brand);opacity:.5;padding:0 .25rem;font-size:1rem;font-weight:600}.page-info{color:var(--c-brand);opacity:.5;margin-left:.75rem;font-size:.85rem;font-weight:600}@media (width<=1100px){.storybooks-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=800px){.storybooks-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.list-title{font-size:1.5rem}}@media (width<=520px){.list-header{padding:.85rem 1rem}.header-content{gap:.5rem}.back-btn{padding:.5rem 1rem;font-size:.9rem}.list-title{font-size:1.3rem}.search-box,.search-box:focus-within,.search-box.has-query{flex:1;width:auto;min-width:0;max-width:180px}.search-input{padding:.45rem 2rem .45rem 2.25rem;font-size:.85rem}.filter-bar{padding:.65rem 1rem;top:62px}.filter-chip{padding:.4rem 1rem;font-size:.85rem}.list-main{padding:148px 1rem 3rem}.storybooks-grid{grid-template-columns:1fr;gap:1.25rem}}