:root{--hira-seion: #1a1a1a;--hira-dakuon: #c0392b;--hira-handakuon: #e67e22;--hira-youon: #1565c0;--hira-choon: #b8860b;--bg-page: #f7f7f5;--bg-section: #ffffff;--border-radius: 12px;--shadow-card: 0 2px 8px rgba(0,0,0,.08);--shadow-modal: 0 20px 60px rgba(0,0,0,.18);--transition: .18s ease}.hiragana-page-wrapper{max-width:960px;margin:0 auto;padding:24px 16px 64px;background:var(--bg-page);font-family:Noto Sans JP,Hiragino Sans,Yu Gothic,sans-serif}.hiragana-hero{text-align:center;padding:32px 0 20px}.hiragana-title{font-size:clamp(2rem,5vw,3.2rem);font-weight:700;color:#1a1a1a;letter-spacing:.08em;margin:0 0 6px}.hiragana-subtitle{font-size:1rem;color:#666;margin:0}.scan-entry{display:flex;justify-content:center;margin:16px 0 28px}.scan-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#1a1a1a;color:#fff;border:none;border-radius:50px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background var(--transition),transform var(--transition);letter-spacing:.04em}.scan-btn svg{width:20px;height:20px}.scan-btn:hover{background:#333;transform:translateY(-1px)}.hira-section{background:var(--bg-section);border-radius:var(--border-radius);margin-bottom:24px;overflow:hidden;box-shadow:var(--shadow-card)}.section-header{display:flex;align-items:center;gap:12px;padding:16px 20px;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid #f0f0f0;transition:background var(--transition)}.section-header:hover{background:#fafafa}.section-header:after{content:"\25b2";margin-left:auto;font-size:.75rem;color:#999;transition:transform var(--transition)}.section-header.is-collapsed:after{transform:rotate(180deg)}.section-label{font-size:1.35rem;font-weight:700;letter-spacing:.06em}.section-en{font-size:.8rem;color:#888;font-style:italic}.section-header.seion .section-label{color:var(--hira-seion)}.section-header.dakuon .section-label{color:var(--hira-dakuon)}.section-header.handakuon .section-label{color:var(--hira-handakuon)}.section-header.youon .section-label{color:var(--hira-youon)}.section-header.choon .section-label{color:var(--hira-choon)}.hira-grid{display:flex;flex-wrap:wrap;gap:10px;padding:16px 20px 20px;transition:max-height .3s ease,opacity .3s ease}.youon-grid{gap:12px}.hira-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:68px;height:68px;border:2px solid transparent;border-radius:10px;background:#fafafa;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition),background var(--transition);padding:0;gap:2px}.hira-card:hover{transform:translateY(-3px) scale(1.06);box-shadow:0 6px 18px #0000001f;background:#fff}.hira-card:active{transform:scale(.97)}.hira-card.is-highlighted{animation:pulse .6s ease 3}@keyframes pulse{0%,to{box-shadow:var(--shadow-card)}50%{box-shadow:0 0 0 6px #4285f459}}.hira-char{font-size:1.7rem;line-height:1;font-weight:500}.hira-card--seion .hira-char{color:var(--hira-seion)}.hira-card--dakuon .hira-char{color:var(--hira-dakuon)}.hira-card--handakuon .hira-char{color:var(--hira-handakuon)}.hira-card--youon .hira-char{color:var(--hira-youon)}.hira-card--choon .hira-char{color:var(--hira-choon)}.hira-card--youon{width:80px}.hira-card--seion{border-color:#1a1a1a26}.hira-card--dakuon{border-color:#c0392b33}.hira-card--handakuon{border-color:#e67e2240}.hira-card--youon{border-color:#1565c033}.hira-card--choon{border-color:#b8860b40}.hira-romaji{font-size:.6rem;color:#aaa;letter-spacing:.03em}.hira-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9000;opacity:0;pointer-events:none;transition:opacity .22s ease;padding:16px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.hira-modal-overlay.is-active{opacity:1;pointer-events:all}.hira-modal{position:relative;width:100%;max-width:420px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-modal);display:flex;flex-direction:column;transform:translateY(20px) scale(.96);transition:transform .22s ease;max-height:90dvh}.hira-modal-overlay.is-active .hira-modal{transform:translateY(0) scale(1)}.modal-close{position:absolute;top:12px;right:14px;width:32px;height:32px;border:none;background:#00000012;border-radius:50%;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#555;transition:background var(--transition);z-index:10}.modal-close:hover{background:#00000024}.modal-top{flex:0 0 70%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px 24px;background:#fff;min-height:260px}.modal-main-char{font-size:clamp(5rem,18vw,7rem);line-height:1;font-weight:400;color:#1a1a1a;margin-bottom:20px;font-family:"Noto Serif JP",Yu Mincho,serif}.modal-info-row{display:flex;align-items:center;width:100%;gap:8px}.modal-left-info{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:3px}.modal-romaji{font-size:1.05rem;font-weight:700;color:#333;letter-spacing:.05em}.modal-phonetic{font-size:.8rem;color:#888;font-family:DejaVu Sans,Segoe UI,monospace}.modal-center-info{flex:1;display:flex;justify-content:center}.modal-katakana{font-size:2.4rem;color:#444;font-weight:400;font-family:"Noto Serif JP",serif}.modal-right-info{flex:1;display:flex;justify-content:flex-end}.modal-audio-btn{width:48px;height:48px;border-radius:50%;border:none;background:#1a1a1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition),transform var(--transition)}.modal-audio-btn svg{width:22px;height:22px}.modal-audio-btn:hover{background:#333;transform:scale(1.08)}.modal-audio-btn.is-playing{animation:audioWave .4s ease infinite alternate;background:#1565c0}@keyframes audioWave{0%{transform:scale(1)}to{transform:scale(1.14)}}.modal-bottom{flex:0 0 30%;background:#f7f7f5;border-top:1px solid #ebebeb;padding:16px 24px;display:flex;align-items:center;min-height:100px}.modal-examples{font-size:.9rem;color:#444;line-height:1.6;width:100%}.example-label{font-weight:700;color:#888;margin-right:4px}.example-text{color:#333}.scanner-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:9100;display:none;align-items:center;justify-content:center;padding:16px}.scanner-overlay.is-active{display:flex}.scanner-modal{width:100%;max-width:400px;background:#111;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.scanner-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;color:#fff;font-size:.95rem;font-weight:600;background:#1a1a1a}.scanner-close{background:none;border:none;color:#aaa;font-size:1.1rem;cursor:pointer;padding:2px 6px}.scanner-close:hover{color:#fff}.scanner-viewport{position:relative;width:100%;aspect-ratio:4/3;background:#000;overflow:hidden}#scannerVideo{width:100%;height:100%;object-fit:cover}.scanner-frame{position:absolute;top:20%;right:20%;bottom:20%;left:20%;pointer-events:none}.scanner-corner{position:absolute;width:24px;height:24px;border-color:#fff;border-style:solid}.scanner-corner.tl{top:0;left:0;border-width:3px 0 0 3px}.scanner-corner.tr{top:0;right:0;border-width:3px 3px 0 0}.scanner-corner.bl{bottom:0;left:0;border-width:0 0 3px 3px}.scanner-corner.br{bottom:0;right:0;border-width:0 3px 3px 0}.scanner-line{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00e5ff,transparent);animation:scanLine 2s ease-in-out infinite}@keyframes scanLine{0%{top:0%}50%{top:100%}to{top:0%}}.scanner-hint{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:#0009;color:#fff;font-size:.75rem;padding:6px 14px;border-radius:20px;white-space:nowrap;pointer-events:none}.scanner-result{background:#1a1a1a;color:#00e5ff;padding:12px 18px;font-size:1rem;font-weight:600;display:flex;justify-content:center;letter-spacing:.04em}.scanner-shutter-wrap{display:flex;justify-content:center;padding:14px 0;background:#111}.scanner-shutter-btn{width:64px;height:64px;border-radius:50%;border:4px solid #fff;background:transparent;cursor:pointer;position:relative;transition:transform .15s ease;font-family:inherit}.scanner-shutter-btn:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:#fff;transition:background .15s ease}.scanner-shutter-btn:hover{transform:scale(1.08)}.scanner-shutter-btn:active:after{background:#ddd}.scanner-shutter-btn.is-disabled{opacity:.4;pointer-events:none}.scanner-mode-row{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 0;background:#1a1a1a}.scanner-mode-label{color:#888;font-size:.72rem;letter-spacing:.04em}.scanner-mode-toggle{display:flex;border-radius:20px;overflow:hidden;border:1px solid #333}.scanner-mode-opt{padding:5px 14px;font-size:.72rem;background:transparent;color:#aaa;border:none;cursor:pointer;transition:background .15s,color .15s;font-family:inherit}.scanner-mode-opt.is-active{background:#fff;color:#111;font-weight:600}.scanner-confirm{display:none;flex-direction:column;align-items:center;justify-content:center;padding:20px 16px;background:#1a1a1a;gap:12px}.scanner-confirm.is-active{display:flex}.scanner-confirm-char{font-size:4.5rem;line-height:1;color:#fff;font-family:"Noto Serif JP",Yu Mincho,serif}.scanner-confirm-romaji{font-size:1rem;color:#aaa;letter-spacing:.06em;margin-bottom:4px}.scanner-confirm-hint{font-size:.72rem;color:#888;margin-bottom:8px}.scanner-confirm-btns{display:flex;gap:16px}.scanner-confirm-btn{width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;font-size:1.4rem;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,background .15s ease}.scanner-confirm-btn:hover{transform:scale(1.12)}.scanner-confirm-btn:active{transform:scale(.95)}.scanner-confirm-btn--ok{background:#2ecc71;color:#fff}.scanner-confirm-btn--ok:hover{background:#27ae60}.scanner-confirm-btn--retry{background:#e74c3c;color:#fff}.scanner-confirm-btn--retry:hover{background:#c0392b}.scanner-confirm-others{display:none;flex-direction:column;align-items:center;gap:6px;width:100%}.scanner-confirm-others.has-others{display:flex}.scanner-confirm-others-label{font-size:.65rem;color:#666;letter-spacing:.04em}.scanner-confirm-others-btns{display:flex;gap:8px}.scanner-confirm-other-btn{padding:6px 16px;border-radius:20px;border:1px solid #444;background:transparent;color:#ccc;font-size:1.1rem;font-family:"Noto Serif JP",Yu Mincho,serif;cursor:pointer;transition:background .15s,border-color .15s,color .15s;letter-spacing:.04em}.scanner-confirm-other-btn:hover{background:#333;border-color:#888;color:#fff}@media(max-width:480px){.hira-card{width:58px;height:58px}.hira-char{font-size:1.45rem}.hira-card--youon{width:70px}.hiragana-page-wrapper{padding:12px 10px 48px}.hira-grid{gap:7px;padding:12px 12px 16px}.section-header{padding:13px 14px}}@media(max-width:360px){.hira-card{width:52px;height:52px}.hira-char{font-size:1.25rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/hiragana-styles.css.map */