.hero-pop-note{cursor:pointer;max-width:52%;min-height:44px;line-height:1.6;text-align:center;white-space:normal;overflow-wrap:anywhere;touch-action:manipulation}
.hero-international{font-family:var(--latin);font-size:12px;line-height:1.65;margin:-9px 0 24px;color:#435864;letter-spacing:.01em}
.desktop-nav small,.mobile-nav small,.action-english{display:block;font-family:var(--latin);font-size:10px;font-weight:500;line-height:1.4;letter-spacing:.02em;margin-top:3px}.mobile-nav>a{align-items:center}.mobile-nav>a>span:first-child{font-family:var(--sans);font-size:14px}.mobile-nav small{font-size:11px}.desktop-nav .nav-contact>span:first-child{font:inherit}.action-english{font-size:10px}.note-language{margin-left:auto;min-height:44px;padding:8px;border:1px solid var(--ink);border-radius:10px;background:white;color:var(--ink);font:600 11px var(--sans);cursor:pointer}.note-heading{gap:9px}.note-kicker{flex-shrink:1}
.hero-pop-note:hover,.hero-pop-note:focus-visible{animation-play-state:paused;box-shadow:5px 5px 0 var(--ink);background:#e6d9ff}
.hero-pop-note:focus-visible{outline:3px solid var(--lime);outline-offset:5px}
.note-dialog{width:min(470px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:0;border:2px solid var(--ink);border-radius:26px;background:var(--paper);color:var(--ink);box-shadow:7px 7px 0 var(--lilac);overflow-y:auto;overscroll-behavior:contain}
.note-dialog::backdrop{background:#0c1e32cc;backdrop-filter:blur(5px)}
.note-form{padding:24px 26px 27px}.note-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.note-kicker{font-family:var(--latin);font-size:10px;font-weight:700;letter-spacing:.04em}.note-close{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:1.5px solid var(--ink);border-radius:50%;background:var(--lime);color:var(--ink);font-size:27px;cursor:pointer}
.note-doodle{display:inline-block;color:var(--orange);font-size:50px;line-height:1;margin:12px 0 15px;transform:rotate(-12deg)}
.note-dialog h2{font-size:25px;line-height:1.55;margin:0 0 12px;letter-spacing:-.04em}.note-dialog p{font-size:13px;line-height:1.9;margin:0}.note-field-label{display:block;margin-top:24px;margin-bottom:8px;font-size:12px;font-weight:700}
.note-dialog input{width:100%;min-height:54px;padding:12px 13px;border:2px solid var(--ink);border-radius:12px;background:#fff;color:var(--ink);font:inherit;font-size:16px;box-shadow:3px 3px 0 var(--lilac)}
.note-dialog input:focus{outline:3px solid #8bb6ce;outline-offset:3px}.note-dialog input[aria-invalid=true]{border-color:#9c3426}.note-field-meta{display:flex;justify-content:space-between;gap:8px;min-height:30px;padding-top:8px;font-size:10px}.note-field-meta #note-error{color:#9c3426}.note-field-meta #note-count{white-space:nowrap}
.note-dialog .note-storage{font-size:11px;color:#4c5d68;padding:12px 0 20px}.note-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.note-actions button{min-height:46px;font:inherit;font-size:12px;cursor:pointer;border:0;color:var(--ink)}.note-default{padding:8px 0;background:transparent;text-decoration:underline;text-underline-offset:4px}.note-actions .note-save{display:flex;justify-content:center;align-items:center;gap:24px;padding:11px 18px;border:2px solid var(--ink);border-radius:999px;background:var(--lime);box-shadow:3px 3px 0 var(--ink);font-weight:700}.note-save span{font-size:18px}.note-actions .note-save:disabled{opacity:.45;cursor:not-allowed}.note-close:focus-visible,.note-actions button:focus-visible{outline:3px solid #35759b;outline-offset:4px}
.note-feedback{position:fixed;bottom:85px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 36px);z-index:82;background:var(--ink);color:var(--paper);padding:12px 18px;border-radius:14px;font-size:12px;line-height:1.7;opacity:0;pointer-events:none;transition:opacity .2s}.note-feedback.is-shown{opacity:1}
.idea-hud.is-complete ~ .idea-toast{bottom:220px}
.note-save span[data-note-copy]{font-size:12px}
@media(max-width:760px){.hero-pop-note{font-size:10px;padding:8px 10px}.note-form{padding:18px 20px 22px}.note-dialog h2{font-size:23px}.note-kicker{font-size:9px}}
@media(max-width:370px){.note-form{padding:15px 16px 20px}.note-dialog h2{font-size:21px}.note-actions{gap:8px}.note-actions button{font-size:11px}.note-actions .note-save{gap:12px;padding-inline:15px}}