:root{--swiper-theme-color: #FFC107}header{position:fixed;top:0;width:100%;height:0;z-index:5}img{display:block}hr{border:1px dashed #3b3b3b}main{font-size:1.5rem;line-height:2.6rem;z-index:1}ul{margin-block-start:0px;margin-block-end:0px}body{padding:0;margin:0;font-size:1.8rem;overflow-x:hidden;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,Helvetica,Arial,Verdana,sans-serif}blockquote{margin:10px 0 0 auto;padding:10px;border-left:3px solid #425364;border-top:1px solid #425364;border-right:1px solid #425364;border-bottom:1px solid #425364;background:#f5f5f5;color:#000;font-size:1.5rem;line-height:2.6rem;border-top-right-radius:10px;border-bottom-right-radius:10px}figure{margin-left:0;margin-right:0}figcaption{font-size:1.5rem;color:#555;text-align:right}.wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:60rem;margin:auto;background:#1e1e1e;border-radius:10px}.eyecatch{position:relative;overflow:hidden;background-color:#000;width:60rem;height:337.5px;margin-left:auto;margin-right:auto}.dt{font-size:1.5rem;background-color:#000;padding:5px;color:#b4b4b4}.dt2{font-size:1.5rem;color:#b4b4b4;width:5rem}#top_title{position:absolute;top:40%;left:8px;color:#00ff04;background-color:#000000e6;border-radius:10px;box-shadow:0 0 5px #87a6c6;padding:5px;height:94px;width:574px}.eyecatch .dt{position:absolute;right:0;bottom:0}footer{bottom:46px;left:2px;position:fixed}.video{position:relative;height:0;padding:30px 0 56.25%;overflow:hidden}.nyaa-image{cursor:pointer;width:100%}.zoom-anime{animation:zoom-anime .3s forwards}@keyframes zoom-anime{0%{transform:scale(0)}}.zoom-out-anime{animation:zoom-out-anime .3s forwards}@keyframes zoom-out-anime{to{transform:scale(0)}}#zoomimg{display:none;max-width:100vw;max-height:100vh;width:auto;height:auto;object-fit:contain;border:solid 1px #000}.video iframe{position:absolute;top:0;left:0;width:100%;height:100%}.mb{margin-bottom:7rem}@keyframes animate-banner{0%{transform:translate(0)}to{transform:translate(-100%)}}.news-banner{display:block;width:100%;overflow:hidden}.news-banner-content{animation:flowing 12s linear infinite;transform:translate(100%);white-space:nowrap}.news-banner-content>*{display:inline-block;vertical-align:middle}@keyframes flowing{to{transform:translate(-100%)}}html{-webkit-font-smoothing:antialiased;font-size:62.5%;line-height:1.7;overflow-x:hidden}#counter{display:flex;align-items:center;justify-content:center;cursor:pointer;color:silver;font-size:3rem}.banner{display:flex;align-items:center;justify-content:center;cursor:pointer;color:silver}h2{margin-block-start:0px;margin-block-end:5px}h2 p{margin:0;padding:0}h3{border-bottom:3px solid #000;font-size:2rem;margin:1rem 0 .5rem;margin-bottom:8px;border-bottom:initial}p{font-size:1.8rem}ul{padding-left:1.5rem;list-style-type:none}a{color:var(--text-link, #f90)}#youtool-footer a{color:silver}a:link,a:visited{text-decoration:none}a:link:hover,a:visited:hover{text-decoration:underline}a:-webkit-any-link{text-decoration:none}.month{display:inline-block;height:3rem;width:5rem}ol{padding-left:2rem}.content ul,.content ol{background:none}.content ul{margin:initial;padding:initial}.content ul li{list-style-type:initial;padding:initial;margin:initial;margin-left:2rem}.content ul,.content ol{color:#a1a1a1}.content ul li{padding-left:0rem;padding-bottom:2rem;line-height:2.5rem}.content ol li{padding-bottom:2rem;line-height:2.5rem}.content li:last-child{padding-bottom:0}.content ol li:last-child{padding-bottom:0}#youtool-footer{z-index:2;font-size:3rem;color:silver;background-color:var(--bg-footer, #16202b);position:fixed;text-align:center;width:100%;transition:bottom .4s ease-in-out;height:94px;display:flex;box-shadow:0 4px 8px #0000001a}.youtool-footer-on{bottom:0}.youtool-footer-off{bottom:-95px}#menu-img{display:flex;align-items:center;justify-content:center;width:50px;cursor:pointer;margin-left:20px}.menu-img-center{display:inline-block;width:50px;height:50px}#arrow-left{margin-left:10px;width:50px}#arrow-left img{margin-top:10px}#arrow-up{margin-left:10px;width:50px}#arrow-up img{margin-top:10px;transform:rotate(90deg)}#arrow-right{margin-left:10px;width:50px}#arrow-right img{margin-top:10px;transform:scaleX(-1)}#menu-adsense{display:flex;margin:auto;align-items:center;justify-content:center;cursor:pointer;max-width:800px;width:100%}#menu-logo{display:flex;align-items:center;justify-content:center;cursor:pointer;color:silver;font-size:3rem}.menu-category{padding-left:1rem;color:silver}#youtool-menu{z-index:6;position:fixed;overflow-x:hidden;top:0;left:0;width:340px;height:100%;background:#000;transition:.4s ease-in-out;box-shadow:5px 5px 5px #51515180;border-right:.5px solid #1d3a58}.youtool-menu-off{-webkit-transform:translateX(-100%);transform:translate(-100%);opacity:0}.youtool-menu-on{-webkit-transform:translateX(0%);transform:translate(0);opacity:1}.control-bar-on{top:0}#youtool-dark-overlay{z-index:5;display:flex;cursor:pointer;position:fixed;top:0;left:0;width:100%;height:100%;transition:.5s ease-in-out;background-color:#00000080;justify-content:center;align-items:center}#youtool-dark-overlay img{max-width:100%;max-height:100%}#youtool-menu ul{padding-left:0;margin-left:20px}#youtool-menu li{list-style-type:none;margin-bottom:5px}#youtool-menu .menu{font-size:2rem}.popup-on{opacity:1;visibility:visible;transform:scale(1)}.popup-off{opacity:0;visibility:hidden;transform:scale(.95)}.youtool-dark-overlay-on{opacity:1;visibility:visible}.youtool-dark-overlay-off{opacity:0;visibility:hidden}#close-nav{position:absolute;left:26px;bottom:170px;width:40px;height:40px;float:left}.insta-wrapper{display:flex;justify-content:center;align-items:center}.insta{width:100%;height:800px}.year-title{color:#555;font-size:2.4rem;margin-bottom:2rem}.yn{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem}.w-m{width:6rem;background-color:#fbfbfb;margin:5px;text-align:center;border-radius:6px}.waku{border-style:solid;border-width:.1px;border-color:silver;cursor:pointer}.m{height:2rem;background-color:silver;color:#2e2e2e;font-size:1.2rem;border-top-left-radius:6px;border-top-right-radius:6px}.m_td{background-color:#000;color:#fff}.cnt{display:flex;height:3.5rem;align-items:center;justify-content:center}.cnt p{margin:0}.month-title{color:#555;font-size:2.4rem;margin-left:-2rem;margin-bottom:2rem}.copyright{text-align:center;padding:0;margin:0}.box-container,.b-c-m{display:flex}summary{display:block}summary::-webkit-details-marker{display:none}.dtl-summary-inner{cursor:pointer;display:flex;flex-direction:row;align-items:center;font-weight:700}.dtl-icon{display:flex;justify-content:center;align-items:center;height:24px;width:24px;transform-origin:center 43%;transition:transform .4s}details.is-opened .dtl-icon{transform:rotate(90deg)}.dtl-content{overflow:hidden}.dtl-wrapper{margin:0;display:flex;flex-direction:column;height:100%}.dtl-wrapper h2{position:sticky;top:0;background:var(--popup-title-bg);color:var(--popup-title-text);margin:0;padding:14px 50px 14px 18px;border-radius:16px 16px 0 0;font-size:1.5rem;font-weight:600;z-index:2;box-shadow:0 2px 8px #0000000d}.dtl-wrapper h2:before{display:none}.dtl-wrapper h2 p{margin:0;padding:0}.dtl-wrapper>*:not(h2){padding:16px}.dtl-wrapper details{margin-bottom:10px}.dtl-wrapper details:last-child{margin-bottom:0}@keyframes colorChange{0%,to{color:#f90}25%{color:#f90}50%{color:#f90}75%{color:#ff634780}}.my-link{position:relative;text-align:center;height:100px;margin:20px}.center-txt{position:relative;text-align:center;margin-top:20px}.attractive-link{display:inline-block;padding:15px 30px;font-size:1.5em;color:#fff;background-color:#f90;border-radius:50px;transition:transform .3s,box-shadow .3s;text-decoration:none;position:relative;overflow:hidden;box-shadow:0 0 10px #f90}.attractive-link:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fff3;transform:scaleX(0);transform-origin:left;transition:transform .3s}.attractive-link:hover{transform:scale(1.05);box-shadow:0 0 20px #ffe600cc}.attractive-link:hover:before{transform:scaleX(1)}.exciting-text{font-size:20px;text-shadow:0 0 10px rgba(255,255,255,.5),0 0 20px rgba(255,255,255,.5),0 0 30px rgba(255,255,255,.5),0 0 40px rgba(255,255,255,.5);font-weight:700;color:#ffc107}@keyframes excitingAnimation{0%,to{transform:translate(0) translateY(0) translateZ(0) rotate(0)}25%{transform:translate(-10px) translateY(-10px) translateZ(300px) rotate(10deg)}50%{transform:translate(10px) translateY(10px) translateZ(0) rotate(-10deg)}75%{transform:translate(-10px) translateY(10px) translateZ(-300px) rotate(10deg)}}.control-bar-off{top:-180px}#mainContainer{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:10px}.spacer{width:100%}#control-bar{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;transition:top .4s ease-in-out;z-index:4}#youtool-header{z-index:5;position:relative;display:flex;top:0;width:100%;line-height:3rem;box-shadow:0 4px 8px #0000001a;justify-content:center;align-items:center;color:var(--text-inverse, white);background:var(--bg-header, #16202b)}.youtool-header-on{top:0}.youtool-header-off{top:-95px}.input-label{font-size:20px;color:#c8c8c8;padding-left:10px;padding-right:10px}.input-field{padding:10px;border:none;border-radius:15px;font-size:18px}.result{margin:0;padding:0}.result p{margin:10px 0 0;font-size:1.7rem;color:#c8c8c8}.button{transition:width 1s ease-out;position:relative;display:inline-block;overflow:hidden;white-space:nowrap;border-radius:20px;padding:0;font-size:2rem;height:50px;min-width:50px;margin:0 2px;text-align:center;cursor:pointer;outline:none;color:#fff;background-color:#15202b;box-shadow:3px 3px 4px #51515180;border:.5px solid #335e8c}.button:hover{background-color:#435e70}.button:active{box-shadow:0 3px 5px #14141480}.button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;border:none}button:not(:disabled){cursor:pointer;transition:opacity .5s ease}.button.animate{transition:opacity .5s ease}.clear-button{margin-left:5px;font-weight:700;cursor:pointer}.button--animate{animation:buttonAnimation .8s}@keyframes buttonAnimation{0%{background-color:#15202b;transform:scale(1)}50%{background-color:#ffda6a;color:#15202b;transform:scale(1.2)}to{background-color:#15202b;transform:scale(1)}}.contents{margin-bottom:5rem}.wrapper{width:60rem;margin:auto}.wrapper-main{width:60rem;margin:35px auto 90px}.wrapper-popup{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:7;pointer-events:none;padding:20px}.container{position:relative;left:50%;transform:translate(-50%)}.popup{position:relative;overflow-y:auto;background:var(--popup-bg);color:var(--popup-text);border-radius:16px;box-shadow:var(--popup-shadow);border:1px solid var(--popup-border);width:100%;max-width:600px;height:90vh;padding:0;transition:opacity .3s ease,transform .3s ease,visibility .3s ease;pointer-events:auto;backdrop-filter:blur(10px)}.popup.closed{animation-name:slideOut;animation-duration:.3s;animation-timing-function:ease-out;animation-fill-mode:forwards}.popup ol{margin:0;padding:0 0 0 20px}.close-button{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:50%;background:var(--popup-close-btn-bg);color:var(--popup-close-btn-color);font-weight:400;cursor:pointer;font-size:3rem;z-index:1;display:flex;justify-content:center;align-items:center;text-align:center;transition:background .3s ease,transform .3s ease;line-height:1}.close-button:hover{background:var(--popup-close-btn-hover-bg);transform:scale(1.1)}.dtl-wrapper h4{font-size:1.4rem;margin-top:12px;margin-bottom:6px;border-bottom:initial}.dtl-content-inner{padding:0;margin:0 0 0 5px}.dtl-content-inner p{margin:0 0 16px 8px;font-size:1.4rem;line-height:2.2rem}summary{font-size:1.5rem;line-height:3rem}.mb{margin-bottom:5.8rem}.consent-area{display:flex;align-items:center}.consent-label{margin-left:.5rem;color:#ccc;font-size:2rem}.btn{display:inline-block;padding:.5rem 1rem;background-color:#4caf50;color:#fff;font-size:1rem;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.btn:disabled{background-color:#999;cursor:not-allowed}.btn:hover:not(:disabled){background-color:#45a049}.rlt-container{position:relative}.input-wrapper{display:flex;align-items:center}.dots-animation{animation:blink 1s linear infinite}.delay-1{animation-delay:.333s}.delay-2{animation-delay:.666s}@keyframes blink{50%{opacity:0}}.blog-cards{display:flex;flex-direction:column;align-items:center;overflow:hidden;width:100%;margin-right:auto;transform-style:preserve-3d;justify-content:stretch;padding:0}.blog-cards a{text-decoration:none;color:inherit;background-color:inherit;border:none}.blog-cards a:link:hover,.blog-cards a:visited:hover{text-decoration:none}.blog-card,section{border-radius:20px;margin:0 0 10px;padding:10px;transition:all 1s ease;box-sizing:border-box;overflow:hidden;width:100%;min-height:200px}.ad-card{padding:0}.ad-card-container{position:relative;margin:0;padding:0}#embed-textarea{font-size:1.3rem;color:#252525;padding:5px;width:95%;height:2.6rem;line-height:1.3rem;border:none;border-radius:10px;resize:none}input,#url-textarea{font-size:1.3rem;background-color:#eaeaea;color:#070707;margin-left:5px;padding:10px;border:none;border-radius:10px;resize:none}#url-textarea{width:95%;height:6rem;line-height:2rem}textarea:focus{box-shadow:0 0 0 1px #f90;outline:none}input{font-size:2rem;color:#252525;padding:10px;line-height:1.3rem;border:none;border-radius:10px}input:focus{box-shadow:0 0 0 2px #f90;outline:none}#url-textarea:focus{box-shadow:0 0 0 2px #f90;outline:none}#url-textarea::placeholder{color:#f90;font-size:1.5rem}.ec{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:265px}h1,#indicator{display:inline;margin:0;font-size:3rem}#indicator-container{display:inline;animation-fill-mode:forwards;width:50px}.yomi,.latin{display:flex;color:#b4b4b4}.latin{margin-top:40px;padding-bottom:10px}#ttl-box{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:50px;margin-bottom:10px;height:162px;width:100%}#ttl-box-inner{width:calc(100% - 20px)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.blink{animation:blink .5s steps(1) infinite}.fadeOut{animation:fadeOut .5s forwards}.button-add-blog{padding:10px;margin-top:10px;margin-right:10px;margin-bottom:10px}.button-category{padding:5px;margin-top:10px;margin-right:10px;margin-bottom:10px;width:168px}.button-clear-category{cursor:pointer;position:relative;top:0;min-width:40px;height:40px;line-height:40px;border-radius:50%;text-align:center;background:#0e141b;color:#ff7201}#categoryContainer{display:flex;margin:0;padding:0}#folderIcon{min-width:30px;margin:0;padding:0 5px 0 0;font-size:28px;line-height:40px}#categoryContainer2{position:relative;margin:0;padding:0;width:100%}#nowCategory{position:absolute;white-space:nowrap;top:-40px;line-height:40px}#befCategory{position:absolute;white-space:nowrap;top:0;line-height:40px;transition:transform 1s;transition-delay:.3s}@keyframes fadeIn3D{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}.fadeIn3D{animation:fadeIn3D .5s ease forwards}@keyframes fadeOut3D{0%{opacity:01;transform:scale(1)}to{opacity:0;transform:scale(2)}}.fadeOut3D{animation:fadeOut3D .5s ease forwards}#nowCategory.no-animation,#befCategory.no-animation{transition:none;transition-delay:none}@keyframes dropInBounce{0%{transform:translateY(0)}60%{transform:translateY(48px)}80%{transform:translateY(38px)}to{transform:translateY(40px)}}.drop-in{animation:dropInBounce 2s ease forwards}.slide-out{transform:translateY(62px)}.no-animation{transition:none}.tw blockquote{background-color:#fff;color:#000;padding:10px;margin:0;border:1px solid rgb(211,211,211);width:95%;max-width:550px;border-radius:12px}.word-container{margin:2rem auto;max-width:800px}.word-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;overflow:hidden}.word-header{background:#f3f4f6;padding:1rem;border-bottom:1px solid #e5e7eb}.word-title h3{all:initial;display:block;font-size:inherit;border-left-width:0;border-left-style:none;border-bottom-width:0;border-bottom-style:none;margin:0;padding:0;font-weight:400;color:inherit;line-height:normal;text-decoration:none;border:none;background:none}.word-title{font-size:3rem;color:#1f2937;margin:0;display:flex;align-items:center;gap:.5rem}.pronunciation{color:#6b7280;font-size:1.5rem;line-height:1.8rem;margin-top:1rem}.word-body{padding:1rem 1rem 0}.word-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem;padding:1rem 1rem 1rem 1.5rem;border-radius:8px;transition:all .3s ease;position:relative}.word-meta:before{content:"";position:absolute;left:0;top:0;bottom:0;width:12px;border-radius:8px 0 0 8px;transition:all .3s ease}.translation-container{max-width:800px;margin:2rem auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.translation-pair{margin-bottom:2rem;padding:1.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.english{color:#2563eb;font-size:2rem;margin-bottom:1rem;line-height:1.7}.japanese{color:#374151;padding-left:1rem;border-left:2px solid #e5e7eb;line-height:1.8;font-size:1.6rem}@media(prefers-color-scheme:light){.word-meta.noun{background:#3a506b0f}.word-meta.noun:before{background:#3a506b}.word-meta.pronoun{background:#5b7c990f}.word-meta.pronoun:before{background:#5b7c99}.word-meta.verb{background:#8c43560f}.word-meta.verb:before{background:#8c4356}.word-meta.adjective{background:#5c83740f}}.word-meta.adjective:before{background:#5c8374}[data-pair="1"]{color:#e31b23!important;background:#e31b2314;padding:.1em .3em;border-radius:3px;transition:all .3s ease}[data-pair="2"]{color:#ff5f1f!important;background:#ff5f1f14;padding:.1em .3em;border-radius:3px}[data-pair="3"]{color:#ffb627!important;background:#ffb62714;padding:.1em .3em;border-radius:3px}[data-pair="4"]{color:#00a300!important;background:#00a30014;padding:.1em .3em;border-radius:3px}[data-pair="5"]{color:#06f!important;background:#0066ff14;padding:.1em .3em;border-radius:3px}[data-pair="6"]{color:indigo!important;background:#4b008214;padding:.1em .3em;border-radius:3px}[data-pair="7"]{color:#9400d3!important;background:#9400d314;padding:.1em .3em;border-radius:3px}[data-pair]{padding:.1em .3em;border-radius:3px}.word-link{text-decoration:none;color:inherit;position:relative;transition:all .3s ease;display:inline-block}.word-link:hover{transform:scale(1.05)}[data-pair]:hover{filter:brightness(1.4);cursor:pointer;transition:all .3s ease}.word-meta:hover:before{width:16px}.meta-item{display:flex;flex-direction:column;gap:.25rem}.meta-label{font-size:.875rem;color:#6b7280}.meta-value{font-size:2rem;color:#1f2937}.translation-container{max-width:800px;margin:1rem 0}@media(prefers-color-scheme:dark){body{background-color:#000;color:#aaa}strong{color:#f0f0f0;text-shadow:0 0 5px #A5DEE4,0 0 10px #A5DEE4;transition:all .3s ease}.word-card{background:#151515}.word-header{background:#070707;border-bottom-color:#444}.word-title{color:#e5e7eb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:700}.word-meta{background:#333}.meta-value{color:#e5e7eb}.translation-pair{background:#0d0d0d;border-color:#444}.english{color:#93c5fd}.japanese{color:#e5e7eb;border-left-color:#444}.word-meta.noun{background:#3a506b26}.word-meta.noun:before{background:#3a506b;box-shadow:0 0 15px #3a506b66}.word-meta.pronoun{background:#5b7c9926}.word-meta.pronoun:before{background:#5b7c99;box-shadow:0 0 15px #5b7c9966}.word-meta.verb{background:#8c435626}.word-meta.verb:before{background:#8c4356;box-shadow:0 0 15px #8c435666}.word-meta.adjective{background:#5c837426}.word-meta.adjective:before{background:#5c8374;box-shadow:0 0 15px #5c837466}[data-pair="1"]{color:#ff3f3f!important;text-shadow:0 0 10px rgba(255,63,63,.6),0 0 20px rgba(255,63,63,.4);background:none}[data-pair="2"]{color:#ff9f3f!important;text-shadow:0 0 10px rgba(255,159,63,.6),0 0 20px rgba(255,159,63,.4);background:none}[data-pair="3"]{color:#ffe03f!important;text-shadow:0 0 10px rgba(255,224,63,.6),0 0 20px rgba(255,224,63,.4);background:none}[data-pair="4"]{color:#3fff3f!important;text-shadow:0 0 10px rgba(63,255,63,.6),0 0 20px rgba(63,255,63,.4);background:none}[data-pair="5"]{color:#3f9fff!important;text-shadow:0 0 10px rgba(63,159,255,.6),0 0 20px rgba(63,159,255,.4);background:none}[data-pair="6"]{color:#963fff!important;text-shadow:0 0 10px rgba(150,63,255,.6),0 0 20px rgba(150,63,255,.4);background:none}[data-pair="7"]{color:#ff3fff!important;text-shadow:0 0 10px rgba(255,63,255,.6),0 0 20px rgba(255,63,255,.4);background:none}#youtool-header,#youtool-footer{box-shadow:0 4px 8px #ffffff1a}blockquote{border-left:3px solid #425364;border-top:1px solid #425364;border-right:1px solid #425364;border-bottom:1px solid #425364;background:#070a0d;color:#cfcfcf}.dtl-wrapper h2:before{border-top:12px solid #dbdbdb}.dtl-wrapper h2{background-color:#dbdbdb;color:#1e1e1e}.popup{background:#000;color:#d2d2d2;box-shadow:0 0 5px #464646}.consent-label{color:#eee}.close-button{color:#000}.blog-card,section{border:1px solid rgb(37,37,37);background:#232323}input,#url-textarea,#embed-textarea{background-color:#1d1d1d;color:#c2c2c2}}.blog_ranking{background-color:#ff7201;padding:5px 20px;position:relative;display:inline-flex;justify-content:center;align-items:center;font-family:Open Sans,sans-serif;font-size:1rem;text-shadow:0px 1px 1px rgba(100,71,7,.3);background-image:linear-gradient(bottom,#ffd500,#ff7201);box-shadow:inset 0 1px #ff9f50,0 6px #d05e00;border-radius:10px}.blog_ranking a{text-decoration:none;color:#fff}.blog_ranking a:hover{text-decoration:none}.blog_ranking:active{top:7px;background-image:linear-gradient(bottom,#f89100 100%,#ff7201 0%);box-shadow:inset 0 1px #ff9e4e,inset 0 -1px #d05e00;color:#fff;text-shadow:0px 1px 1px rgba(100,71,7,.3);background:#ff7201}.blog_ranking_row1,.blog_ranking_row2{padding:0;margin:0;font-size:1.5rem;font-weight:700;text-align:center}.blog_ranking_row2{font-size:2rem}div p{font-size:1.5rem;line-height:3rem}.swiper-slide{display:flex;justify-content:center;align-items:center;position:relative}@media all and (max-width:599px){body{font-size:1.5rem}.wrapper,.wrapper-main,.eyecatch{position:relative;width:100%;height:211px}#top_title{top:30%;width:93%}.content{font-size:1.5rem;line-height:2.5rem}.close-button{top:2px}.wrapper{width:100%}.wrapper-popup{padding:10px}.popup{max-width:100%}.dtl-wrapper h2{padding:12px 44px 12px 14px;font-size:1.4rem}.dtl-wrapper>*:not(h2){padding:12px}.close-button{width:36px;height:36px;font-size:2.5rem}#btn-fullscreen{display:none}.insta{height:500px}}:root{--jp-font-family: -apple-system, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "Noto Sans CJK JP", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;--jp-font-size-base: 16px;--jp-font-size-small: 14px;--jp-font-size-medium: 18px;--jp-font-size-large: 20px;--jp-font-size-xlarge: 24px;--jp-line-height-tight: 1.5;--jp-line-height-normal: 1.7;--jp-line-height-relaxed: 1.8;--jp-line-height-loose: 2;--jp-font-weight-light: 300;--jp-font-weight-normal: 400;--jp-font-weight-medium: 500;--jp-font-weight-bold: 700;--jp-letter-spacing-tight: .02em;--jp-letter-spacing-normal: .05em;--jp-letter-spacing-wide: .08em;--bg-primary: #FAFAFA;--bg-secondary: #F5F5F5;--bg-header: #16202b;--bg-footer: #16202b;--bg-accent: #ff9900;--bg-card: #FFFFFF;--bg-section: #F8F8F8;--text-primary: #1A1A1A;--text-secondary: #666666;--text-inverse: #FAFAFA;--text-link: #ff9900;--border-color: #e0e0e0;--shadow-light: rgba(0, 0, 0, .1);--shadow-medium: rgba(0, 0, 0, .2);--wave-color: #ff9900;--sparkle-color: #ffd700;--glow-color: rgba(255, 153, 0, .3);--msg-bg-info: #fffbf0;--msg-border-info: #ff9900;--msg-text-info: #8b5a00;--msg-shadow-info: rgba(255, 153, 0, .15);--title-text-color: #333333;--title-text-color-secondary: #666666;--title-duplicate-color: #ff0000;--title-duplicate-glow: rgba(0, 0, 0, .8);--title-duplicate-opacity: 1;--title-sparkle-filter-brightness: 1;--title-sparkle-filter-saturate: 1;--debug-original-border: #ff0000;--debug-original-bg: rgba(255, 0, 0, .1);--debug-original-shadow: rgba(255, 0, 0, .5);--debug-duplicate-border: #ffff00;--debug-duplicate-bg: rgba(255, 255, 0, .2);--debug-duplicate-shadow: rgba(255, 255, 0, .5);--sparkle-text-color: #000000;--sparkle-glow-primary: #ffd700;--sparkle-glow-secondary: #ffaa00;--sparkle-glow-white: #ffffff;--wave-glow-subtle: rgba(255, 215, 0, .2);--bg-decoration-color: rgba(0, 0, 0, .05);--bg-decoration-shadow-light: rgba(255, 255, 255, .02);--bg-decoration-shadow-dark: rgba(0, 0, 0, .5);--typewriter-color: #7f7f7f;--typewriter-opacity: .06;--typewriter-shadow: 1px 1px 2px rgba(0, 0, 0, .15);--typewriter-blur: .3px;--pastel-red: #FF9999;--pastel-coral: #FFB399;--pastel-orange: #FFCC99;--pastel-yellow: #FFE699;--pastel-lime: #E6FF99;--pastel-green: #99FF99;--pastel-mint: #99FFE6;--pastel-cyan: #99E6FF;--pastel-blue: #99CCFF;--pastel-indigo: #99B3FF;--pastel-purple: #B399FF;--countdown-bg-active: #ff9900;--countdown-bg-inactive: #f0f0f0;--countdown-border: #e0e0e0;--countdown-text: #666666;--countdown-glow: rgba(255, 153, 0, .4);--pos-noun-color: #3a506b;--pos-noun-bg: rgba(58, 80, 107, .06);--pos-pronoun-color: #5b7c99;--pos-pronoun-bg: rgba(91, 124, 153, .06);--pos-verb-color: #8c4356;--pos-verb-bg: rgba(140, 67, 86, .06);--pos-adjective-color: #5c8374;--pos-adjective-bg: rgba(92, 131, 116, .06);--pos-adverb-color: #b18f6a;--pos-adverb-bg: rgba(177, 143, 106, .06);--pos-preposition-color: #7b9ad0;--pos-preposition-bg: rgba(123, 154, 208, .06);--pos-conjunction-color: #8f77b5;--pos-conjunction-bg: rgba(143, 119, 181, .06);--pos-article-color: #d1c7b7;--pos-article-bg: rgba(209, 199, 183, .06);--pos-interjection-color: #bf6766;--pos-interjection-bg: rgba(191, 103, 102, .06);--tts-button-bg: #ffffff;--tts-button-border: #e8f4ff;--tts-button-shadow: rgba(66, 153, 225, .15);--tts-button-hover-bg: #f0f9ff;--tts-button-hover-border: #bae6fd;--tts-button-hover-shadow: rgba(66, 153, 225, .25);--tts-playing-bg: linear-gradient(135deg, #dbeafe, #fef3c7);--tts-playing-border: #60a5fa;--tts-paused-bg: #fef3c7;--tts-paused-border: #fbbf24;--tts-icon-color: #0284c7;--tts-icon-hover-color: #0369a1;--tts-icon-playing-color: #0ea5e9;--tts-icon-paused-color: #f59e0b;--tts-highlight-bg: #fef3c7;--tts-highlight-border: rgba(251, 191, 36, .3);--tts-highlight-text-color: #333333;--mindmap-root-bg: #fff8f0;--mindmap-root-border: #ffcc99;--mindmap-root-text: #333333;--mindmap-root-glow: rgba(255, 153, 0, .2);--mindmap-node-bg: #ffffff;--mindmap-node-border: #ffe4cc;--mindmap-node-text: #444444;--mindmap-node-hover-bg: #fff5eb;--mindmap-node-hover-border: #ffb366;--mindmap-line-color: #ffcc99;--mindmap-line-width: 2px;--mindmap-bg: transparent;--voice-popup-bg: #fffefb;--voice-popup-header-bg: linear-gradient(135deg, #ff9900 0%, #ffb347 100%);--voice-popup-category-bg: #fafbfc;--voice-popup-item-bg: #ffffff;--voice-popup-item-hover-bg: #fff8f0;--voice-popup-item-border: #ffd4a3;--voice-popup-google-bg: linear-gradient(to right, rgba(255, 153, 0, .05), transparent);--voice-popup-system-bg: linear-gradient(to right, rgba(255, 179, 71, .05), transparent);--voice-popup-badge-premium-bg: linear-gradient(135deg, #ff9900, #ffb347);--voice-popup-badge-default-bg: #fff3e0;--voice-popup-badge-default-color: #8b5a00;--voice-popup-apply-btn-bg: linear-gradient(135deg, #ff9900 0%, #ffb347 100%);--voice-popup-apply-btn-shadow: rgba(255, 153, 0, .4);--curtain-gradient: linear-gradient(180deg, #ffffff 0%, #fafafa 25%, #f5f5f5 50%, #f0f0f0 75%, #ebebeb 100%);--curtain-pattern-color: rgba(0, 0, 0, .03);--curtain-pattern-glow: rgba(0, 0, 0, .02);--curtain-shadow: 0 10px 40px rgba(0, 0, 0, .08), 0 20px 80px rgba(0, 0, 0, .04);--curtain-ink-spot: rgba(0, 0, 0, .04);--curtain-washi-texture: rgba(0, 0, 0, .015);--ultimate-btn-bg: linear-gradient(135deg, #4a4a4a 0%, #2a2a2a 100%);--ultimate-btn-hover-bg: linear-gradient(135deg, #5a5a5a 0%, #3a3a3a 100%);--ultimate-btn-selected-bg: linear-gradient(135deg, #1a1a1a 0%, #000000 100%);--ultimate-btn-text: #ffffff;--ultimate-btn-shadow: 0 4px 12px rgba(0, 0, 0, .25);--ultimate-btn-hover-shadow: 0 6px 20px rgba(0, 0, 0, .35);--ultimate-btn-selected-shadow: 0 8px 25px rgba(0, 0, 0, .45);--ultimate-btn-border: rgba(0, 0, 0, .15);--ultimate-btn-overlay: rgba(255, 255, 255, .1);--recitation-btn-bg: rgba(100, 149, 237, .08);--recitation-btn-color: #2563eb;--recitation-btn-hover-bg: rgba(100, 149, 237, .15);--recitation-btn-shadow: 0 2px 8px rgba(37, 99, 235, .12);--recitation-btn-hover-shadow: 0 4px 12px rgba(37, 99, 235, .18);--recitation-input-bg: rgba(255, 255, 255, .95);--recitation-input-border: rgba(0, 0, 0, .08);--recitation-input-color: #1a1a1a;--recitation-input-placeholder: rgba(0, 0, 0, .35);--recitation-input-focus-border: rgba(100, 149, 237, .4);--recitation-input-focus-shadow: 0 0 0 3px rgba(100, 149, 237, .08);--recitation-correct-bg: rgba(240, 253, 244, .8);--recitation-correct-border: rgba(34, 197, 94, .25);--recitation-correct-shadow: 0 0 0 2px rgba(34, 197, 94, .06), 0 2px 12px rgba(34, 197, 94, .08);--recitation-correct-glow: rgba(134, 239, 172, .15);--recitation-clear-bg: rgba(239, 68, 68, .06);--recitation-clear-color: #dc2626;--recitation-clear-hover-bg: rgba(239, 68, 68, .12);--hint-btn-bg: rgba(100, 149, 237, .06);--hint-btn-color: #2563eb;--hint-btn-hover-bg: rgba(100, 149, 237, .12);--hint-btn-shadow: 0 2px 12px rgba(37, 99, 235, .08);--hint-btn-hover-shadow: 0 4px 16px rgba(37, 99, 235, .12);--word-cards-container-bg: rgba(248, 250, 255, .6);--word-cards-container-border: rgba(100, 149, 237, .08);--word-cards-container-shadow: 0 4px 24px rgba(37, 99, 235, .04);--word-card-bg: rgba(255, 255, 255, .98);--word-card-color: #1e40af;--word-card-border: rgba(100, 149, 237, .15);--word-card-shadow: 0 2px 8px rgba(0, 0, 0, .04), 0 1px 3px rgba(37, 99, 235, .06);--word-card-hover-bg: rgba(239, 246, 255, 1);--word-card-hover-border: rgba(100, 149, 237, .35);--word-card-hover-shadow: 0 8px 28px rgba(37, 99, 235, .1), 0 4px 12px rgba(0, 0, 0, .06);--word-card-used-bg: rgba(250, 250, 250, .6);--word-card-used-border: rgba(220, 220, 220, .3);--ad-overlay-bg: rgba(0, 0, 0, .6);--ad-overlay-backdrop-blur: blur(8px);--ad-fullscreen-bg: #FAFAFA;--ad-fullscreen-shadow: 0 8px 32px rgba(0, 0, 0, .08);--ad-close-btn-bg: rgba(0, 0, 0, .5);--ad-close-btn-hover-bg: rgba(0, 0, 0, .7);--ad-close-btn-border: rgba(255, 255, 255, .6);--ad-close-btn-shadow: 0 4px 12px rgba(0, 0, 0, .15);--ad-close-btn-hover-shadow: 0 6px 16px rgba(0, 0, 0, .25);--ad-area-bg: rgba(255, 255, 255, .95);--ad-area-border: rgba(0, 0, 0, .08);--ad-area-backdrop-blur: blur(10px);--toggle-bg-off: rgba(200, 200, 200, .3);--toggle-bg-on: #ff9900;--toggle-bg-disabled: rgba(220, 220, 220, .2);--toggle-slider-bg: #ffffff;--toggle-slider-shadow: 0 2px 6px rgba(0, 0, 0, .15);--toggle-slider-disabled: rgba(180, 180, 180, .5);--toggle-border-off: rgba(200, 200, 200, .4);--toggle-border-on: rgba(255, 153, 0, .6);--toggle-border-disabled: rgba(220, 220, 220, .3);--toggle-label-color: #333333;--toggle-label-disabled: rgba(100, 100, 100, .4);--header-icon-color: #ff9900;--header-icon-hover-bg: rgba(255, 153, 0, .1);--header-icon-active-bg: #ffda6a;--header-icon-active-color: #ff8800;--search-btn-bg: #ffffff;--search-btn-border: rgba(255, 153, 0, .2);--search-btn-shadow: 0 2px 6px rgba(255, 153, 0, .1);--search-btn-hover-bg: #fff8f0;--search-btn-hover-border: rgba(255, 153, 0, .4);--search-btn-hover-shadow: 0 4px 12px rgba(255, 153, 0, .15);--search-btn-icon-color: #ff9900;--search-btn-icon-hover-color: #ff8800;--search-btn-disabled-bg: #f5f5f5;--search-btn-disabled-icon: #cccccc;--nav-circle-bg: #15202b;--nav-circle-border: #335e8c;--nav-circle-shadow: 3px 3px 4px rgba(81, 81, 81, .5);--nav-inner-circle-color: #ff9900;--popup-bg: rgba(255, 255, 255, .98);--popup-border: rgba(255, 153, 0, .2);--popup-shadow: 0 8px 32px rgba(0, 0, 0, .1), 0 2px 8px rgba(255, 153, 0, .08);--popup-text: #1A1A1A;--popup-title-bg: linear-gradient(135deg, #ff9900 0%, #ffb347 100%);--popup-title-text: #ffffff;--popup-close-btn-bg: rgba(0, 0, 0, .05);--popup-close-btn-hover-bg: rgba(255, 153, 0, .15);--popup-close-btn-color: #666666}[data-theme=dark]{--bg-primary: #121212;--bg-secondary: #1E1E1E;--bg-header: #0a0f14;--bg-footer: #0a0f14;--bg-accent: #ff9900;--bg-card: #1E1E1E;--bg-section: #181818;--text-primary: #E8E8E8;--text-secondary: #B0B0B0;--text-inverse: #121212;--text-link: #ffaa33;--border-color: #333333;--shadow-light: rgba(255, 255, 255, .05);--shadow-medium: rgba(255, 255, 255, .1);--wave-color: #ffaa33;--sparkle-color: #ffdd44;--glow-color: rgba(255, 170, 51, .4);--msg-bg-info: #2a1f1a;--msg-border-info: #ffaa33;--msg-text-info: #ffcc66;--msg-shadow-info: rgba(255, 170, 51, .2);--title-text-color: #e0e0e0;--title-text-color-secondary: #b0b0b0;--title-duplicate-color: #ff0000;--title-duplicate-glow: rgba(255, 255, 255, .8);--title-duplicate-opacity: 1;--title-sparkle-filter-brightness: 1;--title-sparkle-filter-saturate: 1;--debug-original-border: #ff0000;--debug-original-bg: rgba(255, 0, 0, .1);--debug-original-shadow: rgba(255, 0, 0, .5);--debug-duplicate-border: #ffff00;--debug-duplicate-bg: rgba(255, 255, 0, .2);--debug-duplicate-shadow: rgba(255, 255, 0, .5);--sparkle-text-color: #ffffff;--sparkle-glow-primary: #ffd700;--sparkle-glow-secondary: #ffaa00;--sparkle-glow-white: #ffffff;--wave-glow-subtle: rgba(255, 215, 0, .3);--bg-decoration-color: #0a0a0a;--bg-decoration-shadow-light: rgba(255, 255, 255, .02);--bg-decoration-shadow-dark: rgba(0, 0, 0, .5);--typewriter-color: #373737;--typewriter-opacity: .4;--typewriter-shadow: 0 0 3px rgba(35, 35, 35, .481);--typewriter-blur: .5px;--countdown-bg-active: #ffaa33;--countdown-bg-inactive: #2a2a2a;--countdown-border: #444444;--countdown-text: #b0b0b0;--countdown-glow: rgba(255, 170, 51, .5);--tts-button-bg: rgba(30, 27, 75, .3);--tts-button-border: transparent;--tts-button-shadow: none;--tts-button-hover-bg: rgba(49, 46, 129, .5);--tts-button-hover-border: rgba(109, 40, 217, .5);--tts-button-hover-shadow: rgba(139, 92, 246, .3);--tts-playing-bg: linear-gradient(135deg, #4c1d95, #7c3aed);--tts-playing-border: #a78bfa;--tts-paused-bg: linear-gradient(135deg, #1e293b, #334155);--tts-paused-border: #94a3b8;--tts-icon-color: rgba(196, 181, 253, .6);--tts-icon-hover-color: rgba(233, 213, 255, .9);--tts-icon-playing-color: #f3e8ff;--tts-icon-paused-color: #cbd5e1;--tts-highlight-bg: #000000;--tts-highlight-border: transparent;--tts-highlight-rainbow-1: #ff0080;--tts-highlight-rainbow-2: #ff8c00;--tts-highlight-rainbow-3: #ffd700;--tts-highlight-rainbow-4: #00ff00;--tts-highlight-rainbow-5: #00ffff;--tts-highlight-rainbow-6: #0080ff;--tts-highlight-rainbow-7: #8000ff;--pos-noun-color: #9bb4dd;--pos-noun-bg: rgba(58, 80, 107, .15);--pos-noun-shadow: 0 0 15px rgba(58, 80, 107, .4);--pos-noun-text-shadow: 0 0 8px rgba(58, 80, 107, .8), 0 0 20px rgba(155, 180, 221, .4);--pos-pronoun-color: #7fb6db;--pos-pronoun-bg: rgba(91, 124, 153, .15);--pos-pronoun-shadow: 0 0 15px rgba(91, 124, 153, .4);--pos-pronoun-text-shadow: 0 0 8px rgba(91, 124, 153, .8), 0 0 20px rgba(127, 182, 219, .4);--pos-verb-color: #ca6f84;--pos-verb-bg: rgba(140, 67, 86, .15);--pos-verb-shadow: 0 0 15px rgba(140, 67, 86, .4);--pos-verb-text-shadow: 0 0 8px rgba(140, 67, 86, .8), 0 0 20px rgba(202, 111, 132, .4);--pos-adjective-color: #a7c4a3;--pos-adjective-bg: rgba(92, 131, 116, .15);--pos-adjective-shadow: 0 0 15px rgba(92, 131, 116, .4);--pos-adjective-text-shadow: 0 0 8px rgba(92, 131, 116, .8), 0 0 20px rgba(167, 196, 163, .4);--pos-adverb-color: #d4b896;--pos-adverb-bg: rgba(177, 143, 106, .15);--pos-adverb-shadow: 0 0 15px rgba(177, 143, 106, .4);--pos-adverb-text-shadow: 0 0 8px rgba(177, 143, 106, .8), 0 0 20px rgba(212, 184, 150, .4);--pos-preposition-color: #b3c9e8;--pos-preposition-bg: rgba(123, 154, 208, .15);--pos-preposition-shadow: 0 0 15px rgba(123, 154, 208, .4);--pos-preposition-text-shadow: 0 0 8px rgba(123, 154, 208, .8), 0 0 20px rgba(179, 201, 232, .4);--pos-conjunction-color: #b4a0d4;--pos-conjunction-bg: rgba(143, 119, 181, .15);--pos-conjunction-shadow: 0 0 15px rgba(143, 119, 181, .4);--pos-conjunction-text-shadow: 0 0 8px rgba(143, 119, 181, .8), 0 0 20px rgba(180, 160, 212, .4);--pos-article-color: #c5bba9;--pos-article-bg: rgba(209, 199, 183, .15);--pos-article-shadow: 0 0 15px rgba(209, 199, 183, .4);--pos-article-text-shadow: 0 0 8px rgba(209, 199, 183, .8), 0 0 20px rgba(197, 187, 169, .4);--pos-interjection-color: #e59695;--pos-interjection-bg: rgba(191, 103, 102, .15);--pos-interjection-shadow: 0 0 15px rgba(191, 103, 102, .4);--pos-interjection-text-shadow: 0 0 8px rgba(191, 103, 102, .8), 0 0 20px rgba(229, 150, 149, .4);--mindmap-root-bg: linear-gradient(135deg, #9d8fff 0%, #b19cd9 100%);--mindmap-root-border: #dcc6ff;--mindmap-root-text: #ffffff;--mindmap-root-glow: 0 0 30px rgba(220, 198, 255, .9), 0 0 60px rgba(177, 156, 217, .6), 0 0 90px rgba(157, 143, 255, .3);--mindmap-node-bg: linear-gradient(135deg, #7b68ee 0%, #8a7cc4 100%);--mindmap-node-border: #b19cd9;--mindmap-node-text: #ffffff;--mindmap-node-hover-bg: linear-gradient(135deg, #9d8fff 0%, #a596ff 100%);--mindmap-node-hover-border: #dcc6ff;--mindmap-node-hover-glow: 0 0 25px rgba(220, 198, 255, .8), 0 0 50px rgba(177, 156, 217, .5);--mindmap-line-color: #9370db;--mindmap-line-width: 2.5px;--mindmap-line-glow: 0 0 10px rgba(147, 112, 219, .8), 0 0 20px rgba(147, 112, 219, .4);--mindmap-bg: transparent;--mindmap-moonlight-gradient: radial-gradient(ellipse at top, rgba(220, 198, 255, .2) 0%, rgba(177, 156, 217, .1) 50%, transparent 100%);--mindmap-star-sparkle: #ffd4ff;--mindmap-node-shadow: 0 6px 25px rgba(0, 0, 0, .4), 0 12px 50px rgba(123, 104, 238, .2);--voice-popup-bg: #1a1a2e;--voice-popup-header-bg: linear-gradient(135deg, #16213e 0%, #0f3460 100%);--voice-popup-category-bg: #16213e;--voice-popup-item-bg: #0f3460;--voice-popup-item-hover-bg: rgba(94, 84, 142, .2);--voice-popup-item-border: #5e548e;--voice-popup-google-bg: linear-gradient(to right, rgba(94, 84, 142, .15), transparent);--voice-popup-system-bg: linear-gradient(to right, rgba(79, 93, 149, .15), transparent);--voice-popup-badge-premium-bg: linear-gradient(135deg, #5e548e, #9c89b8);--voice-popup-badge-default-bg: #231942;--voice-popup-badge-default-color: #b8b4e3;--voice-popup-apply-btn-bg: linear-gradient(135deg, #5e548e 0%, #9c89b8 100%);--voice-popup-apply-btn-shadow: rgba(156, 137, 184, .4);--voice-popup-overlay-bg: rgba(15, 23, 42, .85);--voice-popup-text-primary: #e8e8f3;--voice-popup-text-secondary: #b8b4e3;--voice-popup-close-btn-bg: rgba(184, 180, 227, .2);--voice-popup-close-btn-hover-bg: rgba(184, 180, 227, .3);--curtain-gradient: linear-gradient(180deg, #000000 0%, #050508 20%, #08080e 40%, #0a0a12 60%, #0c0c16 80%, #0e0e1a 100%);--curtain-pattern-color: rgba(80, 110, 160, .03);--curtain-pattern-glow: rgba(140, 170, 220, .08);--curtain-shadow: 0 10px 100px rgba(20, 30, 60, .6), 0 20px 150px rgba(10, 15, 40, .5);--curtain-moonlight: rgba(200, 220, 255, .15);--curtain-indigo-glow: rgba(80, 110, 160, .18);--ultimate-btn-bg: linear-gradient(135deg, #1a2540 0%, #0f1a2e 100%);--ultimate-btn-hover-bg: linear-gradient(135deg, #233354 0%, #16213d 100%);--ultimate-btn-selected-bg: linear-gradient(135deg, #2d4268 0%, #1e2f4f 100%);--ultimate-btn-text: rgba(200, 220, 255, .95);--ultimate-btn-shadow: 0 4px 15px rgba(30, 50, 90, .5);--ultimate-btn-hover-shadow: 0 6px 25px rgba(50, 80, 140, .6);--ultimate-btn-selected-shadow: 0 8px 30px rgba(70, 110, 180, .7);--ultimate-btn-border: rgba(100, 140, 200, .2);--ultimate-btn-overlay: rgba(180, 200, 240, .08);--recitation-btn-bg: rgba(100, 149, 237, .12);--recitation-btn-color: #93c5fd;--recitation-btn-hover-bg: rgba(100, 149, 237, .2);--recitation-btn-shadow: 0 2px 8px rgba(0, 0, 0, .3);--recitation-btn-hover-shadow: 0 4px 12px rgba(59, 130, 246, .25);--recitation-input-bg: rgba(30, 30, 50, .5);--recitation-input-border: rgba(147, 197, 253, .15);--recitation-input-color: #e8e8f3;--recitation-input-placeholder: rgba(255, 255, 255, .25);--recitation-input-focus-border: rgba(147, 197, 253, .4);--recitation-input-focus-shadow: 0 0 0 3px rgba(147, 197, 253, .12);--recitation-correct-bg: rgba(16, 48, 32, .4);--recitation-correct-border: rgba(134, 239, 172, .3);--recitation-correct-shadow: 0 0 0 2px rgba(134, 239, 172, .1), 0 2px 16px rgba(34, 197, 94, .12), 0 0 30px rgba(134, 239, 172, .06);--recitation-correct-glow: rgba(134, 239, 172, .08);--recitation-clear-bg: rgba(239, 68, 68, .12);--recitation-clear-color: #fca5a5;--recitation-clear-hover-bg: rgba(239, 68, 68, .2);--hint-btn-bg: rgba(140, 170, 220, .08);--hint-btn-color: rgba(200, 220, 255, .85);--hint-btn-hover-bg: rgba(140, 170, 220, .15);--hint-btn-shadow: 0 2px 12px rgba(0, 0, 0, .4);--hint-btn-hover-shadow: 0 4px 16px rgba(0, 0, 0, .5), 0 0 24px rgba(140, 170, 220, .1);--word-cards-container-bg: rgba(18, 22, 38, .5);--word-cards-container-border: rgba(140, 170, 220, .08);--word-cards-container-shadow: 0 4px 24px rgba(0, 0, 0, .5);--word-card-bg: rgba(30, 38, 58, .75);--word-card-color: rgba(200, 220, 255, .9);--word-card-border: rgba(140, 170, 220, .15);--word-card-shadow: 0 2px 8px rgba(0, 0, 0, .4);--word-card-hover-bg: rgba(40, 50, 75, .9);--word-card-hover-border: rgba(180, 200, 240, .3);--word-card-hover-shadow: 0 8px 28px rgba(0, 0, 0, .5), 0 4px 12px rgba(140, 170, 220, .2);--word-card-used-bg: rgba(18, 22, 35, .4);--word-card-used-border: rgba(80, 90, 110, .15);--ad-overlay-bg: rgba(0, 0, 0, .85);--ad-overlay-backdrop-blur: blur(8px);--ad-fullscreen-bg: #0e0e1a;--ad-fullscreen-shadow: 0 8px 40px rgba(0, 0, 0, .6), 0 0 60px rgba(140, 170, 220, .08);--ad-close-btn-bg: rgba(140, 170, 220, .15);--ad-close-btn-hover-bg: rgba(140, 170, 220, .25);--ad-close-btn-border: rgba(200, 220, 255, .3);--ad-close-btn-shadow: 0 4px 12px rgba(0, 0, 0, .4);--ad-close-btn-hover-shadow: 0 6px 16px rgba(140, 170, 220, .3);--ad-area-bg: rgba(18, 22, 38, .95);--ad-area-border: rgba(140, 170, 220, .15);--ad-area-backdrop-blur: blur(10px);--toggle-bg-off: rgba(60, 70, 90, .3);--toggle-bg-on: rgba(255, 170, 51, .9);--toggle-bg-disabled: rgba(40, 45, 60, .2);--toggle-slider-bg: rgba(220, 230, 255, .95);--toggle-slider-shadow: 0 2px 8px rgba(0, 0, 0, .5);--toggle-slider-disabled: rgba(120, 130, 150, .4);--toggle-border-off: rgba(100, 120, 160, .25);--toggle-border-on: rgba(255, 170, 51, .4);--toggle-border-disabled: rgba(80, 90, 110, .2);--toggle-label-color: rgba(200, 220, 255, .85);--toggle-label-disabled: rgba(120, 130, 150, .4);--header-icon-color: rgba(255, 170, 51, .9);--header-icon-hover-bg: rgba(255, 170, 51, .15);--header-icon-active-bg: rgba(255, 200, 100, .3);--header-icon-active-color: rgba(255, 200, 100, 1);--search-btn-bg: rgba(30, 38, 58, .6);--search-btn-border: rgba(140, 170, 220, .25);--search-btn-shadow: 0 2px 8px rgba(0, 0, 0, .4);--search-btn-hover-bg: rgba(40, 50, 75, .8);--search-btn-hover-border: rgba(180, 200, 240, .35);--search-btn-hover-shadow: 0 4px 16px rgba(140, 170, 220, .2);--search-btn-icon-color: rgba(255, 170, 51, .9);--search-btn-icon-hover-color: rgba(255, 200, 100, 1);--search-btn-disabled-bg: rgba(30, 38, 58, .3);--search-btn-disabled-icon: rgba(120, 130, 150, .4);--nav-circle-bg: rgba(20, 28, 43, .9);--nav-circle-border: rgba(140, 170, 220, .3);--nav-circle-shadow: 0 3px 8px rgba(0, 0, 0, .5);--nav-inner-circle-color: rgba(255, 170, 51, .9);--popup-bg: rgba(18, 22, 38, .98);--popup-border: rgba(140, 170, 220, .25);--popup-shadow: 0 8px 40px rgba(0, 0, 0, .6), 0 2px 12px rgba(140, 170, 220, .1);--popup-text: #E8E8E8;--popup-title-bg: linear-gradient(135deg, rgba(140, 170, 220, .3) 0%, rgba(100, 130, 180, .4) 100%);--popup-title-text: rgba(220, 230, 255, .95);--popup-close-btn-bg: rgba(140, 170, 220, .1);--popup-close-btn-hover-bg: rgba(255, 170, 51, .2);--popup-close-btn-color: rgba(220, 230, 255, .7)}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}#app{min-height:100vh;background-color:var(--bg-primary)}.tts-demo-container[data-v-1a8488ec]{max-width:1200px;margin:0 auto;padding:2rem}.demo-header[data-v-1a8488ec]{text-align:center;margin-bottom:3rem}.demo-header h1[data-v-1a8488ec]{font-size:2.5rem;color:#1a202c;margin-bottom:.5rem}.subtitle[data-v-1a8488ec]{font-size:1.2rem;color:#718096}.demo-sections[data-v-1a8488ec]{display:flex;flex-direction:column;gap:3rem}.demo-section[data-v-1a8488ec]{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000001a}.demo-section h2[data-v-1a8488ec]{color:#2d3748;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0}.demo-card[data-v-1a8488ec]{background:#f7fafc;border-radius:8px;padding:1.5rem}.demo-content[data-v-1a8488ec]{position:relative;padding:1rem;background:#fff;border-radius:6px;margin-bottom:1rem}.directive-demo[data-v-1a8488ec]{position:relative;padding:1.5rem;background:#fff;border-radius:6px;margin-bottom:1rem;min-height:120px}.demo-code[data-v-1a8488ec]{background:#2d3748;border-radius:6px;padding:1rem;overflow-x:auto;margin-top:1rem}.demo-code pre[data-v-1a8488ec]{margin:0;color:#e2e8f0;font-family:Courier New,monospace;font-size:.9rem}.demo-code code[data-v-1a8488ec]{display:block;white-space:pre}.implementation-points[data-v-1a8488ec]{margin-top:1rem;padding:1rem;background:#edf2f7;border-radius:6px;border-left:4px solid #4299e1}.implementation-points h4[data-v-1a8488ec]{margin-top:0;margin-bottom:.75rem;color:#2b6cb0;font-size:1.1rem}.implementation-points ul[data-v-1a8488ec]{margin:0;padding-left:1.5rem;list-style:none}.implementation-points li[data-v-1a8488ec]{margin:.5rem 0;position:relative;padding-left:.5rem}.implementation-points li[data-v-1a8488ec]:before{content:"";position:absolute;left:-1rem}.demo-note[data-v-1a8488ec]{margin-top:1rem;padding:.75rem;background:#f0f9ff;border-left:4px solid #0284c7;color:#075985;border-radius:4px}.english-text[data-v-1a8488ec]{font-size:1.1rem;line-height:1.8;color:#2d3748;margin:1rem 0}.japanese-text[data-v-1a8488ec]{font-size:1rem;line-height:1.8;color:#718096;margin:1rem 0;font-style:italic}.word-card[data-v-1a8488ec]{padding:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px;position:relative}.word-card .word[data-v-1a8488ec]{font-size:2rem;margin-bottom:.5rem;color:#fff}.word-card .pronunciation[data-v-1a8488ec]{font-size:1rem;opacity:.9;margin-bottom:1rem;color:#fff}.word-card .definition[data-v-1a8488ec],.word-card .example[data-v-1a8488ec]{color:#fff;margin:.5rem 0}.vocabulary-section[data-v-1a8488ec]{padding:1.5rem;background:#f7fafc;border-radius:8px;position:relative}.vocabulary-section h3[data-v-1a8488ec]{color:#2d3748;margin-bottom:1.5rem;font-size:1.4rem}.word-list[data-v-1a8488ec]{display:flex;flex-direction:column;gap:1.5rem}.word-item[data-v-1a8488ec]{padding:1rem;background:#fff;border-radius:6px;border-left:4px solid #4299e1}.word-item strong[data-v-1a8488ec]{color:#2b6cb0;font-size:1.2rem}.position-demo[data-v-1a8488ec]{display:flex;flex-direction:column;gap:1.5rem}.position-item[data-v-1a8488ec]{padding:1rem;background:#f7fafc;border-radius:6px;position:relative;min-height:60px;display:flex;align-items:center}.story-section[data-v-1a8488ec]{padding:2rem;background:linear-gradient(to bottom,#fef3c7,#fef9e7);border-radius:8px;position:relative}.story-section h3[data-v-1a8488ec]{color:#92400e;margin-bottom:1.5rem;font-size:1.5rem;text-align:center}.story-content p[data-v-1a8488ec]{margin:.8rem 0}.custom-selector-demo[data-v-1a8488ec]{padding:1.5rem;background:#f0fdf4;border-radius:8px;position:relative}.custom-selector-demo p[data-read][data-v-1a8488ec]{background:#dcfce7;padding:.5rem;border-radius:4px;margin:.5rem 0}.inline-demos[data-v-1a8488ec]{display:flex;flex-direction:column;gap:1rem}.inline-demo[data-v-1a8488ec]{padding:1rem;background:#fef3c7;border-radius:6px;display:flex;align-items:center;gap:1rem}.settings-info[data-v-1a8488ec]{padding:1.5rem;background:#eff6ff;border-radius:8px}.settings-info h3[data-v-1a8488ec]{color:#1e40af;margin-bottom:1rem}.settings-info ul[data-v-1a8488ec]{list-style-type:none;padding:0}.settings-info li[data-v-1a8488ec]{padding:.5rem 0 .5rem 1.5rem;position:relative}.settings-info li[data-v-1a8488ec]:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}.article[data-v-1a8488ec]{padding:2rem;background:#fff;border-radius:8px;position:relative}.article h3[data-v-1a8488ec]{color:#1a202c;margin-bottom:1.5rem;font-size:1.5rem;text-align:center}[data-theme=dark] .tts-demo-container[data-v-1a8488ec]{color:#e2e8f0}[data-theme=dark] .demo-header h1[data-v-1a8488ec]{color:#f7fafc}[data-theme=dark] .subtitle[data-v-1a8488ec]{color:#a0aec0}[data-theme=dark] .demo-section[data-v-1a8488ec]{background:#2d3748}[data-theme=dark] .demo-section h2[data-v-1a8488ec]{color:#e2e8f0;border-bottom-color:#4a5568}[data-theme=dark] .demo-card[data-v-1a8488ec]{background:#1a202c}[data-theme=dark] .demo-content[data-v-1a8488ec],[data-theme=dark] .directive-demo[data-v-1a8488ec]{background:#2d3748}[data-theme=dark] .english-text[data-v-1a8488ec],[data-theme=dark] .article h3[data-v-1a8488ec]{color:#e2e8f0}[data-theme=dark] .japanese-text[data-v-1a8488ec]{color:#cbd5e0}[data-theme=dark] .demo-code[data-v-1a8488ec]{background:#1a202c}[data-theme=dark] .implementation-points[data-v-1a8488ec]{background:#2d3748;border-left-color:#4299e1}[data-theme=dark] .implementation-points h4[data-v-1a8488ec]{color:#63b3ed}[data-theme=dark] .implementation-points li[data-v-1a8488ec]{color:#e2e8f0}[data-theme=dark] .vocabulary-section[data-v-1a8488ec]{background:#2d3748}[data-theme=dark] .word-item[data-v-1a8488ec]{background:#374151;border-left-color:#60a5fa}[data-theme=dark] .position-item[data-v-1a8488ec]{background:#374151}[data-theme=dark] .story-section[data-v-1a8488ec]{background:linear-gradient(to bottom,#374151,#4b5563)}[data-theme=dark] .story-section h3[data-v-1a8488ec]{color:#fbbf24}[data-theme=dark] .custom-selector-demo[data-v-1a8488ec]{background:#374151}[data-theme=dark] .custom-selector-demo p[data-read][data-v-1a8488ec]{background:#065f46}[data-theme=dark] .inline-demo[data-v-1a8488ec]{background:#4b5563}[data-theme=dark] .settings-info[data-v-1a8488ec]{background:#374151}[data-theme=dark] .settings-info h3[data-v-1a8488ec]{color:#60a5fa}[data-theme=dark] .article[data-v-1a8488ec]{background:#374151}@media(max-width:768px){.tts-demo-container[data-v-1a8488ec]{padding:1rem}.demo-header h1[data-v-1a8488ec]{font-size:2rem}.demo-section[data-v-1a8488ec]{padding:1.5rem}}