.japanese-text[data-astro-cid-j7pv25f6]{font-family:Hiragino Kaku Gothic Pro,Yu Gothic,Meiryo,MS PGothic,sans-serif}#handwriting-canvas[data-astro-cid-j7pv25f6]{touch-action:none}.line-clamp-1[data-astro-cid-j7pv25f6]{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}@keyframes pen-float{0%,to{transform:translateY(0) rotate(0) scale(1);filter:drop-shadow(0 0 8px rgba(154,125,85,.3))}25%{transform:translateY(-12px) rotate(-3deg) scale(1.08);filter:drop-shadow(0 0 16px rgba(154,125,85,.5))}50%{transform:translateY(-6px) rotate(0) scale(1.12);filter:drop-shadow(0 0 20px rgba(154,125,85,.6))}75%{transform:translateY(-12px) rotate(3deg) scale(1.08);filter:drop-shadow(0 0 16px rgba(154,125,85,.5))}}@keyframes pulse-glow{0%,to{opacity:.3;filter:drop-shadow(0 0 20px rgba(154,125,85,.2))}50%{opacity:.5;filter:drop-shadow(0 0 40px rgba(154,125,85,.4))}}@keyframes text-pulse{0%,to{opacity:.3;transform:scale(1);filter:drop-shadow(0 0 4px rgba(154,125,85,.2))}50%{opacity:.65;transform:scale(1.03);filter:drop-shadow(0 0 8px rgba(154,125,85,.4))}}.canvas-guide-icon[data-astro-cid-j7pv25f6]{animation:pen-float 3.5s ease-in-out infinite}.canvas-guide-text[data-astro-cid-j7pv25f6]{animation:text-pulse 2.5s ease-in-out infinite}#canvas-guide[data-astro-cid-j7pv25f6]{animation:pulse-glow 2.5s ease-in-out infinite}.skeleton-card[data-astro-cid-j7pv25f6]{width:64px;height:64px;border-radius:.5rem;background:linear-gradient(90deg,#e5e7eb,#f3f4f6,#e5e7eb);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;flex-shrink:0}@media(min-width:1024px){.skeleton-card[data-astro-cid-j7pv25f6]{width:76px;height:76px}}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}body{max-width:100vw}main{max-width:100vw}.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:.5rem}}.canvas-wrapper{max-width:420px;position:relative;width:100%}.canvas-wrapper:before{content:"";display:block;padding-bottom:100%}@media(min-width:1024px){.canvas-wrapper:before{display:none}.canvas-wrapper{height:420px;max-width:none}}.button-container{max-width:420px}@media(min-width:1024px){.button-container{max-width:none}}@media(hover:hover)and (pointer:fine){#canvas-clear-btn:hover{background:#ffffffe6!important;color:#ef4444!important}#kana-toggle-btn:hover{opacity:.9}}#clear-btn:hover,#undo-btn:hover{background:linear-gradient(145deg,#fef3c7,#fde68a)!important;border-color:#fbbf2480!important;box-shadow:0 4px 12px #fbbf2440,0 0 0 1px #fef3c7e6 inset!important}#results-container-top{scrollbar-width:thin;scrollbar-color:#FBBF24 #F3F4F6}#results-container-top::-webkit-scrollbar{height:8px}#results-container-top::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}#results-container-top::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:4px}#results-container-top::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#f59e0b,#d97706)}.kanji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:.75rem}.kanji-grid .kanji-card{display:flex;align-items:center;justify-content:center;aspect-ratio:1;min-height:70px;background:linear-gradient(145deg,#fff,#f9fafb);border:1.5px solid rgba(229,231,235,.8);border-radius:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;box-shadow:0 2px 8px #0000000a,0 0 0 1px #fffc inset;position:relative;overflow:hidden}.kanji-grid .kanji-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(135deg,transparent 0%,rgba(251,191,36,.15) 45%,rgba(251,191,36,.25) 50%,rgba(251,191,36,.15) 55%,transparent 100%);transform:translate(-100%) translateY(-100%) rotate(45deg);transition:transform .6s ease;pointer-events:none}.kanji-grid .kanji-card:hover:after{transform:translate(100%) translateY(100%) rotate(45deg)}.kanji-grid .kanji-card:hover{background:linear-gradient(145deg,#fbbf24,#f59e0b);border-color:#d9770699;transform:translateY(-4px) scale(1.08);box-shadow:0 12px 28px #fbbf2459,0 4px 12px #f59e0b40,0 0 0 2px #ffffff80 inset}.kanji-grid .kanji-card:hover .kanji-char{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.15)}.kanji-grid .kanji-char{font-size:2.5rem;font-weight:400;color:#111827;line-height:1;font-family:Noto Sans JP,sans-serif;position:relative;z-index:1;transition:all .3s ease}@media(max-width:768px){.kanji-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:.5rem}.kanji-grid .kanji-card{min-height:60px}.kanji-grid .kanji-char{font-size:2rem}}@media(max-width:480px){.kanji-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:.5rem}.kanji-grid .kanji-card{min-height:50px}.kanji-grid .kanji-char{font-size:1.75rem}}.tips-list{display:grid;grid-template-columns:1fr;gap:.25rem;list-style:none;padding:0;margin:0}@media(min-width:1024px){.tips-list{grid-template-columns:repeat(4,1fr);gap:.5rem}}