*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;background:var(--color-background-light);font-size:18px}html,body,#root{min-height:100vh}body{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;overflow-x:hidden}img,picture,svg,video,canvas{max-width:100%;display:block}button,input,textarea,select{font:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}:root{--color-primary:#ad2c36;--color-secondary:#0a4e79;--color-secondary-hover:#02253e;--color-tertiary:#2cad4e;--color-background-light:#e0d9e1;--color-background-dark:#0f181f;--color-text-dark:#111827;--color-text-light:#fff;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 8px 24px #0000001f;--shadow-lg:0 20px 50px #00000029;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--transition:.2s ease}._footer_1vc8i_1{background:var(--color-background-dark);width:100%;margin-top:34px}._content_1vc8i_7{border-top:1px solid #ffffff26;flex-direction:column;justify-content:space-around;align-items:center;gap:14px;max-width:80%;margin:0 auto;padding:24px 0;display:flex}._topContainer_1vc8i_22{flex-direction:row;justify-content:space-between;width:100%;display:flex}._brand_1vc8i_32,._info_1vc8i_33{flex-wrap:wrap;align-items:center;gap:10px;display:flex}._logo_1vc8i_41{color:var(--color-primary);letter-spacing:.04em;font-size:.95rem;font-weight:700}._logoContainer_1vc8i_50{align-items:center;gap:10px;display:flex}._logoContainer_1vc8i_50 a svg{size:100px;color:#ffffffa6}._text_1vc8i_62,._info_1vc8i_33{color:#ffffffa6;font-size:16px}._separator_1vc8i_69{color:#ffffff40}@media (width<=768px){._content_1vc8i_7{text-align:center;flex-direction:column;justify-content:center;align-items:center}._brand_1vc8i_32,._info_1vc8i_33{justify-content:center}}._header_1kflh_1{background:var(--color-background-dark);color:#ffffffeb;border-bottom:1px solid #e5e7eb;justify-content:center;width:100%;padding:6px 0;display:flex}._content_1kflh_13{justify-content:space-between;align-items:center;gap:1rem;width:80%;display:flex}._brand_1kflh_21{color:inherit;text-decoration:none}._text_1kflh_26{flex-direction:column;display:flex}._text_1kflh_26 h1{color:var(--color-text-light);margin:0;font-size:2rem;font-weight:800;line-height:1}._text_1kflh_26 h1:hover{color:var(--color-primary)}._text_1kflh_26 span{color:#ffffffb8;margin-top:2px;font-size:.8rem}._nav_1kflh_49{align-items:center;gap:2rem;display:flex}._link_1kflh_55{font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}._link_1kflh_55:hover{color:var(--color-primary)}@media (width<=768px){._content_1kflh_13{width:90%}._text_1kflh_26 h1{font-size:1.6rem}._text_1kflh_26 span{font-size:.72rem}._nav_1kflh_49{gap:1.2rem}._link_1kflh_55{font-size:.9rem}}@media (width<=380px){._content_1kflh_13{flex-direction:column;justify-content:center;align-items:center;gap:.8rem;width:100%}._text_1kflh_26{text-align:center;align-items:center}._text_1kflh_26 h1{font-size:1.35rem}._text_1kflh_26 span{margin-top:1px;font-size:.65rem}._nav_1kflh_49{flex-wrap:wrap;justify-content:center;gap:1rem}._link_1kflh_55{font-size:.85rem}}._container_1ik34_1{justify-content:center;width:100%;display:flex}._content_1ik34_7{flex-direction:row;justify-content:center;align-items:stretch;gap:24px;width:80%;margin:18px;display:flex}._katakanaBox_1ik34_17{background:linear-gradient(185deg,#ffffffb1,#a9aebd3a);border-radius:24px;flex-direction:column;align-items:center;gap:20px;padding:14px;display:flex}._katakana_1ik34_17{width:200px;height:200px;color:var(--color-primary);background:linear-gradient(#fff,#f7f7f7);border:2px solid #ad2c3626;border-radius:24px;justify-content:center;align-items:center;font-size:8rem;display:flex;box-shadow:0 15px 35px #00000014}._info_1ik34_55{flex-direction:column;gap:10px;width:100%;display:flex}._katakanaInfo_1ik34_63{justify-content:center;align-items:center;max-height:100%;display:flex}._katanaId_1ik34_70{color:var(--color-text-dark);text-transform:uppercase;font-size:1.2rem;font-weight:600}._badge_1ik34_78{color:var(--color-text-dark);background:#fff;border:1px solid #0a4e7926;border-radius:12px;padding:12px 16px}._boardBox_1ik34_90{background:linear-gradient(#fff,#fafafa);border:1px solid #02253e14;border-radius:24px;flex:1;width:100%;min-width:0;padding:24px;overflow:hidden;box-shadow:inset 0 1px #ffffffe6}._boardBox_1ik34_90>*{width:100%}canvas{touch-action:none}@media (width<=1200px){._content_1ik34_7{grid-template-columns:1fr;gap:24px;display:grid}._katakanaBox_1ik34_17,._boardBox_1ik34_90,._scoreBox_1ik34_128{width:100%}._katakanaBox_1ik34_17{flex-flow:wrap;justify-content:center;align-items:center}._info_1ik34_55{width:auto;min-width:180px}._katakana_1ik34_17{width:180px;height:180px;font-size:7rem}._boardBox_1ik34_90,._scoreBox_1ik34_128{max-height:none}}@media (width<=768px){._container_1ik34_1{margin-top:16px}._content_1ik34_7{gap:12px;margin:8px}._katakanaBox_1ik34_17{flex-direction:column-reverse;padding:16px}._katakana_1ik34_17{width:150px;height:150px;font-size:5rem}._katanaId_1ik34_70{font-size:1rem}._badge_1ik34_78{padding:10px 12px;font-size:.9rem}._boardBox_1ik34_90{border-radius:20px;padding:12px}._scoreBox_1ik34_128{width:100%}}@media (width<=480px){._content_1ik34_7{gap:10px;width:100%;margin:4px}._katakanaBox_1ik34_17{gap:14px;padding:12px}._katakana_1ik34_17{width:100px;height:100px;font-size:3.5rem}._katanaId_1ik34_70{font-size:.9rem}._badge_1ik34_78{text-align:center;padding:8px 10px;font-size:.85rem}._boardBox_1ik34_90{border-radius:16px;padding:8px}._canvas_1ik34_229{width:100%;max-width:100%;height:auto}}._container_kh2i9_1{flex-direction:column;align-items:center;gap:18px;width:100%;display:flex}._canvas_kh2i9_10{aspect-ratio:1;cursor:crosshair;background-color:#fff;background-image:linear-gradient(#00000012 1px,#0000 1px),linear-gradient(90deg,#0000000f 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:40px 40px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #0000001f;border-radius:12px;width:min(400px,100%);display:block;box-shadow:0 12px 30px #00000014}._canvas_kh2i9_10:hover{box-shadow:0 20px 45px #0000001a,0 6px 15px #0000000f}._actions_kh2i9_38{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;display:flex}._actions_kh2i9_38 button{cursor:pointer;border:none;border-radius:12px;min-width:120px;padding:10px;font-size:.95rem;font-weight:600;transition:transform .15s,opacity .15s,box-shadow .15s}._actions_kh2i9_38 button:hover{background:#e2e8f0;transform:translateY(-1px)}._actions_kh2i9_38 button:active{transform:translateY(1px)}._actions_kh2i9_38 button:last-child{background:var(--color-secondary);color:#fff;box-shadow:0 8px 20px #4f46e540}._actions_kh2i9_38 button:last-child:hover{background:var(--color-secondary-hover)}._templateButton_kh2i9_86{color:#f5f5f5;background:red}@media (width<=768px){._container_kh2i9_1{gap:14px}._canvas_kh2i9_10{width:min(360px,100%)}._actions_kh2i9_38{gap:10px}._actions_kh2i9_38 button{min-width:100px;padding:9px;font-size:.9rem}}@media (width<=480px){._container_kh2i9_1{gap:12px}._canvas_kh2i9_10{border-radius:10px;width:min(320px,100%)}._actions_kh2i9_38{gap:8px}._actions_kh2i9_38 button{flex:140px;min-width:0;padding:9px 6px;font-size:.85rem}}@media (width<=360px){._canvas_kh2i9_10{border-radius:8px;width:100%}._actions_kh2i9_38{flex-direction:column-reverse}._actions_kh2i9_38 button{flex:14px;min-width:0;padding:9px 6px;font-size:.85rem}}._overlay_1p6od_1{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:999;background:#0f172abf;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}._modal_1p6od_17{background:linear-gradient(#fff,#f8fafc);border-radius:28px;flex-direction:column;gap:24px;width:760px;max-width:95vw;max-height:90vh;padding:28px;animation:.25s _popup_1p6od_1;display:flex;overflow-y:auto;box-shadow:0 30px 80px #00000040}._topBar_1p6od_44{justify-content:space-between;align-items:center;display:flex}._topBar_1p6od_44 h2{margin:0;font-size:1.8rem;font-weight:700}._nextButton_1p6od_57{cursor:pointer;background:var(--color-primary);color:#fff;border:none;border-radius:12px;padding:12px 18px;font-weight:600;transition:all .2s}._nextButton_1p6od_57:hover{opacity:.95;transform:translateY(-1px)}._scoreSection_1p6od_79{flex-direction:column;align-items:center;gap:12px;display:flex}._scoreCircle_1p6od_86{width:140px;height:140px;color:var(--color-primary);background:#fff;border:6px solid #ad2c3626;border-radius:50%;justify-content:center;align-items:center;font-size:3rem;font-weight:800;display:flex;box-shadow:0 10px 30px #00000014}._message_1p6od_110{color:#475569;margin:0;font-size:1.2rem;font-weight:600}._info_1p6od_119{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}._info_1p6od_119 span{background:#fff;border:1px solid #0000000f;border-radius:999px;padding:10px 14px;font-size:.9rem;font-weight:500}._comparison_1p6od_140{grid-template-columns:repeat(2,minmax(220px,1fr));gap:20px;display:grid}._card_1p6od_150{background:#fff;border:1px solid #0000000f;border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:18px;display:flex}._card_1p6od_150 h4{color:#64748b;margin:0;font-size:.95rem}._reference_1p6od_173,._drawing_1p6od_174{background:#fafafa;border:1px solid #00000014;border-radius:18px;width:220px;height:220px}._reference_1p6od_173{color:var(--color-primary);justify-content:center;align-items:center;font-size:8rem;display:flex}._drawing_1p6od_174{object-fit:contain}._debugButton_1p6od_199{cursor:pointer;background:#fff;border:1px solid #00000014;border-radius:12px;padding:12px;font-weight:600;transition:all .2s}._debugButton_1p6od_199:hover{background:#f8fafc}._debug_1p6od_199{color:#fff;background:#0f172a;border-radius:18px;padding:20px}._debug_1p6od_199 h3{margin-top:0}._debugGrid_1p6od_234{grid-template-columns:1fr 1fr;gap:16px;display:grid}._debugImage_1p6od_240{background:#fff;border-radius:12px;width:100%}._debugGrid_1p6od_234 pre{background:#020617;border-radius:10px;max-height:250px;padding:12px;font-size:.75rem;overflow:auto}@keyframes _popup_1p6od_1{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (width<=700px){._comparison_1p6od_140{grid-template-columns:1fr}._reference_1p6od_173,._drawing_1p6od_174{width:180px;height:180px}._scoreCircle_1p6od_86{width:110px;height:110px;font-size:2.4rem}._debugGrid_1p6od_234{grid-template-columns:1fr}}._container_s8bts_1{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:.75rem;box-shadow:0 2px 8px #0000000a}._title_s8bts_11{color:#1f2937;margin:0 0 .5rem;font-size:.95rem;font-weight:600}._option_s8bts_19{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:space-between;align-items:center;gap:5px;padding:.55rem .25rem;transition:background .15s;display:flex}._option_s8bts_19:hover{background:#f8fafc}._option_s8bts_19 span{color:#374151;font-size:.92rem}._option_s8bts_19:not(:last-child){border-bottom:1px solid #f1f5f9}._switch_s8bts_48{appearance:none;cursor:pointer;background:#d1d5db;border-radius:999px;flex-shrink:0;width:42px;height:24px;transition:background .2s;position:relative}._switch_s8bts_48:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000002e}._switch_s8bts_48:checked{background:#2563eb}._switch_s8bts_48:checked:before{transform:translate(18px)}._container_166cq_1{background:linear-gradient(#fff 0%,#f7f8fa 100%);border:1px solid #0000000f;border-radius:14px;flex-direction:column;gap:16px;height:100%;max-height:700px;padding:18px;transition:all .2s;display:flex;box-shadow:0 6px 18px #0000000d}._header_166cq_20{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;gap:5px;padding-bottom:10px;display:flex}._header_166cq_20 h2{color:#111;letter-spacing:.2px;margin:0;font-size:15px;font-weight:600}._header_166cq_20 span{color:#666;background:#0000000a;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:500}._stats_166cq_48{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}._stats_166cq_48>div{border-left:4px solid var(--color-primary);background:#fff;border:1px solid #0000000f;flex-direction:column;gap:6px;padding:14px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 2px 8px #0000000a}._stats_166cq_48>div:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014}._stats_166cq_48 strong{color:#777;text-transform:uppercase;letter-spacing:.6px;font-size:11px;font-weight:500}._stats_166cq_48 p{color:var(--color-primary);margin:0;font-size:20px;font-weight:700}._history_166cq_91{border-top:1px solid #0000000f;flex-direction:column;flex:1;gap:10px;min-height:0;max-height:300px;padding-top:10px;display:flex}._history_166cq_91 strong{color:#555;letter-spacing:.3px;font-size:12px;font-weight:600}._history_166cq_91 ul{scrollbar-width:thin;flex-direction:column;flex:1;gap:8px;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}._history_166cq_91 li{color:#222;background:#fff;border:1px solid #0000000f;border-radius:10px;justify-content:space-between;padding:8px 10px;font-size:13px;display:flex}._history_166cq_91 li:hover{background:#f9fafb}._container_166cq_1[data-finished=true]{background:linear-gradient(#f6fff8 0%,#fff 100%);border:1px solid #22c55e40}._container_1jgg5_1{max-width:900px;margin:0 auto;padding:3rem 1.5rem}._hero_1jgg5_8{margin-bottom:3rem}._hero_1jgg5_8 h1{color:var(--color-primary);margin-bottom:1rem;font-size:2.5rem;font-weight:800}._hero_1jgg5_8 p{color:#4b5563;margin-bottom:1rem;line-height:1.7}._section_1jgg5_28{margin-bottom:2.5rem}._section_1jgg5_28 h2{color:#111827;margin-bottom:1rem;font-size:1.5rem;font-weight:700}._section_1jgg5_28 p{color:#4b5563;line-height:1.7}._section_1jgg5_28 ul{padding-left:1.25rem}._section_1jgg5_28 li{color:#4b5563;margin-bottom:.75rem;line-height:1.6}._info_1jgg5_56{gap:1rem;display:grid}._info_1jgg5_56 div{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;padding:1rem;display:flex}._info_1jgg5_56 strong{color:#111827;margin-bottom:.35rem}._info_1jgg5_56 span{color:#4b5563}@media (width<=768px){._container_1jgg5_1{padding:2rem 1rem}._hero_1jgg5_8 h1{font-size:2rem}._section_1jgg5_28 h2{font-size:1.25rem}}