body,html{overflow-x:hidden}body,html{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Inter,"Helvetica Neue","Segoe UI",Roboto,Arial,sans-serif;background-color:#f5f5f7;color:#1d1d20;min-height:100vh;display:flex;flex-direction:column}.navbar{width:100%;background-color:rgba(255,255,255,.7);box-shadow:none;display:flex;justify-content:center;align-items:center;height:60px;position:fixed;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);top:0;left:0;right:0;box-shadow:0 .8px 1px rgba(18,18,18,.089);z-index:1000}.menu{display:flex;justify-content:center;align-items:center;gap:30px;width:100%;padding:0}body.dark-mode{background-color:#121212;color:#fff}body.dark-mode .navbar{background-color:rgba(30,30,30,.9);box-shadow:none}body.dark-mode .menu a{color:#fff}.toggle-mode{position:absolute;left:20px;top:50%;transform:translateY(-50%);cursor:pointer}.toggle-mode img{width:28px;height:28px;transition:transform .3s ease}body.dark-mode .toggle-mode img{content:url('moon-4-xxl.png')}.language-toggle{position:absolute;right:24px;top:50%;transform:translateY(-50%);cursor:pointer}.language-toggle img{width:28px;height:28px;transition:transform .3s ease}.language-toggle:hover img{transform:scale(1.1)}body.dark-mode .language-toggle img{filter:invert(1)}.back-button{position:absolute;top:80px;left:40px;z-index:900}.back-button img{width:24px;height:24px;transition:transform .3s ease;opacity:.8;filter:brightness(0) saturate(100%) invert(24%) sepia(85%) saturate(1800%) hue-rotate(210deg) brightness(94%) contrast(101%)}.back-button img:hover{transform:scale(1.1);opacity:1}body.dark-mode .back-button img{filter:brightness(0) saturate(100%) invert(72%) sepia(88%) saturate(481%) hue-rotate(359deg) brightness(89%) contrast(91%);opacity:.9}.bottom-navigation{display:flex;justify-content:space-between;margin-top:40px;padding:0 0}.nav-button{position:relative;z-index:900;display:flex;align-items:center;gap:10px}.nav-text{font-size:1rem;color:#130055;opacity:.8;transition:opacity .3s ease;display:flex;align-items:center;height:48px;line-height:1;font-weight:600;transform:translateY(-5px)}.nav-button:hover .nav-text{opacity:1}body.dark-mode .nav-text{color:#3579f6}.nav-button img{width:24px;height:24px;transition:transform .3s ease;opacity:.8;filter:brightness(0) saturate(100%) invert(24%) sepia(85%) saturate(1800%) hue-rotate(210deg) brightness(94%) contrast(101%)}.nav-button img:hover{opacity:1}body.dark-mode .nav-button img:hover{opacity:.5}body.dark-mode .nav-button img{filter:brightness(0) saturate(100%) invert(45%) sepia(85%) saturate(1800%) hue-rotate(210deg) brightness(94%) contrast(101%);opacity:.9}.menu-link{text-decoration:none;color:#333;font-weight:500;font-size:18px;transition:color .3s;position:relative;padding-bottom:5px}body.dark-mode .menu-link{color:#fff}.menu-link::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#6c6c6c;transform:scaleX(0);transition:transform .3s ease}.menu-link.active::after,.menu-link:hover::after{transform:scaleX(1)}body.dark-mode .menu-link{color:#fff}body.dark-mode .menu-link::after{background-color:#fff}.menu-link{text-decoration:none;color:#333;font-weight:500;font-size:18px;transition:color .3s;position:relative;padding-bottom:5px}.menu-link::after{content:'';position:absolute;left:0;bottom:-18px;width:100%;height:2px;background-color:#6c6c6c;transform:scaleX(0);transition:transform .3s ease}.menu-link.active::after,.menu-link:hover::after{transform:scaleX(1)}.menu-icon{display:none}.mobile-site-title{display:none}@media (max-width:768px){.navbar{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;height:60px;background-color:rgba(255,255,255,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1000;box-shadow:0 .8px 1px rgba(18,18,18,.089);padding:0 15px;box-sizing:border-box}.mobile-site-title{display:block;position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:1.2rem;font-weight:500;color:#333;text-align:left;z-index:1;font-family:-apple-system,BlinkMacSystemFont,Inter,"Helvetica Neue","Segoe UI",Roboto,Arial,sans-serif}.toggle-mode{display:block;position:absolute;right:60px;top:50%;transform:translateY(-50%);cursor:pointer;margin:0;left:auto}.language-toggle{display:block;position:absolute;right:108px;top:50%;transform:translateY(-50%);margin:0}.language-toggle img{width:28px;height:28px;transition:transform .3s ease}.menu-icon{display:block;position:absolute;right:20px;top:50%;transform:translateY(-50%);cursor:pointer}.menu{display:none;position:fixed;top:60px;left:0;width:100%;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);flex-direction:column;align-items:flex-start;padding:20px 0;z-index:1000}.menu.active{display:flex}.menu-link{font-size:2rem;color:#555;padding-left:20px;width:auto;text-align:left;display:inline-block;position:relative}.menu-link::after{content:'';position:absolute;left:20px;bottom:10px;width:0;height:2px;background-color:#6c6c6c;transform:scaleX(0);transition:transform .3s ease}.menu-link.active::after,.menu-link:hover::after{transform:scaleX(1);width:calc(100% - 20px)}body.dark-mode .mobile-site-title{color:#fff}body.dark-mode .menu-icon img{filter:invert(1)}body.dark-mode .navbar .menu{background:rgba(30,30,30,.95)}body.dark-mode .toggle-mode img{content:url('night.png');width:36px;height:36px;object-fit:contain}}body.dark-mode .toggle-mode img{content:url('night.png')}@media (min-width:769px){.back-button{position:absolute;top:80px;left:50%;transform:translateX(calc(-50% - 340px));margin:0;z-index:900}.back-button img{width:24px;height:24px;opacity:.8;transition:transform .3s ease}.back-button:hover img{transform:scale(1.1);opacity:1}}@media (min-width:769px) and (max-width:906px){.back-button{position:absolute;top:80px;left:calc(6% + 40px);transform:none;margin:0;z-index:900}}@media (max-width:768px){.back-button{position:absolute;top:88px;left:32px;margin:0;z-index:900}.back-button img{width:20px;height:20px}}.container-ilke{width:800px;min-height:600px;margin:120px auto 2rem;padding:2rem;display:flex;flex-direction:column;align-items:center;background-color:#fff;border-radius:68px;box-sizing:border-box;padding-left:20px;padding-right:20px;position:relative;padding-bottom:6rem}body.dark-mode .container-ilke{border-top:1px solid rgba(255,255,255,.3);border-left:1px solid rgba(255,255,255,.3);background:rgba(48,48,49,.68);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 20px rgba(0,0,0,.25)}@media (max-width:768px){.container-ilke{padding-left:20px;padding-right:20px;width:100%}}@media (min-width:769px){.container-ilke{width:88%;min-width:600px;max-width:800px}}.page-container{width:100%;margin:0 auto;box-sizing:border-box;margin-left:20px}.page{width:100%;box-sizing:border-box;margin:0 auto}.container-ilke .page-container .page{width:100%;box-sizing:border-box}.container-ilke h1{font-size:3.2rem}.container-ilke h1{margin:1rem 0;margin-top:1rem;text-align:center;width:100%;background:linear-gradient(to top,#064e5f 0,#489cae 50%,#5db8bc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.container-ilke h2,.container-ilke h3{text-align:center;width:100%;color:#08647c;margin:1rem 0;margin-top:1rem}body.dark-mode .container-ilke h1{background:linear-gradient(to top,#08647c 0,#4ab0c7 50%,#5db8bc 100%);background:linear-gradient(to top,#e0b245,#91682a);-webkit-background-clip:text;-webkit-text-fill-color:transparent}body.dark-mode .container-ilke h2,body.dark-mode .container-ilke h3{color:#acbcf9}.container-ilke .content{width:100%;max-width:700px;text-align:left;line-height:1.6;margin-bottom:2rem}.container-ilke .sub-title{font-size:1.5rem;font-weight:600;text-align:left}body.dark-mode .container-ilke .sub-title{color:#a78331}.container-ilke .sub-note{font-size:.95rem;font-style:italic;color:#555;text-align:center;width:100%;margin:1rem auto;display:block;font-weight:500}body.dark-mode .container-ilke .sub-note{color:#cacaca}.item-name{font-weight:700;color:#788fff;font-size:1.4rem}body.dark-mode .item-name{color:#e0b245}.container-ilke dd{font-size:1.4rem;line-height:1.6;margin-bottom:1rem;margin-left:1rem}.container-ilke .section-title{width:100%;text-align:center;color:#788fff;margin:2rem 0 1rem;font-weight:600;font-size:2rem}body.dark-mode .container-ilke .section-title{color:#e0b245}.container-ilke .script-text{max-width:700px;margin:0 auto 1.5rem;text-align:left;line-height:1.6;color:#3d3d3d;font-size:1.4rem}body.dark-mode .script-text{color:#ededed}body.dark-mode .script-text strong{color:#fff}.page-container{width:100%;margin:2rem auto}.page{display:none}.page.active{display:block}.pagination{text-align:center;margin-top:20px}.pagination button{background:0 0;border:none;font-size:1.5rem;cursor:pointer;padding:0 1rem}.pagination #pageInfo{font-size:1rem;color:#333}.page{display:none}.page.active{display:block}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin:2rem 0}.pagination button{background:0 0;border:none;font-size:1.75rem;cursor:pointer;color:#8b0000}.pagination #pageInfo{font-size:1rem;color:#333}.content .item-name{color:#788fff;font-weight:700;margin:.5em 0}body.dark-mode .content .item-name{color:#d3a028}.sub-title{color:#3c22b2}.content .item-name{font-weight:700!important;color:#788fff!important}body.dark-mode .content .item-name{color:#d9b460!important}@media (max-width:768px){.container-ilke{background:0 0;border-radius:0;padding:1rem;margin:0;max-width:100%}}@media (max-width:600px){.container-ilke .content,.container-ilke h1,.container-ilke h2,.container-ilke h3{width:100%;margin-left:0;margin-right:0}}.slider-navigation{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:1rem;background:rgba(230,230,230,.7);border:1px solid silver;padding:10px 10px;border-radius:100px;z-index:10;opacity:0;pointer-events:none;transition:opacity .3s ease}body.dark-mode .slider-navigation{background:rgba(80,80,80,.4);border-color:#555}.slider-navigation.visible{opacity:1;pointer-events:auto}.page-indicator{font-size:1rem;display:flex;align-items:center;gap:.25rem;color:#003882}.dark-mode .page-indicator{color:#eee}.page-indicator input{width:2rem;padding:.25rem .4rem;font-size:1rem;text-align:center;border:1px solid transparent;border-radius:0;background:0 0}.dark-mode .page-indicator input{background:#222;color:#eee;border-color:#666}@media (max-width:600px){.slider-navigation{gap:1rem;padding:8px 14px}.page-indicator input{width:2.5rem;font-size:.9rem}}.slider-navigation .nav-button img{filter:none!important;width:48px;height:48px;object-fit:contain}.slider-navigation .nav-button{background:0 0!important;box-shadow:none!important;border:none!important;padding:0}.slider-navigation input[type=number]::-webkit-inner-spin-button,.slider-navigation input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.slider-navigation input[type=number]{-moz-appearance:textfield}.slider-navigation .page-indicator input{padding:.2rem .4rem}.page-indicator{position:relative;cursor:pointer;user-select:none}.page-indicator #currentPage{display:inline-block;min-width:2rem;text-align:center;font-size:1rem;font-weight:600;color:#183a7e;font-size:1.2rem}body.dark-mode .page-indicator #currentPage{color:#bb913e}.page-list{display:none}.page-indicator.open .page-list{display:block;position:absolute;bottom:calc(100% + .25rem);left:50%;transform:translateX(-50%);padding:.25rem 0;list-style:none;background:#7d7d7dae;border:1px solid #c1c1c1;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.1);width:4rem;max-height:10rem;overflow-y:auto;z-index:20}.page-indicator.open .page-list{max-height:10rem;overflow-y:auto}.page-list li{padding:.5rem;text-align:center;cursor:pointer}.page-list li:hover{background:#f0f0f0}.slider-navigation{display:flex;align-items:center;gap:.75rem;padding:8px 8px}body.dark-mode .slider-navigation{border-top:1px solid rgba(255,255,255,.3);background:rgba(48,48,48,.68);box-shadow:0 4px 20px rgba(0,0,0,.25)}body.dark-mode .page-indicator{color:#e6af40}body.dark-mode .page-indicator input{color:#fff;background:rgba(0,0,0,.841);border-color:#555}body.dark-mode .page-list{background:rgba(50,50,50,.9);border-color:#444}body.dark-mode .page-list li:hover{background:rgba(70,70,70,.9)}.page-indicator::before{content:"";display:block;position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:25px;height:25px;background-image:url('up-arrow.png');background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.8;transition:opacity .3s ease}.page-indicator:hover::before{opacity:1}body.dark-mode .page-indicator::before{background-image:url('up-arrow-dark.png')}@media (max-width:768px){.page-indicator::before{top:-10px;width:32px;height:20px;opacity:.7}.slider-navigation{bottom:2.5rem;transform:translateX(-50%) scale(.9);padding:8px 12px;overflow:visible}.page-indicator{position:relative;padding-top:5px}}@media (max-width:768px){.slider-navigation{bottom:2.5rem;transform:translateX(-50%) scale(.9);padding:8px 12px}.container-ilke{padding-bottom:8rem}}@media (max-width:768px){.container-ilke .sub-title{margin-left:10px;margin-right:20px;text-align:left;padding:0;box-sizing:border-box;font-size:1.4rem;width:auto}.container-ilke .script-text{max-width:100%;margin-left:48px;margin-right:40px;text-align:left;padding:0;box-sizing:border-box}}@media (max-width:768px){.container-ilke .item-name{margin-left:20px;margin-right:20px;display:block;box-sizing:border-box}.container-ilke dt.item-name{margin-left:20px}.container-ilke p.item-name{margin-left:20px}}.container-ilke dl{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem;align-items:start;margin:0;padding:0}.container-ilke dt.item-name{text-align:left;margin:0;padding-right:1rem}.container-ilke dd{text-align:left;margin:0;padding-left:1rem;border-left:1px solid #2b6272}body.dark-mode .container-ilke dd{border-left-color:#8e6a00}@media (max-width:768px){.container-ilke dl{gap:.25rem .5rem}.container-ilke dd{padding-left:.5rem}}@media (max-width:768px){.container-ilke .sub-title{margin-left:20px;margin-right:20px;text-align:left;padding:0;box-sizing:border-box;font-size:1.4rem;width:auto}.container-ilke .item-name,.container-ilke dt.item-name{margin-left:20px;margin-right:20px;padding:0;box-sizing:border-box}.container-ilke dl{grid-template-columns:1fr;gap:.25rem;margin-left:20px;margin-right:20px;width:calc(100% - 40px)}.container-ilke dd{margin-left:0;padding-left:20px}body.dark-mode .container-ilke{border-top:none;border-left:none}}@media (max-width:600px){.container-ilke .script-text{max-width:100%;margin:4.2rem 1rem 1rem}}::selection{background-color:#94c8d8;color:#2b3759}body.dark-mode ::selection{background-color:#c88800b8;color:#36364c}