/* RC4 presentation only; no changes to study / quiz layout. */
.note-bookmark{position:absolute;top:8px;right:8px;width:48px;height:48px;border:0;border-radius:12px;background:transparent;color:#ad6671;display:flex;align-items:center;justify-content:center;touch-action:manipulation;cursor:pointer;z-index:2}
.note-bookmark svg{width:22px;height:29px;stroke:currentColor;fill:none;stroke-width:1.6;transition:fill .15s,transform .15s}.note-bookmark[aria-pressed="true"] svg{fill:#b76f7b;stroke:#9b5764}.note-bookmark:active svg{transform:scale(.93)}.note-bookmark:focus-visible{outline:2px solid #ad6671;outline-offset:1px}.note-bookmark:disabled{opacity:.5;cursor:wait}.note-bookmark[hidden]{display:none!important}
#flash-area{position:relative}#flash-area>.eyebrow{padding-right:44px}.note-save-status{font-size:12px;min-height:1.4em;text-align:center;color:#98616c;margin:4px 0;overflow-wrap:anywhere}
.note-tabs{display:flex;gap:8px;margin:16px 0}.note-tabs button{flex:1;min-width:0;min-height:48px;padding:10px 6px;border:1px solid #d7c8d5;border-radius:12px;background:#fff8f6;color:#796578;font:inherit;font-size:14px;touch-action:manipulation}.note-tabs button[aria-selected="true"]{background:#eee3ed;border-color:#bea3bc;color:#64516b}.note-tabs small{display:block;font-size:11px;margin-top:3px}
.note-row{display:flex;align-items:center;gap:8px;padding:12px 0;border-bottom:1px dashed #dcccda}.note-word-open{flex:1;min-width:0;min-height:48px;text-align:left;border:0;background:transparent;color:inherit;padding:8px 4px;font:inherit;touch-action:manipulation}.note-word-open strong{display:block;font-size:19px;font-weight:500}.note-word-open span{display:block;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.note-remove{min-width:48px;min-height:48px;border:0;border-radius:10px;color:#9e6571;background:#f3e7e9;font:inherit;font-size:12px;touch-action:manipulation}
.note-modal{position:fixed;inset:0;z-index:150;background:#41344780;display:flex;align-items:center;justify-content:center;padding:16px}.note-modal[hidden]{display:none!important}.note-modal-card{width:min(100%,550px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#fff8f4;border:1px solid #d9bdca;border-radius:18px;padding:22px;box-shadow:0 14px 60px #382a4d33;box-sizing:border-box}.note-modal-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.note-modal-top button{min-height:44px;min-width:56px}.note-modal-card .word{font-size:clamp(27px,7vw,42px);margin:14px 0}.note-modal-card .reading,.note-modal-card .meaning{display:block}.note-modal-card p{overflow-wrap:anywhere}.note-modal-card .example-jp{line-height:2.2}
/* Reuse the existing handwritten menu image; crop its ノート suffix in layout. */
.note-menu-crop{display:block;position:relative;width:55px;height:32px;overflow:hidden}.note-menu-crop .menu-script{position:absolute!important;right:0!important;top:0!important;height:32px!important;width:auto!important;max-width:none!important;filter:inherit}
@media(min-width:761px){.note-menu-crop{width:66px;height:38px}.note-menu-crop .menu-script{height:38px!important}}
@media(prefers-reduced-motion:reduce){.note-bookmark svg{transition:none}}