.word-list-container{display:flex;flex-direction:column;gap:1rem}.word-list{display:grid;grid-template-columns:1fr;gap:.75rem}.word-list-load-more-container{display:flex;justify-content:center;padding:.5rem 0}.word-list-load-more-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:2px solid #FBBF24;background-color:#fffbeb;color:#92400e;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.word-list-load-more-btn:hover{background-color:#fef3c7;border-color:#f59e0b;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.word-list-load-more-btn:active{transform:translateY(0);box-shadow:none}.word-list-load-more-btn .remaining-count{font-weight:700;color:#b45309}.word-card{border-radius:.5rem;padding:1rem;border:1px solid #F3F4F6;background-color:#fafafa;transition:all .2s ease;overflow:hidden}.word-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;min-width:0}.word-info{display:flex;align-items:baseline;gap:.75rem;flex:1;min-width:0;flex-wrap:wrap}.word-characters{font-family:Hiragino Kaku Gothic Pro,Yu Gothic,Meiryo,MS PGothic,sans-serif;font-size:1.125rem;font-weight:700;display:flex;flex-wrap:wrap;gap:.5rem;color:#111827;min-width:0}.kanji-char{color:#78350f;border:2px solid #FFFBEB;border-radius:6px;padding:4px 8px;background-color:#fffbeb;display:inline-block;text-decoration:none;transition:all .2s ease}.kanji-char:hover{background-color:#fef3c7;border-color:#fef3c7;opacity:.7}.non-kanji-char{border:2px solid #F3F4F6;border-radius:6px;padding:4px 8px;background-color:#f9fafb}.word-reading-container{display:flex;align-items:center;gap:.5rem}.word-reading{font-size:.875rem;font-weight:500;color:#92400e}.word-meaning{font-size:.875rem;line-height:1.6;padding-left:.25rem;color:#6b7280;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.word-meaning.collapsed{max-height:0;opacity:0;margin-top:0;padding-top:0}.word-meaning.expanded{max-height:500px;opacity:1;margin-top:.5rem;padding-top:.5rem;border-top:1px solid #F3F4F6}.word-toggle-btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.625rem .75rem;border:none;background-color:#f3f4f6;border-radius:.375rem;cursor:pointer;transition:all .2s ease;flex-shrink:0;min-height:2.25rem}.word-toggle-btn:before{content:"意味";font-size:.75rem;font-weight:600;color:#6b7280;white-space:nowrap}.word-toggle-btn:hover{background-color:#e5e7eb;transform:scale(1.05)}.word-toggle-btn:active{transform:scale(.95)}.chevron-icon{width:.875rem;height:.875rem;color:#9ca3af;transition:transform .3s ease}.word-toggle-btn.rotated .chevron-icon{transform:rotate(180deg)}.word-sound-btn{display:inline-flex;align-items:center;justify-content:center;padding:.25rem;border:none;background:transparent;cursor:pointer;border-radius:.375rem;transition:all .2s ease}.word-sound-btn:hover{background-color:#f59e0b1a;transform:scale(1.1)}.word-sound-btn:active{transform:scale(.95)}.sound-icon{width:1rem;height:1rem;color:#f59e0b;transition:all .3s ease}.word-sound-btn:hover .sound-icon{color:#d97706;transform:scale(1.2)}@media(max-width:640px){.word-list{gap:.5rem}.word-list-load-more-btn{padding:.625rem 1.25rem;font-size:.8125rem}.word-card{padding:.625rem;border-radius:.375rem}.word-card-header,.word-info{gap:.375rem}.word-characters{font-size:1.125rem;gap:.375rem}.kanji-char,.non-kanji-char{padding:3px 6px;font-size:1.125rem;border-width:1px}.word-reading{font-size:.75rem}.word-meaning{font-size:.8125rem}.word-meaning.expanded{margin-top:.375rem;padding-top:.375rem}.word-toggle-btn{padding:.375rem .5rem;min-height:1.75rem}.word-toggle-btn:before{font-size:.625rem}.chevron-icon{width:.625rem;height:.625rem}.sound-icon{width:.875rem;height:.875rem}}.japanese-text{font-family:Hiragino Kaku Gothic Pro,Yu Gothic,Meiryo,MS PGothic,sans-serif}.layout-container{display:grid;grid-template-columns:1fr;gap:.5rem;max-width:100%}.left-column{width:100%;max-width:100%}@media(min-width:1024px){.layout-container{grid-template-columns:1fr 320px;gap:0}}a[style*="background-color: #DBEAFE"]:hover{background-color:#3b82f6!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.reading-sound-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.125rem;font-weight:700;padding:.375rem .75rem;border-radius:.5rem;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.reading-sound-btn .reading-text{position:relative;z-index:1}.reading-sound-btn .sound-icon{width:14px;height:14px;opacity:.5;transition:all .3s ease;position:relative;z-index:1}.reading-sound-btn:hover .sound-icon{opacity:1;transform:scale(1.15)}.onyomi-sound-btn{background-color:#fef3c7;color:#78350f}.onyomi-sound-btn:hover{background-color:#fbbf24;color:#fff;transform:translateY(-1px)}.onyomi-sound-btn:active{transform:translateY(0) scale(.98)}.kunyomi-sound-btn{background-color:#f3f4f6;color:#374151}.kunyomi-sound-btn:hover{background-color:#6b7280;color:#fff;transform:translateY(-1px)}.kunyomi-sound-btn:active{transform:translateY(0) scale(.98)}html{scroll-behavior:smooth;scroll-padding-top:2rem}.kanji-display-block{background:linear-gradient(135deg,#fff,#fffbeb);border-radius:1rem;border:1px solid #FDE68A;box-shadow:0 4px 6px -1px #f59e0b1a,0 2px 4px -1px #f59e0b0f;overflow:hidden;transition:all .3s ease}.kanji-display-block:hover{box-shadow:0 10px 15px -3px #f59e0b26,0 4px 6px -2px #f59e0b1a;border-color:#fbbf24}.kanji-display-area{background:linear-gradient(to bottom,#fffbeb,#fff);padding:1rem;text-align:center;position:relative}@media(min-width:1024px){.kanji-display-area{padding:0}}.kanji-display-area:before{content:none}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.kanji-character{color:#111827;text-shadow:2px 2px 4px rgba(245,158,11,.1);transition:all .3s ease}.kanji-display-area:hover .kanji-character{transform:scale(1.05);text-shadow:3px 3px 6px rgba(245,158,11,.2)}.kanji-cover-image{width:100%;max-width:150px;height:auto;margin:1.5rem auto 0;display:block;border-radius:.25rem;transition:all .3s ease}@media(min-width:1024px){.kanji-cover-image{max-width:100%;border-radius:.375rem;margin:0 auto 1.5rem;transform:scale(1.1)}}.kanji-display-area:hover .kanji-cover-image{transform:scale(1.05)}@media(min-width:1024px){.kanji-display-area:hover .kanji-cover-image{transform:scale(1.15)}}.kanji-copy-area{padding:.5rem 1.5rem 1.5rem;background:#fff}.copy-buttons-container{display:flex;flex-direction:row;gap:.5rem}@media(min-width:1024px){.copy-buttons-container{flex-direction:column;gap:.75rem}}.copy-kanji-btn{width:100%;padding:.875rem 1.25rem;border-radius:.75rem;font-size:.875rem;font-weight:600;background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #f59e0b33;position:relative;overflow:hidden}.copy-kanji-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.copy-kanji-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #f59e0b4d;background:linear-gradient(135deg,#d97706,#f59e0b)}.copy-kanji-btn:hover:before{left:100%}.copy-kanji-btn:active{transform:translateY(0);box-shadow:0 2px 4px #f59e0b33}.copy-url-btn{width:100%;padding:.75rem 1rem;border-radius:.5rem;font-size:.75rem;font-weight:500;background-color:#f9fafb;color:#6b7280;border:1px solid #E5E7EB;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.375rem;transition:all .2s ease}.copy-url-btn:hover{background-color:#f3f4f6;color:#374151}.copy-url-btn:active{transform:scale(.98)}.toc-block{background:linear-gradient(135deg,#fff,#fffbeb);border-radius:1rem;border:1px solid #FDE68A;box-shadow:0 4px 6px -1px #f59e0b1a,0 2px 4px -1px #f59e0b0f;overflow:hidden;transition:all .3s ease}.toc-block:hover{box-shadow:0 10px 15px -3px #f59e0b26,0 4px 6px -2px #f59e0b1a;border-color:#fbbf24}.toc-toggle-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;font-size:.875rem;font-weight:600;color:#92400e;background:linear-gradient(to right,#fffbeb,#fef3c7);border:none;cursor:pointer;transition:all .2s ease}.toc-toggle-btn:hover{background:linear-gradient(to right,#fef3c7,#fde68a)}@media(min-width:1024px){.toc-toggle-btn{cursor:default;background:linear-gradient(to right,#fffbeb,#fef3c7)}.toc-toggle-btn:hover{background:linear-gradient(to right,#fffbeb,#fef3c7)}}.toc-nav{padding:.75rem;background:#fff}.toc-link{display:block;padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:#374151;text-decoration:none;border-radius:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.toc-link:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,#f59e0b,#fbbf24);transform:scaleY(0);transition:transform .2s ease}.toc-link:hover{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#92400e;padding-left:1.5rem}.toc-link:hover:before{transform:scaleY(1)}.toc-link:active{transform:scale(.98)}.meaning-item{position:relative}.meaning-item .flex{box-shadow:0 1px 3px #0000000d}.meaning-item:hover .flex{background:linear-gradient(to right,#fef3c7,#fffbeb);border-color:#fbbf24;box-shadow:0 4px 12px #f59e0b26;transform:translate(4px)}.meaning-number{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 2px 8px #f59e0b40;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.meaning-number:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.meaning-item:hover .meaning-number{transform:scale(1.1) rotate(5deg);box-shadow:0 4px 12px #f59e0b66}.meaning-item:hover .meaning-number:before{opacity:1}.meaning-number-inner{font-size:1.125rem;font-weight:700;color:#fff;position:relative;z-index:1}.meaning-item p{transition:color .2s ease}.meaning-item:hover p{color:#92400e}.stroke-step-btn{padding:.375rem .625rem;font-size:.6875rem;font-weight:600;color:#78350f;background-color:#fef3c7;border:2px solid #FDE68A;border-radius:.5rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}@media(min-width:640px){.stroke-step-btn{padding:.5rem 1rem;font-size:.75rem}}@media(min-width:768px){.stroke-step-btn{font-size:.875rem}}.stroke-step-btn:hover{background-color:#fde68a;border-color:#fbbf24;transform:translateY(-1px);box-shadow:0 2px 8px #f59e0b33}.stroke-step-btn:active{transform:translateY(0) scale(.98)}.stroke-step-btn.active{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff;border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b4d}.stroke-step-btn.active:hover{background:linear-gradient(135deg,#d97706,#f59e0b);transform:translateY(-1px)}.stroke-step-btn-animation{background-color:#fee2e2;color:#991b1b;border-color:#fca5a5;display:inline-flex;align-items:center;gap:.375rem}.stroke-step-btn-animation:hover{background-color:#fca5a5;border-color:#ef4444}.stroke-step-btn-animation.active{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;border-color:#dc2626}.stroke-step-btn-animation.active:hover{background:linear-gradient(135deg,#b91c1c,#dc2626)}.play-icon{flex-shrink:0}.info-label{color:#fbbf24!important}@media(max-width:639px){.basic-info-section{padding:1rem!important}.basic-info-title{margin-bottom:.75rem!important;font-size:1.125rem!important}.basic-info-grid{gap:.5rem!important}.info-item{padding:.5rem!important;gap:.375rem!important}.radical-content{flex-direction:row!important;align-items:baseline!important;gap:.25rem!important}.kanji-display-area{padding:.75rem!important}.kanji-cover-image{max-width:120px!important;margin:.75rem auto 0!important}.kanji-copy-area{padding:.5rem 1rem 1rem!important}.copy-buttons-container{gap:.375rem!important}.copy-kanji-btn{padding:.625rem .875rem!important;font-size:.8125rem!important}.copy-url-btn{padding:.5rem .75rem!important}.toc-toggle-btn{padding:.75rem 1rem!important;font-size:.8125rem!important}.toc-nav{padding:.5rem!important}.toc-link{padding:.5rem .75rem!important;font-size:.8125rem!important}.toc-link:hover{padding-left:1.25rem!important}#words{padding:.75rem!important}#words h2{margin-bottom:.625rem!important;font-size:1.125rem!important}#readings{padding:.75rem!important}#readings h2{margin-bottom:.625rem!important;font-size:1.125rem!important}#stroke-order{padding:.75rem!important}#stroke-order h2{margin-bottom:.625rem!important;font-size:1.125rem!important}#meanings{padding:.75rem!important}#meanings h2{margin-bottom:.75rem!important;font-size:1.125rem!important}}